:root{--ink:#2f2d27;--muted:#746d61;--paper:#d6c5a5;--white:#f8f3e9;--forest:#5c5842;--forest2:#726b50;--accent:#956a43;--line:#c5b79e;--shadow:0 24px 60px rgba(67,57,42,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#d6c5a5;line-height:1.62}a{color:inherit}.wrap{width:min(1200px,calc(100% - 44px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(239,231,215,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;text-decoration:none;line-height:1.05}.brand strong{font-size:1.08rem;letter-spacing:.02em}.brand span{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-top:6px}.mainnav{display:flex;gap:26px}.mainnav a{text-decoration:none;font-size:.86rem;font-weight:750}.menu-toggle{display:none}.hero{padding:82px 0 96px;background:linear-gradient(135deg,#d8c7a9 0%,#ede4d4 58%,#c7b28b 100%)}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:74px;align-items:center}.eyebrow{margin:0 0 13px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:var(--accent)}.eyebrow.light{color:#e8b18d}h1,h2,h3{margin:0 0 18px;line-height:1.08}h1{font-size:clamp(2.35rem,4.4vw,4.5rem);letter-spacing:-.055em;font-weight:780}h1 span{color:var(--forest)}h2{font-size:clamp(2rem,3.5vw,3.5rem);letter-spacing:-.035em}h3{font-size:1.42rem;letter-spacing:-.02em}.lead{max-width:710px;font-size:1.15rem;color:#536066}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:13px 20px;border-radius:4px;font-weight:800;font-size:.9rem;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--forest);color:#fff}.btn-secondary{border:1px solid #8f9794;background:transparent}.btn-light{background:#fff;color:var(--forest)}.hero-media{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:14px;min-height:520px}.hero-shot{position:relative;overflow:hidden;background:#64736e;box-shadow:var(--shadow)}.hero-shot:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(7,19,16,.68))}.hero-shot span{position:absolute;left:22px;bottom:18px;color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.shot-main{grid-row:1/3;background:linear-gradient(145deg,#acc1ba 0%,#6f8d80 42%,#334d43 100%)}.shot-main:after{content:"";position:absolute;width:62%;height:29%;left:17%;bottom:16%;border:2px solid rgba(255,255,255,.7);border-radius:3px 3px 16px 16px;box-shadow:30px 18px 0 -27px #fff,-36px 18px 0 -27px #fff}.shot-small-a{background:linear-gradient(155deg,#b7a992,#766b58)}.shot-small-a:after{content:"";position:absolute;left:17%;right:17%;bottom:32%;height:2px;background:rgba(255,255,255,.75);transform:rotate(-7deg);box-shadow:0 -14px 0 rgba(255,255,255,.22)}.shot-small-b{background:linear-gradient(155deg,#738b97,#263e49)}.shot-small-b:after{content:"";position:absolute;width:70px;height:44px;border:2px solid rgba(255,255,255,.75);left:50%;top:42%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px rgba(255,255,255,.08)}.section{padding:88px 0}.intro{background:#e9dfcc}.intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px}.prose p{margin-top:0;color:var(--muted);font-size:1.04rem}.stories{background:#cfbd99}.section-head{display:grid;grid-template-columns:1fr .62fr;gap:60px;align-items:end;margin-bottom:38px}.section-head>p{margin:0;color:var(--muted)}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.story-card{display:block;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(22,40,35,.05);text-decoration:none;color:inherit;transition:transform .22s ease,box-shadow .22s ease}.story-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(22,40,35,.12)}.story-image{height:280px;position:relative;overflow:hidden;background:#5d6c66}.story-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(10,20,17,.62))}.story-image:after{content:"";position:absolute;inset:0;opacity:.45;background-image:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.15) 42% 44%,transparent 44% 100%)}.story-kicker{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:900}.story-body{padding:25px}.story-body p{color:var(--muted)}.story-body a{text-decoration:none;font-weight:850;color:var(--forest)}.story-camper .story-image{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.38)),url("https://images.unsplash.com/photo-1612806317627-299ebcd16398?auto=format&fit=crop&q=82&w=1400");background-size:cover;background-position:center}.story-fawowa .story-image{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.38)),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Recumbent_trailer_bike.jpg");background-size:cover;background-position:center}.story-recumbent .story-image{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42)),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Recumbent_Bike_and_Trailer_-_Flickr_-_brewbooks.jpg");background-size:cover;background-position:center}.story-live .story-image{background:linear-gradient(125deg,#37444b,#78878f);position:relative}.story-live .story-image:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 40%,rgba(255,255,255,.22),transparent 18%),linear-gradient(90deg,transparent 48%,rgba(255,255,255,.18) 49% 51%,transparent 52%);opacity:.8}.story-boat .story-image{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.4)),url("https://images.unsplash.com/photo-1727813660088-4e751f96700c?auto=format&fit=crop&q=82&w=1400");background-size:cover;background-position:center}.story-road .story-image{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.4)),url("https://media.motorbox.com/image/piaggio-mp3-500-hpe-sport-advanced-2021/7/1/8/718076/718076-16x9-lg.jpg");background-size:cover;background-position:center}.video-section{background:#504c39;color:#fff}.video-section h2,.video-section h3{color:#fff}.video-head>p{color:#c7d6d1}.video-shell{display:grid;grid-template-columns:1.5fr .5fr;gap:34px;align-items:stretch}.video-frame{background:#000;min-height:460px}.video-frame iframe{display:block;width:100%;height:100%;min-height:460px;border:0}.video-side{padding:32px;border-left:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;justify-content:center}.video-side p{color:#d3dfdb}.video-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#e8b18d;font-weight:900;margin-bottom:14px}.projects{background:#e7dcc7}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project{padding:26px 22px;border-top:1px solid var(--ink);background:#f8f8f5;min-height:230px}.project span{display:block;font-size:.75rem;letter-spacing:.15em;color:var(--accent);font-weight:900;margin-bottom:50px}.project p{color:var(--muted)}.closing{background:linear-gradient(180deg,#dfd1b5,#c5b089)}.closing-box{max-width:900px}.closing-box p{color:var(--muted);max-width:760px}.site-footer{padding:26px 0;background:#2f3026;color:#cfd8d4;font-size:.82rem}.site-footer p{margin:0}@media(max-width:950px){.hero-grid,.intro-grid,.section-head,.video-shell{grid-template-columns:1fr;gap:38px}.hero-media{min-height:430px}.video-side{border-left:0;border-top:1px solid rgba(255,255,255,.22);padding-left:0}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wrap{width:min(100% - 28px,1200px)}.nav-wrap{min-height:70px}.menu-toggle{display:block;border:1px solid var(--line);background:#fff;padding:8px 10px;font-weight:800}.mainnav{display:none;position:absolute;top:70px;left:14px;right:14px;background:#fff;border:1px solid var(--line);padding:10px;box-shadow:var(--shadow);flex-direction:column}.mainnav.open{display:flex}.mainnav a{padding:9px}.hero{padding:52px 0 64px}h1{font-size:3.25rem}.hero-media{grid-template-columns:1fr 1fr;grid-template-rows:280px 170px;min-height:auto}.shot-main{grid-column:1/3;grid-row:auto}.story-grid,.project-grid{grid-template-columns:1fr}.story-image{height:230px}.section{padding:62px 0}.video-frame,.video-frame iframe{min-height:260px}}.story-link{display:inline-block;margin-top:4px;font-weight:850;color:var(--forest)}.credits{margin-top:7px!important;color:#8e9995;font-size:.72rem}.story-image{background-color:#52645e}
/* FaWoWa-Farbwelt und Unterseiten */
.story-card{background:#f4eddf;border-color:#bcae94}
.story-camper .story-image{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42)),url("https://i.ytimg.com/vi/mwtZ7xJ3tVI/maxresdefault.jpg");background-size:cover;background-position:center}
.story-fawowa .story-image{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42)),url("https://i.ytimg.com/vi/w3XPJ10hKvE/maxresdefault.jpg");background-size:cover;background-position:center}
.story-recumbent .story-image{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42)),url("https://i.ytimg.com/vi/HbwRN_mLt3s/maxresdefault.jpg");background-size:cover;background-position:center}
.story-live .story-image{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42)),url("https://i.ytimg.com/vi/hNsziI0r1Ak/maxresdefault.jpg");background-size:cover;background-position:center}
.story-boat .story-image{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42)),url("https://i.ytimg.com/vi/fCkbHHlo5Jg/maxresdefault.jpg");background-size:cover;background-position:center}
.detail-hero{padding:72px 0 48px;background:linear-gradient(135deg,#d8c7a9,#eee5d5)}
.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.detail-image{min-height:420px;background-size:cover;background-position:center;box-shadow:var(--shadow)}
.detail-copy p{color:var(--muted)}
.detail-section{padding:70px 0;background:#e9dfcc}
.detail-section.alt{background:#d2c19f}
.detail-text{max-width:860px}
.detail-text p{color:var(--muted)}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.media-card{background:#f7f1e6;border:1px solid var(--line)}
.media-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.media-card div{padding:18px}
.media-card h3{font-size:1.1rem;margin-bottom:8px}
.media-card p{font-size:.92rem;color:var(--muted);margin:0}
.youtube-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.back-link{display:inline-block;margin-bottom:20px;text-decoration:none;font-weight:800;color:var(--forest)}
@media(max-width:900px){.detail-grid,.media-grid{grid-template-columns:1fr}.detail-image{min-height:300px}}

/* Schwarz-gruene FaWoWa-Optik */
:root{
  --ink:#f3f5ef;
  --muted:#b3baae;
  --paper:#101310;
  --white:#f4f6f1;
  --forest:#70845a;
  --forest2:#879c6e;
  --accent:#94a978;
  --line:#3c4a35;
  --shadow:0 24px 60px rgba(0,0,0,.42)
}
body{background:#0b0d0b;color:var(--ink)}
.site-header{background:rgba(10,12,10,.94);border-bottom:1px solid #35422f}
.brand strong,.mainnav a{color:#f4f6f1}
.brand span{color:#9ea995}
.menu-toggle{background:#111511;color:#eaf0e5;border-color:#42523a}
.mainnav{background:#0d100d}
.hero{background:
  radial-gradient(circle at 78% 18%,rgba(112,132,90,.18),transparent 26%),
  linear-gradient(145deg,#080a08 0%,#111511 58%,#171c15 100%);
  border-bottom:1px solid #2f392b
}
.hero-copy .lead{color:#b7beb3}
h1,h2,h3{color:#f4f6f1}
h1 span{color:#8fa674}
.eyebrow{color:#93aa77}
.btn-primary{background:#70845a;color:#fff;border:1px solid #8ba173}
.btn-secondary{border:1px solid #536448;background:rgba(112,132,90,.08);color:#e9eee4}
.btn-light{background:#e9eee4;color:#263020}
.hero-media{gap:16px}
.hero-shot{display:block;text-decoration:none;border:2px solid #657a52;box-shadow:0 18px 50px rgba(0,0,0,.42);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background-size:cover;background-position:center}
.hero-shot:hover{transform:translateY(-4px);border-color:#91aa72;box-shadow:0 24px 64px rgba(0,0,0,.5)}
.hero-shot:before{background:linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(5,8,5,.78) 100%)}
.hero-shot span{font-size:.8rem;letter-spacing:.12em;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.shot-main{
  grid-row:1/3;
  background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.32)),url("https://i.ytimg.com/vi/mwtZ7xJ3tVI/maxresdefault.jpg");
  background-size:cover;background-position:center
}
.shot-small-a{
  background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.38)),url("https://i.ytimg.com/vi/HbwRN_mLt3s/maxresdefault.jpg");
  background-size:cover;background-position:center
}
.shot-small-b{
  background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.42)),url("https://i.ytimg.com/vi/hNsziI0r1Ak/maxresdefault.jpg");
  background-size:cover;background-position:center
}
.shot-main:after,.shot-small-a:after,.shot-small-b:after{display:none}
.intro,.projects,.detail-section{background:#0f120f}
.stories,.detail-section.alt{background:#131813}
.closing{background:linear-gradient(180deg,#111611,#0b0e0b)}
.video-section{background:#0a0d0a;border-top:1px solid #35422f;border-bottom:1px solid #35422f}
.prose p,.section-head>p,.project p,.closing-box p,.detail-copy p,.detail-text p,.media-card p{color:#afb7aa}
.story-card,.media-card{background:#121612;border:1px solid #44543b}
.story-card:hover{box-shadow:0 18px 42px rgba(0,0,0,.36);border-color:#70845a}
.story-body p{color:#aeb6a9}
.story-link,.back-link{color:#93aa77}
.project{background:#121612;border-top:2px solid #70845a}
.project span{color:#93aa77}
.detail-hero{background:linear-gradient(145deg,#090b09,#151a13)}
.detail-image{border:2px solid #657a52}
.site-footer{background:#070907;border-top:1px solid #35422f;color:#aeb6a9}
@media(max-width:720px){
  .mainnav{background:#0d100d;border-color:#35422f}
  .hero-shot{border-width:1px}
}

/* Helles FaWoWa-Gruen + klickbare Video-Kacheln */
:root{
  --forest:#a8cf63;
  --forest2:#b9dd78;
  --accent:#c7ef82;
  --line:#5c7349;
}
h1 span,.eyebrow,.story-link,.back-link,.project span,.video-label{color:#c7ef82}
.btn-primary{background:#a8cf63;border-color:#c7ef82;color:#0b0e09}
.btn-secondary{border-color:#78965d;color:#eef5e9}
.hero-shot{border-color:#91b56a}
.hero-shot:hover{border-color:#c7ef82}
.story-card,.media-card{border-color:#526746}
.story-card:hover,.media-card:hover{border-color:#a8cf63}
.project{border-top-color:#a8cf63}
.detail-image{border-color:#91b56a}
.shot-main{
  background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34)),url("https://i.ytimg.com/vi/iU82MHcXYxg/sddefault.jpg") !important;
  background-size:cover!important;background-position:center!important
}
.video-card{display:block;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.video-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.32)}
.video-card .video-cta{display:block;margin-top:12px;color:#c7ef82;font-weight:850;font-size:.88rem}

/* ORACAL 621 Economy Cal 064 Gelbgruen - offizieller sRGB-Naeherungswert */
:root{
  --forest:#239B11;
  --forest2:#239B11;
  --accent:#239B11;
  --line:#239B11;
}
h1 span,.eyebrow,.story-link,.back-link,.project span,.video-label,.video-cta{color:#239B11!important}
.btn-primary{background:#239B11!important;border-color:#239B11!important;color:#fff!important}
.btn-secondary{border-color:#239B11!important}
.hero-shot,.detail-image,.story-card,.media-card{border-color:#239B11!important}
.hero-shot:hover,.story-card:hover,.media-card:hover{border-color:#239B11!important}
.project{border-top-color:#239B11!important}

/* 064 Gelbgruen auch fuer Kopf- und Fussleiste */
.site-header{background:#239B11!important;border-bottom:1px solid #55c63c!important}
.site-header .brand strong,.site-header .brand span,.site-header .mainnav a{color:#071006!important}
.site-footer{background:#239B11!important;border-top:1px solid #55c63c!important;color:#071006!important}
.menu-toggle{background:#071006!important;color:#239B11!important;border-color:#071006!important}
.detail-image-link{position:relative;display:block;text-decoration:none;overflow:hidden}
.detail-image-link .image-cta{position:absolute;right:18px;bottom:16px;background:rgba(0,0,0,.76);color:#239B11;padding:8px 12px;font-weight:850;font-size:.82rem;border:1px solid #239B11}
.video-card{cursor:pointer}
.media-card img{cursor:pointer}

/* Lesbare Typografie auf gruener Kopf- und Fussleiste */
.site-header .brand strong,
.site-header .brand span,
.site-header .mainnav a{
  color:#ffffff!important;
}
.site-header .brand span{
  opacity:.9;
}
.site-footer,
.site-footer p,
.site-footer a{
  color:#ffffff!important;
}
.menu-toggle{
  background:#0b0d0b!important;
  color:#ffffff!important;
  border-color:#ffffff!important;
}

/* Navigationsbereich vollständig im ORACAL-064-Gruen */
.site-header .mainnav{
  background:#239B11!important;
  border:none!important;
  box-shadow:none!important;
}
.site-header .mainnav a{
  background:#239B11!important;
  border:none!important;
  box-shadow:none!important;
  color:#ffffff!important;
}
.site-header .mainnav a:hover,
.site-header .mainnav a:focus{
  background:#239B11!important;
  color:#ffffff!important;
}
@media(max-width:720px){
  .site-header .mainnav{
    background:#239B11!important;
    border:1px solid #239B11!important;
  }
}

/* Camper-Kachel: schwarzer Kastenwagen aus Van am See */
.story-camper .story-image,
.shot-main{
  background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.38)),url("https://i.ytimg.com/vi/i9wItnbXH6Y/maxresdefault.jpg")!important;
  background-size:cover!important;
  background-position:center!important;
}

/* Desktop-Ueberschriften kompakter */
@media(min-width:951px){
  .intro h2,
  .section-head h2,
  .video-head h2,
  .projects h2,
  .closing h2{
    font-size:clamp(1.75rem,2.35vw,2.65rem)!important;
  }
  .detail-copy h1{
    font-size:clamp(2.05rem,3vw,3.15rem)!important;
  }
  .detail-section h2{
    font-size:clamp(1.65rem,2.05vw,2.3rem)!important;
  }
}

/* PC: deutlich kompaktere Ueberschriften */
@media(min-width:951px){
  .hero-copy h1{
    font-size:clamp(2.35rem,3.1vw,3.15rem)!important;
    line-height:1.03!important;
  }
  .intro h2,
  .section-head h2,
  .video-head h2,
  .projects h2,
  .closing h2{
    font-size:clamp(1.55rem,1.95vw,2.15rem)!important;
    line-height:1.1!important;
  }
  .detail-copy h1{
    font-size:clamp(1.95rem,2.4vw,2.55rem)!important;
  }
  .detail-section h2{
    font-size:clamp(1.45rem,1.75vw,1.9rem)!important;
  }
}

/* Eigener schwarzer Kastenwagen fuer Camper-Kacheln */
.story-camper .story-image,
.shot-main{
  background-image:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.35)),url("https://i.ytimg.com/vi/mb9O3aDmnzQ/maxresdefault.jpg")!important;
  background-size:cover!important;
  background-position:center!important;
}

/* Schreibweise FaWoWa in Bildbeschriftungen erhalten. */
.keep-case{text-transform:none!important}

/* Über mich: bereiste Länder kompakt und gut lesbar. */
.visited-countries{margin-top:42px;padding:28px 32px;border:1px solid var(--line);background:rgba(0,0,0,.12)}
.visited-countries h3{margin:0 0 8px;font-size:1.25rem}
.visited-countries p{margin:0 0 20px;color:var(--muted)}
.visited-countries ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.visited-countries li{padding:7px 12px;border:1px solid #526746;background:#121612;color:var(--ink);font-size:.9rem}
@media(max-width:600px){.visited-countries{padding:22px 18px;margin-top:30px}}

/* Polarsteps in Kopf- und Fussleiste sichtbar halten. */
body{padding-bottom:64px}
.site-header .polarsteps-header{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:#fff;text-decoration:none;font-weight:750;font-size:.86rem;white-space:nowrap}
.polarsteps-header img,.polarsteps-footer img,.prose .btn img{display:block;width:22px;height:22px;flex:none}
.prose .btn{gap:9px}
.site-footer{position:fixed;bottom:0;left:0;right:0;z-index:20;padding:12px 0!important}
.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-footer .polarsteps-footer{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;font-size:.85rem;font-weight:750}
.polarsteps-header:hover,.polarsteps-footer:hover{text-decoration:underline}
@media(max-width:720px){.nav-wrap{gap:10px}.site-header .polarsteps-header{margin-left:auto}.site-header .polarsteps-header{font-size:0}.site-header .polarsteps-header img{width:26px;height:26px}.site-footer{padding:8px 0!important}.site-footer p{font-size:.7rem;line-height:1.35}.site-footer .polarsteps-footer{font-size:.75rem}body{padding-bottom:76px}}

/* WhatsApp-Kontakt ohne Telefonnummer im Link. */
.footer-social-links{display:flex;align-items:center;gap:24px}
.site-footer .whatsapp-footer{white-space:nowrap;text-decoration:none;font-size:.85rem;font-weight:750}
.site-footer .whatsapp-footer:hover{text-decoration:underline}
.prose .youtube-links{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:720px){.footer-social-links{gap:12px}.site-footer .whatsapp-footer{font-size:.75rem}.site-footer .wrap{gap:8px}}

/* WhatsApp direkt neben Polarsteps in der Kopfzeile. */
.site-header .whatsapp-header{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;text-decoration:none;font-weight:750;font-size:.86rem;white-space:nowrap}
.site-header .whatsapp-header:hover{text-decoration:underline}
@media(max-width:720px){
 .site-header .brand span{display:none}
 .site-header .brand strong{font-size:.95rem}
 .nav-wrap{gap:8px}
 .site-header .polarsteps-header{margin-left:auto}
 .site-header .whatsapp-header{font-size:0;width:28px;height:28px;border:1.5px solid #fff;border-radius:50%}
 .site-header .whatsapp-header::before{content:"WA";font-size:.65rem;font-weight:850}
 .menu-toggle{padding:6px 8px}
}

/* Polarsteps und WhatsApp als gemeinsame Gruppe rechts im Kopf. */
.header-social-links{display:flex;align-items:center;gap:18px;margin-left:auto}
@media(max-width:720px){.header-social-links{gap:8px}.site-header .polarsteps-header{margin-left:0}}

/* Impressum: alle Überschriften in der PC-Ansicht kompakt. */
@media(min-width:951px){.detail-hero .detail-text > h1,.detail-hero .detail-text > h2,.detail-hero .detail-text > h3{font-size:1.35rem!important;line-height:1.2!important;letter-spacing:0!important;margin-bottom:14px}}

/* Anthrazit mit helleren Inhaltsflächen auf allen Seiten. */
body{background:#111411}
.hero,.intro,.projects,.closing,.detail-hero,.detail-section{background:#111411}
.stories,.video-section,.detail-section.alt{background:#151A15}
.story-card,.media-card,.project,.visited-countries{background:#1B201B}
.visited-countries li{background:#222822}
.hero-copy .lead,.prose p,.section-head>p,.story-body p,.project p,.closing-box p,.visited-countries p,.detail-copy p,.detail-text p,.media-card p{color:#C3CBC0}
/* Stumme Videovorschau unter der Maus. */
.video-preview-media{position:relative;aspect-ratio:16/9;overflow:hidden;padding:0!important}
.video-preview-media img{width:100%;height:100%;object-fit:cover}
.video-preview-media iframe,.video-hover-tile iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:3}
.video-hover-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-hover-tile span{z-index:4}

/* Startseite: breites Video oben, zwei gleich große Themenkacheln darunter. */
.hero-media{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 210px;min-height:0}
.hero-media .hero-latest-video{grid-column:1 / -1;grid-row:1;aspect-ratio:16/9}
.hero-media .shot-main{grid-column:1;grid-row:2}
.hero-media .shot-small-b{grid-column:2;grid-row:2}
.detail-image-link>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:3}
@media(max-width:720px){.hero-media{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 160px}.hero-shot span{left:12px;bottom:12px;font-size:.7rem}}

/* Deutlich sichtbares Anthrazit; ORACAL-Grün bleibt unverändert. */
body,.hero,.intro,.projects,.closing,.detail-hero,.detail-section{background:#202420}
.stories,.video-section,.detail-section.alt{background:#252B25}
.story-card,.media-card,.project,.visited-countries{background:#303730}
.visited-countries li{background:#353D35}

/* Eindeutiger Hinweis: freier Text und kräftiger Pfeil unterhalb. */
.hero-media{grid-template-rows:auto auto 210px}
.current-video-notice{grid-column:1 / -1;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 0 7px;pointer-events:none;cursor:default}
.current-video-label{color:#239B11;font-size:1rem;font-weight:900;letter-spacing:.07em;line-height:1.3;text-align:center}
.current-video-arrow{display:block;width:38px;height:50px;fill:#239B11}
.hero-media .hero-latest-video{grid-row:2}
.hero-media .shot-main,.hero-media .shot-small-b{grid-row:3}
@media(min-width:721px) and (prefers-reduced-motion:no-preference){.current-video-arrow{animation:current-video-arrow-bob 3s ease-in-out infinite}}
@media(max-width:720px){.hero-media{grid-template-rows:auto auto 160px}.current-video-label{font-size:.9rem;letter-spacing:.045em}.current-video-arrow{width:34px;height:45px}}
@keyframes current-video-arrow-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* Startseite: Hinweis dicht unter der Kopfzeile, ohne ungenutzten oberen Raum. */
.hero{padding-top:8px}
.hero-grid{align-items:start}
@media(max-width:950px){.hero-grid{row-gap:20px}}

/* Handy: aktueller YouTube-Player direkt unter der Kopfzeile. */
@media(max-width:720px){.hero-media{grid-row:1}.hero-copy{grid-row:2}}