.about-page{overflow:hidden}
.about-kicker{margin:0;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.about-hero{padding:clamp(85px,11vw,165px) var(--pad) clamp(70px,9vw,125px);border-bottom:1px solid var(--border);background:radial-gradient(circle at 82% 18%,rgba(216,255,69,.08),transparent 28%),radial-gradient(circle at 15% 82%,rgba(169,120,255,.12),transparent 30%)}
.about-hero h1{margin:18px 0 35px;font-size:clamp(5.5rem,16vw,15rem);line-height:.72;letter-spacing:-.08em}
.about-intro{max-width:820px;margin:0;color:var(--text-muted);font-size:clamp(1.2rem,2.3vw,2rem);line-height:1.15}

.about-copy-section{display:grid;grid-template-columns:.3fr 1fr;gap:30px 70px;padding:clamp(70px,9vw,130px) var(--pad);border-bottom:1px solid var(--border)}
.about-richtext{max-width:980px;color:var(--text-muted);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.7}
.about-richtext h1,.about-richtext h2,.about-richtext h3,.about-richtext h4{max-width:100%;overflow-wrap:anywhere;color:var(--text);line-height:1.02;letter-spacing:-.045em}
.about-richtext h1{font-size:clamp(3rem,6vw,6rem)}.about-richtext h2{font-size:clamp(2.4rem,5vw,4.8rem)}.about-richtext h3{font-size:clamp(1.8rem,3.5vw,3.2rem)}.about-richtext h4{font-size:clamp(1.3rem,2.3vw,2.1rem)}
.about-richtext a{color:var(--accent);text-decoration:underline;text-underline-offset:.15em}

.about-images,.about-series{padding:clamp(75px,10vw,145px) var(--pad);border-bottom:1px solid var(--border)}
.about-section-head{display:grid;grid-template-columns:.3fr 1fr;gap:25px 70px;margin-bottom:50px}
.about-section-head h2{margin:0;font-size:clamp(3.2rem,8vw,8rem);line-height:.8;letter-spacing:-.065em}

.about-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-image-card{margin:0;min-width:0}
.about-image-card.is-wide{grid-column:1/-1}
.about-image-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg-soft)}
.about-image-card.is-wide img{aspect-ratio:16/8}
.about-image-card figcaption{margin-top:8px;color:var(--text-muted);font-size:.72rem;line-height:1.4}

.series-marquee{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.series-track{display:flex;width:max-content;align-items:center;animation:gcSeriesMarquee var(--series-duration,15s) linear infinite}
.series-marquee:hover .series-track{animation-play-state:paused}
.series-logo{flex:0 0 auto;width:clamp(180px,20vw,340px);height:150px;padding:30px 38px;box-sizing:border-box;border-right:1px solid var(--border);display:grid;place-items:center}
.series-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@keyframes gcSeriesMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.series-track{animation:none;flex-wrap:wrap;width:100%}}

@media(max-width:760px){
    .about-hero h1{font-size:clamp(5rem,23vw,8rem)}
    .about-copy-section,.about-section-head{grid-template-columns:1fr;gap:15px}
    .about-image-grid{grid-template-columns:1fr}
    .about-image-card.is-wide{grid-column:1}
    .about-image-card img,.about-image-card.is-wide img{aspect-ratio:4/3}
    .about-richtext h1{font-size:clamp(2.2rem,11vw,3.4rem)}
    .series-logo{width:58vw;height:125px;padding:24px}
}


/* Logo-Karussell: quadratische, randlose Logo-Flächen */
.series-marquee{
    border-top:0;
    border-bottom:0;
}
.series-logo{
    width:clamp(190px,20vw,340px);
    height:auto;
    aspect-ratio:1 / 1;
    padding:clamp(22px,3vw,42px);
    border-right:0;
}
.series-logo img{
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    object-fit:contain;
}
@media(max-width:760px){
    .series-logo{
        width:58vw;
        height:auto;
        aspect-ratio:1 / 1;
        padding:24px;
    }
}


/* Mobile: lange Veranstaltungs-Überschrift sicher im Viewport halten */
@media(max-width:760px){
    .about-series .about-section-head h2{
        font-size:clamp(2.35rem,11.5vw,4rem);
        line-height:.84;
        letter-spacing:-.055em;
        overflow-wrap:anywhere;
        word-break:normal;
        max-width:100%;
    }
}