/* Redaktionelles Raster: Bildflächen und Arbeitsflächen teilen sich dieselben Maße. */
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: optional; src: url('barlow-condensed-latin-700-normal.3787a5a4.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 800; font-display: optional; src: url('barlow-condensed-latin-800-normal.2515494e.woff2') format('woff2'); }
:root {
  --papier: #eef2f1; --flaeche: #e3eae8; --weiss: #fff;
  --tinte: #122329; --tinte-2: #4b5d62; --linie: #c5d0cd; --linie-stark: #9aaca6;
  --petrol: #075f66; --petrol-tief: #03464d; --petrol-hell: #e0efeb;
  --display: 'Barlow Condensed', 'Plex Sans', sans-serif;
  --breit: 88rem; --spalte: 47rem; --rand: clamp(1.25rem, 4vw, 4rem); --r: 2px;
  --signal: #d9ed83; --ease: cubic-bezier(.16,1,.3,1);
}
.sprache-en { --papier: #f4f2ed; --flaeche: #e9e7e1; --linie: #cccfc7; --petrol: #185c62; --petrol-tief:#113e43; --petrol-hell:#e0eeea; --signal:#d9ed83; }
body { font-size: 1.0625rem; }
a { transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease; }
.kopf { background:var(--tinte); border-bottom:0; color:white; }
.kopf__innen { max-width:var(--breit); padding-top:1.35rem; padding-bottom:1.35rem; gap:1rem 2rem; }
.marke { color:white; gap:.8rem; }
.marke:hover { color:var(--signal); }
.marke__zeichen { color:var(--signal); width:2.3rem; height:2.3rem; }
.marke__zeichen path { stroke:var(--tinte); }
.marke__name { font:700 1.8rem/1 var(--display); letter-spacing:.01em; }
.marke__tld { color:#b3c9c8; font-weight:700; }
.marke__zusatz { color:#b3c9c8; font-size:.6rem; letter-spacing:.16em; margin-top:.35rem; }
.hauptnav a, .nav-gruppe summary { color:#e6eeeb; font-size:.85rem; font-weight:500; }
.hauptnav a:hover, .hauptnav a[aria-current='page'], .nav-gruppe summary:hover { color:var(--signal); border-color:var(--signal); }
.nav-gruppe details[open] summary { color:var(--signal); }
.nav-gruppe ul { background:var(--tinte); border-color:#52676b; border-radius:0; }
.nav-gruppe ul a:hover { background:#274149; color:var(--signal); }
.nav-gruppe summary[aria-current="true"] { color:var(--signal); border-color:var(--signal); }
.hauptnav ul { gap:.2rem 1.3rem; }
.kopf :focus-visible { outline-color:var(--signal); }
.seite { padding-bottom:5rem; }
.seite--toc { grid-template-columns:12rem minmax(0,1fr); gap:0 3rem; }
.text { max-width:none; }
.text > p, .text > ul, .text > ol { max-width:var(--spalte); }
.text > p + p { margin-top:1rem; }
.text h2 { font:700 clamp(1.8rem,3.3vw,3rem)/1.05 var(--display); letter-spacing:-.015em; padding-top:2rem; border-top:1px solid var(--linie-stark); margin-top:3.5rem; }
.text h3 { font:700 1.7rem/1.1 var(--display); }
.text h2 + *, .text h3 + * { margin-top:1.1rem; }
.text > .tabelle { margin-top:1.5rem; margin-bottom:2rem; }
.rubrik { display:flex; align-items:center; gap:.7rem; color:var(--petrol); font-size:.67rem; letter-spacing:.13em; line-height:1.5; }
.mag-rule { display:inline-block; width:2rem; height:3px; background:currentColor; flex:none; }
h1 { font:800 clamp(3.2rem,7.6vw,7.5rem)/.96 var(--display); letter-spacing:-.025em; text-transform:uppercase; max-width:22ch; text-wrap:balance; }
.metazeile { font:400 .7rem/1.6 var(--mono); letter-spacing:.015em; }
.vorspann { font-size:1.13rem; line-height:1.65; }
.vorspann p + p { margin-top:1rem; }
.mag-link { display:inline-flex; align-items:center; gap:1.3rem; padding:.8rem 0; font-size:.82rem; font-weight:600; text-decoration:none; border-bottom:2px solid currentColor; }
.mag-link span { font-size:1.4rem; transition:transform 160ms var(--ease); }
.mag-link:hover span { transform:translate(3px,-3px); }
.mag-photo { margin:0; min-width:0; }
.mag-photo img { display:block; width:100%; height:100%; object-fit:cover; background:#dbe2df; }
.mag-photo figcaption { font:400 .75rem/1.55 var(--mono); color:var(--tinte-2); padding:.7rem 0; }
.mag-photo__index { color:var(--petrol); margin-right:.4rem; }
.mag-cover { display:grid; position:relative; padding:3rem 0 0; gap:0 3rem; grid-template-columns:1fr 1.12fr; grid-template-rows:auto auto; }
.mag-cover__title { position:relative; z-index:1; padding:1rem 0 2rem; }
.mag-cover__title h1 { font-size:clamp(4rem,8vw,8rem); max-width:11ch; }
.mag-cover__title .rubrik { margin-bottom:1.4rem; }
.mag-cover__title .metazeile { margin-top:1.6rem; }
.mag-cover__photo { grid-column:2; grid-row:1 / 3; padding-top:.4rem; }
.mag-cover__photo img { height:34rem; object-position:45% 50%; }
.mag-cover__deck { padding:0 1rem 2.5rem 0; align-self:end; }
.mag-cover__deck > p { font-size:1.35rem; line-height:1.45; max-width:24ch; margin:0 0 1.25rem; }
.mag-cover--en { grid-template-columns:1.2fr 1fr; grid-template-rows:auto auto; gap:0 3rem; padding-top:2rem; }
.mag-cover--en .mag-cover__title { grid-column:2; grid-row:1; padding-top:2rem; }
.mag-cover--en .mag-cover__title h1 { font-size:clamp(5rem,10vw,10rem); max-width:8ch; }
.mag-cover--en .mag-cover__photo { grid-column:1; grid-row:1 / 3; }
.mag-cover--en .mag-cover__photo img { height:39rem; object-position:61% 50%; }
.mag-cover--en .mag-cover__deck { grid-column:2; padding-bottom:3rem; }
.mag-cover--en .mag-cover__deck > p { font-size:1.65rem; max-width:19ch; }
.mag-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:2px solid var(--tinte); border-bottom:1px solid var(--linie-stark); margin:2rem 0 3.5rem; }
.mag-paths a { display:flex; align-items:center; gap:1rem; padding:1.4rem 1.3rem; color:var(--tinte); text-decoration:none; min-width:0; }
.mag-paths a + a { border-left:1px solid var(--linie-stark); }
.mag-paths a:hover { background:var(--tinte); color:white; }
.mag-path__number { align-self:flex-start; color:var(--petrol); font:.65rem/1.6 var(--mono); }
.mag-paths a:hover .mag-path__number { color:var(--signal); }
.mag-paths strong { font:700 1.65rem/1.1 var(--display); display:block; }
.mag-paths small { display:block; font-size:.72rem; margin-top:.35rem; line-height:1.4; }
.mag-arrow { margin-left:auto; font-size:1.5rem; }
.typ-start .seite--toc { display:block; }
.typ-start .text { max-width:none; }
.typ-start .text > p { max-width:49rem; }
.typ-start .seite__toc { margin-bottom:3rem; }
.typ-start .toc { position:static; display:flex; align-items:flex-start; gap:2rem; }
.typ-start .toc__titel { flex:none; padding-top:.3rem; }
.typ-start .toc ol { display:flex; gap:.25rem 1.2rem; flex-wrap:wrap; border:0; }
.typ-start .toc li a { padding:.25rem 0; border:0; font-size:.75rem; }
.mag-prologue { display:grid; grid-template-columns:12rem minmax(0,1fr); gap:.9rem 3rem; margin:0 0 4rem; }
.mag-prologue > .rubrik { font-size:.65rem; align-self:start; }
.mag-prologue__copy { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem 2.5rem; }
.mag-prologue__copy > p { margin:0; font-size:1.05rem; }
.sprache-en .mag-prologue__copy > p:first-child { grid-column:1/-1; font:.75rem/1.6 var(--mono); color:var(--petrol); }
.mag-prologue__copy > p:last-child:nth-child(4) { grid-column:1/-1; font-size:.9rem; border-top:1px solid var(--linie); padding-top:1rem; }
.mag-guide-intro { display:grid; grid-template-columns:1fr 1.15fr; gap:3rem; align-items:start; margin-top:2rem; }
.mag-guide-intro .vorspann { margin-top:0; }
.mag-guide-photo img { height:24rem; object-position:center; }
.mag-interlude { display:grid; grid-template-columns:1.25fr 1fr; gap:3rem; margin:4rem 0; background:var(--tinte); color:white; }
.mag-interlude > div { padding:3rem 2rem 3rem 0; align-self:center; }
.mag-interlude .mag-photo img { height:25rem; }
.mag-interlude .mag-photo figcaption { color:#c2d3d1; padding:.9rem 1.2rem; }
.mag-interlude .mag-photo__index { color:var(--signal); }
.mag-interlude .rubrik, .mag-interlude .mag-link { color:var(--signal); }
.mag-interlude__title { font:700 clamp(3rem,5vw,5rem)/1 var(--display); margin:1.5rem 0; }
.mag-fieldnote { display:grid; grid-template-columns:1.65fr 1fr; gap:3rem; align-items:center; margin:4rem 0; padding-top:2rem; border-top:2px solid var(--petrol); }
.mag-fieldnote .mag-photo img { height:27rem; object-position:center; }
.mag-fieldnote__title { font:700 clamp(2.5rem,4.5vw,4.5rem)/1.05 var(--display); margin:1.5rem 0; max-width:14ch; }
.mag-fieldnote--reverse { grid-template-columns:1fr 1.5fr; }
.mag-fieldnote--reverse .mag-photo { grid-column:2; grid-row:1; }
.mag-fieldnote--reverse > div { grid-column:1; grid-row:1; }
.mag-feature { display:grid; grid-template-columns:1fr 1fr; gap:3rem; margin:3rem 0; grid-column:1/-1; }
.mag-feature__title { align-self:center; }
.mag-feature h1 { font-size:clamp(3.4rem,6.5vw,6.5rem); max-width:14ch; }
.mag-feature__photo img { height:28rem; }
.mag-feature__note { font:.72rem/1.5 var(--mono); color:var(--petrol); border-top:1px solid var(--linie); padding-top:1.3rem; margin-top:1.7rem; }
.typ-srg1 .mag-feature h1 { font-size:clamp(5rem,10vw,10rem); }
.typ-srg1 .mag-feature__photo img { object-position:50% 52%; }
.mag-standfirst { font-size:1.13rem; line-height:1.7; max-width:47rem; padding:0 0 2.5rem; }
.mag-standfirst p + p { margin-top:1rem; }
.mag-report-heading { padding:3rem 0 2.5rem; }
.mag-report-heading .vorspann { max-width:50rem; }
.mag-report-heading h1 { max-width:24ch; font-size:clamp(3.1rem,6vw,6rem); }
.mag-report-heading .mag-match { display:grid; grid-template-columns:1fr auto 1fr; gap:1.5rem; align-items:center; max-width:none; font-size:clamp(3rem,5vw,5rem); margin-bottom:2rem; }
.mag-match > span:last-child { color:var(--petrol); }
.mag-match .mag-match__versus { font:400 .85rem/1.5 var(--mono); letter-spacing:.05em; padding:.8rem; border:1px solid var(--linie-stark); }
.toc { top:2rem; }
.toc li a { padding:.5rem 0 .5rem .8rem; }
.toc__titel { color:var(--petrol); }
.tabelle { border-radius:0; border:0; border-top:2px solid var(--tinte); border-bottom:1px solid var(--linie-stark); }
.tabelle--vergleich { margin-right:0; }
thead th { background:var(--tinte); color:white; padding:1rem .9rem; border-color:#34494d; }
th,td { padding:.85rem .9rem; }
tbody tr:nth-child(even) > * { background:#eaf0ed; }
.tabelle--vergleich tbody tr:nth-child(even) > * { background:#eaf0ed; }
.kasten { border:0; border-radius:0; padding:2rem; background:var(--weiss); margin-top:3rem; }
.kasten--methodik { border-top:4px solid var(--petrol); }
.kasten h2 { border:0; padding-top:0; font-size:2.5rem; }
.karten { display:block; }
.karte { border:0; border-top:1px solid var(--linie-stark); border-radius:0; padding:1.5rem 0; background:transparent; }
.karte h3 { font-size:2rem; max-width:32ch; }
.karte p { max-width:47rem; }
.chips { margin-top:1rem; }
.chip { background:transparent; border:1px solid var(--linie); border-radius:0; }
.faq { border-radius:0; border-left:0; border-right:0; background:transparent; }
.faq summary { padding:1.25rem 2.6rem 1.25rem 0; font-size:1rem; }
.modell-galerie { grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem 1.2rem; }
.modell-galerie figure { background:transparent; border:0; padding:0; border-radius:0; }
.modell-galerie img { border-radius:0; aspect-ratio:4/3; object-fit:cover; }
.modell-galerie figure:first-child { grid-column:span 2; grid-row:span 2; }
.modell-galerie figure:first-child img { aspect-ratio:4/3; height:100%; max-height:40rem; }
.modell-galerie figcaption { font:.7rem/1.5 var(--mono); }
.fuss { background:var(--tinte); color:#d4e3df; border:0; padding:3.5rem 0; }
.fuss__marke { color:white; font:700 clamp(1.6rem,3.2vw,3rem)/1.15 var(--display); }
.fuss__marke span { display:block; font:400 .7rem/1.8 var(--mono); color:#b2c8c4; margin-top:.7rem; }
.fuss a { color:#d4e3df; }
.fuss a:hover { color:var(--signal); }
.fuss__hinweis { color:#b2c8c4; max-width:55rem; }
.fuss nav { margin-top:1.3rem; }
.fuss .fuss__weiteres { color:#d4e3df; }
/* Werkzeuge nutzen die ganze Arbeitsbreite, die Startfläche bleibt bildfrei. */
.typ-finder .text, .typ-rechner .text { width:100%; max-width:none; }
.mag-tool-heading { padding:2.5rem 0 2rem; margin-bottom:2rem; }
.mag-title-row { display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:2rem; }
.mag-title-row h1 { font-size:clamp(3.5rem,6vw,6rem); }
.mag-title-row .vorspann { max-width:32rem; margin:0; font-size:1rem; }
.typ-finder .wg-form { padding:1.5rem; border:0; border-top:4px solid var(--petrol); border-bottom:1px solid var(--linie-stark); }
.typ-finder .wg-fields { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.wg-form { border-radius:0; }
.wg-fieldset legend, .wg-field label { font-size:.9rem; }
.wg-form select, .wg-form input { border-radius:0; min-height:50px; }
.wg-button { border-radius:0; transition:background-color 140ms ease, color 140ms ease; }
.wg-results-area > h2 { font-size:2.6rem; border:0; padding:0; margin:2rem 0 .8rem; }
.wg-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; margin-top:1.2rem; }
.wg-card { border:0; border-top:3px solid var(--tinte); padding:1.4rem; border-radius:0; background:white; }
.wg-card h3 { font:700 2rem/1.05 var(--display); min-height:2.1em; }
.wg-card h3 a { text-decoration:none; }
.wg-card h3 a:hover { text-decoration:underline; }
.wg-card p { margin-top:1rem; }
.wg-criteria { line-height:1.8; font-size:.75rem; }
.wg-method { border:0; border-left:3px solid var(--petrol); border-radius:0; margin-top:2.5rem; max-width:55rem; padding:1.5rem; }
.wg-method h2 { font-size:2rem; border:0; margin:0; padding:0; }
.wg-fallback { border:0; border-top:1px solid var(--linie-stark); background:transparent; padding:1.5rem 0; border-radius:0; }
.wg-fallback > summary { font:700 1.8rem/1.2 var(--display); }
.wg-table { border:0; border-radius:0; }
.wg-crosslink a { border-radius:0; }
.typ-rechner .wg-tool { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:1.2rem 2rem; }
.typ-rechner .wg-tool > p:first-child, .typ-rechner #wg-measure-help { grid-column:1 / -1; max-width:55rem; }
.typ-rechner .wg-form { grid-column:1; grid-row:3 / 7; margin:0; align-self:start; padding:1.5rem; border:0; border-top:4px solid var(--petrol); }
.typ-rechner .wg-source, .typ-rechner .wg-size-result, .typ-rechner .wg-method { grid-column:2; margin:0; }
.typ-rechner .wg-size-result { border-radius:0; min-height:5rem; }
.typ-rechner .wg-method { font-size:.9rem; }
.typ-rechner .wg-crosslink, .typ-rechner .wg-fallback, .typ-rechner noscript { grid-column:1/-1; }
.typ-rechner .wg-tool > script { display:none; }
@media (min-width: 1100px) {
  .typ-start .text > .karten { display:grid; grid-template-columns:1fr 1fr; gap:0 3rem; }
}
@media (max-width: 1100px) {
  .kopf__innen { display:block; }
  .hauptnav { margin-top:1.1rem; padding-top:.7rem; border-top:1px solid #3c5156; }
  .seite--toc { grid-template-columns:10rem minmax(0,1fr); gap:0 2rem; }
  .mag-cover, .mag-feature { gap:0 2rem; }
  .mag-cover__photo img { height:31rem; }
  .mag-cover--en .mag-cover__photo img { height:34rem; }
  .mag-paths a { padding:1.2rem .7rem; gap:.6rem; }
  .mag-paths strong { font-size:1.4rem; }
  .mag-prologue { grid-template-columns:10rem minmax(0,1fr); gap:1rem 2rem; }
}
@media (max-width: 760px) {
  :root { --rand:1.25rem; }
  .kopf__innen { padding-top:1rem; padding-bottom:.7rem; }
  .marke__name { font-size:1.6rem; }
  .marke__zeichen { width:1.85rem; height:1.85rem; }
  .marke__zusatz { font-size:.55rem; }
  .hauptnav ul { gap:.2rem 1rem; }
  .hauptnav a, .nav-gruppe summary { min-height:40px; font-size:.8rem; padding:.5rem 0; }
  .hauptnav { margin-top:.8rem; padding-top:.35rem; }
  .seite--toc { display:block; }
  .seite__toc { margin-bottom:2rem; }
  .toc { position:static; }
  .toc ol { display:flex; flex-wrap:wrap; border:0; gap:.25rem 1rem; }
  .toc li a { border:0; padding:.2rem 0; font-size:.75rem; }
  .toc__titel { margin-bottom:.6rem; }
  .mag-cover, .mag-cover--en { display:flex; flex-direction:column; padding-top:1.7rem; gap:0; }
  .mag-cover__title, .mag-cover--en .mag-cover__title { padding:0 0 1.5rem; }
  .mag-cover__title h1 { font-size:clamp(3.4rem,13.8vw,6rem); max-width:14ch; }
  .mag-cover--en .mag-cover__title h1 { font-size:clamp(4.5rem,20vw,7rem); max-width:10ch; }
  .mag-cover__title .rubrik { font-size:.58rem; margin-bottom:1rem; }
  .mag-cover__title .metazeile { margin-top:1rem; font-size:.75rem; }
  .mag-cover__photo, .mag-cover--en .mag-cover__photo { margin:0 calc(-1 * var(--rand)); padding-top:0; }
  .mag-cover__photo img { height:22rem; object-position:43% 50%; }
  .mag-cover--en .mag-cover__photo img { height:24rem; object-position:61% 50%; }
  .mag-cover__photo figcaption { padding:.75rem var(--rand); font-size:.75rem; }
  .mag-cover__deck, .mag-cover--en .mag-cover__deck { padding:1.25rem 0 .5rem; }
  .mag-cover__deck > p, .mag-cover--en .mag-cover__deck > p { font-size:1.35rem; max-width:26ch; }
  .mag-paths { display:block; margin:1.5rem 0 2rem; }
  .mag-paths a { padding:1.2rem .2rem; gap:1.2rem; }
  .mag-paths a + a { border-left:0; border-top:1px solid var(--linie); }
  .mag-paths strong { font-size:1.8rem; }
  .mag-paths small { font-size:.73rem; }
  .typ-start .toc { display:block; }
  .mag-prologue { display:block; margin:0 0 2.5rem; }
  .mag-prologue__copy { display:block; }
  .mag-prologue__copy > p + p { margin-top:1.2rem; }
  .mag-prologue > .rubrik { margin-bottom:1.3rem; }
  .text h2 { font-size:2.2rem; margin-top:2.5rem; padding-top:1.5rem; }
  .text h3 { font-size:1.75rem; }
  .mag-interlude { display:block; margin:3rem calc(-1 * var(--rand)); }
  .mag-interlude .mag-photo img { height:20rem; }
  .mag-interlude > div { padding:1.5rem var(--rand) 2rem; }
  .mag-interlude__title { font-size:3rem; }
  .mag-fieldnote, .mag-fieldnote--reverse { display:flex; flex-direction:column; align-items:stretch; gap:1rem; margin:3rem 0; }
  .mag-fieldnote .mag-photo img { height:18rem; }
  .mag-fieldnote__title { font-size:2.6rem; max-width:20ch; }
  .mag-feature { display:flex; flex-direction:column; gap:1.4rem; margin:2rem 0; }
  .mag-feature h1 { font-size:clamp(3rem,11vw,5rem); max-width:18ch; }
  .typ-srg1 .mag-feature h1 { font-size:6rem; }
  .mag-feature__photo { margin:0 calc(-1 * var(--rand)); }
  .mag-feature__photo img { height:22rem; }
  .mag-feature__photo figcaption { padding:.7rem var(--rand); }
  .mag-feature__note { margin-top:1rem; padding-top:1rem; }
  .mag-standfirst { font-size:1.05rem; padding-bottom:1.5rem; }
  .mag-report-heading { padding:2rem 0 1.5rem; }
  .mag-report-heading h1 { font-size:clamp(2.8rem,11vw,4.5rem); }
  .mag-guide-intro { display:flex; flex-direction:column; gap:1.5rem; }
  .mag-guide-intro .mag-guide-photo { order:-1; margin:0 calc(-1 * var(--rand)); }
  .mag-guide-photo img { height:17rem; }
  .mag-guide-photo figcaption { padding-left:var(--rand); padding-right:var(--rand); }
  .mag-report-heading .mag-match { grid-template-columns:1fr; gap:.9rem; font-size:3.4rem; }
  .mag-match .mag-match__versus { justify-self:start; font-size:.7rem; padding:.3rem .7rem; }
  .kasten { padding:1.4rem 1rem; margin-left:-.3rem; margin-right:-.3rem; }
  th,td { padding:.75rem .7rem; }
  .modell-galerie { grid-template-columns:1fr 1fr; gap:1.5rem .7rem; }
  .modell-galerie figure:first-child { grid-column:1 / -1; grid-row:auto; }
  .modell-galerie figure:first-child img { height:auto; }
  .modell-galerie figcaption { font-size:.75rem; }
  .mag-title-row { display:block; }
  .mag-title-row h1 { font-size:clamp(3rem,12vw,5rem); }
  .mag-title-row .vorspann { margin-top:1.2rem; }
  .mag-tool-heading { padding:2rem 0 1.5rem; }
  .typ-finder .wg-form { padding:1.2rem; }
  .typ-finder .wg-fields { grid-template-columns:1fr; gap:1.2rem; }
  .wg-cards { grid-template-columns:1fr; gap:1rem; }
  .wg-card h3 { min-height:0; font-size:2rem; }
  .wg-method { padding:1.2rem; }
  .wg-method h2 { font-size:1.8rem; padding:0; margin:0; }
  .typ-rechner .wg-tool { display:block; }
  .typ-rechner .wg-tool > * + * { margin-top:1.2rem; }
  .typ-rechner .wg-form { padding:1.2rem; }
  .fuss { padding:2.5rem 0; }
  .fuss__marke { font-size:1.8rem; overflow-wrap:anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

/* Mobile Hauptnavigation mit nativer Tastaturbedienung. */
.mag-mobile-menu { display: none; }

@media (max-width: 760px) {
  .kopf { position: relative; z-index: 20; }
  .kopf__innen { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 8px; }
  .kopf .hauptnav--desktop { display: none; }
  .kopf .marke { min-width: 0; flex: 0 1 auto; gap: 8px; }
  .kopf .marke__zeichen { width: 22px; height: 22px; flex: none; }
  .kopf .marke__text { min-width: 0; }
  .kopf .marke__name { font-size: 1.22rem; white-space: nowrap; }
  .mag-mobile-menu { display: block; flex: none; color: var(--signal); }
  .mag-mobile-menu > summary { min-height: 44px; padding: .65rem .7rem; border: 1px solid currentColor; cursor: pointer; font: 600 .85rem/1.3 var(--sans); }
  .mag-mobile-menu > .hauptnav { position: absolute; top: 100%; left: 0; right: 0; width: auto; margin: 0; padding: 1rem var(--rand); background: var(--tinte); border-top: 1px solid #52676b; box-shadow: 0 12px 24px rgb(0 0 0 / .18); max-height: calc(100vh - 6rem); max-height: calc(100dvh - 6rem); overflow-y: auto; overscroll-behavior: contain; }
  .mag-mobile-menu .hauptnav > ul { display: grid; gap: .1rem; }
  .mag-mobile-menu .hauptnav a { display: block; min-height: 44px; padding: .6rem 0; white-space: normal; overflow-wrap: anywhere; }
  .mag-mobile-menu .nav-gruppe details { position: static; }
  .mag-mobile-menu .nav-gruppe summary { display: block; min-height: 44px; padding: .6rem 0; }
  .mag-mobile-menu .nav-gruppe ul { position: static; min-width: 0; margin: 0; padding: .1rem 0 .4rem .8rem; border: 0; box-shadow: none; background: transparent; }
}
@media (max-width: 360px) {
  .kopf .marke__name { font-size:1.05rem; }
  .kopf .marke__zusatz { font-size:.5rem; letter-spacing:.1em; }
}