/*
Theme Name: Holmslæ Entdecker
Theme URI: https://holmslae.com
Author: Alina & Gianni
Description: One-Page-Theme für den Hof Holmslæ im Stil der Entdeckerkarte, mit eingebauter Karten-Seite.
Version: 0.6.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: holmslae
*/

:root{
  --ink:#2b2420;--paper:#f6ecd2;--sea:#a5d5d3;--land:#f4e4b4;--yellow:#f2b632;--red:#d9532b;--green:#3f6b2a;--leaf:#cfe3b4;--brown:#8a5a2b;
  --hand:"Patrick Hand","Ink Free","Segoe Print","Chalkboard SE","Comic Sans MS",cursive;
  --disp:"Caveat Brush","Patrick Hand","Marker Felt","Comic Sans MS",cursive;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--hand);font-size:21px;line-height:1.5;-webkit-text-size-adjust:100%}
img{display:block;max-width:100%;height:auto}
a{color:var(--ink)}
a:hover{color:#8a3a1c}
h1,h2,h3{font-family:var(--disp);font-weight:400;line-height:1;margin:0}
h2{font-size:clamp(40px,6vw,62px)}
h3{font-size:clamp(30px,4vw,40px)}
p{margin:0}
:focus-visible{outline:3px solid #1f5f78;outline-offset:3px}
.screen-reader-text{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:8px 12px}

/* Sticker: der Baustein für Knöpfe, Schilder, Karten */
.sticker{background:var(--paper);border:3px solid var(--ink);border-radius:16px 12px 17px 11px;box-shadow:3px 3px 0 var(--ink)}
.btn{display:inline-block;text-decoration:none;font-size:22px;line-height:1.1;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);border-radius:13px 10px 14px 9px;box-shadow:3px 3px 0 var(--ink);padding:11px 18px;transition:transform .12s}
.btn:hover{color:var(--ink);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}
.btn--weiss{background:#fff}

/* ---------- Startbild: füllt den ganzen Bildschirm ---------- */
.hero{min-height:100vh;min-height:100svh;background:var(--sea);padding:20px 26px 30px 20px;display:flex;flex-direction:column;gap:18px}
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.logo{font-family:var(--disp);font-size:38px;line-height:1;text-decoration:none;padding:2px 18px 6px;border-radius:14px 26px 12px 22px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg)}
.nav__links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;margin:0;padding:0}
.nav__links a{display:block;text-decoration:none;padding:7px 14px;font-size:19px}
.nav__links li:nth-child(even) a{border-radius:12px 16px 11px 17px}
.nav__links a:hover{background:var(--yellow);color:var(--ink)}
.nav__links .is-cta a{background:var(--yellow)}
.hero__frame{position:relative;flex:1 1 auto;min-height:420px;border:4px solid var(--ink);border-radius:255px 18px 225px 18px/18px 225px 18px 255px;box-shadow:7px 8px 0 var(--ink);overflow:hidden;display:flex;align-items:flex-end;padding:clamp(16px,4vw,44px);background:var(--leaf)}
.hero__frame picture,.hero__frame img.hero__img{position:absolute;inset:0;width:100%;height:100%}
.hero__frame picture img{width:100%;height:100%;object-fit:cover}
.hero__card{position:relative;max-width:620px;background:var(--paper);border:4px solid var(--ink);border-radius:22px 30px 20px 34px;box-shadow:6px 7px 0 var(--ink);padding:20px 28px 26px;transform:rotate(-1.5deg);display:flex;flex-direction:column;gap:12px}
.hero__card h1{font-size:clamp(46px,7.4vw,84px);line-height:.95}
.hero__card p{font-size:clamp(20px,2.2vw,24px)}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}

/* Menü-Knopf (Handy immer, am Computer nach dem Scrollen) */
.menubtn{position:fixed;z-index:60;top:14px;right:16px;width:54px;height:54px;padding:0;background:var(--yellow);border:3px solid var(--ink);border-radius:14px 11px 15px 10px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;display:none;align-items:center;justify-content:center}
.menubtn svg{width:28px;height:28px}
body.is-scrolled .menubtn{display:flex}
.menu{position:fixed;z-index:59;inset:0;background:rgba(43,36,32,.45);display:none;padding:84px 16px 16px;overflow:auto}
body.menu-open .menu{display:block}
.menu ul{list-style:none;margin:0 0 0 auto;padding:14px;max-width:340px;display:flex;flex-direction:column;gap:10px;border-width:4px;border-radius:20px 26px 18px 30px;box-shadow:5px 6px 0 var(--ink)}
.menu a{display:block;text-decoration:none;font-size:24px;padding:10px 14px;border-radius:12px}
.menu a:hover{background:var(--yellow)}

