/* Kfz-Service Thomas Herbst · Designprobe «Explosionszeichnung» · Herzhaus Studios */
@font-face{font-family:"SofiaX";src:url(/assets/fonts/SofiaSansExtraCondensed.woff2) format("woff2");font-weight:1 1000;font-display:swap}
@font-face{font-family:"SofiaX";src:url(/assets/fonts/SofiaSansExtraCondensed-Italic.woff2) format("woff2");font-weight:1 1000;font-style:italic;font-display:swap}
@font-face{font-family:"Sofia";src:url(/assets/fonts/SofiaSans.woff2) format("woff2");font-weight:1 1000;font-display:swap}
@font-face{font-family:"Sofia";src:url(/assets/fonts/SofiaSans-Italic.woff2) format("woff2");font-weight:1 1000;font-style:italic;font-display:swap}
@font-face{font-family:"Osi";src:url(/assets/fonts/osifont.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Kalam";src:url(/assets/fonts/Kalam-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Kalam";src:url(/assets/fonts/Kalam-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
 --papier:#f2efe6;--papier2:#e7e2d3;--weiss:#fbfaf4;--tinte:#14161d;--tinte2:#474b57;--linie:#c9c3b1;
 --blau:#0a12e6;--blau-hell:#dfe1ff;--rot:#d3301b;
 --fc:"SofiaX","Arial Narrow",sans-serif;--ft:"Sofia",system-ui,sans-serif;--fo:"Osi","Sofia",sans-serif;--fh:"Kalam","Sofia",cursive;
 --rand:clamp(20px,5vw,72px);--max:1320px;--fed:cubic-bezier(.34,1.56,.64,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--papier);color:var(--tinte);font:400 18.5px/1.55 var(--ft);overflow-x:hidden}
.a-gross body{font-size:21px}
button,input,select,textarea,optgroup{font-family:inherit;font-size:inherit;color:inherit}
img{max-width:100%;height:auto;display:block}
a{color:var(--blau);text-underline-offset:.18em;text-decoration-thickness:1.5px}
h1,h2,h3{font-family:var(--fc);font-weight:800;line-height:.9;margin:0;letter-spacing:-.005em}
p{margin:0 0 1em}
.springen{position:absolute;left:-999px;top:8px;background:var(--tinte);color:#fff;padding:12px 18px;z-index:99}
.springen:focus{left:8px}
:focus-visible{outline:3px solid var(--blau);outline-offset:3px}
.hand{font-family:var(--fh);font-weight:400}

/* ---------- Kopf ---------- */
.kopf{position:sticky;top:0;z-index:40;background:rgba(242,239,230,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1.5px solid var(--tinte)}
.kopf-innen{max-width:var(--max);margin:0 auto;padding:10px var(--rand);display:flex;align-items:center;gap:28px;min-height:70px}
.marke{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--tinte);margin-right:auto}
.marke img{width:150px}
.marke-name{font:700 17px/1 var(--fc);text-transform:uppercase;letter-spacing:.06em;border-left:1.5px solid var(--tinte);padding-left:14px;max-width:9em}
.haupt{display:flex;gap:26px}
.haupt a{font:600 19px/1 var(--fc);text-transform:uppercase;letter-spacing:.07em;color:var(--tinte);text-decoration:none;padding:12px 0;border-bottom:2px solid transparent}
.haupt a:hover,.haupt a[aria-current]{border-color:var(--blau);color:var(--blau)}
.kopf-tel{font:800 26px/1 var(--fc);color:var(--blau);text-decoration:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.kopf-tel small{font:400 13.5px/1 var(--fo);color:var(--tinte2);letter-spacing:.08em;text-transform:uppercase}
.inhalt-knopf{display:none;align-items:center;gap:8px;background:none;border:1.5px solid var(--tinte);border-radius:0;padding:0 14px 0 10px;min-height:48px;font:700 18px/1 var(--fc);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.mutter{width:26px;height:26px;transition:transform .7s var(--fed)}
.mutter path{fill:var(--weiss);stroke:var(--tinte);stroke-width:2.6;stroke-linejoin:round}
.mutter circle{fill:var(--papier2);stroke:var(--tinte);stroke-width:2.2}
.inhalt-knopf[aria-expanded="true"] .mutter{transform:rotate(120deg)}
.verzeichnis{position:fixed;z-index:45;inset:70px 0 0;background:rgba(20,22,29,.35);padding:14px;overflow:auto}
.verz-blatt{background:var(--weiss);border:1.5px solid var(--tinte);max-width:560px;margin:0 auto;padding:26px 22px 22px;box-shadow:8px 8px 0 var(--tinte);animation:blatt .45s var(--fed)}
@keyframes blatt{from{transform:translateY(-16px) rotate(-1.5deg);opacity:0}}
.verz-titel{font:800 46px/1 var(--fc);text-transform:uppercase;margin:0 0 14px;border-bottom:3px solid var(--tinte);padding-bottom:10px}
.verz-blatt ol{list-style:none;margin:0;padding:0}
.verz-blatt li a{display:flex;align-items:baseline;gap:12px;min-height:56px;padding:12px 0;color:var(--tinte);text-decoration:none;border-bottom:1px solid var(--linie)}
.verz-blatt .nr{font:800 28px/1 var(--fc);color:var(--blau);min-width:1.1em}
.verz-blatt .nt{font:700 25px/1.05 var(--fc);text-transform:uppercase;letter-spacing:.02em}
.verz-blatt .np{flex:1;border-bottom:2px dotted var(--tinte2);transform:translateY(-4px);min-width:20px}
.verz-blatt .ns{font:400 15px/1 var(--fo);color:var(--tinte2)}
.verz-blatt a[aria-current] .nt{color:var(--blau)}
.verz-fuss{display:flex;flex-direction:column;gap:6px;margin-top:18px;font:400 15px/1.3 var(--fo);color:var(--tinte2)}
.verz-fuss a{font:800 28px/1.1 var(--fc);color:var(--blau);text-decoration:none}

/* ---------- Schluessel-Knopf ---------- */
.knoepfe{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.schl{display:inline-flex;align-items:center;height:60px;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;transition:transform .5s var(--fed);transform-origin:50% 50%;-webkit-tap-highlight-color:transparent}
.schl:hover{transform:rotate(-4deg) translateY(-2px)}
.schl:active{transform:rotate(6deg) scale(.98);transition-duration:.15s}
.schl-maul{width:34px;height:60px;flex:none;overflow:visible}
.schl-l{transform:scaleX(-1);margin-right:-1px}
.schl-r{margin-left:-1px}
.schl-griff{height:40px;display:flex;align-items:center;padding:0 14px;font:italic 750 21px/1 var(--fc);letter-spacing:.02em;white-space:nowrap}
.schl-voll .schl-maul path{fill:var(--blau)}
.schl-voll .schl-griff{background:var(--blau);color:#fff}
.schl-leer .schl-maul path{fill:var(--weiss);stroke:var(--tinte);stroke-width:2.4}
.schl-leer .schl-griff{background:var(--weiss);color:var(--tinte);border-top:2px solid var(--tinte);border-bottom:2px solid var(--tinte)}
.schl-leer .schl-maul{position:relative;z-index:1}
.schl-hell .schl-maul path{fill:#fff}
.schl-hell .schl-griff{background:#fff;color:var(--blau)}

.kennung{display:flex;flex-wrap:wrap;gap:6px 0;font:400 14px/1.2 var(--fo);text-transform:uppercase;letter-spacing:.09em;color:var(--tinte2);margin:0 0 22px}
.kennung .k2{display:none}
.kennung .k2+span::before{display:none}
.kennung span+span::before{content:"";display:inline-block;width:18px;height:1.5px;background:currentColor;vertical-align:middle;margin:0 10px}
.status{display:flex;align-items:center;gap:10px;font:400 15px/1.3 var(--fo);letter-spacing:.04em;margin:18px 0 0}
.lampe{width:13px;height:13px;border-radius:50%;background:#9aa0ab;border:1.5px solid var(--tinte);flex:none}
.status.offen .lampe{background:#28c24a;box-shadow:0 0 0 4px rgba(40,194,74,.2)}
.status.zu .lampe{background:var(--rot)}

/* ---------- Held ---------- */
.held{max-width:var(--max);margin:0 auto;padding:clamp(28px,5vw,64px) var(--rand) 40px;display:grid;grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr);gap:44px;align-items:center}
.held h1{font-size:clamp(60px,7.1vw,104px);text-transform:uppercase;font-weight:850;margin:0 0 26px;line-height:.86}
.held h1 em{font-style:normal;color:var(--tinte2)}
.held h1 .w{position:relative;display:inline-block}
.strich{position:absolute;left:-4%;top:6%;width:108%;height:86%;overflow:visible;pointer-events:none}
.strich path{fill:none;stroke:var(--rot);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:streichen .9s .9s cubic-bezier(.6,.1,.3,1) forwards}
@keyframes streichen{to{stroke-dashoffset:0}}
.held-satz{font-size:clamp(19px,1.5vw,22px);max-width:30em;color:var(--tinte)}
.held-abb{margin:0;position:relative;background:var(--weiss);border:1.5px solid var(--tinte);padding:12px 12px 0;box-shadow:10px 10px 0 var(--papier2)}
.held-abb::before{content:"";position:absolute;inset:6px;border:.8px solid var(--tinte);pointer-events:none}
.blatt-kante{display:flex;justify-content:flex-end;gap:0;position:relative;z-index:1}
.blatt-kante span{font:400 13.5px/1 var(--fo);padding:6px 10px;border-left:.8px solid var(--tinte);border-bottom:.8px solid var(--tinte);text-transform:uppercase;letter-spacing:.05em}
.zeichnung{position:relative;touch-action:manipulation}
.abb1{width:100%;height:auto;display:block;overflow:visible}
.achse{stroke:var(--tinte2);stroke-width:1.1;stroke-dasharray:28 6 4 6;opacity:.75}
.teil{cursor:pointer;transition:opacity .4s}
.teil .m{fill:var(--weiss);stroke:var(--tinte);stroke-width:1.6;stroke-linejoin:round;transition:fill .3s,stroke .3s}
.teil .s{fill:#fffef9}
.teil .gummi{fill:#d6d1c3;stroke:var(--tinte);stroke-width:1.6;transition:fill .3s,stroke .3s}
.teil .gummi.s{fill:#e5e0d2}
.teil .l{fill:none;stroke:var(--tinte);stroke-width:1.2}
.teil .f{stroke-width:.8;opacity:.6}
.teil .tief{fill:#2a2d37;stroke:var(--tinte);stroke-width:1.1}
.teil .feder,.teil .feder-h{fill:none;stroke:var(--tinte);stroke-width:10;stroke-linecap:round}
.teil .feder-i{fill:none;stroke:var(--weiss);stroke-width:6.4;stroke-linecap:round;transition:stroke .3s}
.teil .feder-hi{fill:none;stroke:#cfc9ba;stroke-width:6.4;stroke-linecap:round}
.zeichnung.wahl .teil{opacity:.38}
.zeichnung.wahl .teil.aktiv{opacity:1}
.teil.aktiv .m,.teil.aktiv .s,.teil.aktiv .gummi{fill:var(--blau-hell);stroke:var(--blau)}
.teil.aktiv .l,.teil.aktiv .feder,.teil.aktiv .feder-h{stroke:var(--blau)}
.teil.aktiv .feder-i{stroke:var(--blau-hell)}
.teil:hover .m,.teil:hover .gummi{stroke:var(--blau)}
.pos{opacity:0;transition:opacity .45s;cursor:pointer}
.zerlegt .pos{opacity:1}
.zerlegt .pos{transition-delay:calc(var(--i,0) * 70ms)}
.pos-linie{stroke:var(--tinte);stroke-width:1.1}
.pos-punkt{fill:var(--tinte)}
.pos-kreis circle{fill:var(--weiss);stroke:var(--tinte);stroke-width:1.8;transition:fill .25s,transform .4s var(--fed)}
.pos-kreis text{font:400 26px/1 var(--fo);fill:var(--tinte)}
.pos.aktiv .pos-kreis circle{fill:var(--blau);stroke:var(--blau)}
.pos.aktiv .pos-kreis text{fill:#fff}
.pos.aktiv .pos-linie{stroke:var(--blau);stroke-width:1.8}
.pos:hover .pos-kreis circle{stroke:var(--blau);stroke-width:3}
figcaption{font-size:16px}
.held-abb figcaption{position:relative;z-index:1;border-top:.8px solid var(--tinte);margin:4px -12px 0;padding:14px 18px 18px}
.abb-steuer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.abb-hinweis{font:400 15px/1.35 var(--fo);margin:0;letter-spacing:.02em}
.abb-hinweis b{font-weight:400;background:var(--tinte);color:var(--weiss);padding:2px 7px;margin-right:6px}
.zerlegen{min-height:48px;padding:0 16px;background:var(--papier);border:1.5px solid var(--tinte);font:700 18px/1 var(--fc);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.zerlegen:hover{background:var(--tinte);color:var(--weiss)}
.zerlegen .z-aus,.zerlegen[aria-pressed="false"] .z-an{display:none}
.zerlegen[aria-pressed="false"] .z-aus{display:inline}
.posleiste{display:none;gap:8px;margin:14px 0 4px;overflow-x:auto;padding-bottom:4px}
.posk{flex:none;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px 0 6px;border:1.5px solid var(--tinte);background:var(--weiss);cursor:pointer;font:600 17px/1.1 var(--fc);text-align:left}
.posk span{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--tinte);display:grid;place-items:center;font:400 18px/1 var(--fo)}
.posk em{font-style:normal;max-width:8.5em}
.posk[aria-pressed="true"]{border-color:var(--blau);color:var(--blau)}
.posk[aria-pressed="true"] span{background:var(--blau);border-color:var(--blau);color:#fff}
.posfeld{margin-top:14px;min-height:118px;border-left:4px solid var(--blau);padding:4px 0 2px 16px}
.pf-kopf{display:flex;gap:10px;align-items:baseline;margin:0 0 6px}
.pf-nr{font:400 16px/1 var(--fo);color:var(--blau)}
.pf-name{font:800 28px/1 var(--fc);text-transform:uppercase}
.pf-text{margin:0 0 8px;font-size:17px;line-height:1.45}
.pf-link{font:700 19px/1 var(--fc);text-transform:uppercase;letter-spacing:.05em;color:var(--blau);display:inline-flex;align-items:center;gap:8px;min-height:44px}
.pf-link[hidden]{display:none}
.pf-link::after{content:"";width:22px;height:14px;background:var(--blau);clip-path:polygon(0 40%,62% 40%,62% 0,100% 50%,62% 100%,62% 60%,0 60%)}

/* ---------- Kapitel ---------- */
section{position:relative}
.kapitel{display:flex;gap:clamp(14px,2vw,28px);align-items:flex-start;margin:0 0 30px}
.kap-nr{font:800 clamp(64px,9vw,140px)/.78 var(--fc);color:var(--blau);flex:none;-webkit-text-stroke:0}
.kapitel h2{font-size:clamp(40px,5.4vw,84px);text-transform:uppercase;padding-top:4px}
.kapitel h2 span{display:block;font:italic 600 clamp(22px,2.2vw,32px)/1.1 var(--fc);text-transform:none;color:var(--tinte2);margin-top:10px;letter-spacing:.01em}
.kap-satz{max-width:40em;font-size:19px}
.kap-klein{font:400 15px/1 var(--fo);text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px;color:var(--tinte2)}

/* ---------- Stueckliste ---------- */
.stueckliste{max-width:var(--max);margin:0 auto;padding:clamp(56px,8vw,110px) var(--rand) clamp(50px,7vw,90px);border-top:1.5px solid var(--tinte)}
.sl{width:100%;border-collapse:collapse;margin-top:26px;border-top:3px solid var(--tinte);border-bottom:3px solid var(--tinte)}
.sl thead th{font:400 14px/1 var(--fo);text-transform:uppercase;letter-spacing:.1em;text-align:left;padding:12px 10px;border-bottom:1.5px solid var(--tinte);color:var(--tinte2)}
.sl td,.sl tbody th{padding:16px 10px;border-bottom:1px solid var(--linie);vertical-align:baseline;text-align:left}
.sl tbody tr{transition:background .25s}
.sl tbody tr:hover,.sl tbody tr.leuchtet{background:var(--blau-hell)}
.sl-nr{font:800 34px/1 var(--fc);color:var(--blau);width:2.4em}
.sl tbody th{font:800 clamp(26px,2.6vw,38px)/1 var(--fc);text-transform:uppercase;letter-spacing:.01em}
.sl tbody th small{display:block;font:400 17px/1.45 var(--ft);text-transform:none;letter-spacing:0;color:var(--tinte2);margin-top:6px;max-width:34em}
.sl-abb{white-space:nowrap;text-align:right!important;width:7em}
.sl-abb a,.sl-abb span{display:inline-flex;align-items:center;min-height:44px;font:400 15px/1 var(--fo);padding:0 4px}
.sl-abb span{color:var(--tinte2)}
.sl-mehr th{color:var(--blau)}
.sl-teil{width:96px;padding-right:0!important}
.mini{display:block;width:84px;height:62px;border:1px solid var(--linie);background:var(--weiss);padding:4px;transition:border-color .25s,transform .4s var(--fed)}
.mini svg{width:100%;height:100%;overflow:visible}
.mini.leer{border-style:dashed;display:grid;place-items:center;font:400 13.5px/1 var(--fo);color:var(--tinte2);background:transparent}
.sl tbody tr:hover .mini:not(.leer),.sl tbody tr.leuchtet .mini:not(.leer){border-color:var(--blau);transform:rotate(-3deg) scale(1.05)}
.mini .m{fill:var(--weiss);stroke:var(--tinte);stroke-width:2.2;stroke-linejoin:round}.mini .s{fill:#fffef9}.mini .gummi{fill:#d6d1c3;stroke:var(--tinte);stroke-width:2.2}.mini .gummi.s{fill:#e5e0d2}
.mini .l{fill:none;stroke:var(--tinte);stroke-width:1.4}.mini .f{opacity:.5}.mini .tief{fill:#2a2d37;stroke:var(--tinte)}
.mini .feder,.mini .feder-h{fill:none;stroke:var(--tinte);stroke-width:12;stroke-linecap:round}.mini .feder-i{fill:none;stroke:var(--weiss);stroke-width:7;stroke-linecap:round}.mini .feder-hi{fill:none;stroke:#cfc9ba;stroke-width:7;stroke-linecap:round}
.sl tbody tr.leuchtet .mini .m,.sl tbody tr:hover .mini .m{stroke:var(--blau)}

/* ---------- Hinweis (blau) ---------- */
.hinweis{background:var(--blau);color:#fff;overflow:hidden}
.hinweis::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 48px);pointer-events:none}
.hinweis-innen{max-width:var(--max);margin:0 auto;padding:clamp(60px,9vw,130px) var(--rand);position:relative}
.hw-schild{display:inline-flex;align-items:center;gap:14px;font:400 15px/1 var(--fo);text-transform:uppercase;letter-spacing:.14em;border:1.5px solid #fff;padding:10px 16px 10px 10px;margin:0 0 34px}
.hw-i{width:30px;height:30px;display:grid;place-items:center;background:#fff;color:var(--blau);font:italic 900 24px/1 var(--fc)}
.hw-zitat{margin:0}
.hw-zitat p{font:800 clamp(38px,5.6vw,92px)/.98 var(--fc);text-transform:uppercase;margin:0;max-width:16em;letter-spacing:-.005em}
.hw-zitat mark{background:none;color:inherit;position:relative;white-space:nowrap}
.hw-zitat mark:not(.gut){text-decoration:line-through;text-decoration-color:var(--rot);text-decoration-thickness:.12em;color:rgba(255,255,255,.72)}
.hw-zitat mark.gut{background:linear-gradient(transparent 62%,rgba(255,255,255,.28) 62%);color:#fff}
.hw-zitat footer{font:400 17px/1 var(--fo);letter-spacing:.06em;margin-top:24px;text-transform:uppercase}
.hw-zitat footer::before{content:"";display:inline-block;width:40px;height:1.5px;background:#fff;vertical-align:middle;margin-right:12px}
.hw-befund{display:grid;grid-template-columns:auto auto 1fr;gap:26px;align-items:center;margin-top:56px}
.befund{margin:0;background:#fff;padding:8px 8px 10px;color:var(--tinte);transform:rotate(-3deg);box-shadow:0 10px 24px rgba(0,0,20,.3);position:relative;cursor:zoom-in;width:max-content}
.befund.b2{transform:rotate(2.5deg)}
.befund::before{content:"";position:absolute;top:-12px;left:50%;width:70px;height:24px;margin-left:-35px;background:rgba(255,255,240,.7);transform:rotate(-4deg)}
.befund img{width:206px}
.befund figcaption{font:400 13.5px/1.2 var(--fo);margin-top:8px}
.hw-satz{font-size:20px;line-height:1.5;max-width:30em;margin:0}

/* ---------- Technische Daten ---------- */
.daten{max-width:var(--max);margin:0 auto;padding:clamp(60px,8vw,120px) var(--rand)}
.daten-blatt{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,5vw,80px);align-items:start}
.tdl{margin:0;border-top:3px solid var(--tinte)}
.tdl div{display:flex;align-items:baseline;gap:12px;padding:15px 0;border-bottom:1px solid var(--linie)}
.tdl dt{font:400 14.5px/1.2 var(--fo);text-transform:uppercase;letter-spacing:.09em;color:var(--tinte2);flex:none;width:9.5em}
.tdl dd{margin:0;font:800 clamp(24px,2.4vw,34px)/1.05 var(--fc);text-transform:uppercase}
.tdl div:first-child dd{font-size:clamp(54px,6vw,96px);color:var(--blau);line-height:.85}
.daten-rechts .hand{font-size:clamp(34px,3.4vw,48px);line-height:1.1;color:var(--blau);transform:rotate(-2.5deg);margin:6px 0 20px}
.daten-rechts p{font-size:19px}
.daten-rechts .schl{margin-top:10px}

/* ---------- Rundgang ---------- */
.rundgang{max-width:var(--max);margin:0 auto;padding:0 var(--rand) clamp(60px,8vw,110px)}
.rg-reihe{display:grid;grid-template-columns:7fr 5fr;grid-template-rows:auto auto;gap:18px}
.rg-reihe figure{margin:0;cursor:zoom-in;background:var(--weiss);border:1.5px solid var(--tinte);padding:8px}
.rg-a{grid-row:1 / span 2;display:flex;flex-direction:column}
.rg-a img{flex:1;min-height:0}
.rg-reihe img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.9) contrast(1.03)}
.rg-reihe figcaption,.yt-bilder figcaption{font:400 14.5px/1.3 var(--fo);padding:9px 2px 2px;letter-spacing:.02em}
.rg-reihe figcaption b,.yt-bilder figcaption b{font-weight:400;background:var(--tinte);color:var(--weiss);padding:1px 6px;margin-right:6px}
.rg-weiter{margin:26px 0 0}

/* ---------- Kontaktband mit Serviceaufkleber ---------- */
.kontaktband{max-width:var(--max);margin:0 auto;padding:clamp(60px,8vw,110px) var(--rand);border-top:1.5px solid var(--tinte)}
.ak-reihe{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,90px);align-items:center}
.aufkleber{background:var(--blau);color:#fff;border-radius:22px;padding:24px 26px 26px;transform:rotate(-2.5deg);box-shadow:0 2px 0 rgba(0,0,0,.08),0 22px 40px -14px rgba(10,18,120,.55);position:relative;max-width:470px;transition:transform .6s var(--fed)}
.aufkleber:hover{transform:rotate(-1deg) translateY(-4px)}
.aufkleber::after{content:"";position:absolute;right:0;bottom:0;width:58px;height:58px;border-radius:0 0 22px 0;background:linear-gradient(135deg,transparent 50%,#c8cbe8 50%,#fff 72%);box-shadow:-4px -4px 10px rgba(0,0,0,.12)}
.ak-kopf{display:flex;flex-direction:column;gap:6px;border-bottom:2px solid rgba(255,255,255,.55);padding-bottom:14px;margin-bottom:16px}
.ak-kopf img{width:240px}
.ak-kopf span{font:700 17px/1 var(--fc);text-transform:uppercase;letter-spacing:.12em}
.ak-zeile{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font:400 14.5px/1.2 var(--fo);text-transform:uppercase;letter-spacing:.06em}
.ak-zeile b{flex:1;min-width:5em;height:30px;border-bottom:2px solid rgba(255,255,255,.75);font:400 22px/30px var(--fh);text-transform:none;text-align:right;padding-right:4px}
.ak-tel{display:block;font:850 clamp(40px,4.4vw,58px)/1 var(--fc);color:#fff;text-decoration:none;margin:18px 0 6px;letter-spacing:.01em}
.ak-adr{font:400 15px/1.3 var(--fo);margin:0;letter-spacing:.04em}
.zeiten{margin:0 0 6px;border-top:3px solid var(--tinte)}
.zeiten div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--linie);align-items:baseline}
.zeiten dt{font:400 14.5px/1.2 var(--fo);text-transform:uppercase;letter-spacing:.08em;color:var(--tinte2)}
.zeiten dd{margin:0;font:800 25px/1.1 var(--fc);text-transform:uppercase;text-align:right}
.zeiten dd a{text-decoration:none}
.ak-text>p{font-size:18.5px;margin-top:16px}
.ak-text .knoepfe{margin-top:22px}

/* ---------- Meister ---------- */
.m-held{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:center}
.m-held .tacho{flex-direction:column;align-items:flex-start;margin:0}
.m-held,.w-held,.k-held{max-width:var(--max);margin:0 auto;padding:clamp(34px,6vw,90px) var(--rand) clamp(30px,4vw,50px)}
.m-held h1,.w-held h1,.k-held h1{font-size:clamp(58px,8.6vw,138px);text-transform:uppercase;margin:0 0 24px;line-height:.86}
.m-held h1 em,.w-held h1 em,.k-held h1 em{font-style:italic;font-weight:650;color:var(--blau);font-size:.62em;display:inline-block;line-height:1;margin-top:8px}
.zaehlwerk{max-width:var(--max);margin:0 auto;padding:clamp(30px,5vw,60px) var(--rand) clamp(60px,8vw,110px);border-top:1.5px solid var(--tinte)}
.tacho{display:flex;align-items:center;gap:clamp(18px,3vw,40px);flex-wrap:wrap;margin-bottom:34px}
.rolle{display:inline-flex;gap:5px;background:#101218;padding:10px;border-radius:10px;box-shadow:inset 0 0 0 3px #2b2f3a,0 14px 30px -12px rgba(0,0,0,.5)}
.r-ziffer{width:.72em;height:1.18em;overflow:hidden;font:800 clamp(78px,13vw,170px)/1.18 var(--fc);color:#f5f2e8;background:linear-gradient(#000 0,#22252e 22%,#2c303b 50%,#22252e 78%,#000 100%);border-radius:4px;text-align:center;position:relative}
.r-ziffer::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.55),transparent 28%,transparent 72%,rgba(0,0,0,.55));pointer-events:none}
.r-band{display:block;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.r-band i{display:block;font-style:normal;height:1.18em}
.rolle-text{font:800 clamp(30px,3.4vw,48px)/1 var(--fc);text-transform:uppercase;margin:0;color:var(--blau)}
.stationen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:3px solid var(--tinte)}
.stationen li{padding:0 16px 0 0;border-right:1px solid var(--linie);margin-right:16px}
.stationen li:last-child{border:0;margin:0}
.st{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:none;border:0;padding:18px 0 10px;cursor:pointer;width:100%;text-align:left;min-height:48px}
.st-j{font:800 40px/1 var(--fc);color:var(--tinte2);transition:color .3s}
.st-t{font:700 19px/1.1 var(--fc);text-transform:uppercase;letter-spacing:.05em}
.st[aria-pressed="true"] .st-j{color:var(--blau)}
.st[aria-pressed="true"]{box-shadow:inset 0 4px 0 var(--blau)}
.stationen p{font-size:17px;line-height:1.5;margin:0 0 14px;color:var(--tinte)}
.youngtimer{background:var(--tinte);color:var(--weiss)}
.youngtimer>.kapitel,.yt-reihe{max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:var(--rand);padding-right:var(--rand)}
.youngtimer>.kapitel{padding-top:clamp(60px,8vw,110px)}
.youngtimer .kapitel h2 span{color:#b9bdc8}
.youngtimer .kap-nr{color:#6e78ff}
.yt-reihe{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,70px);padding-bottom:clamp(60px,8vw,110px);align-items:start}
.yt-zitat{font-size:19.5px;line-height:1.6;color:#e7e5dd}
.hand.gross{font-size:clamp(30px,3vw,42px);line-height:1.15;color:#9ea6ff;transform:rotate(-2deg);margin-top:26px}
.yt-bilder{display:grid;gap:18px}
.yt-bilder figure{margin:0;cursor:zoom-in;border:1.5px solid #3b3f4b;padding:8px;background:#1b1e26}
.yt-bilder figcaption{color:#d6d4cb}
.yt-bilder figcaption b{background:var(--weiss);color:var(--tinte)}
.yt-2{width:80%;margin-left:auto!important}
.ziel{max-width:var(--max);margin:0 auto;padding:clamp(60px,8vw,110px) var(--rand)}
.ziel-gross{font:800 clamp(40px,5.6vw,88px)/.95 var(--fc);text-transform:uppercase;max-width:14em;margin:0 0 32px}

/* ---------- Werkstatt ---------- */
.tafeln{max-width:var(--max);margin:0 auto;padding:10px var(--rand) clamp(40px,6vw,80px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px) clamp(22px,3vw,44px);align-items:start}
.tafel{margin:0;background:var(--weiss);border:1.5px solid var(--tinte);padding:10px}
.tafel-bild{position:relative;cursor:zoom-in}
.tafel-bild img{width:100%}
.tm{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--weiss);border:2px solid var(--tinte);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.tm span{font:400 20px/1 var(--fo)}
.tm em{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);background:var(--tinte);color:var(--weiss);font:700 17px/1 var(--fc);font-style:normal;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;white-space:nowrap;opacity:0;pointer-events:none;transition:.25s}
.tm.rechts em{left:auto;right:-6px;transform:translateY(4px)}
.tm.links em{left:-6px;transform:translateY(4px)}
.tm.rechts:hover em,.tm.rechts.offen em,.tm.links:hover em,.tm.links.offen em,.tm.rechts:focus-visible em,.tm.links:focus-visible em{transform:none}
.tm:hover em,.tm.offen em,.tm:focus-visible em{opacity:1;transform:translateX(-50%)}
.tm.offen,.tm:hover{background:var(--blau);border-color:var(--blau);color:#fff}
.tafel figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:12px 4px 4px}
.tf-abb{font:400 14px/1 var(--fo);background:var(--tinte);color:var(--weiss);padding:4px 7px}
.tf-titel{font:800 28px/1 var(--fc);text-transform:uppercase}
.legende{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;width:100%;font-size:16px}
.legende b{font:400 15px/1 var(--fo);color:var(--blau);margin-right:6px}
.am-werk{max-width:var(--max);margin:0 auto;padding:0 var(--rand) clamp(50px,7vw,90px)}
.aw-reihe{display:flex;gap:18px;flex-wrap:wrap}
.aw-reihe figure{margin:0;background:var(--weiss);border:1.5px solid var(--tinte);padding:7px;cursor:zoom-in}
.aw-reihe img{width:200px;height:200px;object-fit:cover}
.aw-reihe figcaption{font:400 14px/1 var(--fo);padding:8px 2px 2px}

/* ---------- Kontakt ---------- */
.k-tel{display:inline-flex;flex-direction:column;font:850 clamp(52px,8vw,120px)/.9 var(--fc);color:var(--blau);text-decoration:none;margin-top:6px}
.k-tel small{font:400 14.5px/1.4 var(--fo);color:var(--tinte2);text-transform:uppercase;letter-spacing:.1em}
.termin{max-width:var(--max);margin:0 auto;padding:clamp(20px,4vw,50px) var(--rand) clamp(60px,8vw,100px)}
.auftrag{background:var(--weiss);border:2px solid var(--tinte);display:grid;grid-template-columns:1fr;max-width:980px;box-shadow:12px 12px 0 var(--papier2)}
.af-kopf{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:16px 18px;border-bottom:2px solid var(--tinte)}
.af-kopf img{width:150px}
.af-kopf h2{font-size:clamp(34px,4vw,52px);text-transform:uppercase}
.af-kopf p{margin:4px 0 0;font:400 15px/1.3 var(--fo)}
.af-nr{font:400 16px/1 var(--fo);border-left:1.5px solid var(--tinte);padding-left:14px;align-self:stretch;display:flex;align-items:center}
.af-zwei{display:grid;grid-template-columns:1fr 1fr}
.af-zwei .af-feld+.af-feld{border-left:1px solid var(--tinte)}
.af-feld{border-bottom:1px solid var(--tinte);padding:10px 16px 6px;display:flex;flex-direction:column}
.af-feld:focus-within{background:var(--blau-hell)}
.af-feld label{font:400 14px/1.2 var(--fo);text-transform:uppercase;letter-spacing:.08em;color:var(--tinte2)}
.af-feld label small{text-transform:none;letter-spacing:0;font-size:14px;margin-left:4px}
.af-feld input,.af-feld select,.af-feld textarea{border:0;background:transparent;font:400 24px/1.3 var(--fh);color:var(--blau);padding:4px 0 2px;min-height:48px;width:100%;border-radius:0;outline:none}
.af-feld select{appearance:none;-webkit-appearance:none;background:linear-gradient(45deg,transparent 50%,var(--tinte) 50%) right 8px top 55%/9px 9px no-repeat,linear-gradient(-45deg,transparent 50%,var(--tinte) 50%) right 0 top 55%/9px 9px no-repeat;padding-right:26px;cursor:pointer}
.af-feld textarea{resize:vertical;min-height:110px}
.af-feld input::placeholder,.af-feld textarea::placeholder{color:#8a8c94;opacity:1}
.af-feld.fehlt{background:#fde7e3}
.af-fehler{color:var(--rot);font:700 18px/1.3 var(--fc);padding:12px 16px 0;margin:0}
.af-fuss{display:flex;align-items:center;gap:18px;padding:18px 16px;flex-wrap:wrap}
.af-klein{font:400 14px/1.4 var(--fo);color:var(--tinte2);margin:0;max-width:30em}
.anfahrt{max-width:var(--max);margin:0 auto;padding:clamp(56px,8vw,100px) var(--rand);border-top:1.5px solid var(--tinte)}
.an-reihe{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(30px,5vw,70px);align-items:center}
.an-skizze{width:100%;background:var(--weiss);border:1.5px solid var(--tinte)}
.an-p rect{fill:var(--papier);stroke:var(--tinte);stroke-width:1.5}
.an-p text{font:400 26px/1 var(--fo);fill:var(--blau)}
.an-mass{stroke:var(--tinte);stroke-width:1.2;fill:none}
.an-masst{font:400 15px/1 var(--fo);fill:var(--tinte)}
.an-hinweis{font:400 14.5px/1.4 var(--fo);margin-top:12px;color:var(--tinte2)}
.an-text .knoepfe{margin:24px 0 10px}

/* ---------- Rechtsseiten ---------- */
.recht{max-width:900px;margin:0 auto;padding:clamp(34px,6vw,80px) var(--rand) clamp(60px,8vw,100px)}
.recht h1{font-size:clamp(56px,8vw,112px);text-transform:uppercase;margin-bottom:30px;hyphens:manual}
.recht-text{border-top:3px solid var(--tinte)}
.recht h2{font:400 15px/1.2 var(--fo);text-transform:uppercase;letter-spacing:.1em;color:var(--blau);margin:30px 0 10px}
.recht-text p,.recht-text li{font-size:18.5px}
.recht-text ul{padding-left:1.1em}
.probe-hinweis{margin-top:34px;padding-top:18px;border-top:1px solid var(--linie);color:var(--tinte2);font-size:17px!important}
.pruefliste{display:grid;gap:12px;margin:26px 0 10px}
.pk{display:flex;align-items:center;gap:18px;text-align:left;background:var(--weiss);border:1.5px solid var(--tinte);padding:14px 16px;cursor:pointer;min-height:64px}
.pk-box{width:40px;height:40px;border:2px solid var(--tinte);flex:none;display:grid;place-items:center;background:#fff}
.pk-box svg{width:30px;height:30px}
.pk-box path{fill:none;stroke:var(--blau);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .45s}
.pk[aria-pressed="true"] .pk-box path{stroke-dashoffset:0}
.pk[aria-pressed="true"]{border-color:var(--blau);box-shadow:inset 4px 0 0 var(--blau)}
.pk-t{font:800 25px/1.05 var(--fc);text-transform:uppercase}
.pk-t small{display:block;font:400 16px/1.4 var(--ft);text-transform:none;color:var(--tinte2);margin-top:4px}
.r404 h1{font-size:clamp(46px,7vw,96px)}
.r404 .knoepfe{margin-top:26px}

/* ---------- Fuss ---------- */
.fuss{background:var(--tinte);color:#e9e6dc;margin-top:0}
.fuss-innen{max-width:var(--max);margin:0 auto;padding:clamp(50px,7vw,90px) var(--rand) 28px}
.fuss .fuss-spruch{font:850 clamp(46px,6.4vw,104px)/.88 var(--fc);text-transform:uppercase;margin:0 0 44px;color:#fff}
.fuss-spruch span{color:#7d86ff}
.fuss-gitter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border-top:1px solid #3a3e4a;padding-top:28px}
.fuss h2{font:400 14.5px/1.2 var(--fo);text-transform:uppercase;letter-spacing:.1em;color:#9ea3b0;margin:0 0 12px}
.fuss p,.fuss li{font-size:17.5px;line-height:1.55}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss a{color:#fff;display:inline-block;padding:3px 0}
.fuss-klein{display:flex;flex-wrap:wrap;gap:10px 24px;border-top:1px solid #3a3e4a;margin-top:26px;padding-top:18px;font:400 14.5px/1.3 var(--fo);color:#9ea3b0}
.fuss-klein a{color:#e9e6dc;min-height:44px;display:inline-flex;align-items:center}
.fuss-klein span{display:inline-flex;align-items:center}
.hh-band{background:#0b0b0c;text-align:center;padding:12px 16px}
.hh-band a{display:inline-flex;align-items:baseline;gap:12px;color:#fff;text-decoration:none;min-height:44px;flex-wrap:wrap;justify-content:center;align-items:center}
.hh-satz{font:400 15px/1 var(--ft);letter-spacing:.02em;opacity:.92}
.hh-marke{display:inline-flex;align-items:flex-end;gap:5px}
.hh-wort{height:26px;width:auto}
.hh-figur{height:34px;width:auto;transform-origin:50% 100%;animation:hh-wipp 4.2s ease-in-out infinite}
@keyframes hh-wipp{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.hh-karte{background:#0b0b0c;color:#fff;padding:22px 20px;margin:44px 0 0;max-width:44em}
.hh-karte .hh-marke{margin-bottom:12px}
.hh-karte p{font-size:16.5px;color:#fff;margin:0}
.leiste{display:none}

/* ---------- Lichtkasten ---------- */
#lichtkasten{position:fixed;inset:0;z-index:90;background:rgba(14,15,20,.94);display:grid;place-items:center;padding:60px 14px 90px}
#lichtkasten[hidden]{display:none}
#lichtkasten figure{margin:0;max-width:min(1200px,100%);background:var(--weiss);padding:10px;border:1.5px solid var(--tinte)}
#lichtkasten img{max-height:72vh;width:auto;margin:0 auto}
#lichtkasten figcaption{font:400 15px/1.35 var(--fo);padding:10px 4px 2px;color:var(--tinte)}
#lichtkasten button{position:absolute;background:var(--weiss);border:1.5px solid var(--tinte);min-height:48px;padding:0 18px;font:700 18px/1 var(--fc);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.lk-zu{top:12px;right:12px}
.lk-rueck{bottom:20px;left:14px}
.lk-vor{bottom:20px;right:14px}

/* ---------- Barrierefreiheit-Schalter ---------- */
.a-kontrast body{background:#fff;color:#000}
.a-kontrast{--papier:#fff;--papier2:#ddd;--tinte2:#111;--linie:#555;--blau:#0000c8}
.a-ruhe *,.a-ruhe *::before,.a-ruhe *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.a-ruhe .strich path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.strich path{stroke-dashoffset:0}html{scroll-behavior:auto}}

/* ---------- Bildschirmbreiten ---------- */
@media (max-width:1180px){
 .haupt{display:none}
 .inhalt-knopf{display:inline-flex}
 .kopf-tel{display:none}
}
@media (max-width:980px){
 .held{grid-template-columns:minmax(0,1fr);gap:34px}
 .daten-blatt,.yt-reihe,.ak-reihe,.an-reihe,.m-held{grid-template-columns:minmax(0,1fr)}
 .stationen{grid-template-columns:1fr;border-top:0}
 .stationen li{border-right:0;margin:0;padding:0;border-top:1px solid var(--linie);display:grid;grid-template-columns:auto 1fr;gap:0 18px;align-items:start}
 .stationen li:first-child{border-top:3px solid var(--tinte)}
 .st{padding:14px 0;width:auto;min-width:7.5em}
 .stationen p{padding-top:16px}
 .fuss-gitter{grid-template-columns:1fr 1fr}
 .hw-befund{grid-template-columns:auto auto;justify-content:start}
 .hw-satz{grid-column:1 / -1}
}
@media (max-width:760px){
 body{font-size:18px;padding-bottom:64px}
 .kopf-innen{min-height:62px;gap:12px;padding-top:8px;padding-bottom:8px}
 .marke img{width:112px}
 .marke-name{font-size:14.5px;padding-left:10px;max-width:7.2em}
 .verzeichnis{inset:62px 0 64px}
 .held{padding-top:24px;gap:0}
 .held-text{display:contents}
 .held .kennung{order:1}.held h1{order:2}.held-abb{order:3;margin-bottom:26px!important}.held .held-satz{order:4}.held .knoepfe{order:5}.held .status{order:6}
 .kennung .k2{display:none}
 .kennung .k2+span::before{display:none}
 .held h1{font-size:clamp(56px,16.5vw,82px);margin-bottom:20px}
 .held-abb{padding:8px 8px 0;box-shadow:6px 6px 0 var(--papier2);margin:0 -6px}
 .held-abb figcaption{margin:4px -8px 0;padding:12px 14px 16px}
 .posleiste{display:flex}
 .abb-hinweis{font-size:14px}
 .blatt-kante span{font-size:13px;padding:5px 7px}


 .sl thead{display:none}
 .sl,.sl tbody,.sl tr{display:block}
 .sl tr{display:grid;grid-template-columns:auto 1fr;gap:0 14px;padding:16px 4px;border-bottom:1px solid var(--linie)}
 .sl td,.sl tbody th{border:0;padding:0}
 .sl-nr{grid-row:1 / span 3;font-size:30px;width:auto}
 .sl-teil{grid-column:2;grid-row:3;width:auto;padding:10px 0 0!important}
 .mini{width:74px;height:54px}
 .sl-teil:has(.leer){display:none}
 .sl-abb{grid-row:3;grid-column:2;align-self:end;padding-left:90px!important}
 .sl-abb{text-align:left!important;width:auto;grid-column:2}
 .sl-abb a,.sl-abb span{padding:0 10px 0 0}
 .kapitel{flex-direction:column;gap:6px}
 .kapitel h2{font-size:clamp(42px,12vw,60px)}
 .hw-zitat p{font-size:clamp(34px,10vw,48px)}
 .hw-zitat mark{white-space:normal}
 .befund img{width:150px}
 .befund figcaption{font-size:13px}
 .tdl dt{width:7.6em;font-size:14px}
 .rg-reihe{grid-template-columns:1fr 1fr}
 .rg-a{grid-row:auto;grid-column:1 / -1}
 .rg-a img{height:auto}
 .ak-zeile{flex-wrap:wrap;gap:2px 10px}
 .aufkleber{padding:20px 20px 24px}
 .ak-kopf img{width:200px}
 .r-ziffer{font-size:clamp(74px,22vw,110px)}
 .tafeln{grid-template-columns:1fr}
 .aw-reihe img{width:calc((100vw - 2 * var(--rand) - 36px - 46px) / 3);height:auto;aspect-ratio:1}
 .aw-reihe{gap:12px;flex-wrap:nowrap}
 .af-kopf{grid-template-columns:1fr;gap:10px}
 .af-nr{display:none}
 .af-zwei{grid-template-columns:1fr}
 .af-zwei .af-feld+.af-feld{border-left:0}
 .fuss-gitter{grid-template-columns:1fr}
 .yt-2{width:100%;margin-top:0!important;box-shadow:none}
 .leiste{display:grid;grid-template-columns:1.35fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:50;height:64px;border-top:2px solid var(--tinte)}
 .leiste a{display:flex;flex-direction:column;justify-content:center;padding:0 16px;text-decoration:none;color:#fff}
 .leiste small{font:400 13px/1.2 var(--fo);text-transform:uppercase;letter-spacing:.08em;opacity:.85}
 .leiste b{font:800 23px/1.1 var(--fc)}
 .leiste-tel{background:var(--blau)}
 .leiste-termin{background:var(--tinte)}
 .schl-griff{font-size:20px;padding:0 10px}
}
@media (max-width:370px){
 .marke-name{display:none}
 .schl-griff{font-size:18.5px;padding:0 8px}
 .schl-maul{width:28px}
}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}