:root {
    --bg: #07080b;
    --bg-soft: #0d0f14;
    --panel: #11141a;
    --paper: #07080b;
    --paper-2: #07080b;
    --text: #f7f7f4;
    --muted: #9ca2ad;
    --ink: #f7f7f4;
    --ink-muted: #9ca2ad;
    --purple: #b71cff;
    --pink: #ff0c88;
    --cyan: #13ead7;
    --green: #73f047;
    --today: #84ff3f;
    --border: rgba(255,255,255,.11);
    --radius: 24px;
    --wrap: min(1180px, calc(100% - 48px));
    --header-height: 82px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
    margin: 0;
    font-family: Inter, 'Segoe UI', Arial, sans-serif;
    background: var(--bg);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
}
body.is-loading #page-content { opacity: .45; transition: opacity .18s ease; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
.wrap { width: var(--wrap); margin-inline: auto; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    height: var(--header-height);
    padding: 0 26px;
    display: grid;
    grid-template-columns: auto 1fr minmax(390px, 520px) auto;
    align-items: center;
    gap: 26px;
    color: var(--text);
    background: rgba(7,8,11,.93);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--border);
}

.brand { display: inline-flex; align-items: center; gap: 10px; min-width: max-content; }
.brand-logo {
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex: 0 0 auto;
    filter: drop-shadow(0 0 16px rgba(183,28,255,.10));
}
.brand-word { font: 800 18px/1 'Segoe UI', Arial, sans-serif; letter-spacing: .14em; }

.desktop-nav { display: flex; justify-content: center; gap: clamp(16px, 2vw, 30px); }
.desktop-nav a, .footer-links a {
    font-size: 13px; font-weight: 600; color: #b9bdc5; transition: .2s ease;
}
.desktop-nav a:hover, .desktop-nav a.is-active, .footer-links a:hover { color: #fff; }

.radio-player {
    min-width: 0;
    height: 54px;
    padding: 6px 8px;
    display: grid;
    grid-template-columns: auto 42px minmax(110px, 1fr) 92px;
    align-items: center;
    gap: 9px;
    position: relative;
    border: 1px solid var(--border);
    background: #0d1015;
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.station-button {
    height: 40px;
    display: flex; align-items: center; gap: 8px;
    border: 0; border-radius: 11px; padding: 0 10px;
    color: #fff; background: rgba(255,255,255,.05);
    font-size: 12px; font-weight: 700;
}
.station-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--today); box-shadow: 0 0 10px var(--today); }
.station-chevron { opacity: .65; margin-left: 2px; }

.station-menu {
    position: absolute;
    z-index: 130;
    top: calc(100% + 10px);
    left: 0;
    width: 270px;
    padding: 8px;
    border: 1px solid var(--border);
    background: #0c0e13;
    border-radius: 16px;
    box-shadow: 0 22px 60px rgba(0,0,0,.45);
}
.station-option {
    width: 100%; padding: 12px 13px; border: 0; border-radius: 11px; text-align: left;
    color: #fff; background: transparent;
}
.station-option:hover:not(:disabled), .station-option.is-active { background: rgba(255,255,255,.06); }
.station-option:disabled { opacity: .42; cursor: default; }
.station-option__name { display: block; font-weight: 750; }
.station-option__claim { display: block; margin-top: 3px; font-size: 11px; color: var(--muted); }

.player-play {
    width: 40px; height: 40px; border: 0; border-radius: 50%;
    display: grid; place-items: center;
    color: #111; background: var(--today);
    box-shadow: 0 0 24px rgba(132,255,63,.18);
}
.player-play.is-playing { box-shadow: 0 0 28px rgba(132,255,63,.32); }
.play-icon { font-size: 12px; transform: translateX(1px); }
.player-play.is-playing .play-icon { transform: none; font-size: 10px; letter-spacing: -2px; }

