@font-face{font-family:"Familjen Grotesk";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/familjen-700.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/plexmono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/plexmono-500.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/plexmono-600.woff2) format("woff2")}

:root{
  --bg:#F4F6F5;--p:#0E5A73;--g:#BFD8D2;--o:#FF6B1A;
  --p70:rgb(14 90 115 / .7);--p50:rgb(14 90 115 / .5);--p18:rgb(14 90 115 / .18);--p10:rgb(14 90 115 / .1);
  --g60:rgb(191 216 210 / .6);--g35:rgb(191 216 210 / .35);
  --f1:"Familjen Grotesk",system-ui,sans-serif;--f2:"IBM Plex Mono",ui-monospace,monospace;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:40px;--s8:48px;--s9:64px;--s10:80px;--s11:96px;
  --ease:cubic-bezier(.22,1,.36,1);
  --wrap:1280px;--pad:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--p);font-family:var(--f2);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
h1,h2,h3{font-family:var(--f1);font-weight:700;line-height:.98;letter-spacing:-.035em;text-wrap:balance}
p,li,dd{text-wrap:pretty}
h1{font-size:clamp(48px,8.4vw,108px)}
h2{font-size:clamp(36px,5vw,60px)}
h3{font-size:clamp(24px,2.4vw,30px);line-height:1.1;letter-spacing:-.025em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--s4);top:-80px;z-index:100;background:var(--p);color:var(--bg);padding:var(--s3) var(--s4);text-decoration:none;font-weight:600}
.skip:focus{top:var(--s4)}
:focus-visible{outline:3px solid var(--p);outline-offset:3px}
.dark :focus-visible,.btn:focus-visible{outline-offset:3px}
.dark :focus-visible{outline-color:var(--g)}

/* Leiste Entwurf */
#entwurf{background:var(--p);color:var(--bg);font-size:14px;line-height:20px;padding:var(--s2) var(--s5);display:flex;gap:var(--s2) var(--s5);justify-content:center;flex-wrap:wrap;text-align:center}
#entwurf a{color:var(--g);font-weight:500}
#entwurf a:hover{color:var(--bg)}

/* Kopf */
.kopf{position:sticky;top:0;z-index:50;background:rgb(244 246 245 / .86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--p18)}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);min-height:64px;flex-wrap:wrap;padding-top:var(--s2);padding-bottom:var(--s2)}
.logo{font-family:var(--f1);font-weight:700;font-size:24px;line-height:1;letter-spacing:-.03em;text-decoration:none;position:relative;z-index:60}
.nav{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap}
.nav ul{display:flex;gap:var(--s5);flex-wrap:wrap}
.nav a:not(.btn){font-size:14px;font-weight:500;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;line-height:20px;padding:var(--s2) 0;position:relative;opacity:.8;transition:opacity .3s var(--ease)}
.nav a:not(.btn):hover{opacity:1}
.nav a[aria-current="page"]{opacity:1}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:4px;background:var(--o)}
.menubtn{display:none}

/* Knöpfe */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);min-height:48px;padding:var(--s3) var(--s5);background:var(--p);color:var(--bg);border:2px solid var(--p);font:600 16px/24px var(--f2);text-decoration:none;cursor:pointer;transition:transform .5s var(--ease),background-color .3s var(--ease),color .3s var(--ease)}
.btn:hover{background:var(--g);color:var(--p);transform:translateY(-2px)}
.btn:active{transform:translateY(1px) scale(.98)}
.btn.klein{min-height:40px;padding:var(--s2) var(--s4);font-size:14px;line-height:20px}
.btn.hell{background:var(--bg);color:var(--p);border-color:var(--bg)}
.btn.hell:hover{background:var(--g);border-color:var(--g)}
.btn.gross{font-size:clamp(18px,3.4vw,28px);line-height:1.2;padding:var(--s5) var(--s6);min-height:72px}
.btn.rand{background:transparent;color:var(--p)}
.btn.rand:hover{background:var(--g)}
.hand{width:20px;height:20px;flex:none}

