/* PRACTICE INSIDES · v2.css — Überarbeitung von oben nach unten (Version 2) */

/* Rote Glows aus den dunklen Flächen raus – neutral, ruhig */
.v2 .dark::before{background:radial-gradient(50% 60% at 80% 15%,rgba(255,255,255,.05),transparent 62%),radial-gradient(40% 50% at 10% 90%,rgba(0,0,0,.35),transparent 62%)}

/* arch.css setzt body-Hintergrund – hier nicht */
.v2.arch{background:var(--paper)}
.v2 .ar-sec{border-top:0}
.v2 .ar-sec.paper-2{background:var(--paper-2)}

/* ---- Podcast: Themen als ruhiges Raster statt zweiter Marquee ---- */
.tg-wrap{padding:2.6rem 0 clamp(3rem,6vw,5rem)}
.tg-lead{font-weight:600;font-size:1.05rem;letter-spacing:-.01em;margin:0 0 1.1rem;color:var(--ink)}
.tg-grid{display:flex;flex-wrap:wrap;gap:.55rem}
.tg{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;border:1px solid rgba(10,10,10,.14);background:#fff;font-weight:500;font-size:.92rem;letter-spacing:-.01em;color:var(--ink)}
.tg svg{width:16px;height:16px;color:var(--red);flex:0 0 auto}
.v2 .pcast{padding-bottom:0}
.v2 .reviews{margin-bottom:0}
@media (max-width:768px){.tg-wrap{padding:1.8rem 1rem 2.6rem}.tg-lead{text-align:center}.tg-grid{justify-content:center}.tg{font-size:.84rem;padding:.5rem .8rem}}

/* ---- Folgen: ohne Player-Block ---- */
.v2 #folgen .ep-grid{margin-bottom:0}

/* ---- Host: hell, ohne harten Bruch, Text lesbar aufgeteilt ---- */
.v2 .hostx--light{background:var(--paper-2);color:var(--ink)}
.v2 .hostx--light .s-self{color:var(--ink)}
.v2 .hostx--light h2{color:var(--ink)}
.v2 .hostx--light .frame .tag{background:rgba(10,10,10,.75);color:#fff}
.v2 .hostx--light .hb-lead{font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:500;line-height:1.45;letter-spacing:-.015em;color:var(--ink);margin:0 0 1.4rem}
.v2 .hostx--light .hb-cols{columns:2;column-gap:2.2rem}
.v2 .hostx--light .hb-cols p,.v2 .hostx--light .pc-r p,.v2 .hostx--light .pc-r p:last-child{color:#4A4A4E;font-weight:400;font-size:.98rem;line-height:1.6;margin:0 0 .9rem;break-inside:avoid}
.v2 .hostx--light .facts{margin-top:1.8rem}
.v2 .hostx--light .fact{background:#fff;border:1px solid rgba(10,10,10,.1)}
.v2 .hostx--light .fact b{color:var(--ink)}
.v2 .hostx--light .fact span{color:#6E6E73}
@media (max-width:900px){.v2 .hostx--light .hb-cols{columns:1}}

/* ---- Gruppe: mit Headline, direkt nach der Vorstellung ---- */
.v2 .gruppe2 .sec-head{margin-bottom:2.4rem}
.v2 .gruppe2 .pc-grp{margin-top:0}

/* ---- Prime: hell ---- */
.v2 .prime2{background:var(--paper-2);color:var(--ink)}
.v2 .prime2 .plogo{filter:invert(1)}
.v2 .prime2 h2{color:var(--ink)}
.v2 .prime2 .lead{color:#4A4A4E}

/* ---- Rhythmus hell/dunkel: nur Referenzen dunkel, Magazin wine ---- */
.v2 #referenzen{border-top:1px solid rgba(255,255,255,.06)}
.v2 .hostx--light .hb-first{font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:500;line-height:1.45;letter-spacing:-.015em;color:var(--ink);margin:0 0 1.4rem}
.tg-toggle{display:none}
@media (max-width:768px){
  .tg-more{display:none}.tg-grid.open .tg-more{display:inline-flex}
  .tg-toggle{display:inline-flex;align-items:center;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;font-size:.84rem;font-weight:600}
}
/* Host: Fließtext unter dem Bild in einer Spalte, Firmen-Kacheln klein in einer Reihe */
.v2 .hostx--light .host{align-items:center}
.v2 .hb-below{max-width:var(--container);margin-top:2.4rem}
.v2 .hb-below p{color:#4A4A4E;font-size:1rem;line-height:1.65;margin:0 0 1rem;max-width:860px}
.v2 .grp-row6{grid-template-columns:repeat(6,1fr);gap:.8rem;margin-top:2.6rem}
.v2 .grp-row6 .gc{padding:.7rem .7rem .8rem;min-height:0;gap:.4rem}
.v2 .grp-row6 .gc .lg-box{height:64px}
.v2 .grp-row6 .gc .lg-box img{max-height:26px;max-width:80%}
.v2 .grp-row6 .gc b{font-size:.82rem;line-height:1.3}
.v2 .grp-row6 .gc>span{font-size:.74rem}
.v2 .grp-row6 .gc .arr{font-size:.56rem}
@media (max-width:768px){.v2 .hb-below{margin-top:1.6rem;padding:0 1.25rem}.v2 .grp-row6{display:flex}.v2 .grp-row6 .gc{flex:0 0 62%}}
.v2 .hostx--light .pc-r p.hb-first{font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:500;line-height:1.45;letter-spacing:-.015em;color:var(--ink);margin:0}
.v2 .hostx--light .gc b{color:var(--ink)}
.v2 .hostx--light .gc>span{color:#6E6E73}
.v2 .hostx--light .gc .arr{color:#8E403F}
/* Host: alles in einer Lesespalte rechts neben dem Bild */
.v2 .hostx--light .host{align-items:start}
.v2 .hostx--light .pc-r p.hb-first{margin-bottom:1.1rem}
.v2 .hb-flow p,.v2 .hostx--light .hb-flow p{color:#4A4A4E;font-size:1.02rem;line-height:1.68;margin:0 0 .95rem;max-width:60ch}
.v2 .hb-flow p:last-child{margin-bottom:0}
.v2 .grp-row6{margin-top:3rem}
/* Host: zwei Text-Kästen unter Bild + Headline */
.v2 .hb-boxes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.2rem}
.v2 .hb-box{background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:var(--r-lg);padding:1.6rem 1.7rem;box-shadow:var(--shadow-card)}
.v2 .hb-box p{color:#3A3A3E;font-size:1.02rem;line-height:1.65;margin:0 0 .9rem}
.v2 .hb-box p:last-child{margin-bottom:0}
/* Firmen-Kacheln: hochwertiger, ohne Kasten im Kasten */
.v2 .grp-row6{gap:.9rem;margin-top:1rem}
.v2 .grp-row6 .gc.gc-p{position:relative;padding:1.5rem 1.1rem 1.1rem;min-height:0;gap:.35rem;align-items:flex-start;background:linear-gradient(180deg,#fff,#F7F5F2);border:1px solid rgba(10,10,10,.1);box-shadow:0 1px 0 #fff inset,var(--shadow-card);overflow:hidden}
.v2 .grp-row6 .gc.gc-p::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#8E403F,#C8403E);opacity:0;transition:opacity .3s}
.v2 .grp-row6 .gc.gc-p:hover::before{opacity:1}
.v2 .grp-row6 .gc.gc-p .gc-logo{height:30px;width:auto;max-width:100%;object-fit:contain;filter:invert(1);margin-bottom:.9rem}
.v2 .grp-row6 .gc.gc-p b{font-size:.9rem;line-height:1.3;color:var(--ink);margin-top:auto}
.v2 .grp-row6 .gc.gc-p>span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:#6E6E73}
.v2 .grp-row6 .gc.gc-p .arr{margin-top:.5rem}
@media (max-width:768px){.v2 .hb-boxes{grid-template-columns:1fr;padding:0 1.25rem;margin-top:1.4rem}.v2 .hb-box{padding:1.2rem 1.2rem}.v2 .grp-row6{display:flex}.v2 .grp-row6 .gc.gc-p{flex:0 0 58%}}
.v2 .grp-row6 .gc.gc-p svg.gc-logo{height:30px;width:auto;max-width:100%;filter:invert(1);margin-bottom:.9rem}
.v2 .grp-row6 .gc.gc-p>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Host: drei Spalten mit Logo-Zeile oben, Hairline – ruhig, gleich hoch */
.v2 .hb-boxes{display:none}
.v2 .hb-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:2.6rem}
.v2 .hb-c{border-top:1px solid rgba(10,10,10,.18);padding-top:1.1rem}
.v2 .hb-c-lg{display:flex;align-items:center;gap:1rem;height:30px;margin-bottom:.9rem}
.v2 .hb-c-lg img{height:22px;width:auto;filter:invert(1);opacity:.85}
.v2 .hb-c p{color:#4A4A4E;font-size:.98rem;line-height:1.62;margin:0}
/* Firmen-Kacheln: gleich hoch, Logo-Zone fix, ohne Domain */
.v2 .grp-row6 .gc.gc-p{padding:1.3rem 1.1rem 1.1rem;gap:0;justify-content:flex-start}
.v2 .grp-row6 .gc.gc-p .gc-logo{height:28px;max-height:28px;width:auto;max-width:100%;margin:0 0 1.2rem;flex:0 0 auto}
.v2 .grp-row6 .gc.gc-p svg.gc-logo{color:#0A0A0A;filter:none;max-width:100%}
.v2 .grp-row6 .gc.gc-p b{font-size:.92rem;line-height:1.3;margin:0 0 .9rem;min-height:2.6em;display:block}
.v2 .grp-row6 .gc.gc-p .arr{margin-top:auto}
@media (max-width:768px){.v2 .hb-cols3{grid-template-columns:1fr;gap:1.4rem;padding:0 1.25rem;margin-top:1.6rem}.v2 .grp-row6 .gc.gc-p b{min-height:0}}
/* Host: Marken als Erzählung – 6 breite Karten, Logo links, Text rechts */
.v2 .hb-brands{margin-top:2.8rem}
.v2 .hb-hand{margin:0 0 1rem;color:#8E403F}
.v2 .hb-hand .sn-inline{font-size:1.9rem}
.v2 .grp-wide{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:0}
.v2 .gc.gc-w{display:grid;grid-template-columns:96px 1fr;gap:1.1rem;align-items:start;padding:1.3rem 1.3rem 1.2rem;min-height:0;background:#fff;border:1px solid rgba(10,10,10,.1);box-shadow:var(--shadow-card)}
.v2 .gc.gc-w .gc-w-lg{display:grid;place-items:center;height:72px;width:96px;border-radius:14px;background:#F3F1EE}
.v2 .gc.gc-w .gc-logo{height:auto;max-height:30px;width:auto;max-width:72px;margin:0;filter:invert(1)}
.v2 .gc.gc-w svg.gc-logo{filter:none;color:#0A0A0A;width:72px;height:auto}
.v2 .gc.gc-w .gc-w-tx{display:flex;flex-direction:column;gap:.35rem}
.v2 .gc.gc-w b{font-size:1.02rem;letter-spacing:-.015em;color:var(--ink)}
.v2 .gc.gc-w p{margin:0;font-size:.9rem;line-height:1.5;color:#4A4A4E}
.v2 .gc.gc-w .arr{margin-top:.3rem;color:#8E403F}
@media (max-width:768px){.v2 .hb-brands{padding:0 1.25rem;margin-top:1.8rem}.v2 .grp-wide{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -1.25rem;padding:0 1.25rem 3.6rem;margin-bottom:-2.4rem;scrollbar-width:none;touch-action:pan-x}.v2 .gc.gc-w{flex:0 0 84%;scroll-snap-align:center;grid-template-columns:72px 1fr}.v2 .gc.gc-w .gc-w-lg{width:72px;height:60px}}
/* Neue Wortmarke (Ethic Serif, aus dem Cover) */
.hdr .wm.wm--serif{flex-direction:row;gap:0}
.hdr .wm.wm--serif img{height:22px;width:auto}
@media (max-width:768px){.hdr .wm.wm--serif img{height:18px}}
.hdr .wm.wm--serif img{filter:none}
.hdr--dark .wm.wm--serif img,.hdr.on-dark .wm.wm--serif img{filter:invert(1)}

/* === CI 30.10.: Ethic Serif (Cover-Schrift) für die Hervorhebungen in Headlines === */
@font-face{font-family:"Ethic Serif";src:url("/fonts/ethic-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Ethic Serif";src:url("/fonts/ethic-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
.v2 h1 em,.v2 h2 em{font-family:"Ethic Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.025em;font-size:1.08em;line-height:.9}
.v2 h1 em{margin-right:-.12em}