/* Anfrage-Knopf: schwebt beim Scrollen immer mit */
.anfragebtn{position:fixed;z-index:55;right:16px;bottom:16px;font-size:24px;padding:12px 22px;border-radius:16px 12px 17px 11px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg)}
.anfragebtn:hover{transform:rotate(-2deg) translate(1px,1px)}
body.bei-anfrage .anfragebtn,body.bei-start .anfragebtn,body.menu-open .anfragebtn{display:none}

/* ---------- Abschnitte ---------- */
.sec{max-width:1140px;margin:0 auto;padding:clamp(56px,8vw,100px) 24px}
.band{border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}
.band--sea{background:var(--sea)}
.band--land{background:var(--land)}
.band--dark{background:var(--ink);color:var(--paper)}
.band--dark a{color:var(--paper)}
.band--dark a.btn,.band--dark a.btn:hover{color:var(--ink)}
.split{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(28px,5vw,60px)}
.split>*{flex:1 1 360px;min-width:0}
.split--rev{flex-wrap:wrap-reverse}
.text{display:flex;flex-direction:column;gap:16px}
.text--schmal{max-width:68ch}
.foto{border:4px solid var(--ink);border-radius:18px 26px 16px 28px;box-shadow:6px 7px 0 var(--ink);overflow:hidden;background:var(--leaf);transform:rotate(1.5deg)}
.foto--l{transform:rotate(-1.5deg)}
.foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.foto--quer img{aspect-ratio:4/3}
/* Galerie zum Wischen */
.galerie{position:relative}
.galerie__bahn{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.galerie__bahn::-webkit-scrollbar{display:none}
.galerie__bild{flex:0 0 100%;margin:0;scroll-snap-align:center;scroll-snap-stop:always}
.galerie__pfeil{position:absolute;top:50%;width:46px;height:46px;margin-top:-23px;padding:0;background:var(--yellow);border:3px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.galerie__pfeil svg{width:22px;height:22px}
.galerie__pfeil--l{left:10px}
.galerie__pfeil--r{right:10px}
.galerie__pfeil[disabled]{opacity:.35;cursor:default}
.galerie__punkte{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px;pointer-events:none}
.galerie__punkte i{width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:var(--paper)}
.galerie__punkte i.ist-da{background:var(--yellow);transform:scale(1.25)}
.fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.fotos .foto:nth-child(2){margin-top:44px}
.schilder{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:16px}
.schilder li{padding:7px 16px;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px 16px 11px 17px;background:#fff}
.schilder li:nth-child(3n+1){background:var(--yellow);transform:rotate(-2deg)}
.schilder li:nth-child(3n+2){transform:rotate(1.5deg)}
.schilder li:nth-child(3n){background:var(--leaf);transform:rotate(-1deg)}
.preise{margin:6px 0 0;border-top:3px solid var(--ink)}
.preise div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:3px dashed var(--ink)}
.preise dd{margin:0;white-space:nowrap}
.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;margin-top:34px}
.karte{background:#fff;border:4px solid var(--ink);border-radius:20px 28px 18px 30px;box-shadow:6px 7px 0 var(--ink);overflow:hidden;display:flex;flex-direction:column}
.karte:nth-child(even){border-radius:28px 20px 30px 18px}
.karte__kopf{height:110px;display:flex;align-items:center;justify-content:center;color:#fff;border-bottom:4px solid var(--ink);background-image:radial-gradient(rgba(255,255,255,.28) 2px,transparent 2.5px);background-size:11px 11px}
.karte__kopf svg{width:60px;height:60px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-5deg)}
.karte__text{padding:18px 22px 24px;display:flex;flex-direction:column;gap:8px}
.karte__zeit{font-size:17px;letter-spacing:.06em;text-transform:uppercase}
.hinweis{margin-top:30px;padding:16px 20px;background:var(--paper);border:3px dashed var(--ink);border-radius:14px;max-width:70ch}
.kartenbild{position:relative;min-height:380px;background:var(--sea);border:4px solid var(--ink);border-radius:255px 18px 225px 18px/18px 225px 18px 255px;box-shadow:7px 8px 0 var(--ink);overflow:hidden}
.band--sea .kartenbild{background:#c5e6e2}
.kartenbild{display:block;text-decoration:none}
.kartenbild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kartenbild__schild{position:absolute;right:18px;bottom:18px;padding:6px 16px;background:var(--yellow);transform:rotate(-3deg)}
.anfrage{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.anfrage .text{flex:1 1 420px}
.fuss{max-width:1140px;margin:0 auto;padding:40px 24px 56px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px 30px}
.fuss__gruss{font-family:var(--disp);font-size:40px;line-height:1}
.fuss a{margin-left:14px}

/* ---------- Anfrage zum Durchklicken ---------- */
.meldung{margin-top:26px;padding:16px 20px;background:var(--leaf);color:var(--ink);border:3px solid var(--paper);border-radius:14px;max-width:70ch}
.meldung--fehler{background:#f6c9b8}
.meldung a{color:var(--ink)}
.finder{margin-top:30px;color:var(--ink);max-width:760px;padding:26px clamp(18px,4vw,36px) 30px;border-width:4px;border-radius:22px 30px 20px 34px;box-shadow:6px 7px 0 var(--yellow);display:flex;flex-direction:column;gap:22px}
.finder__falle{position:absolute;left:-9999px}
.finder__weg{list-style:none;margin:0;padding:0;display:none;align-items:center;gap:0}
.finder--js .finder__weg{display:flex}
.finder__weg li{flex:0 0 auto;width:42px;height:42px;border:3px solid var(--ink);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:24px}
.finder__weg li+li{margin-left:clamp(28px,9vw,70px);position:relative}
.finder__weg li+li::before{content:"";position:absolute;right:100%;top:50%;width:clamp(28px,9vw,70px);border-top:5px dashed var(--red);margin-top:-3px}
.finder__weg .ist-da{background:var(--yellow);transform:scale(1.15)}
.finder__weg .ist-fertig{background:var(--leaf)}
.schritt{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:14px}
.schritt[hidden]{display:none}
.schritt legend{font-family:var(--disp);font-size:clamp(32px,5vw,44px);line-height:1;padding:0;margin-bottom:14px}
.zaehler{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:3px dashed var(--ink)}
.zaehler label{flex:1 1 auto;display:flex;flex-direction:column;line-height:1.2}
.zaehler small{font-size:16px;opacity:.75}
.zaehler input{width:64px;height:48px;text-align:center;font:inherit;font-size:24px;border:3px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);-moz-appearance:textfield}
.zaehler input::-webkit-inner-spin-button{-webkit-appearance:none}
.zaehler__knopf{width:48px;height:48px;font:400 28px/1 var(--hand);color:var(--ink);background:var(--yellow);border:3px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink);cursor:pointer;padding:0}
.wahl{display:flex;flex-wrap:wrap;gap:12px}
.wahl label{cursor:pointer}
.wahl input{position:absolute;opacity:0}
.wahl span{display:block;padding:10px 18px;background:#fff;border:3px solid var(--ink);border-radius:14px 11px 15px 10px;box-shadow:3px 3px 0 var(--ink)}
.wahl input:checked+span{background:var(--yellow);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.wahl input:focus-visible+span{outline:3px solid #1f5f78;outline-offset:3px}
.felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.finder p{display:flex;flex-direction:column;gap:4px}
.finder input[type=text],.finder input[type=email],.finder input[type=date],.finder textarea{font:inherit;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:12px;padding:9px 12px;width:100%}
.finder__fazit{padding:12px 16px;background:var(--leaf);border:3px dashed var(--ink);border-radius:14px}
.finder__fazit:empty{display:none}
.finder .finder__nav{flex-direction:row;flex-wrap:wrap;gap:12px}
.finder .finder__nav[hidden],.finder button[hidden]{display:none}
.finder button.btn{font-family:var(--hand);cursor:pointer}

/* ---------- Karten-Seite ---------- */
.kartenseite{background:var(--sea);margin:0}
.kartenseite__kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 4px}
.kartenseite__kopf .logo{font-size:30px}
.kartenseite iframe{display:block;width:100%;border:0;height:calc(100vh - 62px);height:calc(100svh - 62px);min-height:440px}
.hk-liste{max-width:1040px;margin:0 auto;padding:44px 24px 70px;background:var(--paper);border:4px solid var(--ink);border-bottom:0;border-radius:26px 30px 0 0;font:17px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
.hk-liste h1{font-size:clamp(34px,5vw,46px);margin-bottom:12px}
.hk-liste h2{font-size:30px;margin:30px 0 10px}
.hk-liste ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px 26px}
.hk-liste li{padding:6px 0;border-bottom:2px dashed rgba(43,36,32,.35)}
.hk-liste b{display:block;font:400 21px/1.2 var(--hand)}
.hk-liste small{display:block;opacity:.75}

/* ---------- Normale Seiten (Impressum usw.) ---------- */
.seite{max-width:820px;margin:0 auto;padding:40px 24px 80px}
.seite h1{font-size:clamp(44px,7vw,68px);margin-bottom:24px}
.seite__inhalt>*+*{margin-top:16px}
.seitenkopf{background:var(--sea);border-bottom:4px solid var(--ink);padding:16px 24px}

@media (max-width:860px){
  body{font-size:19px}
  .hero{padding:10px 14px 16px 10px;gap:12px}
  .nav__links{display:none}
  .logo{font-size:30px;padding:0 14px 4px}
  .menubtn{display:flex}
  .hero__frame{border-radius:120px 16px 110px 16px/16px 110px 16px 120px;box-shadow:5px 6px 0 var(--ink)}
  .hero__card{padding:14px 18px 18px}
  .fotos .foto:nth-child(2){margin-top:26px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.karten--klein{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}
.karten--klein h3{font-size:clamp(22px,2.2vw,28px);overflow-wrap:anywhere;hyphens:auto}
.karten--klein .karte__kopf{height:78px}
.karten--klein .karte__kopf svg{width:44px;height:44px}
.zwischen{margin-top:44px}
.zwischen+.karten{margin-top:20px}
@media (max-width:640px){.karten--klein{gap:14px}.karten--klein .karte{flex-direction:row;border-width:3px;box-shadow:4px 5px 0 var(--ink)}.karten--klein .karte__kopf{height:auto;flex:0 0 62px;border-bottom:0;border-right:3px solid var(--ink)}.karten--klein .karte__kopf svg{width:34px;height:34px}.karten--klein .karte__text{padding:12px 14px 14px;gap:4px;min-width:0}.karten--klein .karte__zeit{font-size:13px}.karten--klein h3{font-size:21px}.karten--klein .karte__text p:last-child{font-size:16px;line-height:1.45}}
.klapp{margin-top:22px}
.text+.klapp{margin-top:30px}
.klapp>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;position:relative;background:var(--paper);border:4px solid var(--ink);border-radius:18px 26px 16px 28px;box-shadow:6px 7px 0 var(--ink);padding:16px 64px 18px 22px;transition:transform .12s}
.klapp>summary::-webkit-details-marker{display:none}
.klapp>summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:3px solid var(--ink);border-radius:50%;background:#fff;font:700 24px/1 system-ui,sans-serif}
.klapp[open]>summary::after{content:"\2212"}
.klapp>summary:hover{transform:translate(-1px,-1px) rotate(-.4deg)}
.klapp>summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.klapp__titel{font-size:clamp(24px,2.6vw,32px);line-height:1.15}
.klapp__was{font-size:17px;opacity:.85}
.klapp .karten{margin-top:22px}
@media (max-width:640px){.klapp>summary{border-width:3px;box-shadow:4px 5px 0 var(--ink);padding:13px 56px 14px 16px}.klapp__was{font-size:15px}}
/* Startbild auf dem Handy: Foto oben, Karte darunter, damit das Motiv frei bleibt */
@media (max-width:700px) and (orientation:portrait){
.hero__frame{flex-direction:column;align-items:stretch;justify-content:flex-end;padding:0;min-height:0}
.hero__frame picture{position:relative;inset:auto;flex:1 1 0;min-height:42svh;height:auto;display:block;overflow:hidden}
.hero__frame picture img{position:absolute;inset:0;object-position:68% 30%}
.hero__card{max-width:none;margin:-34px 10px 12px;padding:14px 18px 16px;gap:8px;transform:rotate(-1deg);flex:0 0 auto}
.hero__card h1{font-size:clamp(34px,10.5vw,46px)}
.hero__card p{font-size:18px}
.hero__btns{gap:10px}
.hero__btns .btn{font-size:19px;padding:9px 14px}
}

/* ---------- Shelter-Touren ---------- */
.hero--seite{min-height:auto}
.hero--seite .hero__frame{min-height:min(74vh,640px)}
.hero--seite .hero__frame img.hero__img{object-fit:cover;object-position:50% 42%}
.nav__links .ist-hier a{background:var(--leaf)}
.neu-schild{align-self:flex-start;padding:4px 14px;background:var(--yellow);font-size:18px;transform:rotate(-2deg)}
.knoepfe{display:flex;flex-wrap:wrap;gap:12px}
.zwischen.knoepfe{margin-top:34px}
.aufbau{max-width:1140px;margin:28px auto 0;padding:0 24px}
.aufbau p{padding:14px 20px;background:var(--yellow);border:3px solid var(--ink);border-radius:14px 18px 13px 19px;box-shadow:4px 4px 0 var(--ink);font-size:19px;max-width:none}
.aufbau--seite{margin:0 0 30px;padding:0}
.karten--schritte{list-style:none;padding:0}
.karten--schritte .karte__kopf{height:92px}
.schritt-nr{font-family:var(--disp);font-size:64px;line-height:1;color:#fff;transform:rotate(-5deg)}
.mappe-blaetter{position:relative;min-height:480px;max-width:520px}
.mappe-blaetter img{position:absolute;width:62%;border:3px solid var(--ink);border-radius:6px;box-shadow:6px 7px 0 var(--ink);background:#fff}
.mappe-blaetter img:first-child{left:0;top:10px;transform:rotate(-4deg)}
.mappe-blaetter img:last-child{right:0;top:60px;transform:rotate(3deg)}
.liste{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:6px}
.klein{font-size:16px;opacity:.8}
.split--oben{align-items:flex-start}
.preise--touren dt{display:flex;flex-direction:column}
.preise--touren dt small,.preise--touren dd small{font-size:15px;opacity:.75;line-height:1.3}
.preise--touren dd{text-align:right;display:flex;flex-direction:column}
.regeln{margin:0;padding:22px 26px 22px 46px;display:flex;flex-direction:column;gap:10px;font-size:19px;background:#fff;border-width:4px;box-shadow:6px 7px 0 var(--ink);transform:rotate(-.8deg)}
.klapp__inhalt{padding:16px 22px 6px;max-width:70ch}
.schluss{text-align:left}
.seitenkopf--nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.seitenkopf--nav .logo{font-size:32px}
.platzhalter{background:var(--yellow);color:var(--ink);padding:0 4px;border-radius:4px}
.rechtliches h2{font-size:clamp(30px,4vw,40px);margin-top:34px}
.rechtliches p{max-width:70ch}
.planerseite .aufbau{margin-bottom:6px}
@media (max-width:860px){
  .mappe-blaetter{min-height:clamp(300px,90vw,480px);margin:0 auto;width:100%}
  .regeln{padding:18px 18px 18px 38px;font-size:17px}
  .aufbau p{font-size:17px}
}
@media (max-width:700px) and (orientation:portrait){
.hero--seite .hero__frame{flex-direction:column;align-items:stretch;justify-content:flex-end;padding:0;min-height:0}
.hero--seite .hero__frame img.hero__img{position:relative;inset:auto;width:100%;height:44svh;object-position:35% 55%}
}

/* Banner „Wir sind im Aufbau“ */
.aufbau-banner{background:var(--ink);color:var(--paper);border-bottom:3px solid var(--yellow)}
.aufbau-banner__innen{max-width:1140px;margin:0 auto;padding:10px 56px 10px 20px;display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;position:relative}
.aufbau-banner__schild{flex:0 0 auto;font-family:var(--disp);font-size:24px;line-height:1;color:var(--ink);background:var(--yellow);border:2.5px solid var(--paper);border-radius:10px 7px 11px 6px;padding:4px 12px 6px;transform:rotate(-2deg)}
.aufbau-banner p{flex:1 1 380px;margin:0;font-size:18px;line-height:1.35;max-width:none}
.aufbau-banner__link{flex:0 0 auto;color:var(--yellow);font-size:19px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.aufbau-banner__link:hover{color:var(--paper)}
.aufbau-banner__zu{position:absolute;top:6px;right:10px;width:36px;height:36px;padding:0;border:0;background:none;color:var(--paper);font:400 30px/1 var(--hand);cursor:pointer;border-radius:50%}
.aufbau-banner__zu:hover,.aufbau-banner__zu:focus-visible{background:rgba(246,236,210,.15)}
.aufbau-banner.ist-zu{display:none}
.aufbau-hinweis{background:var(--leaf);border:3px solid var(--ink);border-radius:13px 10px 14px 9px;padding:10px 16px;font-size:18px;line-height:1.4;max-width:none}
@media (max-width:700px){
.aufbau-banner__innen{padding:10px 16px 8px}
.aufbau-banner__schild{font-size:21px;margin:4px 0 14px}
.aufbau-banner__zu{position:static;margin-left:auto;width:auto;height:auto;font-size:17px;padding:4px 8px;border-radius:8px;color:var(--paper);opacity:.85}
.aufbau-banner__zu::before{content:"Ausblenden ";font-size:16px}
.aufbau-banner p{font-size:16px;flex-basis:100%}
.aufbau-banner__link{font-size:17px}
}