body.home{background:#fbf4ea}
body.home{scrollbar-color:#c8b49a #fbf4ea}
@font-face{font-family:"Platz";src:url("/wp-content/uploads/ks-2026/fonts/ApfelGrotezk-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Platz";src:url("/wp-content/uploads/ks-2026/fonts/ApfelGrotezk-Mittel.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Platz";src:url("/wp-content/uploads/ks-2026/fonts/ApfelGrotezk-Fett.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Platz";src:url("/wp-content/uploads/ks-2026/fonts/ApfelGrotezk-Satt.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Sonne";src:url("/wp-content/uploads/ks-2026/fonts/ApfelGrotezk-Fett.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Sonne";src:url("/wp-content/uploads/ks-2026/fonts/ApfelGrotezk-Satt.woff2") format("woff2");font-weight:800;font-display:swap}
.ks-start{--papier:#fbf4ea;  --umbra:#241c14;  --umbra-leise:#5c4b3a;
  --zinnober:#ad4415; --honig:#e9a227; --laub:#3e6b4a; --milch:#fffdfa;
  --mass:32rem;}
.ks-start, .ks-start *{box-sizing:border-box}
.ks-start{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
.ks-start{margin:0;background:var(--papier);color:var(--umbra);
  font-family:"Platz",ui-sans-serif,system-ui,sans-serif;font-size:1.125rem;line-height:1.62;font-weight:400}
.ks-start ::selection{background:var(--honig);color:var(--umbra)}
.ks-start :focus-visible{outline:3px solid var(--zinnober);outline-offset:3px}
.ks-start{scrollbar-color:#c8b49a var(--papier)}
.ks-start ::-webkit-scrollbar{width:14px}
.ks-start ::-webkit-scrollbar-track{background:var(--papier)}
.ks-start ::-webkit-scrollbar-thumb{background:#c8b49a;border:4px solid var(--papier);border-radius:99px}
.ks-start a{color:var(--zinnober);text-underline-offset:.2em;text-decoration-thickness:.09em}
.ks-start img{display:block;max-width:100%;height:auto}
.ks-start .ks-raum{width:min(1240px,100% - clamp(2rem,7vw,5rem));margin-inline:auto}
.ks-start h1, .ks-start h2, .ks-start h3{font-family:"Sonne",ui-sans-serif,system-ui,sans-serif;font-weight:700;line-height:1.08;
  letter-spacing:-.03em;text-wrap:balance;margin:0}
.ks-start h2{font-size:3rem;line-height:1.1}
.ks-start h3{font-size:1.75rem;line-height:1.2}
.ks-start p{margin:0 0 1.05rem;max-width:var(--mass)}
.ks-start .ks-kopf{position:absolute;top:0;left:0;right:0;z-index:30;padding-top:1.5rem}
.ks-start .ks-kopf .ks-raum{display:flex;align-items:center;gap:1.5rem;position:relative}
.ks-start .ks-marke{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--milch);
  text-shadow:0 1px 14px rgba(20,12,4,.75)}
.ks-start .ks-marke .ks-zeichen{width:44px;height:44px;border-radius:50%;background:var(--zinnober);
  display:grid;place-items:center;color:var(--milch);box-shadow:0 6px 18px -6px rgba(20,12,4,.7)}
.ks-start .ks-marke b{font-family:"Sonne",ui-sans-serif,system-ui,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.25;display:block}
.ks-start .ks-navi{margin-left:auto}
.ks-start .ks-navi>ul{display:flex;gap:.15rem;list-style:none;margin:0;padding:0}
.ks-start .ks-navi li{position:relative}
.ks-start .ks-navi>ul>li>a, .ks-start .ks-navi .ks-knopf{display:flex;align-items:center;gap:.3rem;min-height:46px;padding:.5rem .9rem;
  font-family:"Platz",sans-serif;font-size:1.0625rem;line-height:1.35;font-weight:500;color:var(--milch);
  text-decoration:none;background:rgba(36,28,20,.34);backdrop-filter:blur(7px);border:1px solid rgba(255,253,250,.24);
  border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.ks-start .ks-navi>ul>li>a:hover, .ks-start .ks-navi .ks-knopf:hover, .ks-start .ks-navi .ks-knopf[aria-expanded="true"]{background:var(--milch);color:var(--umbra);border-color:var(--milch)}
.ks-start .ks-navi .ks-knopf svg{transition:transform .2s ease}
.ks-start .ks-navi .ks-knopf[aria-expanded="true"] svg{transform:rotate(180deg)}
.ks-start .ks-unter{position:absolute;left:0;top:calc(100% + .5rem);min-width:320px;background:var(--milch);
  border-radius:14px;box-shadow:0 24px 50px -18px rgba(36,20,8,.5);list-style:none;margin:0;padding:.4rem;display:none;z-index:50}
.ks-start .ks-unter a{display:block;padding:.65rem .8rem;min-height:46px;text-decoration:none;color:var(--umbra);border-radius:9px}
.ks-start .ks-unter a:hover{background:#f6ece0}
.ks-start .ks-unter b{display:block;font-weight:500;line-height:1.3}
.ks-start .ks-unter span{display:block;font-size:.9375rem;line-height:1.4;color:var(--umbra-leise)}
@media (hover:hover) and (min-width:981px){
.ks-start .ks-navi li:hover>.ks-unter{display:block}
}
.ks-start .ks-navi .ks-knopf[aria-expanded="true"]+.ks-unter{display:block}
.ks-start .ks-brenner{display:none}
.ks-start .ks-hero{position:relative;min-height:min(62vh,600px);display:flex;align-items:flex-end;overflow:hidden}
.ks-start .ks-hero-bild{position:absolute;inset:0}
.ks-start .ks-hero-bild img{width:100%;height:100%;object-fit:cover;object-position:34% 72%;
  animation:atmen 26s ease-in-out infinite alternate}
@keyframes atmen{from{transform:scale(1.03)}to{transform:scale(1.11) translate3d(-1.2%,-1%,0)}}
.ks-start .ks-hero-schleier{position:absolute;inset:0;
  background:linear-gradient(184deg,rgba(28,18,8,.66) 0%,rgba(28,18,8,.28) 26%,rgba(26,16,7,.55) 62%,rgba(24,14,6,.9) 100%)}
.ks-start .ks-hero .ks-raum{position:relative;z-index:2;padding:7rem 0 3rem;width:min(1240px,100% - clamp(2rem,7vw,5rem));
  text-align:center}
.ks-start .ks-hero h1{color:var(--milch);font-weight:800;letter-spacing:-.035em;
  font-size:3rem;font-size:clamp(2rem,4.1vw,3.5rem);max-width:none;
  text-shadow:0 2px 30px rgba(20,12,4,.6)}
.ks-start .ks-hero .ks-an{color:#f6e9d8;font-size:1.375rem;line-height:1.5;max-width:46rem;margin:1.1rem auto 1.85rem;
  text-shadow:0 1px 16px rgba(20,12,4,.75)}
.ks-start .ks-wege{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;justify-content:center}
.ks-start .ks-knopf-1{display:inline-flex;align-items:center;gap:.55rem;min-height:56px;padding:.9rem 1.7rem;
  font-family:"Platz",sans-serif;font-size:1.0625rem;line-height:1.3;font-weight:700;text-decoration:none;
  background:var(--zinnober);color:var(--milch);border-radius:999px;border:0;cursor:pointer;
  box-shadow:0 14px 32px -12px rgba(173,68,21,.85);
  transition:transform .2s cubic-bezier(.2,.75,.3,1),box-shadow .2s ease,background-color .2s ease}
.ks-start .ks-knopf-1:hover{background:#8f3810; transform:translateY(-3px);box-shadow:0 20px 40px -12px rgba(173,68,21,.95)}
.ks-start .ks-knopf-2{display:inline-flex;align-items:center;gap:.5rem;min-height:56px;padding:.9rem 1.5rem;
  font-family:"Platz",sans-serif;font-size:1.0625rem;line-height:1.3;font-weight:500;text-decoration:none;
  color:var(--milch);border-bottom:2px solid rgba(255,253,250,.5);transition:border-color .2s ease}
.ks-start .ks-knopf-2:hover{border-color:var(--milch)}
.ks-start .ks-laufband{background:var(--laub);color:#eaf3ec;overflow:hidden;padding:.85rem 1.5rem;
  font-family:"Sonne",ui-sans-serif,system-ui,sans-serif;font-size:1.375rem;line-height:1.3}
.ks-start .ks-laufband div{display:flex;gap:3rem;width:max-content;animation:ziehen 42s linear infinite}
.ks-start .ks-laufband span{display:flex;align-items:center;gap:3rem;white-space:nowrap}
.ks-start .ks-laufband i{width:7px;height:7px;border-radius:50%;background:var(--honig);display:block;flex:none}
@keyframes ziehen{to{transform:translateX(-50%)}}
.ks-start .ks-diptychon{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.ks-start .ks-diptychon .ks-feld{background:var(--honig);color:#2c1e08;display:flex;flex-direction:column;
  justify-content:center;padding:4rem}
.ks-start .ks-diptychon .ks-feld h2{max-width:14ch}
.ks-start .ks-diptychon .ks-feld p{color:#4a3410;font-size:1.25rem;line-height:1.55;margin-top:1rem}
.ks-start .ks-diptychon .ks-bild{position:relative;overflow:hidden}
.ks-start .ks-diptychon .ks-bild img{width:100%;height:100%;object-fit:cover}
.ks-start .ks-diptychon .ks-anschnitt{position:absolute;left:0;bottom:2.5rem;background:var(--zinnober);color:var(--milch);
  padding:.9rem 1.5rem .9rem 2.5rem;font-family:"Sonne",ui-sans-serif,system-ui,sans-serif;
  font-weight:800;letter-spacing:-.02em;font-size:2.25rem;line-height:1.15;
  box-shadow:0 18px 40px -14px rgba(28,14,4,.6)}
.ks-start .ks-diptychon .ks-anschnitt small{display:block;font-family:"Platz",sans-serif;font-size:.9375rem;
  line-height:1.4;font-weight:500;color:#fde9dc}
.ks-start .ks-themen{padding:clamp(4rem,8vw,7rem) 0}
.ks-start .ks-themen .ks-einleitung{max-width:44rem;margin-bottom:3rem}
.ks-start .ks-themen .ks-einleitung p{font-size:1.375rem;line-height:1.5;color:var(--umbra-leise);max-width:38rem}
.ks-start .ks-reihe{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;align-items:end}
.ks-start .ks-thema{position:relative;border-radius:20px;overflow:hidden;text-decoration:none;color:var(--milch);
  display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;isolation:isolate;
  box-shadow:0 22px 44px -22px rgba(36,20,8,.55);
  
  transition:transform .3s cubic-bezier(.2,.75,.3,1),box-shadow .3s ease}
.ks-start .ks-thema:hover{box-shadow:0 30px 56px -22px rgba(36,20,8,.7)}
.ks-start .ks-thema:nth-child(1){min-height:400px;background:var(--zinnober)}
.ks-start .ks-thema:nth-child(2){min-height:470px;background:var(--laub)}
.ks-start .ks-thema:nth-child(3){min-height:360px;background:#8a5a2b}
.ks-start .ks-thema:nth-child(4){min-height:440px;background:#2f4d5c}
.ks-start .ks-thema .ks-foto{position:absolute;inset:0;z-index:-2}
.ks-start .ks-thema .ks-foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.75,.3,1)}
.ks-start .ks-thema:hover .ks-foto img{transform:scale(1.06)}
.ks-start .ks-thema::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,rgba(24,14,6,.88) 0%,rgba(24,14,6,.28) 52%,rgba(24,14,6,.06) 100%)}
.ks-start .ks-thema .ks-zahl{font-family:"Sonne",ui-sans-serif,system-ui,sans-serif;font-size:1.0625rem;line-height:1.3;opacity:.92;margin-bottom:.35rem}
.ks-start .ks-thema h3{color:var(--milch)}
.ks-start .ks-thema .ks-an{font-size:1rem;line-height:1.45;margin:.5rem 0 0;color:#f0e3d4;max-width:none;
  display:grid;grid-template-rows:0fr;opacity:0;
  transition:grid-template-rows .45s cubic-bezier(.2,.75,.3,1),opacity .35s ease}
.ks-start .ks-thema .ks-an>span{overflow:hidden;min-height:0}
.ks-start .ks-thema:hover .ks-an, .ks-start .ks-thema:focus-visible .ks-an{grid-template-rows:1fr;opacity:1}
.ks-start .ks-thema .ks-pfeil{position:absolute;top:1.25rem;right:1.25rem;width:44px;height:44px;border-radius:50%;
  background:rgba(255,253,250,.2);backdrop-filter:blur(6px);display:grid;place-items:center;
  transition:background-color .25s ease,transform .25s ease}
.ks-start .ks-thema:hover .ks-pfeil{background:var(--milch);color:var(--umbra);transform:translate(3px,-3px)}
.ks-start .ks-nina{padding:0 0 clamp(4rem,8vw,7rem)}
.ks-start .ks-nina .ks-raum{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.ks-start .ks-nina .ks-bildseite{position:relative}
.ks-start .ks-nina .ks-bildseite img{border-radius:22px;width:100%;aspect-ratio:4/5;object-fit:cover;
  box-shadow:0 30px 60px -28px rgba(36,20,8,.6)}
.ks-start .ks-nina .ks-rahmen{position:absolute;inset:1.25rem -1.25rem -1.25rem 1.25rem;border:2px solid var(--honig);
  border-radius:22px;z-index:-1}
.ks-start .ks-nina .ks-text p:first-of-type{font-family:"Sonne",ui-sans-serif,system-ui,sans-serif;font-size:1.75rem;line-height:1.35;
  color:var(--umbra);max-width:26ch}
.ks-start .ks-nina .ks-text p{color:var(--umbra-leise)}
.ks-start .ks-katzen{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none}
.ks-start .ks-katzen li{display:flex;align-items:center;gap:.45rem;background:var(--milch);border-radius:999px;
  padding:.5rem 1rem;font-size:1rem;box-shadow:0 6px 16px -8px rgba(36,20,8,.4)}
.ks-start .ks-katzen svg{color:var(--zinnober)}
.ks-start .ks-marken-band{background:var(--umbra);color:#ecdfd0;padding:5rem 1.5rem;overflow:hidden}
.ks-start .ks-marken-band .ks-raum{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.ks-start .ks-marken-band h2{color:var(--milch);max-width:15ch}
.ks-start .ks-marken-band .ks-an{font-size:1.375rem;line-height:1.5;color:#d6c3ad;margin:1.1rem 0 2rem;max-width:34rem}
.ks-start .ks-marken-band .ks-an b{color:var(--milch);font-weight:700}
.ks-start .ks-marken-band .ks-bild{position:relative}
.ks-start .ks-marken-band .ks-bild img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px;
  box-shadow:0 34px 66px -30px rgba(0,0,0,.85)}
.ks-start .ks-marken-band .ks-lupe{position:absolute;right:-1rem;bottom:-1rem;background:var(--honig);color:#2c1e08;
  border-radius:16px;padding:1rem 1.25rem;max-width:17rem;font-size:1rem;line-height:1.45;
  box-shadow:0 20px 40px -16px rgba(0,0,0,.7)}
.ks-start .ks-marken-band .ks-lupe b{display:block;font-family:"Sonne",ui-sans-serif,system-ui,sans-serif;font-size:1.25rem;line-height:1.25;margin-bottom:.2rem}
.ks-start .ks-tests{display:grid;gap:1rem}
.ks-start .ks-test{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;
  background:#302518;border-radius:16px;padding:1.35rem 1.5rem;text-decoration:none;color:var(--milch);
  transition:background-color .2s ease,transform .2s cubic-bezier(.2,.75,.3,1)}
.ks-start .ks-test:hover{background:#3b2d1d;transform:translateX(6px);color:var(--milch)}
.ks-start .ks-test .ks-initial{width:56px;height:56px;border-radius:50%;background:var(--zinnober);color:var(--milch);
  display:grid;place-items:center;font-family:"Sonne",ui-sans-serif,system-ui,sans-serif;font-size:1.5rem;line-height:1}
.ks-start .ks-test b{display:block;font-family:"Sonne",ui-sans-serif,system-ui,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.25}
.ks-start .ks-test span{display:block;font-size:1rem;line-height:1.45;color:#c8b49c;margin-top:.15rem}
.ks-start .ks-test .ks-weiter{color:var(--honig);flex:none}
.ks-start .ks-wasser{position:relative;min-height:min(58vh,520px);display:flex;align-items:flex-end;overflow:hidden}
.ks-start .ks-wasser>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.ks-start .ks-wasser::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(24,14,6,.9) 0%,rgba(24,14,6,.25) 52%,rgba(24,14,6,0) 100%)}
.ks-start .ks-wasser .ks-raum{position:relative;z-index:2;padding:0 0 3rem}
.ks-start .ks-wasser h2{color:var(--milch);max-width:19ch}
.ks-start .ks-wasser p{color:#f0e3d4;font-size:1.25rem;line-height:1.55;margin:1rem 0 1.5rem;max-width:34rem}
.ks-start .ks-wasser a{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;color:var(--honig);
  font-weight:700;text-decoration:none;border-bottom:2px solid var(--honig);padding-bottom:.15rem}
.ks-start .ks-fragen{padding:5rem 1.5rem;background:var(--milch)}
.ks-start .ks-fragen .ks-raum{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.ks-start .ks-fragen .ks-kopfzeile{position:sticky;top:2rem}
.ks-start .ks-fragen .ks-kopfzeile p{font-size:1.1875rem;line-height:1.6;color:var(--umbra-leise);max-width:none}
.ks-start .ks-fragen .ks-kopfzeile .ks-hinweis{display:flex;gap:.6rem;align-items:flex-start;margin-top:1.5rem;
  background:var(--papier);border-radius:14px;padding:1rem 1.15rem;font-size:1rem;line-height:1.5}
.ks-start .ks-fragen .ks-kopfzeile .ks-hinweis svg{flex:none;color:var(--zinnober);margin-top:2px}
.ks-start .ks-fliste{display:grid;gap:.75rem}
.ks-start .ks-frage{background:var(--papier);border-radius:16px;overflow:hidden;
  transition:background-color .2s ease}
.ks-start .ks-frage[open]{background:#f7ecdd}
.ks-start .ks-frage>summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;
  padding:1.2rem 1.4rem;cursor:pointer;list-style:none;min-height:60px;
  font-family:"Sonne",ui-sans-serif,system-ui,sans-serif;font-size:1.375rem;line-height:1.3;font-weight:600}
.ks-start .ks-frage>summary::-webkit-details-marker{display:none}
.ks-start .ks-frage .ks-schalter{flex:none;width:38px;height:38px;border-radius:50%;background:var(--zinnober);
  color:var(--milch);display:grid;place-items:center;transition:transform .25s cubic-bezier(.2,.75,.3,1)}
.ks-start .ks-frage[open] .ks-schalter{transform:rotate(180deg)}
.ks-start .ks-frage .ks-antwort{padding:0 1.4rem 1.4rem}
.ks-start .ks-frage .ks-antwort .ks-kurz{font-weight:700;color:var(--umbra);font-size:1.1875rem;line-height:1.55}
.ks-start .ks-frage .ks-antwort p{color:var(--umbra-leise);max-width:44rem}
.ks-start .ks-frage[open] .ks-antwort{animation:auftauchen .35s cubic-bezier(.16,.85,.3,1)}
@keyframes auftauchen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.ks-start .ks-verzeichnis{padding:5rem 1.5rem}
.ks-start .ks-verzeichnis .ks-kopfzeile{max-width:42rem;margin-bottom:2.5rem}
.ks-start .ks-verzeichnis .ks-kopfzeile p{font-size:1.375rem;line-height:1.5;color:var(--umbra-leise);max-width:none}
.ks-start .ks-spalten{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.ks-start .ks-spalte h3{font-family:"Platz",sans-serif;font-size:.9375rem;line-height:1.4;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--zinnober);margin:0 0 .85rem;
  padding-bottom:.6rem;border-bottom:2px solid var(--honig)}
.ks-start .ks-spalte ul{list-style:none;margin:0;padding:0}
.ks-start .ks-spalte li a{display:block;padding:.5rem 0;color:var(--umbra);text-decoration:none;
  font-size:1rem;line-height:1.45;min-height:44px}
.ks-start .ks-spalte li a:hover{color:var(--zinnober);text-decoration:underline;text-underline-offset:.2em}
.ks-start .ks-sprung{position:absolute;left:-9999px;top:0;background:var(--umbra);color:var(--milch);
  padding:.85rem 1.35rem;z-index:99;border-radius:0 0 10px 0}
.ks-start .ks-sprung:focus{left:0;color:var(--milch)}
.ks-start .ks-grenze{background:var(--zinnober);color:#fff2e6;padding:2.75rem 1.5rem}
.ks-start .ks-grenze .ks-raum{display:flex;gap:1.25rem;align-items:flex-start;max-width:min(1000px,100% - 3rem)}
.ks-start .ks-grenze svg{flex:none;color:#ffd9b8;margin-top:4px}
.ks-start .ks-grenze p{margin:0;max-width:34rem;font-size:1.0625rem}
.ks-start .ks-grenze b{color:#fff}
.ks-start .ks-fuss{background:#241c14;color:#d7c9b8;padding:clamp(3rem,6vw,4.5rem) 0 1.75rem;font-size:1rem}
.ks-start .ks-fuss .ks-raum{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem}
.ks-start .ks-fuss h3{font-family:"Platz",sans-serif;font-size:.9375rem;line-height:1.4;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:#9d8b76;margin-bottom:.85rem}
.ks-start .ks-fuss ul{list-style:none;margin:0;padding:0}
.ks-start .ks-fuss li a{display:block;padding:.35rem 0;color:#f0e6da;text-decoration:none}
.ks-start .ks-fuss li a:hover{color:var(--honig)}
.ks-start .ks-fuss p{color:#b4a390;max-width:26rem}
.ks-start .ks-fuss .ks-schluss{border-top:1px solid #3c3025;margin-top:2.5rem;padding-top:1.25rem;color:#9d8b76;font-size:.9375rem}
@media (max-width:980px){
.ks-start h2{font-size:2.25rem}
.ks-start .ks-brenner{display:flex;align-items:center;justify-content:center;margin-left:auto;
    width:48px;height:48px;border-radius:50%;background:rgba(36,28,20,.4);backdrop-filter:blur(7px);
    border:1px solid rgba(255,253,250,.28);color:var(--milch);cursor:pointer}
.ks-start .ks-navi{position:absolute;left:0;right:0;top:calc(100% + .75rem);display:none}
.ks-start .ks-navi.auf{display:block}
.ks-start .ks-navi>ul{flex-direction:column;background:var(--milch);border-radius:16px;padding:.5rem;
    box-shadow:0 24px 50px -18px rgba(36,20,8,.5)}
.ks-start .ks-navi>ul>li>a, .ks-start .ks-navi .ks-knopf{width:100%;justify-content:space-between;background:none;border:0;
    color:var(--umbra);backdrop-filter:none;border-radius:10px}
.ks-start .ks-navi>ul>li>a:hover, .ks-start .ks-navi .ks-knopf:hover{background:#f6ece0;color:var(--umbra)}
.ks-start .ks-unter{position:static;display:none;box-shadow:none;background:#f6ece0;min-width:0;margin:.25rem 0 .5rem}
.ks-start .ks-marken-band .ks-raum{grid-template-columns:1fr}
.ks-start .ks-marken-band .ks-lupe{position:static;margin-top:1.25rem;max-width:none}
.ks-start .ks-spalten{grid-template-columns:1fr 1fr}
.ks-start .ks-fragen .ks-raum{grid-template-columns:1fr}
.ks-start .ks-fragen .ks-kopfzeile{position:static;margin-bottom:2rem}
.ks-start .ks-diptychon{grid-template-columns:1fr}
.ks-start .ks-diptychon .ks-bild{min-height:380px}
.ks-start .ks-reihe{grid-template-columns:1fr 1fr}
.ks-start .ks-thema .ks-an{grid-template-rows:1fr;opacity:1}
.ks-start .ks-nina .ks-raum{grid-template-columns:1fr}
.ks-start .ks-fuss .ks-raum{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
.ks-start .ks-grenze{padding:2rem 1.15rem}
.ks-start .ks-diptychon .ks-feld{padding:2.25rem 1.25rem}
.ks-start .ks-laufband{padding:.85rem 1rem}
.ks-start h2{font-size:1.875rem}
.ks-start h3{font-size:1.5rem}
.ks-start .ks-hero .ks-raum{padding:6rem 0 2.25rem}
.ks-start .ks-hero .ks-an{font-size:1.1875rem}
.ks-start .ks-reihe{grid-template-columns:1fr;gap:1rem}
.ks-start .ks-thema:nth-child(n){min-height:300px}
.ks-start .ks-fuss .ks-raum{grid-template-columns:1fr}
.ks-start .ks-diptychon .ks-anschnitt{font-size:1.75rem;padding-left:1.5rem}
.ks-start .ks-spalten{grid-template-columns:1fr}
.ks-start .ks-marken-band, .ks-start .ks-fragen, .ks-start .ks-verzeichnis{padding:3rem 1.15rem}
.ks-start .ks-frage>summary{font-size:1.1875rem}
.ks-start .ks-test{grid-template-columns:auto 1fr;row-gap:.5rem}
.ks-start .ks-test .ks-weiter{grid-column:2}
}
@media (prefers-reduced-motion:reduce){
.ks-start, .ks-start *{animation:none !important;transition-duration:.001ms !important}
}
/* ============================================================
   Startseite 2026: der Bestands-Kopf legt sich ueber den Hero.
   Nur auf body.home. Alle anderen Seiten bleiben unveraendert.
   Der Kopf ist schon sticky und bekommt per JS ab 10 px Scroll
   die Klasse .scrolled - daran haengt der Wechsel.
   ============================================================ */
body.home .ke-header{
  position:fixed; top:0; left:0; right:0;
  background:transparent; border-bottom-color:transparent; box-shadow:none;
  transition:background-color .28s ease, border-color .28s ease, box-shadow .28s ease;
}
body.admin-bar.home .ke-header{ top:32px }
@media (max-width:782px){ body.admin-bar.home .ke-header{ top:46px } }

body.home .ke-header.scrolled{
  background:#fbf4ea; border-bottom-color:#e6d7c2;
  box-shadow:0 8px 24px -18px rgba(36,20,8,.6);
}

/* Ueber dem Foto steht die Schrift hell, danach wieder in Tinte */
body.home .ke-header:not(.scrolled) .ke-logo-main,
body.home .ke-header:not(.scrolled) .ke-logo-main span,
body.home .ke-header:not(.scrolled) .ke-logo-sub,
body.home .ke-header:not(.scrolled) .ke-nav-link,
body.home .ke-header:not(.scrolled) .ke-nav-arrow{
  color:#fffdfa; text-shadow:0 1px 14px rgba(20,12,4,.8);
}
body.home .ke-header:not(.scrolled) .ke-mobile-toggle{ color:#fffdfa }
body.home .ke-header.scrolled .ke-logo-main,
body.home .ke-header.scrolled .ke-nav-link{ color:#241c14; text-shadow:none }
body.home .ke-header.scrolled .ke-logo-sub{ color:#5c4b3a; text-shadow:none }

/* Logo und Vertrauens-Pille in die warme Palette */
body.home .ke-logo-icon{ background:#ad4415 }
body.home .ke-logo-main span{ color:inherit }
body.home .ke-trust{ background:rgba(255,253,250,.16); color:#fffdfa; border-color:rgba(255,253,250,.4) }
body.home .ke-trust svg *{ fill:#fffdfa }
body.home .ke-header.scrolled .ke-trust{ background:#ad4415; color:#fffdfa; border-color:transparent }
body.home .ke-header.scrolled .ke-trust svg *{ fill:#fffdfa }

/* Das Dropdown bleibt hell und lesbar, egal in welchem Zustand */
body.home .ke-dropdown{ background:#fffdfa; border-color:#e6d7c2 }
body.home .ke-dropdown .ke-dd-item{ color:#241c14; text-shadow:none }
body.home .ke-dropdown .ke-dd-group-title{ color:#5c4b3a }

/* Der Hero beginnt ganz oben, weil der Kopf jetzt darueber liegt */
body.home .ks-start .ks-hero{ margin-top:0 }
body.home .site-content,
body.home .content-area{ padding-top:0; margin-top:0 }

/* Der Menueknopf besteht aus drei Linien mit background, nicht color.
   Ueber dem Foto waeren sie in Navy praktisch unsichtbar. */
body.home .ke-header:not(.scrolled) .ke-toggle-line{
  background:#fffdfa; box-shadow:0 1px 6px rgba(20,12,4,.7);
}
body.home .ke-header:not(.scrolled) .ke-mobile-toggle{
  background:rgba(36,28,20,.34); backdrop-filter:blur(6px);
}
body.home .ke-header.scrolled .ke-toggle-line{ background:#241c14; box-shadow:none }