/* Starkmacherin – statischer Original-Look | Version 2.8 – 04.11.2026
   Layout nach SlideOne v1.06 und den Original-Screenshots.
   Keine externen Schriften, Skripte, Analysedienste oder CMS-Abhaengigkeiten. */
:root{--blau:#4176ae;--himmel:#bfe5ff;--breite:560px;--text:#4176ae}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:22px;--kontakt-top-offset:22px}
body{margin:0;min-height:100vh;color:var(--text);background:var(--himmel);font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-size:17px;line-height:22px}
/* Originales Wolkenfoto: feststehender Hintergrund, die Endlosseite bleibt hellblau. */
.sky-background{position:fixed;inset:0;background:var(--himmel) url('../assets/hintergrund2.jpg') center top / 1920px 1440px no-repeat;z-index:-1;pointer-events:none}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:2px solid #285f96;outline-offset:3px}
.skip{position:absolute;left:-10000px;top:0;z-index:9999;background:#fff;padding:9px 15px}.skip:focus{left:8px;top:8px}
.site-layout{position:relative;min-height:100vh}
/* Originales Theme: 180px feste Navigation, 200x238px Logo, 560px weisser Inhaltsstreifen */
.sidebar{position:fixed;z-index:12;left:calc(50% - 475px);top:31px;width:180px;background:transparent;text-align:right;display:block;color:var(--blau)}
.site-logo{display:block;width:200px;height:auto;margin:0 0 31px -20px;background:#fff;box-shadow:0 0 5px #00000029,0 4px 5px #0809084d}
.site-logo img{display:block;width:200px;height:auto}
/* Originaldetail: schmaler blauer Abschlussbalken direkt unter dem Logo. */
.site-logo{position:relative}
.site-logo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--blau);transform:translateY(100%)}
.side-nav{display:flex;flex-direction:column;gap:7px;align-items:flex-end;overflow:visible}
.side-nav a{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:19px;line-height:1.15;display:inline-block;text-decoration:none;color:var(--blau);padding:4px 0;max-width:180px}
.side-nav a:hover,.side-nav a.active{color:white;background:var(--blau);padding:4px 8px}
.side-footer{margin-top:13px;padding-top:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:13px;line-height:1.35}
.side-footer::before{content:'';display:block;width:18px;border-top:1px solid #91a9bd;margin-bottom:4px}
.side-footer a{text-decoration:none}
/* Durchgehender Original-Content-Streifen, keine Cards */
.main-content{position:relative;z-index:1;width:var(--breite);margin:0 auto;left:8px;min-height:100vh;background:#fff;box-shadow:0 0 5px #00000029,0 4px 5px #08090826}
.story{position:relative;margin:0;padding:0;background:transparent}
/* Kontakt ist ein eigener Bildschirmabschnitt; das Impressum beginnt erst darunter. */
#kontakt .story-content{min-height:calc(100vh - var(--kontakt-top-offset))}
@supports (height:100svh){#kontakt .story-content{min-height:calc(100svh - var(--kontakt-top-offset))}}
.story-content{width:100%;margin:0;padding:10px 20px 150px;background:transparent;box-shadow:none;min-height:0}
#home .story-content{min-height:915px;padding-top:60px;padding-bottom:135px}
.text-content{overflow-wrap:break-word;color:#777;font-size:17px;line-height:22px}
.text-content h1,.text-content h2,.text-content h3{font-family:'Arial Narrow','Liberation Sans Narrow','Nimbus Sans Narrow','Helvetica Neue',Arial,sans-serif;font-weight:600;color:var(--blau);line-height:1.15;margin:0 0 15px}
.text-content h1{font-size:25px}.text-content h2{font-size:20px}.text-content h3{font-size:18px}
.text-content p{margin:0 0 20px}.text-content a{color:#4176ae}.text-content p[style*="center"]{text-align:center}
.text-content strong,.text-content b{color:#888;font-weight:700}
.text-content ul,.text-content ol{margin:10px 0 22px 30px;padding:0}.text-content li{margin:0 0 5px;line-height:22px}
.text-content hr,.divider{border:0;border-top:1px solid #ddd;height:0;margin:10px 0 30px}
.wp-photo{display:block;width:100%;max-width:528px;padding:4px;margin:6px auto 22px;background:#fff;box-shadow:0 0 5px #00000025,0 3px 6px #00000027}
.wp-photo img{display:block;max-width:100%;height:auto;width:100%;object-fit:contain}
#home .text-content{text-align:center}
#home .text-content p,#home .text-content h2{text-align:center}
#home .text-content .wp-photo{margin:0 auto 20px}
.legal-details{border-top:1px solid #ddd;margin:18px 0 0;padding:12px 0}
.legal-details summary{cursor:pointer;font-weight:600;color:#4176ae;font-size:18px}
.legal-detail-text{padding-top:15px}
.legacy-note{margin:30px 0;padding:14px 16px;font-size:13px;line-height:1.5;color:#777;background:#f5f8fb;border-left:3px solid #bfd4e8}
/* Die Navigation steht auf grossen Bildschirmen rund 23 px links vom Inhalt.
   Bereits ab 1020 px wird sie zum waagerechten Kopfmenue, statt den Inhalt zu ueberdecken. */
@media(max-width:1020px){
  html{scroll-padding-top:105px;--kontakt-top-offset:105px}
  .sidebar{position:sticky;top:0;left:0;width:100%;padding:8px 14px;display:flex;align-items:center;gap:14px;background:#e8f3ff;box-shadow:0 2px 10px #1b42674d;text-align:left}
  .site-logo,.site-logo img{width:72px}
  .site-logo{flex:0 0 72px;margin:0;box-shadow:none}
  .side-nav{flex:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:2px 8px;align-items:center;justify-content:flex-start;overflow:visible;white-space:normal}
  .side-nav a{font-size:14px;line-height:1.25;padding:6px 5px;max-width:none}
  .side-nav a:hover,.side-nav a.active{padding:6px 5px}
  .side-footer{display:none}
  .main-content{width:min(560px,100%);margin:0 auto;left:0}
}
@media(max-width:680px){
  html{scroll-padding-top:90px;--kontakt-top-offset:90px}
  .sky-background{background-size:cover}
  .sidebar{padding:6px 10px;gap:9px}
  .site-logo,.site-logo img{width:58px}
  .site-logo{flex-basis:58px}
  .side-nav{flex-wrap:nowrap;gap:3px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}
  .side-nav a{font-size:13px;padding:7px 5px}
  .side-nav a:hover,.side-nav a.active{padding:7px 5px}
  .story-content{padding:10px 20px 80px}
  #home .story-content{min-height:600px;padding-top:35px}
}
@media(max-width:430px){
  html{scroll-padding-top:82px;--kontakt-top-offset:82px}
  .sidebar{padding:5px 7px;gap:7px}
  .site-logo,.site-logo img{width:52px}
  .site-logo{flex-basis:52px}
  .side-nav a{font-size:12px;padding:7px 5px}
  .side-nav a:hover,.side-nav a.active{padding:7px 5px}
  .story-content{padding:10px 15px 60px}
  #home .story-content{min-height:550px;padding-top:24px}
  .text-content{font-size:16px;line-height:1.45}
  .text-content h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}