/* Scheibe, Maßkette, Schnitt */
.pane{position:relative;background:var(--g60)}
.pane::before{content:"";position:absolute;inset:0;border:10px solid var(--g);pointer-events:none}
.gl{position:absolute;left:var(--s5);top:var(--s7);width:72px;height:12px;border-radius:6px;background:var(--bg);transform:rotate(-45deg);transform-origin:left center;pointer-events:none}
.gl.s{left:calc(var(--s5) + 36px);top:calc(var(--s7) + 56px);width:28px;height:6px;border-radius:3px;transform:rotate(-45deg)}
.dim{display:flex;align-items:center;gap:var(--s3);height:20px;border-left:1.5px solid var(--p);border-right:1.5px solid var(--p);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}
.dim::before,.dim::after{content:"";flex:1;height:1.5px;background:var(--p)}
.cutline{position:absolute;left:-24px;right:0;height:4px;background:var(--o);transform-origin:0 50%}
.cutdot{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--bg);border:4px solid var(--o);margin:-9px 0 0 -11px}
.cutrest{position:absolute;right:0;height:0;border-top:3px dotted var(--o);opacity:.55}

/* Seitenkopf */
.seitenkopf{padding:var(--s8) 0 var(--s9)}
.seitenkopf .dim{margin-bottom:var(--s3)}
.seitenkopf .pane{padding:var(--s9) var(--s8) var(--s10);overflow:hidden}
.seitenkopf .pane>*:not(i):not(.cutline):not(.cutdot):not(.cutrest){position:relative}
.kicker{font-size:14px;line-height:20px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-bottom:var(--s4)}
.seitenkopf h1{font-size:clamp(44px,7.4vw,96px);max-width:12em}
.seitenkopf .lede{max-width:40em;margin-top:var(--s5);font-size:18px;line-height:28px}
.seitenkopf .cutline{top:82%;right:auto;width:calc(62% + 24px)}
.seitenkopf .cutdot{top:calc(82% + 2px);left:62%}
.seitenkopf .cutrest{top:calc(82% + 2px);left:calc(62% + 16px)}

/* Hero */
.hero{padding:var(--s8) 0 var(--s9)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s8);align-items:center}
.hero h1{margin-bottom:var(--s5);font-size:clamp(48px,6.4vw,92px)}
.hero .lede{font-size:18px;line-height:28px;max-width:34em}
.hero .aktion{margin-top:var(--s6);display:flex;flex-direction:column;gap:var(--s4);align-items:flex-start}
.hero .klein,.klein-text{font-size:14px;line-height:20px;opacity:.8;max-width:34em}
.hero .beweis{margin-top:var(--s7);padding-top:var(--s4);border-top:1px solid var(--p18);font-size:14px;line-height:20px;max-width:34em}
.hero-bild{max-width:520px;width:100%;margin:0 auto}
.hero-bild svg{width:100%;height:auto;overflow:visible}
.hero-bild text{font-family:var(--f2);font-weight:500;fill:var(--p)}
.js .hero-bild svg{visibility:hidden}
.js .hero-bild.bereit svg{visibility:visible}

/* Abschnitte */
.sec{padding:var(--s10) 0}
.sec.dicht{padding:var(--s9) 0}
.sec .kopfzeile{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s5);flex-wrap:wrap;margin-bottom:var(--s8)}
.sec .kopfzeile p{max-width:30em}
.leistungen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.karte{position:relative;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s8) var(--s7) var(--s7);background:var(--g60);min-height:300px;transition:transform .5s var(--ease)}
.karte::before{content:"";position:absolute;inset:0;border:10px solid var(--g);pointer-events:none}
.karte>*{position:relative}
.karte .nr{font-size:14px;font-weight:500;letter-spacing:.06em;opacity:.7;line-height:20px}
.karte p{max-width:32em}
.karte .mehr{margin-top:auto;font-weight:600;font-size:14px;line-height:20px;text-transform:uppercase;letter-spacing:.06em;padding-top:var(--s4)}
.karte a.voll{position:absolute;inset:0;z-index:2;font-size:0}
.karte:hover{transform:translateY(-4px)}
.karte .gl{left:auto;right:var(--s9);top:var(--s6);width:56px}
.karte .gl.s{left:auto;right:calc(var(--s9) + 16px);top:calc(var(--s6) + 44px)}
.weitere{margin-top:var(--s8);display:grid;grid-template-columns:200px 1fr;gap:var(--s5);padding-top:var(--s5);border-top:1px solid var(--p18)}
.weitere ul{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s7)}
.weitere li::before{content:"+ ";opacity:.6}

