/* Die Kinder Gaias · bandübergreifende Einblicke · Oktober 2026 */
:root{--overview-gold:#c9a870;--overview-cream:#ece0cb;--overview-dark:#12211e;--overview-paper:#e6dac3;--overview-ink:#252923}
html{scroll-padding-top:20px}
.overview-hero{background:radial-gradient(ellipse at 20% 8%,rgba(216,176,108,.13),transparent 59%),#101b19;padding:90px 0 96px}
.overview-hero-grid{display:grid;grid-template-columns: minmax(0,1.12fr) minmax(260px,.7fr);gap:64px;align-items:center}
.overview-hero h1{font:400 clamp(37px,4.5vw,68px)/1.15 var(--display);letter-spacing:-.01em;color:#f4e8d4;max-width:780px;margin:21px 0 26px}
.overview-hero h1 em{font-style:normal;color:#dfc18b}
.overview-hero-copy>p:not(.eyebrow){max-width:700px;color:#c8cec5;line-height:1.95;font-size:16px}
.overview-jumps{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.overview-jumps a{padding:12px 16px;border:1px solid rgba(208,176,115,.48);text-decoration:none;color:#efddb6;font-size:12px;letter-spacing:.04em}
.overview-jumps a:hover{background:rgba(208,176,115,.13)}
.overview-hero-visual{height:360px;position:relative;overflow:hidden;border:1px solid rgba(222,193,137,.37);background:#252b24;box-shadow:0 22px 55px rgba(0,0,0,.19)}
.overview-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:sepia(.13) saturate(.84)}
.overview-hero-visual:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(10,15,14,.77),transparent)}
.overview-hero-visual>span{position:absolute;bottom:24px;left:25px;z-index:1;text-transform:uppercase;letter-spacing:.19em;font:600 11px/1.4 system-ui,sans-serif;color:#f3dca9}
.overview-band{color:var(--overview-ink);padding:90px 0 100px}
.overview-band-one{background:var(--overview-paper)}
.overview-band-two{background:#d3c0a3;border-top:1px solid #b3a083}
.band-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.band-kicker{font-weight:750;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#7d5f36;margin:0}
.band-status{font-size:12px;color:#6f6758;margin:0}
.overview-band h2{font:400 clamp(36px,4.15vw,59px)/1.22 var(--serif);margin:16px 0;color:#29291f;letter-spacing:-.018em}
.overview-band h2 em{font-style:normal;color:#7b5930}
.band-intro{color:#555750;font-size:15px;line-height:1.9;max-width:780px;margin:0 0 36px}
.overview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.overview-card{grid-column:span 2;background:#f2e9db;border:1px solid rgba(110,85,52,.21);display:flex;flex-direction:column;min-width:0;overflow:hidden;color:#262923;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s}
.overview-grid-five .overview-card:nth-child(4){grid-column:2/span 2}
.overview-grid-five .overview-card:nth-child(5){grid-column:4/span 2}
.overview-card:hover{transform:translateY(-3px);border-color:rgba(98,71,37,.65);box-shadow:0 14px 26px rgba(68,51,31,.11)}
.overview-card:focus-visible{outline:3px solid #7a5631;outline-offset:4px}
.card-picture{height:220px;background:#c7b393;overflow:hidden}
.card-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.82);transition:transform .3s}
.overview-card:hover .card-picture img{transform:scale(1.04)}
.card-body{flex:1;display:flex;flex-direction:column;padding:26px 25px 28px}
.card-index{font-weight:700;font-size:10px;letter-spacing:.15em;color:#8a683c}
.card-body h3{font:400 clamp(22px,2.2vw,29px)/1.24 var(--serif);margin:10px 0 14px;color:#262922;overflow-wrap:break-word}
.card-body p{font-size:13px;line-height:1.8;color:#565950;margin:0 0 22px}
.card-action{font:750 10px/1.6 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#74522d;margin-top:auto}
.overview-band-link{display:inline-flex;margin-top:35px;text-decoration:none;color:#60452a;border-bottom:1px solid #9f8057;padding-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.035em}
.overview-band-link:hover{color:#352818}
.overview-band-two .overview-card{background:#ece0cc}
.overview-disclosure{background:#d3c0a3;border-top:1px solid #bba789;color:#5a5349;padding:0 0 36px;text-align:center}
.overview-disclosure .container{max-width:910px;padding-top:27px}
.overview-disclosure strong{font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#6c5030}
.overview-disclosure p{font-size:11px;line-height:1.8;margin:10px 0 0}
@media(max-width:1020px){.overview-hero{padding:68px 0}.overview-hero-grid{gap:30px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card,.overview-grid-five .overview-card:nth-child(4){grid-column:auto}.overview-grid-five .overview-card:nth-child(5){grid-column:1/-1;width:calc(50% - 11px);justify-self:center}.card-picture{height:195px}}
@media(max-width:700px){.overview-hero{padding:60px 0 70px}.overview-hero-grid{grid-template-columns:1fr;gap:28px}.overview-hero h1{font-size:clamp(36px,8.5vw,52px)}.overview-hero-visual{height:235px}.overview-band{padding:62px 0 73px}.overview-grid{grid-template-columns:1fr;gap:18px}.overview-card,.overview-grid-five .overview-card:nth-child(4),.overview-grid-five .overview-card:nth-child(5){grid-column:1;width:100%}.card-picture{height:225px}.overview-band h2{font-size:clamp(31px,8.3vw,43px)}.band-intro{font-size:14px}.band-topline{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){.overview-card,.card-picture img{transition:none}}

/* 28.10.2026 · Sieben Kapitel auf der Einblicke-Übersicht */
.overview-grid-seven .overview-card:nth-child(7){grid-column:3 / span 2;}
@media(max-width:1020px){.overview-grid-seven .overview-card:nth-child(7){grid-column:1 / -1; width:calc(50% - 11px); justify-self:center;}}
@media(max-width:700px){.overview-grid-seven .overview-card:nth-child(7){grid-column:1; width:100%;}}