@font-face{font-family:Andika;src:url(/schrift/Andika-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Andika;src:url(/schrift/Andika-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--blau:#2F7FC1;--blau-d:#1F5A8C;--sonne:#F2B632;--tinte:#1E2A3A;--grau:#9AA5B1;--hell:#E8F1FA;--linie:#dfe5ec;--f:#2F7FC1;--fh:#E8F1FA;--r:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--tinte);font-family:Andika,"Atkinson Hyperlegible",Verdana,sans-serif;font-size:19px;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:var(--blau-d)}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid var(--tinte);outline-offset:3px;box-shadow:0 0 0 8px var(--sonne)}
button{font:inherit}
.in{max-width:1080px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px;top:8px;background:var(--tinte);color:#fff;font-weight:700;padding:8px 14px;border-radius:10px}.skip:focus{left:8px;z-index:9}
h1,h2,h3{line-height:1.15;margin:0 0 .4em}h1{font-size:clamp(32px,6vw,52px)}h2{font-size:clamp(26px,3.4vw,32px);color:var(--blau-d);margin-top:1.2em}h3{font-size:20px}
.kopfzeile h1,.heft h1,.held h1{margin-top:0}h2:first-child{margin-top:0}
p{margin:0 0 1em;max-width:68ch}.gross{font-size:clamp(20px,2.4vw,24px)}.klein{font-size:15px;color:#4a5563}.mitte{text-align:center}
.kopf{position:static;z-index:5;background:#fff;border-bottom:3px solid var(--hell)}
.kopf .in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.marke{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinte);font-size:24px}.marke b{color:var(--blau)}
.kopf nav{display:flex;gap:4px;flex-wrap:wrap}.kopf nav a{padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--tinte);font-weight:700}.kopf nav a:hover{background:var(--hell)}
.kopf nav a[aria-current]{background:var(--hell);text-decoration:underline;text-underline-offset:4px}
.kopf nav a.gelb{background:var(--sonne)}.kopf nav a.gelb[aria-current]{background:var(--sonne)}
.krumen{font-size:15px;margin-top:10px}.krumen ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 8px}.krumen li+li::before{content:"›";margin-right:8px;color:#4a5563}.krumen a{color:var(--blau-d)}.krumen li[aria-current]{color:#4a5563}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;background:var(--blau-d);color:#fff;text-decoration:none;font-weight:700;border:3px solid var(--blau-d);line-height:1.2;cursor:pointer}
.knopf.hell{background:#fff;color:var(--blau-d)}.knopf.gelb{background:var(--sonne);border-color:var(--sonne);color:var(--tinte)}.knopf.gross{padding:16px 24px;font-size:20px}.knopf.still{background:#eef1f4;border-color:#eef1f4;color:#4a5563;cursor:default}
.knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;align-items:center}
.textlink{font-weight:700;color:var(--blau-d);padding:8px 4px;display:inline-block}
.held{background:linear-gradient(180deg,var(--hell),#fff 85%);padding:40px 0 24px}
.held .in{display:grid;gap:18px 28px;grid-template-columns:1fr;grid-template-areas:"kopf" "bild" "text";align-items:center}.held-kopf{grid-area:kopf}.held-bild{grid-area:bild}.held-text{grid-area:text}
.held .seite{display:block;max-width:300px}.held .seite img{display:block;width:100%;height:auto;border:1px solid var(--linie);border-radius:8px;box-shadow:0 12px 30px rgba(30,42,58,.16);background:#fff}.held .seite:focus-visible img{outline:4px solid var(--tinte)}
.ueber{font-weight:700;color:var(--blau-d);letter-spacing:.02em;text-transform:uppercase;font-size:15px}
.preiszeile{font-weight:700;font-size:18px}
.held-bild{display:flex;flex-direction:column;align-items:center;gap:18px}.demo .robo{width:64px;height:64px;flex:none}
.demo{display:flex;align-items:center;gap:14px;background:#fff;border:3px solid var(--sonne);border-radius:var(--r);padding:12px 16px;text-decoration:none;color:var(--tinte);box-shadow:0 8px 24px rgba(31,90,140,.10)}.demo:focus-visible{outline-color:var(--tinte);box-shadow:0 0 0 8px var(--blau-d)}
.schau{padding-top:36px;padding-bottom:12px}.schau h2{margin-bottom:14px}.schau-grid{display:grid;gap:22px;grid-template-columns:1fr;align-items:start}
.schau-bild{position:relative;margin:0 auto;max-width:360px}.schau-bild img{display:block;width:100%;height:auto;border:1px solid var(--linie);border-radius:8px;box-shadow:0 12px 30px rgba(30,42,58,.14)}.schau-bild figcaption{font-size:14px;color:#4a5563;margin-top:6px;text-align:center}
.schau-nr{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--sonne);color:var(--tinte);font-weight:700;font-size:17px;align-items:center;justify-content:center;border:2px solid var(--tinte);flex:none}.schau-bild .schau-nr{position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(30,42,58,.3)}
.schau-liste{list-style:none;padding:0;margin:0;display:grid;gap:12px}.schau-liste li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--linie);border-radius:var(--r);padding:14px 16px}.schau-liste b{display:block;font-size:19px;color:var(--tinte);margin-bottom:2px}.schau-liste div{max-width:none}
.schau-fuss{margin-top:16px;font-size:17px;color:#4a5563;max-width:none}
.band-preis{background:#fffbef;border-left:8px solid var(--sonne);border-radius:0 var(--r) var(--r) 0;padding:12px 18px;margin:28px auto 8px;font-size:17px;max-width:1048px}
.zeile{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:36px}.zeile a{font-weight:700}.zeile h2{margin-top:0}
.karten{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));margin:12px 0 28px}.karten.vier{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}
.karte{display:flex;flex-direction:column;border:1px solid var(--linie);border-left:6px solid var(--f);border-radius:var(--r);overflow:hidden;background:#fff}
.paketkarte .stapel{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;background:var(--fh);aspect-ratio:4/3}.paketkarte .stapel img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.karte .bild img{aspect-ratio:4/3;object-fit:cover;width:100%}.karte .text{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.fach{display:inline-block;font-size:14px;font-weight:700;color:#fff;background:var(--f);padding:3px 10px;border-radius:999px;align-self:flex-start}.fach.mappe{background:var(--tinte)}
.chip.bald{display:inline-block;font-size:14px;font-weight:700;background:#FFF3D6;color:#7a4e00;padding:3px 10px;border-radius:999px}
.karte h3 a{text-decoration:none;color:var(--tinte)}.karte p{margin:0 0 .5em}.meta{font-size:15px;color:#4a5563;font-weight:400}.preis{font-weight:700;font-size:20px}
.karte .knoepfe{margin-top:auto}.karte .knopf{padding:10px 14px;font-size:17px}
.band{background:var(--hell);padding:36px 0;margin:28px 0}.band h2{margin-top:0}
.zwei{display:grid;gap:28px;grid-template-columns:1fr;align-items:start}.dreier{display:grid;gap:28px;grid-template-columns:1fr;align-items:start}
.vertrauen{padding:8px 16px 36px}.vertrauen p{border-left:8px solid var(--sonne);padding:12px 18px;background:#fffbef;border-radius:0 var(--r) var(--r) 0;max-width:none}
.kasten{border:1px solid var(--linie);border-radius:var(--r);padding:16px 18px;margin:18px 0;background:#fff}.kasten h2{font-size:20px;color:var(--tinte);margin-top:0}.kasten p{margin:0}.kasten.post{background:#fffbef;border-color:#f3e3b5}
.fuss{border-top:3px solid var(--hell);padding:32px 0 40px;font-size:16px}.fuss .in{display:grid;gap:20px;grid-template-columns:1fr}.fuss a{color:var(--blau-d);display:inline-block;padding:4px 2px}
.fusslinks{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:4px 18px}
.kopfzeile{padding-top:36px}.kopfzeile.schmal{max-width:760px}.kopfzeile p{max-width:62ch}
.mitrobo{position:relative}.robo-ecke{float:right;margin:0 0 8px 16px;width:72px;height:72px}
.filter{display:flex;gap:8px;flex-wrap:wrap;max-width:none}.filter a{padding:10px 16px;border-radius:999px;background:var(--hell);text-decoration:none;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.pakete{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:36px}.paket{border:1px solid var(--linie);border-radius:var(--r);padding:18px}.paket ul{padding-left:20px}.paket h3{margin-top:0}
.heft{padding:36px 0}.heftgrid{display:grid;gap:20px 28px;grid-template-columns:1fr}.galerie-titel{font-size:20px;color:var(--tinte);margin:0 0 6px}
@media(min-width:720px){.heftgrid{grid-template-columns:5fr 6fr;grid-template-rows:auto 1fr;align-items:start}.coverspalte{grid-column:1;grid-row:1}.textspalte{grid-column:2;grid-row:1/3}.galeriespalte{grid-column:1;grid-row:2;align-self:start}}
@media(max-width:719px){.heft .cover{max-height:240px;object-fit:cover;object-position:top}.galeriespalte .galerie{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px}.galeriespalte .galerie figure{flex:0 0 44%;scroll-snap-align:start}}
.heft .cover,.cover{border-radius:var(--r);border:1px solid var(--linie);box-shadow:0 12px 30px rgba(30,42,58,.12);width:100%}
.galerie{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.galerie.vier{grid-template-columns:repeat(4,1fr)}.galerie figure{margin:0}.galerie img{border:1px solid var(--linie);border-radius:6px;width:100%}.galerie figcaption{font-size:14px;color:#4a5563;margin-top:4px}.galerie a:focus-visible img{outline:4px solid var(--tinte)}.heft h2{font-size:20px;color:var(--tinte);margin-top:18px}.heft ul{padding-left:22px}
.finder fieldset{border:1px solid var(--linie);border-radius:var(--r);padding:16px 18px;margin:0 0 18px}.finder legend{font-weight:700;padding:0 8px;font-size:20px}.kontakt{margin:20px 0}.kontakt label{font-weight:700;display:inline-block;margin-bottom:6px}.kontakt input[type=text],.kontakt input[type=email],.kontakt textarea{display:block;width:100%;min-height:48px;font:inherit;font-size:18px;padding:10px 12px;border:2px solid var(--grau);border-radius:8px;box-sizing:border-box}.kontakt input:focus,.kontakt textarea:focus{outline:3px solid var(--sonne);border-color:var(--blau-d)}
.finder label{display:flex;gap:12px;align-items:flex-start;padding:10px 8px;border-radius:var(--r);cursor:pointer}.finder label:hover{background:var(--hell)}.finder input{width:24px;height:24px;margin-top:2px;flex:none;accent-color:var(--blau)}
.ergebnis{margin-top:22px}.ergebnis h2{margin-top:0}.treffer{list-style:none;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.treffer li a{display:block;padding:14px 16px;border-radius:var(--r);border:1px solid var(--linie);border-left:6px solid var(--f);text-decoration:none;color:var(--tinte)}.treffer b{display:block;font-size:20px;margin-top:4px}
.stufen{padding-left:22px}.stufen li{margin-bottom:8px}
.schritte{display:grid;gap:20px;grid-template-columns:1fr;padding-bottom:12px}.schritte>div{border:1px solid var(--linie);border-radius:var(--r);padding:20px}.schritte h2{font-size:22px;color:var(--tinte);margin-top:0}
.nr{display:inline-flex;width:44px;height:44px;border-radius:50%;background:var(--sonne);color:var(--tinte);font-weight:700;align-items:center;justify-content:center;font-size:22px;margin-bottom:8px}
.qr{border:1px solid var(--linie);border-radius:var(--r);padding:8px;background:#fff}
.linkliste{display:grid;gap:12px;margin:24px 0}.linkliste .knopf{width:100%;text-align:center;justify-content:center}.kopfzeile.schmal .mitte img{margin:0 auto}
.still-box{background:#eef1f4;border-radius:var(--r);padding:14px 16px;color:#4a5563}
.robopost{display:grid;gap:10px;max-width:460px}.robopost input[type=email],.robopost input[type=text]{font:inherit;padding:12px;border:2px solid #9AA5B1;border-radius:var(--r)}.robopost .haken{display:flex;gap:10px;align-items:flex-start;font-size:.95em}.robopost .haken input{width:22px;height:22px;flex:none;margin-top:2px}
@media(max-width:719px){.kopf .in{gap:6px}.kopf nav{width:100%;justify-content:space-between;gap:0}.kopf nav a{padding:8px 10px;font-size:17px}
 .held{padding:24px 0 16px}.held .in{gap:14px}.held-bild{flex-direction:row;justify-content:center;align-items:center;gap:12px}.held .seite{flex:0 0 132px}.demo{flex:1 1 auto;padding:10px 12px;gap:10px}.demo .robo{width:48px;height:48px}
 .held .gross{font-size:19px}}
@media(max-width:519px){.karte{display:grid;grid-template-columns:110px 1fr;border-left-width:6px}.karte .bild{align-self:start;padding:12px 0 0 10px}.karte .bild img{aspect-ratio:1/1;height:auto;border-radius:6px;border:1px solid var(--linie)}.karte .kurz{display:none}.karte .text{padding:12px 14px}.karte .knoepfe{gap:6px}.karte .knopf{padding:8px 12px;font-size:16px}
 .paketkarte{grid-template-columns:110px 1fr}.paketkarte .stapel{aspect-ratio:1/1;padding:0;background:none;gap:3px;height:auto}
 .galerie,.galerie.vier{grid-template-columns:1fr 1fr}.robo-ecke{width:56px;height:56px}}
@media(min-width:720px){html{scroll-padding-top:96px}.kopf{position:sticky;top:0}.held .in{grid-template-columns:3fr 2fr;grid-template-areas:"kopf bild" "text bild"}.held-bild{grid-row:1/3}.schau-grid{grid-template-columns:5fr 7fr}.zwei{grid-template-columns:1fr 1fr}.dreier{grid-template-columns:repeat(3,1fr)}.fuss .in{grid-template-columns:1fr 1fr}.schritte{grid-template-columns:repeat(3,1fr)}}
@media(min-width:720px){.heft .zwei{grid-template-columns:5fr 6fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}