/* Satz, Wort für Wort */
.satz{background:var(--p);color:var(--bg);padding:var(--s11) 0}
.satz p{font-family:var(--f1);font-weight:700;font-size:clamp(32px,5.6vw,72px);line-height:1.04;letter-spacing:-.035em;max-width:18em;text-wrap:balance}
.satz .w{opacity:1}
.js .satz .w{opacity:.3;transition:opacity .5s var(--ease)}
.js .satz .w.an{opacity:1}
.satz .quelle{margin-top:var(--s7);font-family:var(--f2);font-weight:500;font-size:14px;line-height:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--g)}

/* Ablauf */
.schritte{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5);padding-top:var(--s9)}
.schritte .bahn{position:absolute;left:0;right:0;top:11px;height:4px;background:var(--p18)}
.schritte .bahn i{position:absolute;inset:0;background:var(--o);transform-origin:0 50%}
.schritt{position:relative}
.schritt::before{content:"";position:absolute;left:0;top:calc(var(--s9) * -1);width:22px;height:22px;border-radius:50%;background:var(--bg);border:4px solid var(--o)}
.schritt .nr{font-family:var(--f1);font-weight:700;font-size:64px;line-height:1;letter-spacing:-.04em;margin-bottom:var(--s3)}
.schritt h3{margin-bottom:var(--s3)}
.schritt p{font-size:15px;line-height:24px}

/* Hausverwaltung */
.verwaltung{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:center}
.verwaltung .pane{padding:var(--s9) var(--s8);min-height:280px}
.verwaltung .pane>*:not(i):not(.cutline):not(.cutdot):not(.cutrest){position:relative}
.liste{display:flex;flex-direction:column}
.liste li{padding:var(--s4) 0;border-top:1px solid var(--p18);display:grid;grid-template-columns:48px 1fr;gap:var(--s4)}
.liste li:last-child{border-bottom:1px solid var(--p18)}
.liste .n{font-weight:600}

/* Schluss */
.schluss .pane{padding:var(--s10) var(--s8);text-align:left;overflow:hidden}
.schluss .pane>*:not(i):not(.cutline):not(.cutdot):not(.cutrest){position:relative}
.schluss h2{margin-bottom:var(--s5);max-width:10em}
.schluss .zeilen{margin-top:var(--s6);display:flex;gap:var(--s2) var(--s8);flex-wrap:wrap;font-size:15px;line-height:24px}

/* Fuß */
.fuss{background:var(--p);color:var(--bg);padding:var(--s10) 0 var(--s6);margin-top:var(--s10)}
.fuss .raster{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s7)}
.fuss .logo{font-size:32px;display:inline-block;margin-bottom:var(--s4)}
.fuss h4{margin:0 0 var(--s3);font:500 14px/20px var(--f2);letter-spacing:.06em;text-transform:uppercase;color:var(--g)}
.fuss ul{display:flex;flex-direction:column;gap:var(--s2)}
.fuss p,.fuss li{font-size:15px;line-height:24px}
.fuss a{text-decoration:none;border-bottom:1px solid rgb(244 246 245 / .4)}
.fuss a:hover{border-bottom-color:var(--bg)}
.fuss .recht{margin-top:var(--s9);padding-top:var(--s5);border-top:1px solid rgb(244 246 245 / .25);display:flex;gap:var(--s3) var(--s6);flex-wrap:wrap;font-size:14px;line-height:20px;color:rgb(244 246 245 / .8)}
.fuss .recht p{flex-basis:100%}
.fuss .schnittlinie{height:4px;background:var(--o);margin-bottom:var(--s9);transform-origin:0 50%}

/* Leistungen */
.dienst{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s9);align-items:center;padding:var(--s9) 0;border-top:1px solid var(--p18)}
.dienst:nth-of-type(even) .zeichnung{order:2}
.zeichnung{background:var(--g35);padding:var(--s5)}
.zeichnung svg{width:100%;height:auto;overflow:visible}
.zeichnung text{font-family:var(--f2);font-size:14px;font-weight:500;fill:var(--p)}
.dienst h2{font-size:clamp(32px,4vw,48px);margin-bottom:var(--s4)}
.dienst p+p{margin-top:var(--s3)}
.dienst .nr{font-size:14px;font-weight:500;letter-spacing:.06em;opacity:.7;margin-bottom:var(--s3);line-height:20px}
.dienst ul{margin-top:var(--s4)}
.dienst li{padding:var(--s2) 0;border-top:1px solid var(--p18);font-size:15px;line-height:24px}
.draw{stroke-dasharray:1;stroke-dashoffset:0}