.player-meta { min-width: 0; line-height: 1.1; }
.player-meta strong, .player-meta span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.player-meta strong { font-size: 12px; color: #fff; }
.player-meta span { margin-top: 4px; color: var(--muted); font-size: 10px; }

.volume-wrap { display: flex; align-items: center; gap: 6px; color: #888e98; }
.volume { width: 68px; accent-color: var(--today); }

.menu-toggle {
    display: none; width: 42px; height: 42px; border: 1px solid var(--border);
    background: transparent; border-radius: 12px;
}
.menu-toggle span { display:block; width:18px; height:1px; background:#fff; margin:5px auto; }

.mobile-panel {
    position: fixed; z-index: 95; inset: var(--header-height) 0 auto 0;
    padding: 18px 24px 28px; color: #fff; background: #090b0f;
    border-bottom: 1px solid var(--border);
}
.mobile-panel nav { display: grid; }
.mobile-panel a { padding: 14px 0; font: 700 18px 'Segoe UI', Arial, sans-serif; border-bottom: 1px solid var(--border); }

.hero {
    min-height: calc(100vh - var(--header-height));
    display: flex; align-items: center;
    position: relative; overflow: hidden;
    color: #fff; background: var(--bg);
}
.hero-content { position: relative; z-index: 2; padding-block: 110px; }
.eyebrow {
    margin: 0 0 18px;
    color: #717782;
    font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
}
.hero .eyebrow, .section--dark .eyebrow, .cta .eyebrow { color: #858b96; }
.hero h1, .page-hero h1 {
    margin: 0;
    max-width: 900px;
    font: 800 clamp(56px, 8vw, 112px)/.88 'Segoe UI', Arial, sans-serif;
    letter-spacing: -.065em;
}
.hero h1 span, .page-hero h1 span {
    color: transparent;
    background: linear-gradient(90deg, var(--purple), var(--pink), var(--cyan), var(--green));
    -webkit-background-clip: text; background-clip: text;
}
.hero-copy {
    width: min(640px, 90%);
    margin: 32px 0 0;
    color: #adb2bb;
    font-size: clamp(16px, 2vw, 20px); line-height: 1.65;
}
.hero-actions { display: flex; gap: 12px; margin-top: 36px; flex-wrap: wrap; }
.button {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 48px; padding: 0 20px;
    border: 1px solid transparent; border-radius: 999px;
    font-size: 13px; font-weight: 750;
}
.button--primary { color: #08090c; background: #12161d; }
.button--primary:hover { transform: translateY(-1px); }
.button--ghost { color: #d4d6dc; border-color: var(--border); background: rgba(255,255,255,.035); }

.hero-symbol {
    position: absolute; right: 4vw; top: 50%; transform: translateY(-50%);
    font: 800 min(38vw, 520px)/1 'Segoe UI', Arial, sans-serif; letter-spacing: -.1em;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255,255,255,.07);
    user-select: none;
}
.hero-glow { position: absolute; border-radius: 50%; filter: blur(100px); opacity: .13; }
.hero-glow--one { width: 420px; height: 420px; right: 4%; top: 4%; background: var(--purple); }
.hero-glow--two { width: 360px; height: 360px; left: 12%; bottom: -18%; background: var(--cyan); }

.section { padding-block: 110px; background: var(--bg); }
.section--dark { color: #fff; background: var(--bg); }
.section-head { max-width: 760px; margin-bottom: 54px; }
.section-head h2, .cta h2, .contact-layout h2 {
    margin: 0 0 18px;
    font: 750 clamp(34px, 5vw, 64px)/1 'Segoe UI', Arial, sans-serif;
    letter-spacing: -.045em;
}
.section-head > p:last-child, .cta p, .page-hero > p:last-child {
    color: var(--ink-muted); font-size: 16px; line-height: 1.7;
}
.section--dark .section-head > p:last-child, .cta p { color: #999faa; }

.discipline-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.discipline-card {
    min-height: 330px; padding: 32px; position: relative;
    border: 1px solid rgba(255,255,255,.09); border-radius: var(--radius);
    background: #0e1117;
    transition: transform .25s ease, background .25s ease;
}
.discipline-card:hover { transform: translateY(-4px); background: #12161d; }
.card-number, .team-number { font: 700 11px 'Segoe UI', Arial, sans-serif; color: #8d929c; letter-spacing: .12em; }
.card-kicker { margin: 72px 0 10px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #777d87; }
.discipline-card h3, .team-card h3, .service-grid h3 {
    margin: 0 0 13px; font: 700 28px/1.1 'Segoe UI', Arial, sans-serif; letter-spacing: -.035em;
}
.discipline-card p { max-width: 480px; color: var(--ink-muted); line-height: 1.55; }
.discipline-card a { position: absolute; left: 32px; bottom: 30px; font-size: 12px; font-weight: 750; }

.brand-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.brand-card {
    min-height: 310px; padding: 32px; display: flex; flex-direction: column; position: relative;
    border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden;
}
.brand-card::before {
    content:""; position:absolute; width:260px; height:260px; right:-70px; top:-70px; border-radius:50%; filter:blur(80px); opacity:.18;
}
.brand-card--today::before { background: var(--today); }
.brand-card--echo::before { background: var(--purple); }
.brand-card__type { color: #858b96; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.brand-card strong { margin-top: auto; font: 800 56px/.95 'Segoe UI', Arial, sans-serif; letter-spacing: -.055em; }
.brand-card p { max-width: 500px; color: #9ea3ad; line-height: 1.5; }
.brand-card__arrow { position: absolute; right: 30px; bottom: 30px; font-size: 23px; }

.process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(255,255,255,.09); }
.process article { min-height: 250px; padding: 28px; background: var(--bg); }
.section--dark .process { background: var(--border); }
.section--dark .process article { background: var(--bg); }
.process span { font: 700 11px 'Segoe UI', Arial, sans-serif; color: #8d929c; letter-spacing: .12em; }
.process h3 { margin: 70px 0 12px; font: 700 23px 'Segoe UI', Arial, sans-serif; letter-spacing: -.03em; }
.process p { margin: 0; color: var(--ink-muted); line-height: 1.55; font-size: 14px; }
.section--dark .process p { color: #999faa; }
.process--three { grid-template-columns: repeat(3, 1fr); }

.cta { padding-block: 100px; color: #fff; background: var(--bg); border-top: 1px solid var(--border); }
.cta-inner { display: grid; grid-template-columns: 1.3fr .7fr; gap: 60px; align-items: end; }
.cta .button { margin-top: 22px; }

.page-hero { padding-top: 120px; padding-bottom: 90px; }
.page-hero h1 { font-size: clamp(54px, 7vw, 92px); }
.page-hero > p:last-child { max-width: 720px; margin-top: 30px; font-size: 18px; }

.service-section { padding-top: 80px; padding-bottom: 100px; scroll-margin-top: calc(var(--header-height) + 24px); }
.service-section--tint { background: var(--bg); }
.service-layout { display: block; }
.service-index { margin-bottom: 26px; font: 800 11px 'Segoe UI', Arial, sans-serif; letter-spacing: .16em; color: #858b96; }
.service-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 50px; align-items: end; margin-bottom: 52px; }
.service-intro h2 { margin: 0; font: 750 clamp(36px, 5vw, 64px)/1 'Segoe UI', Arial, sans-serif; letter-spacing: -.05em; }
.service-intro p { margin: 0; color: var(--ink-muted); line-height: 1.65; }
.service-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid rgba(255,255,255,.10); }
.service-grid article { padding: 30px 32px 34px 0; border-bottom: 1px solid rgba(255,255,255,.10); }
.service-grid article:nth-child(even) { padding-left: 32px; border-left: 1px solid rgba(255,255,255,.10); }
.service-grid h3 { font-size: 22px; }
.service-grid p { color: var(--ink-muted); line-height: 1.6; }

.team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.team-photo {
    aspect-ratio: 1 / 1; overflow: hidden; position: relative;
    border-radius: var(--radius); background: #151922;
}
.team-photo img { width: 100%; height: 100%; object-fit: cover; }
.team-number { position: absolute; top: 18px; left: 18px; padding: 8px 10px; border-radius: 99px; color: #fff; background: rgba(0,0,0,.55); backdrop-filter: blur(8px); }
.team-card .card-kicker { margin: 26px 0 8px; }
.team-card > p:not(.card-kicker) { color: var(--ink-muted); line-height: 1.62; }
.team-card > a { font-size: 13px; font-weight: 750; border-bottom: 1px solid currentColor; }
.legacy-note { margin-top: 30px; color: var(--ink-muted); font-size: 12px; }
.legacy-note code { font-size: 11px; }

.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.article-card { min-height: 280px; padding: 28px; border: 1px solid rgba(255,255,255,.09); border-radius: var(--radius); }
.article-card .card-kicker { margin: 0 0 70px; }
.article-card h2 { font: 700 27px/1.05 'Segoe UI', Arial, sans-serif; letter-spacing: -.04em; }
.article-card p { color: var(--ink-muted); line-height: 1.55; }
.article-card > span { display: inline-block; margin-top: 20px; font-size: 12px; font-weight: 750; }

.empty-state { padding: 70px; border: 1px solid rgba(255,255,255,.09); border-radius: var(--radius); background: #12161d; }
.empty-state > span { font: 700 11px 'Segoe UI', Arial, sans-serif; color: #9196a0; }
.empty-state h2 { margin: 55px 0 14px; font: 750 clamp(34px, 4vw, 54px)/1 'Segoe UI', Arial, sans-serif; letter-spacing: -.045em; }
.empty-state p { max-width: 650px; color: var(--ink-muted); line-height: 1.65; }

.contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }
.contact-direct > h2 { margin-bottom: 36px; }
.contact-card { padding: 26px 0; border-top: 1px solid rgba(255,255,255,.10); }
.contact-card > span, .project-form label > span { display: block; margin-bottom: 8px; color: #858b96; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.contact-card a { font: 700 22px 'Segoe UI', Arial, sans-serif; }
.contact-card p { color: var(--ink-muted); line-height: 1.55; }

.project-form { padding: 36px; border-radius: var(--radius); background: #12161d; border: 1px solid rgba(255,255,255,.09); }
.project-form h2 { margin-bottom: 30px; font-size: 42px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.project-form label { display: block; margin-bottom: 18px; }
.project-form input:not([type="checkbox"]), .project-form select, .project-form textarea {
    width: 100%; border: 0; border-bottom: 1px solid #cacbd0; border-radius: 0;
    padding: 12px 0; outline: none; background: transparent; color: var(--ink);
}
.project-form input:focus, .project-form select:focus, .project-form textarea:focus { border-bottom-color: var(--purple); }
.project-form textarea { resize: vertical; }
.checkbox { display: grid !important; grid-template-columns: auto 1fr; gap: 10px; align-items: start; }
.checkbox input { margin-top: 3px; }
.checkbox span { text-transform: none !important; letter-spacing: 0 !important; font-size: 12px !important; line-height: 1.5; color: var(--ink-muted) !important; }
.project-form .button { border: 0; color: #fff; background: var(--ink); }
.form-status { min-height: 20px; margin: 16px 0 0; color: var(--ink-muted); font-size: 12px; }
.hp-field { position: absolute !important; left: -99999px !important; width: 1px; height: 1px; overflow: hidden; }

.legal-copy { max-width: 850px; }
.legal-copy h2 { font: 700 36px 'Segoe UI', Arial, sans-serif; letter-spacing: -.04em; }
.legal-copy p { color: var(--ink-muted); line-height: 1.7; }

.site-footer {
    min-height: 210px; padding: 48px max(24px, calc((100% - 1180px)/2));
    display: grid; grid-template-columns: 1fr auto; gap: 30px;
    color: #fff; background: #07080b; border-top: 1px solid var(--border);
}
.site-footer strong { font: 800 18px 'Segoe UI', Arial, sans-serif; letter-spacing: .13em; }
.site-footer p { margin: 8px 0 0; color: #777d87; font-size: 12px; }
.footer-links { display: flex; gap: 20px; flex-wrap: wrap; justify-content: flex-end; }
.footer-copy { align-self: end; }

@media (max-width: 1150px) {
    .site-header { grid-template-columns: auto 1fr minmax(330px, 440px) auto; gap: 16px; }
    .desktop-nav { display: none; }
    .menu-toggle { display: block; }
}

@media (max-width: 760px) {
    :root { --wrap: min(100% - 30px, 1180px); --header-height: 74px; }
    .site-header { height: var(--header-height); padding: 0 15px; grid-template-columns: auto 1fr auto; }
    .brand-word { display: none; }
    .radio-player { grid-template-columns: auto 42px 1fr; height: 52px; padding: 5px; }
    .station-button { padding: 0 8px; }
    .station-name { display: none; }
    .player-meta { display: none; }
    .volume-wrap { display: none; }
    .hero { min-height: calc(92vh - var(--header-height)); }
    .hero-content { padding-block: 78px; }
    .hero h1, .page-hero h1 { font-size: clamp(50px, 16vw, 80px); }
    .hero-copy { width: 100%; font-size: 16px; }
    .hero-symbol { right: -8vw; font-size: 70vw; }
    .section { padding-block: 76px; }
    .discipline-grid, .brand-grid, .team-grid, .contact-layout, .cta-inner, .service-intro { grid-template-columns: 1fr; }
    .discipline-card { min-height: 300px; }
    .process, .process--three { grid-template-columns: 1fr; }
    .process article { min-height: 190px; }
    .process h3 { margin-top: 44px; }
    .brand-card { min-height: 270px; }
    .brand-card strong { font-size: 44px; }
    .cta-inner { gap: 22px; }
    .page-hero { padding-top: 82px; padding-bottom: 60px; }
    .service-intro { gap: 18px; }
    .service-grid { grid-template-columns: 1fr; }
    .service-grid article:nth-child(even) { padding-left: 0; border-left: 0; }
    .article-grid { grid-template-columns: 1fr; }
    .empty-state { padding: 36px 28px; }
    .form-grid { grid-template-columns: 1fr; gap: 0; }
    .project-form { padding: 26px 22px; }
    .site-footer { grid-template-columns: 1fr; }
    .footer-links { justify-content: flex-start; }
}


/* Xarandor V1.1 — consistent dark studio theme */
.page-hero,
.service-section,
.contact-layout,
.legal-copy {
    color: var(--text);
    background: var(--bg);
}

.page-hero {
    position: relative;
}
.page-hero::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: 5%;
    top: 12%;
    border-radius: 50%;
    background: var(--purple);
    filter: blur(150px);
    opacity: .055;
    pointer-events: none;
}

.discipline-card,
.article-card,
.empty-state,
.project-form {
    background: #0e1117;
    color: var(--text);
}

.discipline-card p,
.team-card > p:not(.card-kicker),
.service-grid p,
.empty-state p,
.contact-card p,
.legal-copy p,
.page-hero > p:last-child,
.section-head > p:last-child {
    color: var(--muted);
}

.discipline-card h3,
.team-card h3,
.service-grid h3,
.article-card h2,
.empty-state h2,
.contact-layout h2,
.service-intro h2,
.section-head h2 {
    color: var(--text);
}

.discipline-card a,
.team-card > a,
.article-card > span {
    color: #f1f2f4;
}

.card-kicker,
.service-index,
.project-form label > span,
.contact-card > span {
    color: #858c98;
}

.service-grid {
    border-top-color: rgba(255,255,255,.10);
}
.service-grid article,
.service-grid article:nth-child(even) {
    border-color: rgba(255,255,255,.10);
}

.process {
    background: rgba(255,255,255,.09);
}
.process article,
.section--dark .process article {
    background: #0e1117;
    color: var(--text);
}
.process p,
.section--dark .process p {
    color: var(--muted);
}

.contact-card {
    border-top-color: rgba(255,255,255,.10);
}
.contact-card a {
    color: var(--text);
}

.project-form input:not([type="checkbox"]),
.project-form select,
.project-form textarea {
    color: var(--text);
    border-bottom-color: rgba(255,255,255,.20);
}
.project-form select {
    background: #0e1117;
}
.project-form select option {
    background: #0e1117;
    color: var(--text);
}
.project-form input::placeholder,
.project-form textarea::placeholder {
    color: #69707c;
}
.project-form .button {
    background: #fff;
    color: #08090c;
}

.team-photo {
    border: 1px solid rgba(255,255,255,.08);
}

.site-footer {
    background: var(--bg);
}

@media (max-width: 760px) {
    .brand-logo {
        width: 42px;
        height: 42px;
    }
}


/* =========================================================
   Xarandor V2 — radio-first information architecture
   ========================================================= */

.nav-dropdown {
    position: relative;
    display: flex;
    align-items: center;
}

.nav-dropdown__button {
    border: 0;
    padding: 12px 0;
    color: #b9bdc5;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
}

.nav-dropdown__button span {
    margin-left: 4px;
    opacity: .6;
}

.nav-dropdown__menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%, 8px);
    width: 310px;
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #0c0f14;
    box-shadow: 0 24px 70px rgba(0,0,0,.44);
    transition: .18s ease;
}

.nav-dropdown:hover .nav-dropdown__menu,
.nav-dropdown:focus-within .nav-dropdown__menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.nav-dropdown__menu a {
    display: block;
    padding: 13px 14px;
    border-radius: 12px;
}

.nav-dropdown__menu a:hover,
.nav-dropdown__menu a.is-active {
    background: rgba(255,255,255,.06);
}

.nav-dropdown__menu strong {
    display: block;
    color: #fff;
    font-size: 13px;
}

.nav-dropdown__menu span {
    display: block;
    margin-top: 4px;
    color: #777e8a;
    font-size: 10px;
}

.mobile-nav-label {
    padding: 22px 0 6px;
    color: #777e8a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.mobile-panel .mobile-subnav {
    padding-left: 18px;
    font-size: 16px;
    color: #c9cbd0;
}

.hero--business .hero-copy {
    max-width: 750px;
}

.station-stage {
    position: relative;
}

.station-stage__head {
    max-width: none;
    display: grid;
    grid-template-columns: 1.05fr .75fr;
    gap: 70px;
    align-items: end;
}

.station-stage__head > p {
    margin: 0 0 6px;
    color: var(--muted);
    line-height: 1.7;
}

.station-showcase {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 18px;
}

.station-showcase__card {
    min-height: 500px;
    padding: 34px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 28px;
    background: #0d1015;
}

.station-showcase__card::after {
    content: "";
    position: absolute;
    width: 440px;
    height: 440px;
    right: -150px;
    bottom: -170px;
    border-radius: 50%;
    filter: blur(110px);
    opacity: .17;
    pointer-events: none;
}

.station-showcase__card--today::after { background: var(--today); }
.station-showcase__card--echo::after { background: var(--purple); }

.station-showcase__top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: #8b919b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.station-live { color: var(--today); }

.station-brand-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--purple);
    box-shadow: 0 0 14px var(--purple);
}

.station-showcase__body {
    margin-top: auto;
    position: relative;
    z-index: 1;
}

.station-showcase__body .eyebrow {
    margin-bottom: 10px;
}

.station-showcase__body h3 {
    margin: 0;
    font: 800 clamp(52px, 7vw, 90px)/.9 Manrope;
    letter-spacing: -.065em;
    color: #fff;
}

.station-showcase__body p:last-child {
    max-width: 580px;
    margin: 22px 0 0;
    color: var(--muted);
    line-height: 1.65;
}

.station-showcase__actions {
    margin-top: 34px;
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 1;
}

.station-showcase__actions > a {
    color: #d9dbe0;
    font-size: 12px;
    font-weight: 700;
}

.button--station {
    border: 1px solid rgba(255,255,255,.13);
    color: #fff;
    background: rgba(255,255,255,.07);
}

.button--station:hover {
    background: rgba(255,255,255,.11);
}

.station-coming {
    display: inline-flex;
    padding: 11px 14px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: #8d939e;
    font-size: 11px;
    font-weight: 700;
}

.station-more {
    margin-top: 22px;
    padding-top: 22px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    border-top: 1px solid var(--border);
    color: var(--muted);
    font-size: 13px;
}

.station-more p { margin: 0; }
.station-more a { color: #fff; font-weight: 700; }

.services-home {
    border-top: 1px solid var(--border);
}

.services-home__head {
    max-width: 800px;
}

.services-featured {
    display: grid;
    gap: 1px;
    background: rgba(255,255,255,.10);
}

.service-feature {
    min-height: 250px;
    padding: 32px;
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 30px;
    align-items: center;
    position: relative;
    background: #0d1015;
    transition: background .2s ease;
}

.service-feature:hover {
    background: #13171e;
}

.service-feature__number {
    align-self: start;
    color: #777e88;
    font: 700 11px Manrope;
    letter-spacing: .12em;
}

.service-feature__content .card-kicker {
    margin: 0 0 10px;
}

.service-feature__content h3 {
    max-width: 780px;
    margin: 0;
    color: #fff;
    font: 750 clamp(28px, 4vw, 48px)/1 Manrope;
    letter-spacing: -.045em;
}

.service-feature__content p:last-child {
    max-width: 760px;
    margin: 18px 0 0;
    color: var(--muted);
    line-height: 1.65;
}

.service-feature__arrow {
    padding-right: 18px;
    color: #fff;
    font-size: 28px;
    transition: transform .2s ease;
}

.service-feature:hover .service-feature__arrow {
    transform: translateX(7px);
}

.services-featured--landing {
    border: 1px solid rgba(255,255,255,.08);
}

.page-hero--sender {
    padding-bottom: 70px;
}

.station-detail-section {
    border-top: 1px solid var(--border);
}

.station-detail-section--echo {
    padding-top: 0;
}

.station-detail {
    padding: 70px 0;
}

.station-detail__intro {
    display: grid;
    grid-template-columns: 1fr .7fr;
    gap: 80px;
    align-items: end;
    margin-bottom: 60px;
}

.station-detail__intro h2 {
    margin: 0;
    color: #fff;
    font: 800 clamp(46px, 6vw, 78px)/.95 Manrope;
    letter-spacing: -.055em;
}

.station-detail__intro > p {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

.station-detail__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid var(--border);
}

.station-detail__grid article {
    min-height: 220px;
    padding: 30px 32px 30px 0;
    border-bottom: 1px solid var(--border);
}

.station-detail__grid article:nth-child(even) {
    padding-left: 32px;
    border-left: 1px solid var(--border);
}

.station-detail__grid span {
    color: #777e88;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.station-detail__grid h3 {
    margin: 60px 0 10px;
    color: #fff;
    font: 700 26px Manrope;
    letter-spacing: -.035em;
}

.station-detail__grid p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.station-detail__footer {
    padding-top: 28px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.station-detail__footer > a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.service-manifesto {
    padding: 55px 0 85px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.service-manifesto__grid {
    display: grid;
    grid-template-columns: .3fr 1.7fr;
    gap: 50px;
}

.service-manifesto h2 {
    margin: 0;
    max-width: 950px;
    color: #fff;
    font: 700 clamp(32px, 4.8vw, 62px)/1.05 Manrope;
    letter-spacing: -.045em;
}

.capability-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--border);
    border-left: 1px solid var(--border);
}

.capability-card {
    min-height: 300px;
    padding: 28px;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background: #0c0f14;
}

.capability-card > span {
    color: #727985;
    font: 700 10px Manrope;
    letter-spacing: .13em;
}

.capability-card h3 {
    margin: 95px 0 12px;
    color: #fff;
    font: 700 24px/1.08 Manrope;
    letter-spacing: -.035em;
}

.capability-card p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 1000px) {
    .station-stage__head,
    .station-detail__intro {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .station-showcase {
        grid-template-columns: 1fr;
    }

    .capability-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 760px) {
    .station-showcase__card {
        min-height: 400px;
        padding: 24px;
    }

    .station-showcase__body h3 {
        font-size: 54px;
    }

    .station-showcase__actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .station-more {
        flex-direction: column;
        gap: 8px;
    }

    .service-feature {
        min-height: 300px;
        grid-template-columns: 1fr auto;
        gap: 12px;
        padding: 26px 22px;
    }

    .service-feature__number {
        grid-column: 1 / -1;
    }

    .service-feature__content {
        align-self: end;
    }

    .service-feature__arrow {
        align-self: end;
        padding: 0 0 5px;
    }

    .service-manifesto__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .station-detail__grid,
    .capability-grid {
        grid-template-columns: 1fr;
    }

    .station-detail__grid article:nth-child(even) {
        padding-left: 0;
        border-left: 0;
    }

    .capability-card {
        min-height: 250px;
    }

    .capability-card h3 {
        margin-top: 65px;
    }
}


/* =========================================================
   Xarandor V2.1 — official station branding
   ========================================================= */

.station-logo-mini-wrap {
    width: 34px;
    height: 28px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    overflow: hidden;
}

.station-logo-mini {
    width: 34px;
    height: 28px;
    object-fit: contain;
}

.station-option {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 10px;
    align-items: center;
}

.station-option__visual {
    width: 64px;
    height: 38px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(255,255,255,.035);
}

.station-option__visual img {
    max-width: 58px;
    max-height: 32px;
    object-fit: contain;
}

.station-option__copy {
    min-width: 0;
}

.station-brand-logo {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}

.station-brand-logo img {
    display: block;
    object-fit: contain;
    object-position: left center;
}

.station-brand-logo--today {
    width: min(580px, 90%);
    height: 150px;
}

.station-brand-logo--today img {
    width: 100%;
    max-height: 145px;
}

.station-brand-logo--echo {
    width: min(530px, 90%);
    height: 150px;
}

.station-brand-logo--echo img {
    width: 100%;
    max-height: 145px;
}

.station-detail__logo {
    margin: 4px 0 26px;
    display: flex;
    align-items: center;
}

.station-detail__logo img {
    display: block;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
}

.station-detail__logo--today {
    width: min(520px, 95%);
    height: 115px;
}

.station-detail__logo--today img {
    max-height: 110px;
}

.station-detail__logo--echo {
    width: min(500px, 95%);
    height: 115px;
}

.station-detail__logo--echo img {
    max-height: 110px;
}

.station-showcase__body .station-brand-logo + p {
    margin-top: 18px;
}

@media (max-width: 760px) {
    .station-logo-mini-wrap {
        width: 30px;
    }

    .station-logo-mini {
        width: 30px;
        height: 25px;
    }

    .station-brand-logo--today,
    .station-brand-logo--echo {
        width: 100%;
        height: 105px;
    }

    .station-brand-logo--today img,
    .station-brand-logo--echo img {
        max-height: 100px;
    }

    .station-detail__logo--today,
    .station-detail__logo--echo {
        height: 90px;
    }

    .station-detail__logo--today img,
    .station-detail__logo--echo img {
        max-height: 85px;
    }
}


/* Xarandor V2.2 – Gedanken-Artikelseite */
.journal-article {
    padding: 90px 0 120px;
    color: #fff;
    background: var(--bg);
}

.journal-article__head {
    max-width: 960px;
    padding-bottom: 55px;
    border-bottom: 1px solid var(--border);
}

.journal-article__head h1 {
    margin: 0;
    font: 800 clamp(48px, 7vw, 92px)/.94 Manrope;
    letter-spacing: -.06em;
}

.journal-article__head > p:last-child {
    max-width: 760px;
    margin: 28px 0 0;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.7;
}

.journal-article__body {
    max-width: 800px;
    padding-top: 60px;
    color: #c4c8cf;
    font-size: 17px;
    line-height: 1.85;
}

.journal-article__body h2,
.journal-article__body h3,
.journal-article__body h4 {
    color: #fff;
    font-family: Manrope, sans-serif;
    letter-spacing: -.04em;
}

.journal-article__body h2 {
    margin: 60px 0 18px;
    font-size: 38px;
}

.journal-article__body h3 {
    margin: 44px 0 14px;
    font-size: 28px;
}

.journal-article__body a {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: var(--purple);
    text-underline-offset: 4px;
}

.journal-article__body blockquote {
    margin: 35px 0;
    padding: 6px 0 6px 24px;
    border-left: 2px solid var(--purple);
    color: #fff;
    font-size: 21px;
}

.journal-article__footer {
    max-width: 800px;
    padding-top: 50px;
}


/* Xarandor V2.3 – visuelle Gedanken */
.article-grid--visual {
    grid-template-columns: repeat(2, 1fr);
}

.article-card--visual {
    min-height: 0;
    padding: 0;
    overflow: hidden;
    display: block;
}

.article-card__image {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 25% 25%, rgba(183,28,255,.18), transparent 32%),
        radial-gradient(circle at 75% 70%, rgba(19,234,215,.12), transparent 30%),
        #0c0f14;
}

.article-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.article-card--visual:hover .article-card__image img {
    transform: scale(1.025);
}

.article-card__image > span {
    color: rgba(255,255,255,.10);
    font: 800 100px Manrope;
}

.article-card__content {
    padding: 28px;
}

.article-card__content .card-kicker {
    margin: 0 0 26px;
}

.article-card__content > span {
    display: inline-block;
    margin-top: 18px;
    font-size: 12px;
    font-weight: 750;
}

.journal-article__hero {
    max-width: 1080px;
    padding-top: 44px;
}

.journal-article__hero img {
    width: 100%;
    max-height: 680px;
    object-fit: cover;
    border-radius: 22px;
}

.preview-banner {
    position: sticky;
    top: var(--header-height);
    z-index: 80;
    min-height: 48px;
    padding: 0 max(20px, calc((100% - 1180px) / 2));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #fff;
    background: #6e18a0;
    font-size: 11px;
    font-weight: 700;
}

.preview-banner a {
    text-decoration: underline;
}

@media (max-width: 760px) {
    .article-grid--visual {
        grid-template-columns: 1fr;
    }

    .preview-banner {
        top: var(--header-height);
        padding: 10px 16px;
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .journal-article__hero {
        padding-top: 28px;
    }

    .journal-article__hero img {
        border-radius: 14px;
    }
}


/* Xarandor V2.7 – dynamische Senderprofile */
.station-profile-panel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.station-profile-panel > div {
    min-height: 115px;
    padding: 24px;
    border-right: 1px solid var(--border);
}

.station-profile-panel > div:last-child {
    border-right: 0;
}

.station-profile-panel span {
    display: block;
    color: #777e88;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.station-profile-panel strong,
.station-profile-panel a {
    display: block;
    margin-top: 24px;
    color: #fff;
    font: 700 15px Manrope;
}

.station-showcase__card .station-brand-logo {
    width: min(520px, 92%);
    height: 135px;
}

.station-showcase__card .station-brand-logo img {
    max-width: 100%;
    max-height: 125px;
    object-fit: contain;
    object-position: left center;
}

@media (max-width: 760px) {
    .station-profile-panel {
        grid-template-columns: 1fr;
    }

    .station-profile-panel > div {
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .station-profile-panel > div:last-child {
        border-bottom: 0;
    }
}


/* Xarandor V2.8 – dynamischer Footer */
.footer-brand span {
    display: block;
    margin-top: 7px;
    color: #686f79;
    font-size: 10px;
}

.footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
}

.footer-socials a {
    color: #8f959f;
    font-size: 10px;
    font-weight: 700;
}

.footer-socials a:hover {
    color: #fff;
}


/* Xarandor V2.9 – Bilder in Gedanken */
.journal-article__body figure {
    margin: 42px -80px;
}

.journal-article__body figure img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 760px;
    object-fit: cover;
    border-radius: 18px;
}

.journal-article__body figcaption {
    max-width: 760px;
    margin: 10px auto 0;
    color: #777e89;
    font-size: 11px;
    line-height: 1.5;
}

@media (max-width: 960px) {
    .journal-article__body figure {
        margin-inline: 0;
    }
}


/* =========================================================
   Xarandor V2.13 – Header & Player Polish
   ========================================================= */

@media (min-width: 1351px) {
    :root {
        --header-height: 88px;
    }

    .site-header {
        height: var(--header-height);
        padding-inline: clamp(26px, 2.1vw, 44px);
        grid-template-columns: minmax(230px, 1fr) auto minmax(440px, 1fr) auto;
        gap: clamp(18px, 1.4vw, 30px);
        background: rgba(7, 8, 11, .96);
        border-bottom-color: rgba(255,255,255,.09);
    }

    .brand {
        gap: 12px;
        justify-self: start;
    }

    .brand-logo {
        width: 52px;
        height: 52px;
        filter:
            drop-shadow(0 0 16px rgba(183,28,255,.12))
            drop-shadow(0 0 10px rgba(19,234,215,.06));
    }

    .brand-word {
        font-size: 19px;
        letter-spacing: .155em;
    }

    .desktop-nav {
        height: 100%;
        gap: clamp(4px, .45vw, 10px);
        align-items: center;
        justify-self: center;
    }

    .desktop-nav > a,
    .nav-dropdown__button {
        position: relative;
        min-height: 46px;
        padding: 0 11px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        color: #aeb3bc;
        font-size: 14px;
        font-weight: 650;
        line-height: 1;
        white-space: nowrap;
    }

    .desktop-nav > a:hover,
    .nav-dropdown__button:hover {
        color: #fff;
        background: rgba(255,255,255,.035);
    }

    .desktop-nav > a::after,
    .nav-dropdown__button::after {
        content: "";
        position: absolute;
        right: 11px;
        bottom: 4px;
        left: 11px;
        height: 2px;
        border-radius: 999px;
        opacity: 0;
        transform: scaleX(.55);
        background: linear-gradient(90deg, var(--purple), var(--cyan), var(--green));
        transition:
            opacity .18s ease,
            transform .18s ease;
    }

    .desktop-nav > a.is-active {
        color: #fff;
    }

    .desktop-nav > a.is-active::after,
    html[data-page="audio"] .nav-dropdown__button::after,
    html[data-page="gastronomie"] .nav-dropdown__button::after,
    html[data-page="storytelling"] .nav-dropdown__button::after,
    html[data-page="leistungen"] .nav-dropdown__button::after {
        opacity: .95;
        transform: scaleX(1);
    }

    html[data-page="audio"] .nav-dropdown__button,
    html[data-page="gastronomie"] .nav-dropdown__button,
    html[data-page="storytelling"] .nav-dropdown__button,
    html[data-page="leistungen"] .nav-dropdown__button {
        color: #fff;
    }

    .nav-dropdown {
        height: 100%;
    }

    .nav-dropdown__button {
        height: 46px;
    }

    .nav-dropdown__button span {
        margin-left: 6px;
        position: relative;
        top: -1px;
        font-size: 11px;
        opacity: .55;
    }

    .nav-dropdown__menu {
        top: calc(50% + 31px);
    }

    .radio-player {
        width: min(100%, 510px);
        height: 62px;
        padding: 7px 9px;
        grid-template-columns: auto 46px minmax(118px, 1fr) 108px;
        gap: 10px;
        justify-self: end;
        border-color: rgba(255,255,255,.12);
        border-radius: 18px;
        background:
            linear-gradient(180deg, rgba(255,255,255,.025), transparent),
            #0d1015;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.035),
            0 8px 28px rgba(0,0,0,.12);
    }

    .station-button {
        height: 46px;
        min-width: 142px;
        padding-inline: 11px 12px;
        gap: 9px;
        border: 1px solid rgba(255,255,255,.035);
        border-radius: 12px;
        background: rgba(255,255,255,.045);
        font-size: 12.5px;
    }

    .station-button:hover {
        background: rgba(255,255,255,.075);
        border-color: rgba(255,255,255,.07);
    }

    .station-logo-mini-wrap {
        width: 40px;
        height: 32px;
    }

    .station-logo-mini {
        width: 40px;
        height: 32px;
    }

    .station-name {
        max-width: 86px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .station-chevron {
        margin-left: auto;
    }

    .player-play {
        width: 46px;
        height: 46px;
        transition:
            transform .16s ease,
            box-shadow .16s ease,
            filter .16s ease;
    }

    .player-play:hover {
        transform: scale(1.035);
        filter: brightness(1.05);
        box-shadow: 0 0 30px rgba(132,255,63,.26);
    }

    .player-meta {
        padding-left: 1px;
        line-height: 1.05;
    }

    .player-meta strong {
        font-size: 13.5px;
        font-weight: 760;
        letter-spacing: -.012em;
    }

    .player-meta span {
        margin-top: 5px;
        font-size: 10.5px;
    }

    .volume-wrap {
        gap: 8px;
        justify-content: flex-end;
    }

    .volume-wrap > span {
        font-size: 14px;
        opacity: .8;
    }

    .volume {
        width: 84px;
    }

    .station-menu {
        top: calc(100% + 11px);
        width: 310px;
        padding: 9px;
        border-radius: 17px;
    }

    .station-option {
        min-height: 64px;
        grid-template-columns: 72px 1fr;
        padding: 10px 11px;
    }

    .station-option__visual {
        width: 72px;
        height: 42px;
    }

    .station-option__visual img {
        max-width: 66px;
        max-height: 36px;
    }

    .station-option__name {
        font-size: 12.5px;
    }

    .station-option__claim {
        margin-top: 4px;
        font-size: 10.5px;
    }
}

/* Notebook / Tablet: Player bleibt präsent, Navigation wechselt früher ins Menü. */
@media (min-width: 761px) and (max-width: 1350px) {
    :root {
        --header-height: 82px;
    }

    .site-header {
        height: var(--header-height);
        padding-inline: 20px;
        grid-template-columns: auto 1fr minmax(390px, 500px) auto;
        gap: 16px;
    }

    .brand-logo {
        width: 48px;
        height: 48px;
    }

    .brand-word {
        font-size: 17px;
    }

    .radio-player {
        width: min(100%, 500px);
        height: 58px;
        grid-template-columns: auto 44px minmax(105px,1fr) 96px;
        padding: 6px 8px;
    }

    .station-button {
        height: 44px;
    }

    .player-play {
        width: 44px;
        height: 44px;
    }

    .menu-toggle {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 760px) {
    .site-header {
        gap: 10px;
    }

    .brand-logo {
        width: 44px;
        height: 44px;
    }

    .radio-player {
        width: auto;
        min-width: 128px;
        max-width: 178px;
        justify-self: end;
        grid-template-columns: auto 40px;
        gap: 6px;
        padding: 5px 6px;
        border-radius: 15px;
    }

    .station-button {
        height: 40px;
        min-width: 70px;
        padding-inline: 7px;
        gap: 5px;
    }

    .station-logo-mini-wrap {
        width: 32px;
        height: 27px;
    }

    .station-logo-mini {
        width: 32px;
        height: 27px;
    }

    .station-chevron {
        margin-left: 0;
        font-size: 10px;
    }

    .player-play {
        width: 40px;
        height: 40px;
    }

    .station-menu {
        left: auto;
        right: 0;
        width: min(300px, calc(100vw - 30px));
    }

    .menu-toggle {
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 430px) {
    .site-header {
        padding-inline: 11px;
        gap: 7px;
    }

    .brand-logo {
        width: 40px;
        height: 40px;
    }

    .radio-player {
        min-width: 116px;
        max-width: 148px;
        height: 50px;
    }

    .station-logo-mini-wrap {
        width: 28px;
    }

    .station-logo-mini {
        width: 28px;
        height: 24px;
    }

    .station-button {
        min-width: 62px;
        padding-inline: 5px;
    }

    .menu-toggle {
        width: 40px;
        height: 40px;
    }
}


/* =========================================================
   Xarandor V2.13.1 – definitive Header alignment fix
   These rules intentionally sit at the very end.
   ========================================================= */

@media (min-width: 1151px) {
    :root {
        --header-height: 88px;
    }

    .site-header {
        height: 88px;
        padding: 0 28px;
        grid-template-columns: minmax(230px, 1fr) auto minmax(455px, 1fr) auto;
        align-items: center;
        gap: 24px;
    }

    .brand {
        height: 88px;
        align-items: center;
    }

    .brand-logo {
        width: 54px;
        height: 54px;
    }

    .brand-word {
        font-size: 19px;
    }

    .desktop-nav {
        height: 88px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    /* All six visible navigation items use the exact same box model. */
    .desktop-nav > a,
    .desktop-nav > .nav-dropdown {
        height: 48px;
        margin: 0;
        align-self: center;
    }

    .desktop-nav > a,
    .nav-dropdown__button {
        box-sizing: border-box;
        min-height: 0;
        height: 48px;
        margin: 0;
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 10px;
        color: #b9bdc5;
        background: transparent;
        font-family: inherit;
        font-size: 14px;
        font-weight: 650;
        line-height: 48px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .nav-dropdown {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nav-dropdown__button {
        appearance: none;
        -webkit-appearance: none;
    }

    .nav-dropdown__button span {
        position: static;
        top: auto;
        margin: 0 0 0 6px;
        display: inline-flex;
        height: 48px;
        align-items: center;
        line-height: 1;
        transform: translateY(-1px);
    }

    .desktop-nav > a:hover,
    .nav-dropdown__button:hover {
        color: #fff;
        background: rgba(255,255,255,.04);
    }

    .desktop-nav > a::after,
    .nav-dropdown__button::after {
        bottom: 3px;
    }

    .nav-dropdown__menu {
        top: 54px;
    }

    .radio-player {
        width: 530px;
        max-width: 100%;
        height: 64px;
        padding: 7px 9px;
        grid-template-columns: minmax(145px, auto) 48px minmax(125px,1fr) 112px;
        gap: 10px;
        justify-self: end;
        border-radius: 18px;
    }

    .station-button {
        height: 48px;
        min-width: 145px;
        padding-inline: 11px;
        font-size: 13px;
    }

    .station-logo-mini-wrap,
    .station-logo-mini {
        width: 42px;
        height: 34px;
    }

    .player-play {
        width: 48px;
        height: 48px;
    }

    .player-meta strong {
        font-size: 14px;
    }

    .player-meta span {
        font-size: 10.5px;
    }

    .volume {
        width: 86px;
    }
}

/* Extra-large desktop: use the available width instead of looking miniature. */
@media (min-width: 1900px) {
    .site-header {
        padding-inline: 34px;
        grid-template-columns: minmax(260px, 1fr) auto minmax(560px, 1fr) auto;
        gap: 34px;
    }

    .brand-logo {
        width: 58px;
        height: 58px;
    }

    .brand-word {
        font-size: 20px;
    }

    .desktop-nav {
        gap: 11px;
    }

    .desktop-nav > a,
    .nav-dropdown__button {
        padding-inline: 14px;
        font-size: 15px;
    }

    .radio-player {
        width: 560px;
        height: 66px;
        grid-template-columns: minmax(155px, auto) 50px minmax(140px,1fr) 118px;
    }

    .station-button {
        height: 50px;
        font-size: 13.5px;
    }

    .player-play {
        width: 50px;
        height: 50px;
    }

    .player-meta strong {
        font-size: 14.5px;
    }
}


/* =========================================================
   Xarandor V2.14 – Responsive Layout & Sender Cards
   ========================================================= */

/* Mehr nutzbare Fläche auf Desktop, ohne dass Inhalte endlos breit werden. */
@media (min-width: 1500px) {
    :root {
        --wrap: min(1320px, calc(100% - 72px));
    }
}

@media (min-width: 2100px) {
    :root {
        --wrap: min(1460px, calc(100% - 96px));
    }
}

/* Header auf großen Displays deutlich präsenter. */
@media (min-width: 1500px) {
    :root {
        --header-height: 94px;
    }

    .site-header {
        height: 94px;
        padding-inline: 32px;
        grid-template-columns: minmax(250px, 1fr) auto minmax(520px, 1fr) auto;
        gap: 30px;
    }

    .brand {
        height: 94px;
        gap: 13px;
    }

    .brand-logo {
        width: 60px;
        height: 60px;
    }

    .brand-word {
        font-size: 20px;
        letter-spacing: .16em;
    }

    .desktop-nav {
        height: 94px;
        gap: 10px;
    }

    .desktop-nav > a,
    .desktop-nav > .nav-dropdown {
        height: 52px;
    }

    .desktop-nav > a,
    .nav-dropdown__button {
        height: 52px;
        padding-inline: 14px;
        font-size: 15px;
        line-height: 52px;
    }

    .nav-dropdown__button span {
        height: 52px;
    }

    .nav-dropdown__menu {
        top: 58px;
    }

    .radio-player {
        width: 570px;
        height: 68px;
        padding: 7px 10px;
        grid-template-columns: minmax(158px, auto) 52px minmax(150px,1fr) 120px;
        gap: 11px;
        border-radius: 19px;
    }

    .station-button {
        height: 52px;
        min-width: 158px;
        padding-inline: 12px;
        font-size: 13.5px;
    }

    .station-logo-mini-wrap,
    .station-logo-mini {
        width: 45px;
        height: 36px;
    }

    .player-play {
        width: 52px;
        height: 52px;
    }

    .player-meta strong {
        font-size: 14.5px;
    }

    .player-meta span {
        font-size: 11px;
    }

    .volume {
        width: 92px;
    }
}

@media (min-width: 2100px) {
    :root {
        --header-height: 100px;
    }

    .site-header {
        height: 100px;
        padding-inline: 40px;
        grid-template-columns: minmax(290px, 1fr) auto minmax(620px, 1fr) auto;
        gap: 38px;
    }

    .brand {
        height: 100px;
    }

    .brand-logo {
        width: 64px;
        height: 64px;
    }

    .brand-word {
        font-size: 21px;
    }

    .desktop-nav {
        height: 100px;
        gap: 12px;
    }

    .desktop-nav > a,
    .nav-dropdown__button {
        padding-inline: 15px;
        font-size: 15.5px;
    }

    .radio-player {
        width: 600px;
        height: 72px;
        grid-template-columns: minmax(166px, auto) 54px minmax(160px,1fr) 126px;
    }

    .station-button {
        height: 56px;
        min-width: 166px;
    }

    .player-play {
        width: 54px;
        height: 54px;
    }
}

/* Senderbereich: Überschrift und Einleitung besser ausbalancieren. */
.station-stage__head {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr);
    gap: clamp(42px, 6vw, 92px);
}

.station-stage__head h2 {
    max-width: 760px;
}

.station-stage__head > p {
    max-width: 520px;
    justify-self: end;
}

/* Beide Sender sind gleichwertige Marken: exakt gleiche Kartenbreite. */
.station-showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.station-showcase__card {
    min-width: 0;
    min-height: 540px;
    padding: 34px 34px 30px;
}

/* Einheitliche Logo-Bühne verhindert unterschiedliche optische Höhen. */
.station-showcase__body .station-brand-logo {
    width: 100%;
    height: 170px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.station-showcase__body .station-brand-logo img {
    width: auto;
    height: auto;
    max-width: min(82%, 500px);
    max-height: 130px;
    object-fit: contain;
    object-position: left center;
}

.station-showcase__body .station-brand-logo + p {
    max-width: 560px;
    min-height: 54px;
    margin-top: 22px;
}

.station-showcase__actions {
    min-height: 44px;
    margin-top: 30px;
}

/* Die obere Kartenzeile auf beiden Karten identisch dimensionieren. */
.station-showcase__top {
    min-height: 18px;
    align-items: center;
}

/* Footer-Zeile des Senderbereichs auf große Breite abgestimmt. */
.station-more {
    margin-top: 20px;
    padding-top: 18px;
}

/* Bei mittleren Desktopbreiten weiterhin 50/50, aber etwas kompakter. */
@media (min-width: 901px) and (max-width: 1499px) {
    .station-showcase {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .station-showcase__card {
        min-height: 500px;
        padding: 30px;
    }

    .station-showcase__body .station-brand-logo {
        height: 145px;
    }

    .station-showcase__body .station-brand-logo img {
        max-width: 86%;
        max-height: 112px;
    }
}

/* Tablet / Smartphone: Sender bewusst untereinander. */
@media (max-width: 900px) {
    .station-stage__head {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .station-stage__head > p {
        max-width: 680px;
        justify-self: start;
    }

    .station-showcase {
        grid-template-columns: 1fr;
    }

    .station-showcase__card {
        min-height: 460px;
    }

    .station-showcase__body .station-brand-logo {
        height: 140px;
    }

    .station-showcase__body .station-brand-logo img {
        max-width: 88%;
        max-height: 108px;
    }
}

@media (max-width: 560px) {
    .station-showcase__card {
        min-height: 420px;
        padding: 24px;
        border-radius: 22px;
    }

    .station-showcase__body .station-brand-logo {
        height: 112px;
    }

    .station-showcase__body .station-brand-logo img {
        max-width: 92%;
        max-height: 90px;
    }
}


/* =========================================================
   Xarandor V2.15.1 – Unterseiten auf große Displays angepasst
   Startseite bleibt bewusst unverändert.
   ========================================================= */

/* ---------------------------------------------------------
   GEMEINSAMER HERO FÜR ALLE UNTERSEITEN
   --------------------------------------------------------- */
@media (min-width: 1200px) {
    html:not([data-page="start"]) .page-hero {
        min-height: 560px;
        padding-top: 145px;
        padding-bottom: 105px;
        display: grid;
        grid-template-columns: minmax(0, 1.18fr) minmax(330px, .72fr);
        grid-template-rows: auto 1fr;
        column-gap: clamp(65px, 8vw, 135px);
        row-gap: 36px;
        align-items: end;
    }

    html:not([data-page="start"]) .page-hero > .eyebrow {
        grid-column: 1 / -1;
        align-self: start;
        margin: 0;
    }

    html:not([data-page="start"]) .page-hero > h1 {
        grid-column: 1;
        grid-row: 2;
        max-width: 900px;
        margin: 0;
        font-size: clamp(72px, 6.1vw, 112px);
        line-height: .92;
    }

    html:not([data-page="start"]) .page-hero > p:last-child {
        grid-column: 2;
        grid-row: 2;
        max-width: 540px;
        margin: 0 0 12px;
        justify-self: end;
        font-size: clamp(18px, 1.2vw, 21px);
        line-height: 1.65;
    }

    html:not([data-page="start"]) .section {
        padding-block: 125px;
    }
}

@media (min-width: 1900px) {
    html:not([data-page="start"]) .page-hero {
        min-height: 630px;
        padding-top: 165px;
        padding-bottom: 125px;
        grid-template-columns: minmax(0, 1.22fr) minmax(390px, .68fr);
        column-gap: 145px;
    }

    html:not([data-page="start"]) .page-hero > h1 {
        max-width: 1000px;
        font-size: clamp(90px, 5.5vw, 126px);
    }

    html:not([data-page="start"]) .page-hero > p:last-child {
        max-width: 600px;
        font-size: 21px;
    }
}

/* ---------------------------------------------------------
   UNSERE SENDER
   --------------------------------------------------------- */
@media (min-width: 1200px) {
    html[data-page="sender"] .page-hero--sender {
        padding-bottom: 105px;
    }

    html[data-page="sender"] .station-detail {
        padding-block: 100px;
    }

    html[data-page="sender"] .station-detail__intro {
        grid-template-columns: minmax(0, 1.12fr) minmax(350px, .72fr);
        gap: clamp(70px, 8vw, 130px);
        margin-bottom: 72px;
    }

    html[data-page="sender"] .station-detail__intro > p {
        max-width: 560px;
        justify-self: end;
        font-size: 17px;
    }

    html[data-page="sender"] .station-detail__logo {
        min-height: 195px;
        display: flex;
        align-items: center;
    }

    html[data-page="sender"] .station-detail__logo img {
        max-width: min(620px, 92%);
        max-height: 155px;
    }

    html[data-page="sender"] .station-detail__intro h2 {
        font-size: clamp(54px, 4.5vw, 82px);
    }

    html[data-page="sender"] .station-profile-panel > div {
        min-height: 145px;
        padding: 30px;
    }

    html[data-page="sender"] .station-profile-panel strong,
    html[data-page="sender"] .station-profile-panel a {
        margin-top: 32px;
        font-size: 17px;
    }

    html[data-page="sender"] .station-detail__footer {
        padding-top: 36px;
    }
}

/* ---------------------------------------------------------
   LEISTUNGEN · AUDIO / GASTRONOMIE / STORYTELLING
   --------------------------------------------------------- */
@media (min-width: 1200px) {
    html[data-page="audio"] .service-manifesto,
    html[data-page="gastronomie"] .service-manifesto,
    html[data-page="storytelling"] .service-manifesto {
        padding-block: 90px 110px;
    }

    html[data-page="audio"] .service-manifesto__grid,
    html[data-page="gastronomie"] .service-manifesto__grid,
    html[data-page="storytelling"] .service-manifesto__grid {
        grid-template-columns: 230px minmax(0, 1fr);
        gap: clamp(70px, 8vw, 135px);
        align-items: start;
    }

    html[data-page="audio"] .service-manifesto h2,
    html[data-page="gastronomie"] .service-manifesto h2,
    html[data-page="storytelling"] .service-manifesto h2 {
        max-width: 1120px;
        font-size: clamp(46px, 4vw, 72px);
    }

    html[data-page="audio"] .capability-grid,
    html[data-page="gastronomie"] .capability-grid,
    html[data-page="storytelling"] .capability-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    html[data-page="audio"] .capability-card,
    html[data-page="gastronomie"] .capability-card,
    html[data-page="storytelling"] .capability-card {
        min-height: 330px;
        padding: 34px;
    }

    html[data-page="audio"] .capability-card h3,
    html[data-page="gastronomie"] .capability-card h3,
    html[data-page="storytelling"] .capability-card h3 {
        margin-top: 105px;
        font-size: 27px;
    }

    html[data-page="audio"] .capability-card p,
    html[data-page="gastronomie"] .capability-card p,
    html[data-page="storytelling"] .capability-card p {
        font-size: 15px;
    }

    html[data-page="audio"] .cta-inner,
    html[data-page="gastronomie"] .cta-inner,
    html[data-page="storytelling"] .cta-inner {
        grid-template-columns: minmax(0, 1.15fr) minmax(360px, .65fr);
        gap: 100px;
    }
}

@media (min-width: 1750px) {
    html[data-page="audio"] .capability-grid,
    html[data-page="gastronomie"] .capability-grid,
    html[data-page="storytelling"] .capability-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    html[data-page="audio"] .capability-card,
    html[data-page="gastronomie"] .capability-card,
    html[data-page="storytelling"] .capability-card {
        min-height: 350px;
    }
}

/* ---------------------------------------------------------
   TEAM
   --------------------------------------------------------- */
@media (min-width: 1200px) {
    html[data-page="team"] .section-head {
        max-width: 980px;
        margin-bottom: 70px;
    }

    html[data-page="team"] .section-head h2 {
        font-size: clamp(48px, 4.2vw, 72px);
    }

    html[data-page="team"] .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 42px;
    }

    html[data-page="team"] .team-card {
        min-width: 0;
    }

    html[data-page="team"] .team-photo {
        border-radius: 24px;
    }

    html[data-page="team"] .team-card .card-kicker {
        margin-top: 32px;
        font-size: 11px;
    }

    html[data-page="team"] .team-card h3 {
        font-size: clamp(32px, 2.5vw, 46px);
    }

    html[data-page="team"] .team-card > p:not(.card-kicker) {
        max-width: 620px;
        font-size: 16px;
    }

    html[data-page="team"] .process--three {
        gap: 1px;
    }

    html[data-page="team"] .process--three article {
        min-height: 300px;
        padding: 36px;
    }
}

/* ---------------------------------------------------------
   GEDANKEN
   --------------------------------------------------------- */
@media (min-width: 1200px) {
    html[data-page="gedanken"] .article-grid--visual {
        gap: 22px;
    }

    html[data-page="gedanken"] .article-card__content {
        padding: 34px;
    }

    html[data-page="gedanken"] .article-card__content h2 {
        font-size: clamp(27px, 2vw, 34px);
    }

    html[data-page="gedanken"] .article-card__content > p:not(.card-kicker) {
        font-size: 15px;
    }
}

@media (min-width: 1600px) {
    html[data-page="gedanken"] .article-grid--visual {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    html[data-page="gedanken"] .article-card__image {
        aspect-ratio: 16 / 10;
    }
}

/* ---------------------------------------------------------
   KONTAKT
   --------------------------------------------------------- */
@media (min-width: 1200px) {
    html[data-page="kontakt"] .contact-layout {
        grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr);
        gap: clamp(75px, 9vw, 145px);
        align-items: start;
    }

    html[data-page="kontakt"] .contact-direct {
        position: sticky;
        top: calc(var(--header-height) + 45px);
    }

    html[data-page="kontakt"] .contact-direct > h2 {
        font-size: clamp(46px, 4vw, 68px);
        line-height: .98;
    }

    html[data-page="kontakt"] .contact-card {
        padding-block: 32px;
    }

    html[data-page="kontakt"] .contact-card a {
        font-size: clamp(23px, 1.7vw, 29px);
    }

    html[data-page="kontakt"] .project-form {
        padding: clamp(42px, 4vw, 58px);
        border-radius: 24px;
    }

    html[data-page="kontakt"] .project-form h2 {
        margin-bottom: 42px;
        font-size: clamp(48px, 4vw, 68px);
    }

    html[data-page="kontakt"] .form-grid {
        gap: 24px 28px;
    }

    html[data-page="kontakt"] .project-form label {
        margin-bottom: 24px;
    }

    html[data-page="kontakt"] .project-form input:not([type="checkbox"]),
    html[data-page="kontakt"] .project-form select,
    html[data-page="kontakt"] .project-form textarea {
        padding-block: 15px;
        font-size: 16px;
    }
}

/* ---------------------------------------------------------
   CTA AUF UNTERSEITEN
   --------------------------------------------------------- */
@media (min-width: 1200px) {
    html:not([data-page="start"]) .cta {
        padding-block: 125px;
    }

    html:not([data-page="start"]) .cta h2 {
        font-size: clamp(52px, 4.6vw, 78px);
    }

    html:not([data-page="start"]) .cta p {
        font-size: 16px;
        line-height: 1.7;
    }
}

/* ---------------------------------------------------------
   TABLET: große Zweispalten-Heros wieder auf eine Spalte
   --------------------------------------------------------- */
@media (max-width: 1199px) {
    html:not([data-page="start"]) .page-hero {
        display: block;
    }

    html:not([data-page="start"]) .page-hero > p:last-child {
        max-width: 720px;
        margin-top: 30px;
    }
}



/* Xarandor V2.18 – Gedanken 2.0 */
.sr-only {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.thoughts-toolbar {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background: #090b0f;
}

.thoughts-toolbar__inner {
    padding-block: 22px;
    display: grid;
    gap: 18px;
}

.thoughts-search {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto auto;
    gap: 10px;
    align-items: center;
}

.thoughts-search input {
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    color: #fff;
    background: #0d1015;
    font: inherit;
}

.thoughts-search input:focus {
    outline: 2px solid rgba(123,241,72,.36);
    outline-offset: 2px;
}

.thoughts-search > a {
    color: #858c96;
    font-size: 11px;
    font-weight: 700;
}

.thoughts-categories {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

.thoughts-categories a {
    min-height: 38px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: #949aa4;
    background: rgba(255,255,255,.025);
    font-size: 10px;
    font-weight: 750;
}

.thoughts-categories a:hover,
.thoughts-categories a.is-active {
    color: #fff;
    border-color: rgba(255,255,255,.18);
    background: rgba(255,255,255,.06);
}

.thoughts-categories a.is-active {
    box-shadow: inset 0 -2px 0 var(--green);
}

.thoughts-categories span {
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #b9c0ca;
    background: rgba(255,255,255,.055);
    font-size: 8px;
}

.thoughts-results-head {
    margin-bottom: 40px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}

.thoughts-results-head h2 {
    margin: 8px 0 0;
    font: 750 clamp(36px, 4vw, 62px) Manrope;
    letter-spacing: -.045em;
}

.thoughts-results-head > span {
    padding-bottom: 8px;
    color: #777e88;
    font-size: 11px;
    font-weight: 700;
}

.pagination {
    margin-top: 52px;
    padding-top: 24px;
    display: grid;
    grid-template-columns: minmax(90px,1fr) auto minmax(90px,1fr);
    align-items: center;
    gap: 20px;
    border-top: 1px solid var(--border);
}

.pagination > a:last-child {
    text-align: right;
}

.pagination > a {
    color: #b8bdc6;
    font-size: 11px;
    font-weight: 750;
}

.pagination__pages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.pagination__pages a,
.pagination__pages span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #8c939e;
    font-size: 10px;
    font-weight: 750;
}

.pagination__pages a:hover {
    background: rgba(255,255,255,.05);
}

.pagination__pages a.is-active {
    color: #0a0b0d;
    background: var(--green);
}

@media (max-width: 760px) {
    .thoughts-search {
        grid-template-columns: 1fr auto;
    }

    .thoughts-search > a {
        grid-column: 1 / -1;
    }

    .thoughts-results-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .pagination {
        grid-template-columns: 1fr 1fr;
    }

    .pagination__pages {
        grid-column: 1 / -1;
        grid-row: 1;
    }
}


/* Xarandor V2.19 – Kontaktformular 2.0 */
.project-form button[type="submit"]:disabled {
    cursor: wait;
    opacity: .58;
}

#formStatus {
    min-height: 22px;
}

#formStatus.is-success {
    color: var(--green);
}

#formStatus.is-error {
    color: #ff8d96;
}


/* Xarandor V2.22 – Radio & Sender 2.0 */
.radio-player {
    --station-accent: var(--today);
}

.player-play {
    background: var(--station-accent, var(--today));
    box-shadow: 0 0 24px color-mix(in srgb, var(--station-accent, var(--today)) 22%, transparent);
}

.player-play.is-playing {
    box-shadow: 0 0 32px color-mix(in srgb, var(--station-accent, var(--today)) 38%, transparent);
}

.station-option__name {
    display: flex;
    align-items: center;
    gap: 7px;
}

.station-option__status-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--station-option-accent, var(--today));
    box-shadow: 0 0 9px color-mix(in srgb, var(--station-option-accent, var(--today)) 55%, transparent);
}

.station-option:disabled .station-option__status-dot {
    filter: grayscale(1);
    opacity: .55;
    box-shadow: none;
}

.station-detail-section {
    --station-accent: var(--today);
}

.station-public-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.station-public-status i {
    width: 8px;
    height: 8px;
    display: inline-block;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--station-accent, var(--today));
    box-shadow: 0 0 12px color-mix(in srgb, var(--station-accent, var(--today)) 55%, transparent);
}


/* Xarandor V2.24 – Rechtliches 2.0 */
.legal-copy {
    max-width: min(100% - 30px, 980px);
}

.legal-copy > :first-child {
    margin-top: 0;
}

.legal-copy h2 {
    margin: 54px 0 18px;
    color: var(--text);
    font: 720 clamp(30px, 3vw, 42px) Manrope, 'Segoe UI', Arial, sans-serif;
    letter-spacing: -.04em;
}

.legal-copy h3 {
    margin: 36px 0 14px;
    color: var(--text);
    font: 700 clamp(22px, 2vw, 29px) Manrope, 'Segoe UI', Arial, sans-serif;
    letter-spacing: -.025em;
}

.legal-copy h4 {
    margin: 28px 0 10px;
    color: #e2e5ea;
    font: 700 18px Manrope, 'Segoe UI', Arial, sans-serif;
}

.legal-copy p,
.legal-copy li {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.82;
}

.legal-copy p {
    margin: 0 0 18px;
}

.legal-copy ul,
.legal-copy ol {
    margin: 0 0 24px;
    padding-left: 24px;
}

.legal-copy li + li {
    margin-top: 7px;
}

.legal-copy strong,
.legal-copy b {
    color: #e7e9ed;
}

.legal-copy a {
    color: #d9dde4;
    text-decoration: underline;
    text-decoration-color: rgba(123,241,72,.48);
    text-underline-offset: 3px;
}

.legal-copy a:hover {
    color: var(--green);
}

.legal-copy blockquote {
    margin: 28px 0;
    padding: 18px 20px;
    border-left: 2px solid var(--green);
    color: #c5cad2;
    background: rgba(255,255,255,.025);
}

@media (min-width: 1500px) {
    .legal-copy p,
    .legal-copy li {
        font-size: 15px;
    }
}


/* Xarandor V2.25 – Launch Control, Wartung & 404 */
.maintenance-preview-bar {
    min-height: 35px;
    padding: 7px max(18px, env(safe-area-inset-left));
    position: relative;
    z-index: 120;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-bottom: 1px solid rgba(220,172,76,.18);
    color: #d7bd83;
    background: #151108;
    font-size: 9px;
    font-weight: 720;
    letter-spacing: .025em;
}

.maintenance-preview-bar span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.maintenance-preview-bar i {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: #d7a74d;
    box-shadow: 0 0 10px rgba(215,167,77,.45);
}

.maintenance-preview-bar a {
    color: #f0d59b;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.maintenance-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 74% 22%, rgba(123,241,72,.055), transparent 25%),
        radial-gradient(circle at 22% 75%, rgba(174,85,255,.055), transparent 27%),
        #07080b;
}

.maintenance-shell {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
}

.maintenance-card {
    width: min(100%, 760px);
    padding: clamp(30px, 6vw, 68px);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 26px;
    background: rgba(10,12,16,.92);
    box-shadow: 0 30px 90px rgba(0,0,0,.32);
}

.maintenance-card::after {
    content: 'X';
    position: absolute;
    right: -15px;
    bottom: -90px;
    color: rgba(255,255,255,.018);
    font: 900 360px/1 Manrope, 'Segoe UI', Arial, sans-serif;
    pointer-events: none;
}

.maintenance-brand {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #fff;
    font: 760 16px Manrope, 'Segoe UI', Arial, sans-serif;
    letter-spacing: .08em;
}

.maintenance-brand img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.maintenance-status {
    margin-top: clamp(48px, 8vw, 82px);
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #9ba2ad;
    font-size: 9px;
    font-weight: 760;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.maintenance-status i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d7a74d;
    box-shadow: 0 0 12px rgba(215,167,77,.45);
}

.maintenance-card h1 {
    max-width: 620px;
    margin: 18px 0 0;
    color: #f5f6f7;
    font: 760 clamp(48px, 8vw, 82px)/.97 Manrope, 'Segoe UI', Arial, sans-serif;
    letter-spacing: -.055em;
}

.maintenance-card > p {
    max-width: 580px;
    margin: 24px 0 0;
    color: #969da8;
    font-size: clamp(13px, 1.6vw, 16px);
    line-height: 1.75;
}

.maintenance-foot {
    margin-top: clamp(54px, 8vw, 86px);
    padding-top: 17px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid rgba(255,255,255,.08);
    color: #666e79;
    font-size: 9px;
    font-weight: 700;
}

.maintenance-foot a {
    color: #aeb4bd;
}

.error-page {
    min-height: calc(100vh - var(--header-height, 88px) - 120px);
    padding-block: clamp(80px, 10vw, 150px);
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr);
    gap: clamp(50px, 8vw, 120px);
    align-items: center;
    overflow: hidden;
}

.error-page__code {
    position: absolute;
    top: 8%;
    right: 0;
    color: rgba(255,255,255,.018);
    font: 900 clamp(180px, 30vw, 480px)/.8 Manrope, 'Segoe UI', Arial, sans-serif;
    letter-spacing: -.09em;
    pointer-events: none;
}

.error-page__copy {
    position: relative;
    z-index: 2;
}

.error-page__copy h1 {
    margin: 12px 0 0;
    font: 760 clamp(58px, 7vw, 108px)/.92 Manrope, 'Segoe UI', Arial, sans-serif;
    letter-spacing: -.06em;
}

.error-page__copy h1 span {
    color: var(--green);
}

.error-page__copy > p:not(.eyebrow) {
    max-width: 650px;
    margin: 28px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.75;
}

.error-page__actions {
    margin-top: 32px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.error-page__links {
    position: relative;
    z-index: 2;
    display: grid;
    border-top: 1px solid var(--border);
}

.error-page__links a {
    min-height: 76px;
    padding: 0 8px;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    border-bottom: 1px solid var(--border);
}

.error-page__links span {
    color: #5e6671;
    font-size: 8px;
    font-weight: 800;
}

.error-page__links strong {
    color: #cdd1d7;
    font-size: 12px;
}

.error-page__links em {
    color: var(--green);
    font-style: normal;
}

@media (max-width: 850px) {
    .error-page {
        min-height: auto;
        grid-template-columns: 1fr;
    }

    .maintenance-preview-bar {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}

@media (max-width: 540px) {
    .maintenance-shell {
        padding: 14px;
    }

    .maintenance-card {
        border-radius: 18px;
    }

    .maintenance-foot {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* Xarandor V2.31 – Accessibility & UX */
.sr-only {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.skip-link {
    padding: 10px 14px;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 9999;
    transform: translateY(-150%);
    border: 1px solid rgba(123,241,72,.35);
    border-radius: 9px;
    color: #071006;
    background: var(--green);
    font-size: 12px;
    font-weight: 800;
    transition: transform .16s ease;
}

.skip-link:focus {
    transform: translateY(0);
}

:where(
    a,
    button,
    input,
    textarea,
    select,
    [tabindex]:not([tabindex="-1"])
):focus-visible {
    outline: 2px solid var(--green);
    outline-offset: 3px;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    border-color: rgba(123,241,72,.55);
    box-shadow: 0 0 0 3px rgba(123,241,72,.08);
}

[data-player-toggle][aria-pressed="true"] {
    box-shadow: 0 0 0 2px rgba(123,241,72,.18);
}

#page-content:focus,
#page-content h1:focus {
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

@media (forced-colors: active) {
    :where(a, button, input, textarea, select):focus-visible {
        outline: 2px solid CanvasText;
    }

    .skip-link {
        border: 1px solid CanvasText;
    }
}


/* =========================================================
   Xarandor V3.1 – RADIO FIRST
   ========================================================= */
:root {
    --radio-red: #ff315b;
    --radio-magenta: #fa006c;
    --radio-lime: #9cff57;
}

.button--radio-live {
    color: #071006;
    background: var(--radio-lime);
    box-shadow: 0 0 30px rgba(156,255,87,.12);
}
.button--radio-live i {
    width: 8px; height: 8px; border-radius: 50%;
    background: #0c1409;
    box-shadow: 0 0 0 5px rgba(12,20,9,.08);
}
.button--radio-live:hover { transform: translateY(-1px); box-shadow: 0 8px 32px rgba(156,255,87,.15); }

.radio-first-hero {
    min-height: calc(100vh - var(--header-height));
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid var(--border);
    background:
        linear-gradient(90deg, rgba(7,8,11,.99) 0%, rgba(7,8,11,.96) 45%, rgba(7,8,11,.72) 100%),
        radial-gradient(circle at 78% 36%, rgba(183,28,255,.16), transparent 30%),
        #07080b;
}
.radio-first-hero__grid { min-height: 720px; padding-block: 88px; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(390px,.8fr); gap: 70px; align-items: center; }
.radio-first-hero__copy { position: relative; z-index: 3; }
.radio-first-hero h1 { margin:0; max-width:920px; font:800 clamp(64px,7.4vw,116px)/.87 'Segoe UI',Arial,sans-serif; letter-spacing:-.07em; }
.radio-first-hero h1 span { color:transparent; background:linear-gradient(90deg,#fff 0%,#aefc83 48%,#69e6df 100%); -webkit-background-clip:text; background-clip:text; }
.radio-first-hero__facts { margin-top:48px; display:flex; gap:0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.radio-first-hero__facts > div { min-width:155px; padding:15px 24px 15px 0; margin-right:24px; border-right:1px solid var(--border); }
.radio-first-hero__facts > div:last-child { border-right:0; }
.radio-first-hero__facts strong,.radio-first-hero__facts span { display:block; }
.radio-first-hero__facts strong { font:780 15px 'Segoe UI',Arial,sans-serif; }
.radio-first-hero__facts span { margin-top:4px; color:var(--muted); font-size:10px; }
.radio-first-hero__glow { position:absolute; border-radius:50%; filter:blur(110px); pointer-events:none; }
.radio-first-hero__glow--a { width:430px;height:430px;right:8%;top:5%;background:rgba(250,0,108,.12); }
.radio-first-hero__glow--b { width:330px;height:330px;right:30%;bottom:-16%;background:rgba(19,234,215,.09); }
.radio-first-hero__signal { position:absolute; inset:0; pointer-events:none; opacity:.18; }
.radio-first-hero__signal span { width:1px; position:absolute; top:15%; bottom:15%; background:linear-gradient(transparent,rgba(255,255,255,.13),transparent); }
.radio-first-hero__signal span:nth-child(1){left:56%}.radio-first-hero__signal span:nth-child(2){left:64%}.radio-first-hero__signal span:nth-child(3){left:72%}.radio-first-hero__signal span:nth-child(4){left:80%}.radio-first-hero__signal span:nth-child(5){left:88%}

.radio-first-console { min-height:460px; position:relative; z-index:2; padding:22px; border:1px solid rgba(255,255,255,.13); border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)); box-shadow:0 38px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05); }
.radio-first-console__top,.radio-first-console__bottom { display:flex; justify-content:space-between; align-items:center; color:#69717d; font-size:9px; font-weight:800; letter-spacing:.14em; }
.radio-first-console__top i { width:9px;height:9px;border-radius:50%;background:var(--radio-lime);box-shadow:0 0 18px rgba(156,255,87,.65); }
.radio-first-console__frequency { min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.radio-first-console__frequency span { color:var(--radio-lime); font-size:10px; font-weight:850; letter-spacing:.2em; }
.radio-first-console__frequency strong { margin-top:12px; font:800 126px/.78 'Segoe UI',Arial,sans-serif; letter-spacing:-.09em; color:#f4f4f1; }
.radio-first-console__frequency small { margin-top:18px; color:#737a85; font-size:9px; letter-spacing:.2em; }
.radio-first-console__meters { height:72px; display:flex; gap:4px; align-items:flex-end; padding:8px 0 14px; }
.radio-first-console__meters b { flex:1; height:var(--meter); min-height:4px; border-radius:2px 2px 0 0; background:linear-gradient(to top,var(--radio-lime),#69e6df 65%,#fa006c); opacity:.78; }
.radio-first-console__bottom { padding-top:14px; border-top:1px solid var(--border); }

.network-live-section { padding-block:105px; background:#090b0f; border-bottom:1px solid var(--border); }
.radio-first-section-head { margin-bottom:48px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(330px,.65fr); gap:70px; align-items:end; }
.radio-first-section-head h2 { margin:0; font:760 clamp(40px,5vw,68px)/.96 'Segoe UI',Arial,sans-serif; letter-spacing:-.05em; }
.radio-first-section-head > p { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
.radio-first-section-head--compact { margin-bottom:32px; }
.radio-network-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.radio-network-card { min-height:430px; padding:26px; display:flex; flex-direction:column; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)); }
.radio-network-card::after { content:""; width:250px;height:250px;position:absolute;right:-80px;top:-100px;border-radius:50%;background:var(--station-accent);filter:blur(100px);opacity:.09; }
.radio-network-card__status { display:flex; justify-content:space-between; align-items:center; position:relative;z-index:1; }
.radio-network-card__status span,.radio-network-card__status small { color:#7a818c;font-size:9px;font-weight:800;letter-spacing:.12em; }
.radio-network-card__status span { color:var(--station-accent); }
.radio-network-card__status i { width:7px;height:7px;margin-right:7px;display:inline-block;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor; }
.radio-network-card__brand { min-height:155px; display:flex; align-items:center; position:relative;z-index:1; }
.radio-network-card__brand img { max-width:280px; max-height:120px; object-fit:contain; object-position:left center; }
.radio-network-card__brand strong { font:800 54px 'Segoe UI',Arial,sans-serif; }
.radio-network-card__copy { margin-top:auto;position:relative;z-index:1; }
.radio-network-card__copy p { margin:0;color:#fff;font:720 23px/1.2 'Segoe UI',Arial,sans-serif; }
.radio-network-card__copy span { margin-top:8px;display:block;max-width:520px;color:var(--muted);font-size:13px;line-height:1.6; }
.radio-network-card__actions { margin-top:24px;display:flex;gap:16px;align-items:center;position:relative;z-index:1; }
.radio-network-card__actions a { color:#b7bcc4;font-size:12px;font-weight:700; }
.network-live-section__footer { margin-top:18px;padding-top:18px;display:flex;justify-content:space-between;border-top:1px solid var(--border);color:var(--muted);font-size:11px; }
.network-live-section__footer a { color:#fff;font-weight:750; }

.radio-operator-section { padding-block:110px; background:#07080b; }
.radio-operator-grid { display:grid;grid-template-columns:210px minmax(0,1fr) minmax(360px,.72fr);gap:55px;align-items:start; }
.radio-operator-number { font:800 100px/.82 'Segoe UI',Arial,sans-serif;letter-spacing:-.07em;color:#fff; }
.radio-operator-number span { display:block;margin-top:12px;color:var(--radio-lime);font-size:32px;letter-spacing:-.03em; }
.radio-operator-grid h2 { margin:0;font:760 clamp(38px,4.5vw,62px)/.98 'Segoe UI',Arial,sans-serif;letter-spacing:-.05em; }
.radio-operator-grid > div:nth-child(2) > p:last-child { margin:24px 0 0;color:var(--muted);font-size:15px;line-height:1.75; }
.radio-operator-list { display:grid;border-top:1px solid var(--border); }
.radio-operator-list span { padding:15px 0;display:grid;grid-template-columns:34px 1fr;gap:12px;border-bottom:1px solid var(--border);color:#727985;font-size:9px; }
.radio-operator-list strong { color:#e6e8eb;font-size:12px; }

.business-radio-section { padding-block:110px;background:#eef1eb;color:#101317; }
.business-radio-grid { display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:90px;align-items:start; }
.business-radio-copy .eyebrow { color:#6d746b; }
.business-radio-copy h2 { margin:0;font:800 clamp(50px,6.5vw,86px)/.89 'Segoe UI',Arial,sans-serif;letter-spacing:-.06em; }
.business-radio-copy h2 span { color:#4f7b3e; }
.business-radio-copy > p { margin:28px 0;color:#566057;font-size:16px;line-height:1.7; }
.business-radio-scope { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(16,19,23,.15);border-left:1px solid rgba(16,19,23,.15); }
.business-radio-scope article { min-height:215px;padding:26px;border-right:1px solid rgba(16,19,23,.15);border-bottom:1px solid rgba(16,19,23,.15); }
.business-radio-scope span { color:#7a847a;font-size:9px;font-weight:850;letter-spacing:.12em; }
.business-radio-scope strong { margin-top:42px;display:block;font:750 21px 'Segoe UI',Arial,sans-serif; }
.business-radio-scope p { margin:8px 0 0;color:#687069;font-size:12px;line-height:1.55; }

.radio-services-section { background:#090b0f; }
.radio-service-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.radio-service-card { min-height:350px;padding:27px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:20px;background:#0d1015;transition:.22s ease; }
.radio-service-card:hover { transform:translateY(-4px);border-color:rgba(255,255,255,.2); }
.radio-service-card--primary { background:linear-gradient(145deg,rgba(156,255,87,.065),#0d1015 55%);border-color:rgba(156,255,87,.16); }
.radio-service-card > span { color:#737a86;font-size:9px;font-weight:850;letter-spacing:.11em; }
.radio-service-card h3 { margin:70px 0 0;font:760 30px/1 'Segoe UI',Arial,sans-serif;letter-spacing:-.04em; }
.radio-service-card p { margin:12px 0;color:var(--muted);font-size:13px;line-height:1.6; }
.radio-service-card > strong { margin-top:auto;color:var(--radio-lime);font-size:12px; }
.radio-services-secondary { margin-top:14px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:16px;background:#0a0c10; }
.radio-services-secondary span { color:#737a86;font-size:9px;font-weight:850;letter-spacing:.12em; }
.radio-services-secondary p { margin:5px 0 0;color:var(--muted);font-size:12px; }
.radio-services-secondary a { font-size:12px;font-weight:750; }

.radio-final-cta { padding-block:100px;border-top:1px solid var(--border);background:linear-gradient(110deg,#08090c,#10130f); }
.radio-final-cta__inner { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.55fr);gap:80px;align-items:end; }
.radio-final-cta h2 { margin:0;font:800 clamp(46px,6vw,82px)/.9 'Segoe UI',Arial,sans-serif;letter-spacing:-.06em; }
.radio-final-cta p { margin:0 0 22px;color:var(--muted);font-size:15px;line-height:1.7; }

.network-hero,.webradio-hero { padding-block:110px 90px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 80% 20%,rgba(156,255,87,.055),transparent 28%),#07080b; }
.network-hero__grid,.webradio-hero__grid { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:80px;align-items:center; }
.network-hero h1,.webradio-hero h1,.services-radio-hero h1,.contact-radio-hero h1 { margin:0;font:800 clamp(58px,7vw,98px)/.89 'Segoe UI',Arial,sans-serif;letter-spacing:-.065em; }
.network-hero h1 span,.webradio-hero h1 span,.services-radio-hero h1 span,.contact-radio-hero h1 span { color:transparent;background:linear-gradient(90deg,#fff,#9cff57,#69e6df);-webkit-background-clip:text;background-clip:text; }
.network-hero p:last-child,.webradio-hero__grid > div:first-child > p:last-of-type,.services-radio-hero > p:last-child,.contact-radio-hero > p:last-child { max-width:720px;margin:28px 0 0;color:var(--muted);font-size:17px;line-height:1.7; }
.network-hero__badge { width:220px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(156,255,87,.18);border-radius:50%;background:rgba(156,255,87,.025); }
.network-hero__badge strong { font:800 72px/.9 'Segoe UI',Arial,sans-serif; }
.network-hero__badge span { margin-top:10px;color:var(--radio-lime);font-size:9px;font-weight:850;letter-spacing:.16em; }
.network-hero__badge small { margin-top:5px;color:var(--muted);font-size:9px; }

.network-stations { padding-block:70px 100px;display:grid;gap:18px; }
.network-station { min-height:390px;display:grid;grid-template-columns:70px minmax(0,1fr) 230px;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:#0b0e13; }
.network-station__rail { padding:24px 0;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--border); }
.network-station__rail > span { color:var(--station-accent);font-size:10px;font-weight:850; }
.network-station__rail i { width:1px;flex:1;margin:16px 0;background:linear-gradient(var(--station-accent),transparent);opacity:.5; }
.network-station__rail small { writing-mode:vertical-rl;transform:rotate(180deg);color:#626976;font-size:8px;letter-spacing:.16em; }
.network-station__main { padding:28px 34px; }
.network-station__topline { display:flex;justify-content:space-between;color:#727985;font-size:8px;font-weight:850;letter-spacing:.13em; }
.network-station__topline span { color:var(--station-accent); }
.network-station__topline i { width:6px;height:6px;margin-right:6px;display:inline-block;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor; }
.network-station__brand { min-height:120px;display:flex;align-items:center;margin-top:24px; }
.network-station__brand img { max-width:300px;max-height:100px;object-fit:contain;object-position:left center; }
.network-station__brand h2 { font:800 52px 'Segoe UI',Arial,sans-serif; }
.network-station__main h3 { margin:8px 0 0;font:740 26px 'Segoe UI',Arial,sans-serif; }
.network-station__main > p { max-width:650px;margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6; }
.network-station__actions { margin-top:25px;display:flex;gap:15px;align-items:center; }
.network-station__actions > a { color:#b7bcc4;font-size:12px;font-weight:700; }
.network-station__meta { border-left:1px solid var(--border);display:grid;grid-template-rows:repeat(4,1fr); }
.network-station__meta > div { padding:18px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--border); }
.network-station__meta > div:last-child { border-bottom:0; }
.network-station__meta span { color:#6d7480;font-size:8px;text-transform:uppercase;letter-spacing:.12em; }
.network-station__meta strong { margin-top:4px;font-size:11px; }
.network-build-section,.radio-proof-section { padding-block:90px;border-top:1px solid var(--border);background:#090b0f; }
.network-build-section__grid,.radio-proof-section__grid,.audio-to-radio,.services-secondary { display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.65fr);gap:80px;align-items:end; }
.network-build-section h2,.radio-proof-section h2,.audio-to-radio h2,.services-secondary h2 { margin:0;font:760 clamp(38px,5vw,64px)/.98 'Segoe UI',Arial,sans-serif;letter-spacing:-.05em; }
.network-build-section p,.radio-proof-section p,.audio-to-radio p,.services-secondary p { color:var(--muted);font-size:14px;line-height:1.7; }

.webradio-hero__diagram { width:370px;padding:22px;display:grid;gap:8px;border:1px solid var(--border);border-radius:20px;background:#0b0e13; }
.webradio-hero__diagram span { padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#e9ebed;font-size:10px;font-weight:850;letter-spacing:.1em;text-align:center; }
.webradio-hero__diagram i { color:var(--radio-lime);font-style:normal;text-align:center; }
.webradio-use-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.webradio-use-grid article { min-height:220px;padding:23px;border:1px solid var(--border);border-radius:17px;background:#0c0f14; }
.webradio-use-grid span { color:var(--radio-lime);font-size:8px;font-weight:850;letter-spacing:.13em; }
.webradio-use-grid h3 { margin:58px 0 0;font:740 23px 'Segoe UI',Arial,sans-serif; }
.webradio-use-grid p { margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.55; }
.webradio-stack { padding-block:105px;background:#eef1eb;color:#111418; }
.webradio-stack .eyebrow { color:#6f776f; }
.webradio-stack .radio-first-section-head > p { color:#626b63; }
.webradio-stack__grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(17,20,24,.15);border-left:1px solid rgba(17,20,24,.15); }
.webradio-stack__grid article { min-height:240px;padding:24px;border-right:1px solid rgba(17,20,24,.15);border-bottom:1px solid rgba(17,20,24,.15); }
.webradio-stack__grid strong { color:#568144;font-size:10px; }
.webradio-stack__grid h3 { margin:60px 0 0;font:740 20px/1.1 'Segoe UI',Arial,sans-serif; }
.webradio-stack__grid p { margin:8px 0 0;color:#626b63;font-size:12px;line-height:1.55; }

.services-radio-hero,.contact-radio-hero { padding-top:120px;padding-bottom:80px; }
.services-radio-grid { display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px; }
.services-radio-card { min-height:410px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:22px;background:#0d1015; }
.services-radio-card--lead { background:linear-gradient(145deg,rgba(156,255,87,.075),#0d1015 55%);border-color:rgba(156,255,87,.18); }
.services-radio-card > span { color:#737a85;font-size:9px;font-weight:850;letter-spacing:.12em; }
.services-radio-card h2 { margin:100px 0 0;font:760 clamp(27px,3vw,38px)/1 'Segoe UI',Arial,sans-serif;letter-spacing:-.04em; }
.services-radio-card p { margin:12px 0;color:var(--muted);font-size:13px;line-height:1.6; }
.services-radio-card strong { margin-top:auto;color:var(--radio-lime);font-size:12px; }
.services-secondary { padding-block:40px 100px; }
.audio-default-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.audio-default-grid article { padding:25px;border:1px solid var(--border);border-radius:18px;background:#0d1015; }
.audio-default-grid span { color:var(--radio-lime);font-size:9px;font-weight:850; }
.audio-default-grid h3 { margin:38px 0 0;font:740 26px 'Segoe UI',Arial,sans-serif; }
.audio-default-grid p { color:var(--muted);font-size:13px;line-height:1.6; }
.audio-to-radio { padding-block:20px 100px; }

.contact-layout--radio { align-items:start; }
.project-form--radio { border-color:rgba(156,255,87,.13);background:linear-gradient(145deg,rgba(156,255,87,.025),#0c0f14 30%); }
.contact-radio-note { margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#0b0e13; }
.contact-radio-note span { color:var(--radio-lime);font-size:8px;font-weight:850;letter-spacing:.14em; }
.contact-radio-note p { margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55; }

.site-footer--radio { border-top:1px solid rgba(156,255,87,.09); }
.footer-brand > span { display:block;max-width:430px;margin-top:6px;color:#737984;font-size:11px;line-height:1.5; }
.footer-links--radio { max-width:650px; }

/* Radio-first navigation */
.nav-dropdown__menu a:first-child strong { color:var(--radio-lime); }
html[data-page="webradio"] .desktop-nav [data-page-link="webradio"],
html[data-page="leistungen"] .desktop-nav [data-page-link="leistungen"] { color:#fff; }

@media (max-width: 1180px) {
    .radio-first-hero__grid { grid-template-columns:minmax(0,1fr) 360px;gap:35px; }
    .radio-first-console { min-height:410px; }
    .radio-operator-grid { grid-template-columns:150px minmax(0,1fr); }
    .radio-operator-list { grid-column:2; }
    .webradio-stack__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .services-radio-grid { grid-template-columns:1fr 1fr; }
    .services-radio-card--lead { grid-column:1/-1;min-height:330px; }
}

@media (max-width: 900px) {
    .radio-first-hero__grid,.radio-first-section-head,.business-radio-grid,.network-hero__grid,.webradio-hero__grid,.network-build-section__grid,.radio-proof-section__grid,.audio-to-radio,.services-secondary,.radio-final-cta__inner { grid-template-columns:1fr;gap:34px; }
    .radio-first-console { display:none; }
    .radio-first-hero__grid { min-height:680px; }
    .radio-network-grid,.radio-service-grid,.webradio-use-grid { grid-template-columns:1fr; }
    .radio-operator-grid { grid-template-columns:1fr;gap:25px; }
    .radio-operator-list { grid-column:auto; }
    .business-radio-scope { grid-template-columns:1fr; }
    .network-hero__badge { width:150px;height:150px; }
    .network-hero__badge strong { font-size:50px; }
    .network-station { grid-template-columns:54px minmax(0,1fr); }
    .network-station__meta { grid-column:2;border-left:0;border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);grid-template-rows:1fr; }
    .network-station__meta > div { border-bottom:0;border-right:1px solid var(--border); }
    .network-station__meta > div:last-child { border-right:0; }
    .webradio-hero__diagram { width:100%;grid-template-columns:repeat(9,auto);align-items:center;overflow:auto; }
    .services-radio-grid { grid-template-columns:1fr; }
    .services-radio-card--lead { grid-column:auto; }
}

@media (max-width: 620px) {
    .radio-first-hero__grid { min-height:620px;padding-block:65px; }
    .radio-first-hero h1,.network-hero h1,.webradio-hero h1,.services-radio-hero h1,.contact-radio-hero h1 { font-size:clamp(48px,14vw,68px); }
    .radio-first-hero__facts { display:grid;grid-template-columns:1fr 1fr; }
    .radio-first-hero__facts > div { min-width:0;margin:0;padding:13px 10px;border-bottom:1px solid var(--border); }
    .radio-first-section-head h2 { font-size:39px; }
    .radio-network-card { min-height:390px;padding:20px; }
    .radio-network-card__brand img { max-width:220px; }
    .radio-network-card__actions { align-items:flex-start;flex-direction:column; }
    .radio-operator-number { font-size:72px; }
    .business-radio-section { padding-block:80px; }
    .business-radio-copy h2 { font-size:48px; }
    .radio-services-secondary { align-items:flex-start;flex-direction:column;gap:14px; }
    .network-station { grid-template-columns:1fr; }
    .network-station__rail { display:none; }
    .network-station__main { padding:22px; }
    .network-station__meta { grid-column:auto;grid-template-columns:repeat(2,1fr); }
    .network-station__brand img { max-width:220px; }
    .network-station__actions { align-items:flex-start;flex-direction:column; }
    .webradio-use-grid,.webradio-stack__grid,.audio-default-grid { grid-template-columns:1fr; }
    .webradio-stack__grid article { min-height:190px; }
    .webradio-hero__diagram { grid-template-columns:1fr; }
    .webradio-hero__diagram i { transform:rotate(90deg); }
    .services-radio-card { min-height:320px; }
    .radio-final-cta { padding-block:75px; }
    .radio-final-cta h2 { font-size:48px; }
}