@font-face{
  font-family:"Archivo";
  font-style:normal;
  font-weight:400 900;
  font-display:swap;
  src:url("../fonts/archivo-variable.woff2") format("woff2");
}

:root{
  --dunkel:#0d1410;
  --dunkel-2:#16201a;
  --dunkel-3:#1f2c24;
  --ink:#131714;
  --ink-2:#5d665f;
  --grund:#f4f6f3;
  --weiss:#fff;
  --gruen:#63b52a;
  --gruen-tief:#1c6b12;
  --gruen-hell:#eaf5e1;
  --blau:#2b3990;
  --linie:#e2e6df;
  --r:10px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:40px;--s7:64px;--s8:96px;
  --wrap:1280px;
  --font:"Archivo","Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--weiss);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;text-wrap:pretty;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:var(--gruen-tief);text-decoration:none}
a:hover{color:var(--ink)}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.08}
h1{font-size:clamp(34px,7vw,60px)}
h2{font-size:clamp(27px,4vw,44px)}
h3{font-size:clamp(18px,2vw,22px);letter-spacing:-.015em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--gruen);outline-offset:3px}
::selection{background:var(--gruen);color:#fff}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--s4)}
.sect{padding:var(--s7) 0}
.sect--grund{background:var(--grund)}
.label{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gruen-tief);background:var(--gruen-hell);padding:7px 14px;border-radius:100px}
.kopfblock{max-width:34ch}
.kopfblock h2{margin-top:var(--s4)}
.kopfblock p{margin-top:var(--s4);color:var(--ink-2)}
.mitte{max-width:60ch}
.skip{position:absolute;left:-9999px;z-index:400;background:var(--ink);color:#fff;padding:14px 22px;font-weight:700}
.skip:focus{left:0;top:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.btn{display:inline-flex;align-items:center;gap:var(--s2);min-height:52px;padding:14px 26px;font:inherit;font-size:15px;font-weight:700;letter-spacing:.02em;white-space:nowrap;border:2px solid var(--gruen-tief);background:var(--gruen-tief);color:#fff;border-radius:var(--r);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn--hell{background:#fff;border-color:#fff;color:var(--ink)}
.btn--hell:hover{background:var(--gruen);border-color:var(--gruen);color:#fff}
.btn--linie{background:transparent;border-color:currentColor;color:var(--ink)}
.btn--linie:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn--linie-hell{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
.btn--linie-hell:hover{background:#fff;border-color:#fff;color:var(--ink)}
.btn--acik{background:var(--gruen);border-color:var(--gruen);color:#fff}
.btn--acik:hover{background:#fff;border-color:#fff;color:var(--gruen-tief)}

/* topbar */
.topbar{background:var(--dunkel);color:#c7d2c6;font-size:14px}
.topbar__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s6);min-height:48px;padding:var(--s2) var(--s4)}
.topbar ul{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6)}
.topbar a{color:#fff;font-weight:700}
.topbar__cta{margin-left:auto;display:flex;gap:var(--s4);align-items:center}

/* header */
.kopf{position:sticky;top:0;z-index:300;background:var(--gruen-tief);box-shadow:0 1px 0 rgba(0,0,0,.18)}
.kopf__bar{display:flex;align-items:center;gap:var(--s4);min-height:76px}
.kopf__logo{margin-right:auto;display:inline-flex;align-items:center;padding:6px 0}
.kopf__logo img{width:216px;height:48px;object-fit:contain}
.nav{display:none}
.nav ul{display:flex;gap:var(--s5)}
.nav a{display:block;font-size:15px;font-weight:700;color:#fff;padding:8px 0;border-bottom:3px solid transparent}
.nav a:hover{color:#eaf5e1;border-color:#a9e07c}
.nav a.active{color:#eaf5e1;border-color:#a9e07c}
.kopf__cta{display:none}
.burger{display:grid;place-items:center;width:48px;height:48px;border:2px solid rgba(255,255,255,.5);border-radius:var(--r);background:transparent;cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:#fff;position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:#fff}
.burger span::before{top:-6px}.burger span::after{top:6px}
.menu{display:none;border-top:1px solid var(--linie);padding:var(--s3) var(--s4) var(--s5)}
.menu[data-open="true"]{display:block}
.menu ul{display:grid;gap:var(--s1)}
.menu a{display:flex;align-items:center;min-height:52px;padding:0 var(--s4);font-weight:700;color:var(--ink);background:var(--grund);border-radius:var(--r)}
.menu a:hover{background:var(--gruen-hell);color:var(--gruen-tief)}
.menu a.active{background:var(--gruen-hell);color:var(--gruen-tief)}
.menu .btn{margin-top:var(--s4);width:100%;justify-content:center}

/* hero */
.hero{position:relative;background:var(--dunkel);color:#fff;overflow:hidden}
.hero__stapel{display:grid}
.slide{grid-area:1/1;position:relative;visibility:hidden;opacity:0;transition:opacity .55s ease}
.slide[data-aktiv="true"]{visibility:visible;opacity:1}
.slide__bild{position:absolute;inset:0}
.slide__bild img{width:100%;height:100%;object-fit:cover;opacity:.62}
.slide__bild::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,20,16,.92) 0%,rgba(13,20,16,.7) 38%,rgba(13,20,16,.28) 68%,rgba(19,107,18,.35) 100%)}
.slide__bild::before{content:"";position:absolute;right:0;top:0;bottom:0;width:6px;background:var(--gruen);z-index:1}
.slide__text{position:relative;padding:var(--s8) var(--s4) calc(var(--s8) + 40px);max-width:760px}
.slide__nr{display:inline-flex;align-items:center;gap:var(--s2);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#a9e07c;border:1px solid rgba(169,224,124,.45);border-radius:100px;padding:7px 14px}
.slide h1,.slide h2{margin-top:var(--s5);font-size:clamp(34px,6.4vw,60px);color:#fff}
.slide__sub{margin-top:var(--s5);font-size:clamp(17px,2vw,20px);color:#cbd6c9;max-width:46ch}
.slide--extras .slide__bild::after{display:none}
.slide--extras .slide__text{position:absolute;inset:auto var(--s4) var(--s6) auto;padding:0;max-width:none}
.slide--extras .slide__cta{margin-top:0}

.slide__karte{position:relative;margin-top:var(--s6);display:inline-flex;gap:var(--s6);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);border-radius:var(--r);padding:var(--s4) var(--s5)}
.slide__karte div b{display:block;font-size:22px;font-weight:800;color:var(--gruen)}
.slide__karte div span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#c7d2c6}
.hero__steuer{position:relative;display:flex;align-items:center;gap:var(--s3);max-width:var(--wrap);margin:0 auto;padding:0 var(--s4) var(--s6)}
.hero__pfeil{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:var(--r);background:transparent;color:#fff;font-size:19px;cursor:pointer}
.hero__pfeil:hover{background:#fff;color:var(--ink)}
.hero__punkte{display:flex;gap:var(--s2);margin-left:var(--s3)}
.hero__punkt{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;cursor:pointer;padding:0}
.hero__punkt::after{content:"";width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35)}
.hero__punkt[aria-current="true"]::after{background:var(--gruen);width:26px;border-radius:100px}
.hero__zaehler{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* kategorien */
.kat{display:grid;gap:var(--s4);margin-top:var(--s7)}
.geraete__kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s5)}
.kat__karte{background:#fff;border:1px solid var(--linie);border-radius:var(--r);padding:var(--s6) var(--s5);display:grid;gap:var(--s3);align-content:start}
.kat__karte:hover{border-color:var(--gruen);box-shadow:0 12px 30px rgba(19,23,20,.07)}
.kat__nr{font-size:13px;font-weight:800;letter-spacing:.16em;color:var(--gruen-tief)}
.kat__karte p{color:var(--ink-2);font-size:16px}
.kat__karte a{font-weight:700;margin-top:var(--s2)}
.kat__bild{position:relative;aspect-ratio:4/3;border-radius:calc(var(--r) - 2px);overflow:hidden}
.kat__bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kat__bild--tam{background:var(--grund)}
.kat__bild--tam img{object-fit:contain;padding:var(--s3)}
.kat__bild--uzun{aspect-ratio:3/4}

/* zahlenband */
.band{background:var(--dunkel);color:#fff;padding:var(--s7) 0}
.band__raster{display:grid;gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--s6)}
.band b{display:block;font-size:clamp(42px,7vw,64px);font-weight:800;letter-spacing:-.03em;color:var(--gruen)}
.band span{font-size:16px;color:#b4bfb3}
.band h2{color:#fff;max-width:28ch}
.band__lead{margin-top:var(--s4);color:#c2cdc1;max-width:52ch}
.band__zeile{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s6)}

/* reparaturen */
.rep{display:grid;gap:var(--s4);margin-top:var(--s7)}
.rep__karte{border:1px solid var(--linie);border-radius:var(--r);background:#fff;overflow:hidden;display:grid;gap:var(--s3);align-content:start}
.rep__karte-innen{padding:var(--s5);display:grid;gap:var(--s3)}
.rep__bild{position:relative;aspect-ratio:16/10}
.rep__bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rep__kopf{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:space-between}
.rep__dauer{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);background:var(--grund);border-radius:100px;padding:6px 12px;white-space:nowrap}
.rep__preis{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.02em;color:var(--gruen-tief);white-space:nowrap}
.rep__karte p{color:var(--ink-2);font-size:16px}
.rep__karte:hover{border-color:var(--gruen)}

/* sofort */
.sofort{margin-top:var(--s6);display:grid;gap:var(--s4);grid-template-columns:minmax(0,1fr)}
.sofort__karte{border:1px solid var(--linie);border-radius:var(--r);background:#fff;padding:var(--s5);display:flex;align-items:center;gap:var(--s4)}
.sofort__karte:hover{border-color:var(--gruen)}
.sofort__ikon{width:56px;height:56px;flex:0 0 auto;border-radius:var(--r);background:linear-gradient(155deg,var(--gruen) 0%,var(--gruen-tief) 100%);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(28,107,18,.28)}
.sofort__ikon i{font-size:26px;line-height:1}
.sofort__inhalt{min-width:0;font-size:16px}
.sofort__preis{margin-left:auto;font-size:18px;font-weight:800;color:var(--gruen-tief);white-space:nowrap}
@media (min-width:600px){.sofort{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* bild */
.bild{position:relative;background:var(--grund);border-radius:var(--r);overflow:hidden}
.bild--3-2{aspect-ratio:3/2}
.bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* werkstatt split */
.split{display:grid;gap:var(--s6);align-items:center}
.split ul{margin-top:var(--s5);display:grid;gap:var(--s3)}
.split li{position:relative;padding-left:26px;color:var(--ink-2);font-size:16px}
.split li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;border-radius:50%;background:var(--gruen)}

/* stimmen */
.stimmen{display:grid;gap:var(--s4);margin-top:var(--s7)}
.stimme{background:#fff;border:1px solid var(--linie);border-radius:var(--r);padding:var(--s6) var(--s5) var(--s5);display:grid;gap:var(--s4);align-content:start;position:relative}
.stimme__kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.stimme__marke{font-size:12px;font-weight:700;color:var(--ink-2);letter-spacing:.04em}
.stimme__avatar{width:46px;height:46px;flex:0 0 auto;border-radius:50%;background:var(--gruen-hell);color:var(--gruen-tief);display:grid;place-items:center;font-weight:800;font-size:16px}
.stimme__sterne{color:var(--gruen);font-size:16px;letter-spacing:2px}
.stimme blockquote::before{content:"\201C";display:block;font-size:52px;line-height:.6;font-weight:800;color:var(--gruen-hell);margin-bottom:4px}
.stimme blockquote{margin:0;font-size:clamp(18px,2.2vw,21px);font-weight:600;line-height:1.4}
.stimme figcaption{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gruen-tief)}
.stimmen__lauf{position:relative}
.stimme[data-aktiv="false"]{display:none}
.stimmen__steuer{display:flex;gap:var(--s3);align-items:center;margin-top:var(--s5)}
.stimmen__steuer button{width:48px;height:48px;border:1px solid var(--linie);border-radius:var(--r);background:#fff;cursor:pointer;font-size:18px}
.stimmen__steuer button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.stimmen__zaehler{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--ink-2)}
.stimmen__mehr{margin-top:var(--s6);text-align:center}

/* faq */
.faq{margin-top:var(--s6);display:grid;gap:var(--s3)}
.faq details{border:1px solid var(--linie);border-radius:var(--r);background:#fff}
.faq details[open]{border-color:var(--gruen)}
.faq summary{position:relative;cursor:pointer;list-style:none;padding:var(--s4) 56px var(--s4) var(--s5);font-size:clamp(17px,2vw,20px);font-weight:700;min-height:56px;display:flex;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:var(--s5);top:50%;transform:translateY(-50%);font-size:26px;font-weight:700;color:var(--gruen-tief)}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--gruen-tief)}
.faq p{padding:0 var(--s5) var(--s5);color:var(--ink-2)}

/* kontakt */
.kontakt__raster{display:grid;gap:var(--s6);margin-top:var(--s7)}
.zeiten{width:100%;border-collapse:collapse;margin-top:var(--s5)}
.zeiten th,.zeiten td{padding:var(--s3) 0;border-bottom:1px solid var(--linie);font-size:16px;text-align:left}
.zeiten td{text-align:right;color:var(--ink-2)}
.daten{margin-top:var(--s5);display:grid;gap:var(--s3);font-size:16px;color:var(--ink-2)}
.daten a{font-weight:700}
.whatsapp-banner{display:block;border-radius:var(--r);overflow:hidden;max-width:380px;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.folgen{display:flex;gap:var(--s3);margin-top:var(--s4)}
.folgen a{width:44px;height:44px;border-radius:50%;background:var(--grund);border:1px solid var(--linie);color:var(--gruen-tief);display:grid;place-items:center}
.folgen a:hover{background:var(--gruen-hell);border-color:var(--gruen)}
.folgen svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.folgen--topbar{margin-top:0;gap:var(--s2)}
.folgen--topbar a{width:28px;height:28px;background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.folgen--topbar a:hover{background:rgba(255,255,255,.15);border-color:#fff}
.folgen--topbar svg{width:15px;height:15px}
.whatsapp-banner img{display:block;width:100%;height:auto}
.form{display:grid;gap:var(--s4);margin-top:var(--s5);background:#fff;border:1px solid var(--linie);border-radius:var(--r);padding:var(--s5)}
.form__paar{display:grid;gap:var(--s4)}
.feld{display:grid;gap:var(--s2);min-width:0}
.feld label{font-size:13px;font-weight:800;letter-spacing:.08em}
.feld input,.feld select,.feld textarea{font:inherit;font-size:16px;min-height:52px;padding:14px var(--s4);border:1px solid var(--linie);border-radius:var(--r);background:#fff;color:var(--ink);width:100%}
.feld input:focus,.feld select:focus,.feld textarea:focus{border-color:var(--gruen)}
.feld textarea{min-height:140px;resize:vertical}

.checkbox{display:block;cursor:pointer;padding:var(--s2) 0}
/* Checkbox'un dikey ortasi "Schneller in Kontakt treten?" basligiyla tam
   hizali olsun diye ikisi ayni flex satirinda (checkbox__kopf); aciklama
   cumlesi ayri bir satirda, basligin metniyle hizali (girinti = kutu
   genisligi + aradaki bosluk). .feld label{font-weight:800;letter-spacing:
   .08em} kurali bu label'i de kapsadigi icin asagida bilerek eziliyor,
   sadece baslik (strong) kalin kaliyor. */
.checkbox__kopf{display:flex;align-items:center;gap:var(--s2)}
.checkbox__kopf input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--gruen-tief)}
.checkbox strong{color:var(--gruen-tief);font-weight:800;font-size:15px;letter-spacing:.02em}
.checkbox__beschreibung{display:block;margin-top:1px;margin-left:calc(20px + var(--s2));font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.55;color:var(--ink)}

.form__erfolg{display:flex;align-items:flex-start;gap:var(--s3);background:var(--gruen-hell);color:var(--gruen-tief);border:1px solid rgba(28,107,18,.18);border-radius:var(--r);padding:var(--s3) var(--s4);font-size:14px;font-weight:600;line-height:1.5}
.form__erfolg-icon{flex:0 0 auto;width:22px;height:22px;margin-top:1px;color:var(--gruen-tief)}
.form__fehler{background:#fbe9e7;color:#9b2c1f;border-radius:var(--r);padding:var(--s3) var(--s4);font-size:14px}
.form__fehler p{font-weight:700}
.form__fehler ul{margin-top:var(--s2);padding-left:1.2em;list-style:disc}

/* Alan bazli hata mesaji - her kutunun hemen altinda, kucuk ve dikkat
   cekmeyen boyutta (kirmizi ama kalin/buyuk degil). */
.feld__fehler{display:block;margin-top:var(--s1);font-size:12px;font-weight:600;color:#c0392b}
.feld__fehler[hidden]{display:none}

/* Honeypot: gercek kullanicidan tamamen gizli, botlarin (display:none'i
   fark edip atlayabilen script'ler icin) yine de "gorunur" sandigi ama
   ekranda hicbir yer kaplamayan bir alan. */
.feld--gizli{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}

/* WhatsApp rozeti: kendi marka rengi + logo, kucuk bir "buton" gibi -
   metin icinde de belirgin dursun diye (inline-flex, metnin akisini
   bozmuyor). */
.whatsapp-badge{display:inline-flex;align-items:center;gap:6px;background:#25d366;color:#fff;font-weight:800;font-size:13px;letter-spacing:normal;line-height:1;padding:6px 14px 6px 9px;border-radius:999px;white-space:nowrap;vertical-align:-6px}
.whatsapp-badge__icon{width:19px;height:19px;flex:0 0 auto}
.form__hinweis{font-size:14px;color:var(--ink-2)}

/* footer */
.fuss{background:var(--dunkel);color:#c3ceC2;padding:var(--s7) 0 120px}
.karte-sektion{width:100%;height:420px}
.karte-sektion iframe{width:100%;height:100%;border:0;display:block}
.fuss a{color:#a9e07c}
.fuss a:hover{color:#fff}
.fuss__raster{display:grid;gap:var(--s6)}
.fuss__marke img{width:216px;height:48px;object-fit:contain}
.fuss__marke a{display:inline-flex;background:var(--gruen-tief);padding:10px 18px;border-radius:var(--r)}
.fuss__marke p{margin-top:var(--s4);color:#aab5a9;font-size:16px;max-width:44ch}
.fuss h2,.fuss h3{color:#fff;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--s4)}
.fuss ul{display:grid;gap:var(--s2);font-size:16px}
.fuss__kontakt li{color:#aab5a9}
.fuss__kontakt b{display:block;color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px}
.fuss__unten{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.16);display:grid;gap:var(--s4);font-size:14px;color:#98a397}
.fuss__recht{display:flex;flex-wrap:wrap;gap:var(--s5)}
.fuss__recht a{font-weight:700}
.fuss__link-btn{font:inherit;font-weight:700;color:#a9e07c;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.fuss__link-btn:hover{color:#fff}

/* anrufleiste */
.anrufleiste{position:fixed;left:0;right:0;bottom:0;z-index:350;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.2);box-shadow:0 -6px 24px rgba(13,20,16,.18)}
.anrufleiste a{display:flex;align-items:center;justify-content:center;min-height:58px;font-size:15px;font-weight:800;background:var(--gruen-tief);color:#fff}
.anrufleiste a+a{background:var(--dunkel)}

/* cookie-hinweis */
.cookie-hinweis{position:fixed;left:0;right:0;bottom:58px;z-index:340;background:var(--dunkel);color:#fff;padding:var(--s5);display:flex;flex-wrap:wrap;gap:var(--s4) var(--s5);align-items:center;justify-content:space-between;box-shadow:0 -6px 24px rgba(13,20,16,.18)}
.cookie-hinweis[hidden]{display:none}
.cookie-hinweis p{color:#dfe6dd;font-size:16px;line-height:1.5;max-width:70ch;flex:1 1 280px}
.cookie-hinweis p a{color:#eaf5e1;text-decoration:underline}
.cookie-hinweis__buttons{display:flex;gap:var(--s3);flex:0 0 auto;flex-wrap:wrap}
.cookie-hinweis__buttons .btn{min-height:48px;padding:12px 26px;font-size:15px}
@media (min-width:900px){.cookie-hinweis{bottom:0}}

/* karte (ruza-korumali gomme) */
.karte-platzhalter{width:100%;height:100%;display:grid;place-items:center;gap:var(--s4);text-align:center;background:var(--grund);padding:var(--s5)}
.karte-platzhalter p{max-width:52ch;color:var(--ink-2);font-size:15px}

/* rechtstext (Impressum/AGB/Datenschutz - Quill'den gelen zengin metin) */
.rechtstext{margin-top:var(--s6);max-width:70ch}
.rechtstext h2,.rechtstext h3{margin-top:var(--s6)}
.rechtstext p{margin-top:var(--s4);color:var(--ink-2)}
.rechtstext ul,.rechtstext ol{margin-top:var(--s4);padding-left:1.2em;list-style:disc;color:var(--ink-2)}
.rechtstext ol{list-style:decimal}
.rechtstext li+li{margin-top:var(--s2)}
.rechtstext a{text-decoration:underline}
.rechtstext blockquote{margin-top:var(--s4);padding-left:var(--s4);border-left:3px solid var(--linie);color:var(--ink-2)}

@media (min-width:600px){
  .kat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rep{grid-template-columns:repeat(2,minmax(0,1fr))}
  .band__raster{grid-template-columns:repeat(4,minmax(0,1fr))}
  .form__paar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fuss__unten{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center}
}
@media (min-width:900px){
  body{font-size:18px}
  .sect{padding:var(--s8) 0}
  .nav{display:block}
  .nav ul{gap:var(--s4)}
  .nav a{font-size:14px}
  .kopf__cta{display:inline-flex;font-size:14px;padding:12px 18px}
  .burger,.menu{display:none !important}
  .anrufleiste{display:none}
  .fuss{padding-bottom:var(--s7)}
  .slide__text{padding:calc(var(--s8) + 24px) var(--s4) calc(var(--s8) + 24px);margin:0 auto;max-width:var(--wrap)}
  .kat{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rep{grid-template-columns:repeat(3,minmax(0,1fr))}
  .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7)}
  .stimmen{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stimme[data-aktiv="false"]{display:grid}
  .stimmen__steuer{display:none}
  .kontakt__raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7)}
  .fuss__raster{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)}
}
@media (min-width:1024px){
  .kopfblock{max-width:40ch}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .slide{transition:none}
}