/* Ablaufseite */
.gross-schritte li{display:grid;grid-template-columns:minmax(80px,160px) minmax(0,1fr);gap:var(--s7);padding:var(--s8) 0;border-top:1px solid var(--p18)}
.gross-schritte .nr{font-family:var(--f1);font-weight:700;font-size:clamp(64px,10vw,128px);line-height:.9;letter-spacing:-.05em}
.gross-schritte h2{font-size:clamp(32px,4vw,48px);margin-bottom:var(--s3)}
.gross-schritte p{max-width:36em}
.fragen details{border-top:1px solid var(--p18)}
.fragen details:last-child{border-bottom:1px solid var(--p18)}
.fragen summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--s5);align-items:flex-start;padding:var(--s5) 0;font-family:var(--f1);font-weight:700;font-size:clamp(20px,2.4vw,28px);line-height:1.15;letter-spacing:-.02em}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary::after{content:"+";flex:none;font-family:var(--f2);font-weight:400;font-size:32px;line-height:28px;transition:transform .5s var(--ease)}
.fragen details[open] summary::after{transform:rotate(45deg)}
.fragen details p{padding:0 var(--s9) var(--s5) 0;max-width:42em}

/* Über uns */
.zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.zahl{padding:var(--s7) var(--s6);background:var(--g60);position:relative}
.zahl::before{content:"";position:absolute;inset:0;border:10px solid var(--g);pointer-events:none}
.zahl>*{position:relative}
.zahl b{display:block;font-family:var(--f1);font-weight:700;font-size:clamp(64px,8vw,112px);line-height:.9;letter-spacing:-.05em;margin-bottom:var(--s3)}
.fakten{display:grid;grid-template-columns:220px 1fr;gap:0 var(--s7)}
.fakten dt{padding:var(--s4) 0;border-top:1px solid var(--p18);font-size:14px;line-height:24px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;opacity:.75}
.fakten dd{padding:var(--s4) 0;border-top:1px solid var(--p18)}
.fakten dt:last-of-type,.fakten dd:last-of-type{border-bottom:1px solid var(--p18)}
.zwei{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s9)}
.zwei p+p{margin-top:var(--s4)}

/* Kontakt */
.kontakt-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s9)}
.block{padding:var(--s6) 0;border-top:1px solid var(--p18)}
.block h2{font-size:clamp(28px,3vw,36px);margin-bottom:var(--s3)}
.block .mail{font-weight:500;overflow-wrap:anywhere}
.tag{margin-top:var(--s5)}
.tag svg{width:100%;height:auto;overflow:visible}
.tag text,.hof text{font-family:var(--f2);font-size:14px;font-weight:500;fill:var(--p)}
.hof{background:var(--g35);padding:var(--s5)}
.hof svg{width:100%;height:auto;overflow:visible}

/* Anrufleiste Handy */
.callbar{display:none}

