/* Bildbetonte Startseite; bleibt ohne externe Schriften und JavaScript nutzbar. */
.buehne{position:relative;min-height:660px;isolation:isolate;display:flex;align-items:center;background:#001923;color:#fff;overflow:hidden}.buehne-bild,.buehne-schatten{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.buehne-bild{object-position:center}.buehne-schatten{z-index:-1;background:linear-gradient(90deg,#001923e8 0%,#00192391 46%,#00192308 80%),linear-gradient(0deg,#001923a1,transparent 40%)}.buehne-inhalt{padding-block:82px 115px}.buehne .augenbraue{color:#9be6ef;margin-bottom:25px}.buehne h1{font-size:clamp(62px,7.6vw,112px);line-height:.98;letter-spacing:-.065em;margin-bottom:28px}.buehne h1 em,.proshop-story h2 em,.service-einstieg h2 em{font-style:normal;color:#76cddd}.buehne-inhalt>p:not(.augenbraue){font-size:19px;color:#e0eef0;line-height:1.7}.aktionen{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:32px}.buehne .knopf,.service-bereich .knopf{background:#76cddd;color:#001923}.buehne .knopf:hover,.service-bereich .knopf:hover{background:#a1e5ed}.textlink{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:650;border-bottom:1px solid currentColor}.buehne-fuss{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;gap:24px;font-size:11px;letter-spacing:1.5px}.buehne-fuss span:first-child{font-weight:800;color:#9be6ef}.markenband{display:flex;justify-content:center;gap:8vw;padding:24px 20px;background:#76cddd;color:#092c37;font-size:clamp(12px,1.6vw,20px);font-weight:800;letter-spacing:.12em}.proshop-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:100px}.proshop-story h2,.auswahl h2,.service-einstieg h2{font-size:clamp(36px,4.4vw,61px);line-height:1.06}.proshop-story h2 em{color:#247687}.proshop-story .augenbraue{margin-bottom:25px}.proshop-story>div>p{color:#53666b}.proshop-story .story-lead{font-size:23px;line-height:1.4;color:#092c37;font-weight:600}.proshop-story>div{min-width:0}.auswahl{padding-bottom:90px}.auswahl .abschnitt-kopf{align-items:end;gap:25px;margin-bottom:35px}.auswahl .augenbraue{margin-bottom:20px}.auswahl h2{margin-bottom:0}.auswahl-raster{display:grid;grid-template-columns:1.05fr 1fr;gap:26px}.auswahl-haupt{position:relative;display:block;background:#001923;color:#fff;min-height:490px;overflow:hidden}.auswahl-haupt>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.auswahl-haupt::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#001923f5,transparent 90%)}.auswahl-haupt>div{position:absolute;z-index:1;bottom:0;padding:32px;width:100%}.auswahl-haupt span{font-size:10px;letter-spacing:1.5px;color:#9be6ef}.auswahl-haupt h3{font-size:36px;margin:14px 0}.auswahl-haupt p{font-size:15px;max-width:350px;margin-bottom:0}.auswahl-haupt .karten-pfeil{position:absolute;right:28px;top:28px;font-size:28px}.auswahl-liste{display:flex;flex-direction:column;gap:15px}.auswahl-liste>a{display:flex;align-items:center;gap:22px;padding:30px;background:#e3f0f3;flex:1;transition:background .2s}.auswahl-liste>a:hover{background:#cdebf0}.auswahl-liste h3{font-size:28px;margin-bottom:8px}.auswahl-liste p{font-size:14px;margin:0;color:#53666b}.auswahl-liste>a>span:last-child{margin-left:auto;font-size:26px}.listen-nr{align-self:flex-start;font-size:11px;color:#247687;padding-top:7px}.bildhinweis{font-size:11px;color:#53666b;margin-top:15px}.service-bereich{background:#00232e;color:#f1f9fb;padding-block:85px}.service-einstieg{max-width:850px}.service-einstieg .augenbraue{color:#76cddd}.service-einstieg>p:last-child{max-width:580px;color:#c0d0d4;font-size:18px}.service-schritte{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:48px 0 35px}.service-schritte article{border-top:1px solid #34535c;padding-top:22px}.service-schritte article>span{font-size:12px;color:#76cddd}.service-schritte h3{margin:25px 0 14px;font-size:27px}.service-schritte p{font-size:15px;color:#c0d0d4}.baustelle{display:flex;align-items:center;gap:15px;padding-block:28px}.baustelle p{margin:0;font-size:13px;color:#53666b}.baustelle .punkt{flex-shrink:0}.kontakt{border-top:1px solid #34535c}.kontakt .etikett{color:#9be6ef}
@media(max-width:950px){.proshop-story{gap:35px;padding-block:65px}.auswahl-raster{gap:16px}.auswahl-liste>a{padding:22px;gap:14px}.auswahl-liste h3{font-size:24px}.service-schritte{gap:25px}.buehne{min-height:600px}}
@media(max-width:650px){.buehne{min-height:660px;align-items:flex-start}.buehne-inhalt{padding-block:45px 160px}.buehne h1{font-size:clamp(52px,13vw,78px)}.buehne-inhalt>p:not(.augenbraue){font-size:16px}.buehne-bild{object-position:65% center}.buehne-schatten{background:linear-gradient(180deg,#001923e8 0%,#001923a8 48%,#00192335 72%,#001923ac)}.buehne-fuss{flex-direction:column;gap:10px;font-size:10px}.aktionen{gap:15px;align-items:flex-start;flex-direction:column}.markenband{gap:20px;font-size:10px;padding:20px 12px;letter-spacing:.08em}.proshop-story{grid-template-columns:1fr;gap:15px;padding-block:50px}.proshop-story h2{margin-bottom:15px}.proshop-story .story-lead{font-size:21px}.auswahl{padding-bottom:45px}.auswahl .abschnitt-kopf{align-items:flex-start;flex-direction:column}.auswahl-raster{grid-template-columns:1fr}.auswahl-haupt{min-height:420px}.auswahl-haupt>div{padding:25px}.auswahl-haupt h3{font-size:31px}.auswahl-liste>a{padding:24px 20px;min-height:125px}.service-bereich{padding-block:50px}.service-schritte{grid-template-columns:1fr;gap:12px;margin-top:30px}.service-schritte h3{margin-top:14px}.baustelle{align-items:flex-start}.baustelle .punkt{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.auswahl-liste>a{transition:none}}
/* Größere Bereichstitel, auch auf kleinen Displays klar lesbar. */
.auswahl .abschnitt-kopf>div>.augenbraue{font-size:clamp(30px,4.3vw,60px);line-height:1.05;letter-spacing:-.045em;text-transform:none;font-weight:750;margin-bottom:18px;color:#092c37}
.proshop-story .augenbraue,.service-einstieg .augenbraue{font-size:clamp(22px,2.6vw,36px);line-height:1.15;letter-spacing:-.025em;text-transform:none;font-weight:700}
.auswahl-liste>a{position:relative;isolation:isolate;min-height:175px;overflow:hidden;color:#fff;background:#001923}
.auswahl-liste>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:70% center}
.auswahl-liste>a::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#001923e8,#001923ad 48%,#00192320);z-index:-1}
.auswahl-liste p{color:#e1eff1;max-width:250px}.auswahl-liste .listen-nr{color:#9be6ef}.auswahl-liste h3{font-size:clamp(25px,2.7vw,36px)}
.auswahl-haupt{min-height:555px}.auswahl-liste>a:hover::before{background:linear-gradient(90deg,#00313de8,#00313d99 48%,#00192320)}
@media(max-width:650px){.auswahl-liste>a{min-height:205px}.auswahl-haupt{min-height:420px}.auswahl .abschnitt-kopf>div>.augenbraue{font-size:clamp(30px,8.7vw,44px)}}
.auswahl-untertitel{font-size:clamp(18px,2.2vw,27px);color:#53666b;margin:0}
/* Lesbarkeit: deutlich größere Texte im gesamten lokalen Entwurf. */
body{font-size:22px;line-height:1.65}
p{line-height:1.65}
.proshop-story>div>p,.service-einstieg>p:last-child,.shop-beschreibung,.shop-service p,.shop-kopf .intro{font-size:22px}
.proshop-story .story-lead{font-size:28px}
.buehne-inhalt>p:not(.augenbraue){font-size:25px}
.knopf,.textlink{font-size:19px;line-height:1.4;min-height:52px}
.buehne .augenbraue,.kontakt .augenbraue{font-size:17px;line-height:1.5}
.auswahl-haupt p,.auswahl-liste p,.service-schritte p,.kontakt p,.shop-karte p:last-child{font-size:20px;line-height:1.6}
.auswahl-liste p{max-width:320px}.auswahl-liste>a{min-height:210px}.auswahl-liste>a>div{min-width:0}.auswahl-liste>a>span{flex-shrink:0}
.auswahl-haupt{min-height:660px}.auswahl-haupt>div{position:relative;margin-top:auto}.auswahl-haupt{display:flex;flex-direction:column;justify-content:flex-end}
.auswahl-haupt span,.listen-nr,.service-schritte article>span,.shop-nummer{font-size:16px}
.auswahl-haupt p{max-width:430px}
.kontakt address{font-size:22px}.kontakt h3{font-size:30px}
.kontakt .hinweis,.etikett,.bildhinweis,.baustelle p,.shop-status,.shop-merkmale,.shop-hinweis,.shop-leer,.recht,.fuss-notiz,.vorschau{font-size:17px;line-height:1.6}
.kontakt .hinweis{max-width:100%}.recht{max-width:550px}.recht summary{padding-block:10px}
.buehne-fuss{font-size:16px;letter-spacing:.06em}.markenband{font-size:20px;flex-wrap:wrap}
.kopf.kopf-zentriert nav{font-size:19px}
.shop-kategorien{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:950px){.auswahl-raster{grid-template-columns:1fr}.auswahl-haupt{min-height:490px}.auswahl-liste>a{min-height:215px}.service-schritte{grid-template-columns:1fr;gap:15px}.service-schritte article{padding-top:25px}.kopf.kopf-zentriert nav{font-size:17px}}
@media(max-width:700px){.kopf.kopf-zentriert nav{font-size:16px;line-height:1.2}.kopf.kopf-zentriert nav a{padding:4px 0}.buehne-fuss{font-size:14px}.buehne-inhalt{padding-bottom:145px}.markenband{font-size:16px;gap:14px}}
@media(max-width:650px){body{font-size:20px}.proshop-story>div>p,.service-einstieg>p:last-child,.shop-beschreibung,.shop-service p,.shop-kopf .intro{font-size:20px}.proshop-story .story-lead{font-size:25px}.buehne-inhalt>p:not(.augenbraue){font-size:22px}.buehne .augenbraue,.kontakt .augenbraue{font-size:15px}.knopf,.textlink{font-size:18px}.auswahl-haupt p,.auswahl-liste p,.service-schritte p,.kontakt p,.shop-karte p:last-child{font-size:19px}.auswahl-haupt{min-height:470px}.auswahl-liste>a{padding:24px 18px;gap:12px}.kontakt address{font-size:20px}.bildhinweis,.baustelle p,.vorschau,.fuss-notiz{font-size:16px}.shop-kategorien{grid-template-columns:1fr}.markenband{letter-spacing:0}.buehne-fuss{gap:7px}.buehne-fuss span{line-height:1.4}}
@media(max-width:360px){.kopf.kopf-zentriert nav{font-size:14px}.markenband{font-size:14px}.auswahl-liste h3{font-size:27px}}
.recht-links{display:flex;flex-direction:column;gap:8px}.recht-links a{display:inline-flex;align-items:center;min-height:48px;font-size:19px;text-decoration:underline;text-underline-offset:5px}.recht-links p{margin:0}.rechtseite{max-width:960px;padding-block:40px 80px;overflow-wrap:anywhere}.rechtseite h1{font-size:clamp(40px,6vw,68px);margin:35px 0}.rechtseite h2{font-size:clamp(27px,3.5vw,38px);margin-top:40px}.rechtseite p{font-size:21px;line-height:1.7}.rechtseite p a{text-decoration:underline}@media(max-width:650px){.rechtseite p{font-size:19px}.rechtseite{padding-block:25px 50px}}
/* WordPress-Seiten: dieselbe Lesbarkeit und Kontraste wie in der Vorschau. */
.buehne a.textlink{color:#fff}.buehne a.knopf,.service-bereich a.knopf{color:#001923}.auswahl-haupt,.auswahl-liste>a{color:#fff}.kontakt a{color:#98e1eb}.inhaltseite{max-width:1100px}.inhaltseite>.wp-block-post-title{font-size:clamp(40px,6vw,68px)}.inhaltseite p{font-size:21px;line-height:1.7}.inhaltseite .wp-block-post-content h2{margin-top:35px}.wp-site-blocks .kopf-zentriert{margin-top:0}
/* Startbild reicht direkt bis unter die feste Kopf-Trennlinie. */
body:has(.buehne){padding-top:var(--kopf-linie)}
.buehne{min-height:calc(660px + var(--kopf-abstand) - var(--kopf-linie))}
.buehne-inhalt{padding-top:calc(82px + var(--kopf-abstand) - var(--kopf-linie))}
@media(max-width:950px) and (min-width:651px){.buehne{min-height:calc(600px + var(--kopf-abstand) - var(--kopf-linie))}}
@media(max-width:650px){.buehne-inhalt{padding-top:calc(45px + var(--kopf-abstand) - var(--kopf-linie))}}
/* Zwei gleich breite Startspalten: Trennachse exakt unter der Logo-Spitze. */
@media(min-width:901px){
.buehne{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.buehne-bild{left:50%;width:50%;object-position:65% center}
.buehne-schatten{background:linear-gradient(90deg,#001923 0%,#001923 49.9%,#00192318 65%,transparent),linear-gradient(0deg,#001923a1,transparent 40%)}
.buehne-inhalt{grid-column:1;width:100%;min-width:0;margin:0;padding-left:max(48px,calc((100vw - 1280px)/2));padding-right:40px}
.buehne h1{font-size:clamp(52px,5.3vw,96px)}
}