.moderators-page{--mod-pink:#cf0359;--mod-ink:#24242f;padding-bottom:90px}.moderators-head{padding-top:39px;padding-bottom:46px}.moderators-head .breadcrumbs{margin-bottom:34px}.moderators-head-row{display:flex;justify-content:space-between;align-items:center;gap:40px}.moderators-head .eyebrow{display:block;margin-bottom:22px}.moderators-head h1{font-size:clamp(48px,6.1vw,88px);line-height:1.03;font-weight:650;letter-spacing:-.065em}.moderators-head h1 em{font-style:normal;color:var(--mod-pink)}.moderators-head p{max-width:590px;font-size:16px;line-height:1.85;margin-top:26px;color:#686470}.moderators-sign{flex:0 0 180px;border:1px solid #ead7e1;border-radius:34px;color:var(--mod-pink);padding:26px;text-align:center;transform:rotate(6deg);background:#fffcfe}.moderators-sign svg{width:70px;height:70px;stroke:currentColor;stroke-width:2.1}.moderators-sign span{display:block;font-size:10px;line-height:1.8;font-weight:650;letter-spacing:.15em;margin-top:12px}.moderators-stage{isolation:isolate;position:relative;overflow:hidden;border-radius:28px;min-height:440px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(ellipse at 85% 10%,#fff 0%,#fff0 52%),linear-gradient(120deg,#292936 0%,#34303d 52%,#d8c7d4 52.1%,#f6eaf1 100%);box-shadow:0 20px 48px #3020300b}.moderators-stage-copy{padding:56px 0 70px 54px;position:relative;z-index:2;color:#fff}.moderators-stage-copy .eyebrow{color:#f3b7d1;font-size:10px;letter-spacing:.2em}.moderators-stage h2{font-size:clamp(38px,4.5vw,64px);line-height:1.04;font-weight:600;letter-spacing:-.055em;margin:24px 0}.moderators-stage h2 em{font-style:normal;color:#ff95c4}.moderators-stage-copy p{font-size:15px;line-height:1.8;color:#e1dbe4}.moderators-stage-space{position:relative;align-self:stretch;display:flex;justify-content:flex-end;flex-direction:column;padding:45px 38px 75px;color:#65465b;text-align:right}.moderators-stage-space>span:first-child{font-size:10px;font-weight:650;letter-spacing:.2em}.moderators-stage-caption{font-size:14px;margin-top:9px}.moderators-stage-orbit{position:absolute;width:420px;height:420px;border:1px solid #cf035922;border-radius:50%;right:-40px;top:-90px;z-index:-1}.moderators-stage-orbit.orbit-two{width:310px;height:310px;right:18px;top:-35px}.moderators-stage-wave{position:absolute;left:0;bottom:58px;width:100%;height:160px;stroke:#ec5c9c;stroke-width:1;fill:none;opacity:.22;pointer-events:none}.moderators-stage-bottom{position:absolute;bottom:0;left:0;right:0;background:#24242f;padding:18px 30px;color:#e7c9da;font-size:9px;letter-spacing:.19em;text-align:center}.moderators-team{padding-top:68px}.moderators-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:28px}.moderators-section-head .eyebrow{display:block;margin-bottom:14px}.moderators-section-head h2{font-size:clamp(30px,3.3vw,45px);font-weight:600;letter-spacing:-.05em;line-height:1.12}.moderators-section-head p{font-size:14px;line-height:1.8;color:#716775;max-width:300px}.moderators-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.moderator-card{min-width:0;overflow:hidden;border:1px solid #e7e3e9;border-radius:20px;background:#fff}.moderator-portrait{aspect-ratio:4/4.3;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 25%,#fff8 0%,#fff0 60%),linear-gradient(140deg,#e8dce5,#f9f4f7)}.moderator-portrait-2{background:radial-gradient(ellipse at 60% 25%,#ffffff20 0%,#fff0 60%),linear-gradient(140deg,#383642,#24242f);color:#f3d0e1}.moderator-portrait-3{background:radial-gradient(ellipse at 60% 25%,#fff9 0%,#fff0 60%),linear-gradient(140deg,#f4d8e6,#f9f0f5)}.moderator-portrait-ring{position:absolute;width:82%;aspect-ratio:1;top:8%;left:9%;border:1px solid #cf035922;border-radius:50%}.moderator-portrait-2 .moderator-portrait-ring{border-color:#f2a2c533}.moderator-portrait>svg{width:40%;height:auto;stroke:currentColor;color:#ad8d9f;stroke-width:.7;opacity:.44}.moderator-portrait-2>svg{color:#eec8db}.moderator-photo-note{position:absolute;bottom:24px;left:0;right:0;text-align:center;letter-spacing:.2em;font-size:9px;color:#75596a}.moderator-portrait-2 .moderator-photo-note{color:#e6c5d7}.moderator-card-copy{padding:27px}.moderator-card-copy .eyebrow{font-size:9px;letter-spacing:.12em}.moderator-card-copy h3{font-size:26px;line-height:1.12;letter-spacing:-.04em;font-weight:600;margin:13px 0}.moderator-card-copy p{font-size:14px;line-height:1.8;color:#766c7a;margin:0}.moderator-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}@media(max-width:900px){.moderators-grid{gap:16px}.moderator-card-copy{padding:22px}.moderators-stage-copy{padding-left:34px}.moderators-sign{flex-basis:150px}.moderators-section-head{display:block}.moderators-section-head p{max-width:560px;margin-top:20px}}@media(max-width:620px){.moderators-head{padding-top:27px;padding-bottom:30px}.moderators-head-row{gap:14px;align-items:flex-start}.moderators-head h1{font-size:clamp(38px,10vw,58px)}.moderators-sign{display:none}.moderators-head p{font-size:15px}.moderators-stage{grid-template-columns:1fr;min-height:500px;background:linear-gradient(155deg,#292936 0%,#34303d 57%,#eadbe5 57.2%,#f6eaf1 100%);border-radius:22px}.moderators-stage-copy{padding:32px 28px 20px}.moderators-stage h2{font-size:43px}.moderators-stage-space{min-height:160px;padding:20px 24px 80px;justify-content:flex-end}.moderators-stage-bottom{font-size:8px;padding:17px 20px;line-height:1.7}.moderators-team{padding-top:43px}.moderators-grid{grid-template-columns:1fr;gap:24px}.moderator-portrait{aspect-ratio:4/3.5}.moderators-page{padding-bottom:65px}}
/* Bestückte Moderatorenseite: Mirco zuerst, danach Monsano. */
.moderators-grid-filled{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.moderators-grid-filled .moderator-portrait{aspect-ratio:4/3.7}.moderators-grid-filled .moderator-portrait>img{object-position:center 26%}.moderators-grid-filled .moderator-card-copy{padding:32px}.moderators-grid-filled .moderator-card-copy h3{font-size:34px;margin:14px 0 18px}.moderators-grid-filled .moderator-card-copy p{font-size:15px;line-height:1.85}.moderator-role-badge{position:absolute;left:20px;bottom:20px;right:20px;padding:12px 15px;border:1px solid #ffffff40;border-radius:10px;background:#24242fdf;backdrop-filter:blur(12px);color:white;font-size:9px;line-height:1.6;font-weight:600;letter-spacing:.12em}.moderator-card-links{display:flex;align-items:flex-start;flex-direction:column;gap:16px;margin-top:25px}.moderator-card-links a{font-size:13px;line-height:1.6;min-height:35px;gap:14px}.moderator-card-links a:focus-visible{outline:3px solid #cf0359;outline-offset:5px;border-radius:3px}.moderator-airtime{padding:17px 20px;background:#f9edf3;border:1px solid #efd9e4;border-radius:12px;margin-top:23px!important;color:#542c42!important}.moderator-airtime>span,.moderator-airtime>strong{display:block}.moderator-airtime>strong{font-size:14px;font-weight:550;margin-top:5px}.moderator-hero-portraits{display:flex;align-items:center;justify-content:center;gap:17px;margin:auto 0 27px}.moderator-hero-portraits>div{width:min(43%,160px);text-align:center}.moderator-hero-portraits img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 23%;border:5px solid #fff;border-radius:50%;box-shadow:0 12px 32px #4d244e20}.moderator-hero-portraits span{display:block;margin-top:10px;font-size:15px;font-weight:600;color:#543b4b}.moderators-stage-space{padding-left:24px;padding-right:32px}.moderators-stage-copy p{max-width:330px}@media(max-width:620px){.moderators-grid-filled{grid-template-columns:1fr}.moderators-grid-filled .moderator-card-copy{padding:26px}.moderators-grid-filled .moderator-card-copy h3{font-size:30px}.moderators-stage-space{min-height:270px;padding:26px 24px 80px}.moderator-hero-portraits{margin:0 auto 22px;width:100%;max-width:330px}.moderator-hero-portraits>div{width:43%}.moderators-stage{background:linear-gradient(155deg,#292936 0%,#34303d 48%,#eadbe5 48.2%,#f6eaf1 100%)}}

/* Ein Hintergrund für alle: transparente Freisteller vor identischem Studio-Motiv. */
.moderators-grid-filled{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.moderators-grid-filled .moderator-portrait,.moderator-hero-portraits img{background:#f4e5ee url('/assets/moderatoren/studio-brombeer-licht.svg') center/cover no-repeat}.moderators-grid-filled .moderator-portrait{aspect-ratio:4/4.3}.moderators-grid-filled .moderator-portrait>img{object-position:center top}.moderators-grid-filled .moderator-card-copy{padding:26px}.moderators-grid-filled .moderator-card-copy h3{font-size:29px;overflow-wrap:normal}.moderators-grid-filled .moderator-card-copy p{font-size:14px}.moderator-hero-portraits{gap:10px}.moderator-hero-portraits>div{width:31%;max-width:140px}.moderator-hero-portraits span{font-size:13px}.moderator-repeat{display:block;font-size:12px;line-height:1.7;margin-top:5px}.moderator-card{display:flex;flex-direction:column}.moderator-card-copy{display:flex;flex-direction:column;flex:1}.moderator-card-links{margin-top:auto;padding-top:24px}.moderator-airtime{margin-bottom:0}.moderator-role-badge{font-size:8px;left:15px;right:15px;bottom:15px}.moderators-grid-filled .moderator-portrait-3>img{object-fit:contain;object-position:center bottom}@media(max-width:1000px){.moderators-grid-filled{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.moderators-grid-filled{grid-template-columns:1fr}.moderator-hero-portraits>div{width:31%}.moderators-stage-space{min-height:240px}.moderator-hero-portraits{max-width:360px}.moderators-grid-filled .moderator-card-copy{padding:26px}}
.moderators-grid-filled .moderator-portrait-3>img{object-fit:cover;object-position:center bottom}

/* Fünf Moderatoren im gemeinsamen Studioset. */
.moderator-hero-portraits{flex-wrap:wrap;gap:12px 16px;margin:24px auto;width:100%;max-width:430px}.moderator-hero-portraits>div{flex:0 0 calc(33.333% - 12px);width:auto;max-width:105px}.moderator-hero-portraits img{border-width:3px}.moderator-hero-portraits span{margin-top:6px;font-size:12px}.moderators-stage-space{padding-bottom:72px}.moderators-grid-filled .moderator-portrait-new>img{object-fit:contain;object-position:center bottom}@media(max-width:620px){.moderators-stage-space{min-height:360px;padding-bottom:85px}.moderator-hero-portraits{max-width:340px;margin-top:15px}.moderator-hero-portraits>div{max-width:85px}}
/* Mirco: etwas näher und horizontal mittig, mit Luft über den Haaren. */
.moderator-card[aria-labelledby="moderator-mirco"] .moderator-portrait>img{object-position:50% top;transform:scale(1.12);transform-origin:50% 10%}

/* Gleicher optischer Maßstab und Augenlinie; Monsano ist die Referenz. */
.moderator-card{--portrait-width:100%;--portrait-top:0%;--portrait-hero-top:-8%}
.moderator-card[aria-labelledby="moderator-mirco"],.moderator-hero-portraits>div:has(img[src*="mirco-clapier"]){--portrait-width:120%;--portrait-top:-2%;--portrait-hero-top:-5%}
.moderator-card[aria-labelledby="moderator-monsano"],.moderator-hero-portraits>div:has(img[src*="monsano-miracolo"]){--portrait-width:100%;--portrait-top:0%;--portrait-hero-top:-8%}
.moderator-card[aria-labelledby="moderator-andreas"],.moderator-hero-portraits>div:has(img[src*="andreas-von-juterzenka"]){--portrait-width:120%;--portrait-top:-1%;--portrait-hero-top:-4%}
.moderator-card[aria-labelledby="moderator-anja-viktoria-autenrieth"],.moderator-hero-portraits>div:has(img[src*="anja-viktoria-autenrieth"]){--portrait-width:88%;--portrait-top:2%;--portrait-hero-top:-4%}
.moderator-card[aria-labelledby="moderator-alexander-tauscher"],.moderator-hero-portraits>div:has(img[src*="alexander-tauscher"]){--portrait-width:95%;--portrait-top:-1%;--portrait-hero-top:-5%}
.moderators-grid-filled .moderator-card .moderator-portrait>img{inset:auto;left:50%;top:var(--portrait-top);width:var(--portrait-width);height:auto;max-width:none;object-fit:initial;object-position:initial;transform:translateX(-50%);transform-origin:center}
.moderator-hero-portraits .moderator-hero-photo{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1;margin:0;border:3px solid #fff;border-radius:50%;background:#f4e5ee url('/assets/moderatoren/studio-brombeer-licht.svg') center/cover no-repeat;box-shadow:0 12px 32px #4d244e20}
.moderator-hero-portraits .moderator-hero-photo img{position:absolute;left:50%;top:var(--portrait-hero-top);width:var(--portrait-width);height:auto;max-width:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:none;transform:translateX(-50%)}
.moderator-card[aria-labelledby="moderator-andreas"]{--portrait-top:-5%}
.moderator-card[aria-labelledby="moderator-alexander-tauscher"],.moderator-hero-portraits>div:has(img[src*="alexander-tauscher"]){--portrait-width:105%;--portrait-top:-7%;--portrait-hero-top:-11%}
/* Frisches, freundliches Rosé statt dunkler Studioflächen. */
.moderators-stage{background:radial-gradient(ellipse at 75% 10%,#fff 0%,#fff0 65%),linear-gradient(120deg,#fff9fc,#f2e1ec);border:1px solid #eddae6;box-shadow:0 18px 45px #75435e09}.moderators-stage-copy{color:#2e2732}.moderators-stage-copy .eyebrow{color:#a12f67}.moderators-stage h2 em{color:#bb0756}.moderators-stage-copy p{color:#766171}.moderators-stage-bottom{background:#f5e8f0;color:#80546e;border-top:1px solid #e8d2df}.moderators-stage-space{color:#6f3f5b}.moderator-hero-portraits span{color:#6f3f5b}.moderator-role-badge{background:#ffffffec;border:1px solid #ffffffd9;box-shadow:0 5px 18px #6f345412;color:#793556;backdrop-filter:blur(12px)}.moderator-card{border-color:#ecdee7;box-shadow:0 8px 26px #74395205}.moderators-sign{background:#fff9fc;border-color:#ecd7e4}.moderators-stage-wave{stroke:#b85083;opacity:.18}.moderators-stage-orbit{border-color:#b8508318}
@media(max-width:620px){.moderators-stage{background:radial-gradient(ellipse at 80% 65%,#fff 0%,#fff0 70%),linear-gradient(155deg,#fff9fc,#f0dfea)}}

.moderator-card[aria-labelledby="moderator-michael-klein-luttmer"],.moderator-hero-portraits>div:has(img[src*="michael-klein-luttmer"]){--portrait-width:130%;--portrait-top:6%;--portrait-hero-top:-1.5%}
/* Michael auf Wunsch etwas zurücknehmen, Augenhöhe dabei beibehalten. */
.moderator-card[aria-labelledby="moderator-michael-klein-luttmer"]{--portrait-width:120%;--portrait-top:8%}

/* Mirco als Initiator etwas präsenter; nur den Porträtausschnitt vergrößern. */
.moderator-card[aria-labelledby="moderator-mirco"]{--portrait-width:132%;--portrait-top:-3%}

/* Show the shared studio background through the final portrait's silhouette. */
.moderators-page img[src$="alexander-tauscher-portrait-v5-20261114.webp"] {
  -webkit-mask: url('/assets/moderatoren/alexander-haarkante-maske.png') center / 100% 100% no-repeat;
  mask: url('/assets/moderatoren/alexander-haarkante-maske.png') center / 100% 100% no-repeat;
}

.schedule-row .schedule-program { display:flex; align-items:center; gap:clamp(.7rem, 2vw, 1.2rem); min-width:0 }
.schedule-program > div { min-width:0 }
.schedule-portrait { display:block; flex:none; width:clamp(48px, 5vw, 72px); aspect-ratio:1; border-radius:50%; overflow:hidden; background:#efd3df url('/assets/moderatoren/studio-brombeer-licht.svg') center/cover }
.schedule-portrait img { display:block; width:100%; height:auto }
.schedule-portrait img[src*="alexander-tauscher-portrait"] { mask:url('/assets/moderatoren/alexander-haarkante-maske.png') center/100% 100% no-repeat }

/* Kompakte Profilkarten mit einem von der Fläche abgesetzten Studioporträt. */
.moderators-grid-filled { align-items:start; gap:clamp(14px,2vw,26px) }
.moderators-grid-filled .moderator-card {
  padding:22px; min-width:0; align-items:center; text-align:center;
  background:radial-gradient(ellipse at 72% 0%,#f9e8f1,transparent 60%),linear-gradient(155deg,#fffafd,#fff 70%);
  border:1px solid #e7d5e0; border-radius:24px;
  box-shadow:inset 0 1px white,0 3px 0 #f0e3eb,0 10px 25px -16px #7e325b80;
}
.moderators-grid-filled .moderator-card .moderator-portrait {
  width:clamp(96px,9vw,132px); aspect-ratio:1; flex:none;
  border:3px solid white; border-radius:50%; margin:3px auto 16px;
  box-shadow:0 0 0 1px #e4c4d6,0 7px 12px -5px #7b345c65;
}
.moderators-grid-filled .moderator-card-copy { width:100%; padding:0; align-items:center }
.moderators-grid-filled .moderator-card-copy h3 { font-size:clamp(22px,2vw,28px); line-height:1.15; margin:7px 0 16px }
.moderator-profile { width:100%; text-align:left; border-top:1px solid #ecdae5 }
.moderator-profile summary { padding:13px 4px 2px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; color:#842253; font-weight:650 }
.moderator-profile summary::-webkit-details-marker { display:none }
.moderator-profile summary::after { content:'+'; font-size:22px; line-height:1 }
.moderator-profile[open] summary::after { content:'−' }
.moderator-profile summary:focus-visible { outline:2px solid currentColor; outline-offset:3px }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html:not([data-dsw-motion=stop]) .moderator-card .moderator-portrait { transition:transform .2s ease-out }
  html:not([data-dsw-motion=stop]) .moderator-card:hover .moderator-portrait {
    transform:perspective(480px) rotateX(var(--portrait-rx,0deg)) rotateY(var(--portrait-ry,0deg)) translateZ(9px);
  }
}