/* Bewegung */
.js .rv{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .rv.in{opacity:1;transform:none}

@media (max-width:1023px){
  .hero .wrap{grid-template-columns:1fr;gap:var(--s8)}
  .hero-bild{max-width:440px}
  .verwaltung,.dienst,.zwei,.kontakt-raster{grid-template-columns:1fr;gap:var(--s7)}
  .dienst:nth-of-type(even) .zeichnung{order:0}
  .fuss .raster{grid-template-columns:1fr 1fr}
  .schritte{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s9)}
  .schritte .bahn{display:none}
  .schritt::before{display:none}
  .schritt{border-top:4px solid var(--o);padding-top:var(--s5)}
}
@media (max-width:899px){
  :root{--pad:20px}
  .menubtn{display:none}
  .js .menubtn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:-12px;background:none;border:0;color:var(--p);cursor:pointer;position:relative;z-index:60}
  .menubtn span{position:absolute;left:12px;right:12px;height:2px;background:var(--p);transition:transform .5s var(--ease),opacity .3s var(--ease)}
  .menubtn span:nth-child(1){transform:translateY(-6px)}
  .menubtn span:nth-child(3){transform:translateY(6px)}
  .menubtn[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
  .menubtn[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menubtn[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}
  .nav{flex-basis:100%;flex-direction:column;align-items:flex-start;gap:var(--s4);padding-bottom:var(--s3)}
  .nav ul{gap:var(--s3) var(--s5)}
  .js .nav{position:fixed;left:0;right:0;top:0;bottom:0;z-index:55;flex-basis:auto;background:rgb(244 246 245 / .97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:144px var(--pad) var(--s7);justify-content:flex-start;gap:var(--s7);opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s .5s;overflow-y:auto}
  .js .nav.offen{opacity:1;visibility:visible;transition:opacity .5s var(--ease),visibility 0s}
  .js .nav ul{flex-direction:column;gap:var(--s2)}
  .js .nav ul a:not(.btn){font-family:var(--f1);font-size:44px;line-height:1.1;letter-spacing:-.03em;text-transform:none;font-weight:700;opacity:1;display:inline-block}
  .js .nav li,.js .nav .btn{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
  .js .nav.offen li,.js .nav.offen .btn{opacity:1;transform:none}
  .js .nav.offen li:nth-child(1){transition-delay:60ms}
  .js .nav.offen li:nth-child(2){transition-delay:120ms}
  .js .nav.offen li:nth-child(3){transition-delay:180ms}
  .js .nav.offen li:nth-child(4){transition-delay:240ms}
  .js .nav.offen .btn{transition-delay:300ms}
  .nav a[aria-current="page"]::after{bottom:0;height:4px}
  body.menu-offen{overflow:hidden}
  .callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--p);color:var(--bg);align-items:center;justify-content:center;gap:var(--s3);min-height:56px;font:600 16px/24px var(--f2);text-decoration:none;padding:var(--s3) var(--s4)}
  .callbar:active{background:var(--g);color:var(--p)}
  .fuss{padding-bottom:calc(var(--s6) + 56px)}
  .hero{padding-top:var(--s7)}
  .seitenkopf{padding:var(--s6) 0 var(--s8)}
  .seitenkopf .pane{padding:var(--s8) var(--s5) var(--s9)}
  .leistungen{grid-template-columns:1fr}
  .karte{padding:var(--s7) var(--s6) var(--s6);min-height:0}
  .weitere{grid-template-columns:1fr}
  .sec{padding:var(--s9) 0}
  .zahlen{grid-template-columns:1fr}
  .fakten{grid-template-columns:1fr}
  .fakten dt{border-bottom:0;padding-bottom:0}
  .fakten dd{border-top:0;padding-top:var(--s1)}
  .fakten dt:last-of-type{border-bottom:0}
  .gross-schritte li{grid-template-columns:72px 1fr;gap:var(--s4)}
  .fragen details p{padding-right:0}
  .schluss .pane{padding:var(--s9) var(--s5)}
  .verwaltung .pane{padding:var(--s8) var(--s5)}
  .fuss .raster{grid-template-columns:1fr}
}
@media (max-width:599px){
  .schritte{grid-template-columns:1fr;row-gap:var(--s7)}
  .btn.gross{width:100%}
  .btn{max-width:100%}
  .hero .btn{width:100%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .js .rv{transform:none}
  .js .nav li,.js .nav .btn{transform:none}
}
.karte .gl{display:none}
.seitenkopf .gl,.verwaltung .gl,.schluss .gl{left:auto;right:96px;top:72px}
.seitenkopf .gl.s,.verwaltung .gl.s,.schluss .gl.s{left:auto;right:60px;top:112px}
@media (max-width:899px){.seitenkopf .gl,.verwaltung .gl,.schluss .gl{right:48px;top:40px;width:48px}.seitenkopf .gl.s,.verwaltung .gl.s,.schluss .gl.s{right:24px;top:68px;width:20px}}
.seitenkopf .cutline{top:calc(100% - 40px)}
.seitenkopf .cutdot,.seitenkopf .cutrest{top:calc(100% - 38px)}
@media (max-width:1023px){
  .hero .wrap{display:flex;flex-direction:column;align-items:stretch;gap:var(--s5)}
  .hero .text{display:contents}
  .hero h1{order:1;margin-bottom:0}
  .hero-bild{order:2;max-width:280px;margin:0}
  .hero .lede{order:3}
  .hero .aktion{order:4;margin-top:var(--s2)}
  .hero .beweis{order:5;margin-top:var(--s5)}
}
@media (max-width:899px){.kopf{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}
.karte .ic{width:160px;height:auto;margin-bottom:var(--s2)}