:root{color-scheme:dark;--bg:#101112;--fg:#f8f5f0;--gold:#dfb87e;--muted:#c2beb8;--line:#d3ae7752}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,h3,.name,.number,.signature{font-family:Georgia,"Times New Roman",serif}main{overflow:hidden}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:76px max(6vw,24px) 84px;background:radial-gradient(ellipse at 83% 43%,#55412e 0,#1d1b19 43%,#0d0f12 78%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0e10 2%,#0d0f12ef 30%,#0d0f1260 64%,#0d0f124d 100%);pointer-events:none}.jewel{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:cover;object-position:center;opacity:.77;mask-image:linear-gradient(90deg,transparent,#000 25%)}.hero-inner{z-index:1;position:relative;width:min(760px,100%)}h1{font-weight:500;font-size:clamp(51px,7.2vw,104px);line-height:1.02;letter-spacing:-.055em;margin:0 0 30px}h1 em{color:#ebbf83;font-weight:400}.q-icon{font-size:.85em;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);width:1.45em;height:1.45em;color:var(--gold)}.arrow{color:var(--gold)}.name{display:inline-block;color:#e9c494;font-size:clamp(23px,2.3vw,35px);margin:0 0 12px;padding-top:16px;border-top:1px solid var(--gold)}.intro{max-width:570px;color:#dedbd5;font-size:clamp(15px,1.6vw,19px);line-height:1.55;margin:0}.welcome{font-family:Georgia,serif;font-style:italic;color:#e8c28c;font-size:clamp(22px,2.5vw,30px);margin:12px 0 30px}.timer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(630px,100%)}.unit{border:1px solid #d3b07c65;border-radius:11px;padding:17px 4px 14px;text-align:center;background:#ffffff06;backdrop-filter:blur(7px)}.number{font-size:clamp(36px,4.7vw,68px);line-height:1.08;font-variant-numeric:tabular-nums}.unit-label{font-size:clamp(9px,1.1vw,12px);text-transform:uppercase;letter-spacing:.14em;color:#ded0ba;margin-top:8px}.date{margin-top:15px;width:min(630px,100%);border:1px solid #d3b07c65;border-radius:10px;padding:14px 15px;color:#eee7dd;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(11px,1.3vw,14px);text-align:center}.cta{display:inline-flex;align-items:center;justify-content:center;gap:26px;margin-top:23px;padding:15px 29px;border-radius:999px;background:linear-gradient(120deg,#f0ce9d,#d3a466);text-decoration:none;color:#191715;font-size:17px;font-weight:650;transition:transform .2s}.cta:hover{transform:translateY(-2px)}.shows{padding:85px max(6vw,24px) 110px;background:radial-gradient(ellipse at 5% 85%,#393027,#151617 55%,#0d0f11);scroll-margin-top:0}.shows-inner{max-width:1210px;margin:auto}.shows h2{font-size:clamp(38px,5.4vw,69px);font-weight:400;letter-spacing:-.04em;margin:0 0 48px}.shows h2 em{color:#e5b781}.show-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.show{position:relative;border:1px solid #b9966566;border-radius:12px;background:#ffffff05;padding:25px 22px;min-height:164px}.show.first{border-color:#e8bf89;background:linear-gradient(145deg,#65452d61,#241d1970)}.first-tag{position:absolute;top:-14px;left:19px;background:#e8bf89;color:#191612;border-radius:100px;padding:6px 13px;font:700 10px Inter,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.show-time{font-family:Georgia,serif;font-size:clamp(34px,3.1vw,46px);line-height:1;margin-bottom:14px}.show-title{color:#e0dbd3;font-size:clamp(16px,1.6vw,20px);line-height:1.3}.foot{border-top:1px solid #d4b27e35;background:#0d0e10;padding:31px 6vw;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#ada8a2;font-size:13px}.foot nav{display:flex;gap:22px;flex-wrap:wrap}.foot a{text-decoration:none}.foot a:hover{text-decoration:underline;color:#e8c28c}.legal{max-width:820px;margin:0 auto;padding:75px 24px 100px;line-height:1.65}.legal h1{font-size:52px}.legal h2{margin-top:35px;color:#e8c28c;font-size:24px}.legal a{color:#e8c28c}@media(max-width:780px){.hero{padding:75px 24px 65px;align-items:flex-start}.hero:after{background:linear-gradient(90deg,#0c0e10e8,#0c0e10c9)}.jewel{width:82%;right:-30%;opacity:.35}.hero-inner{max-width:100%}h1{font-size:clamp(48px,10vw,77px)}.show-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shows{padding:65px 24px 80px}}@media(max-width:490px){.show-grid{grid-template-columns:1fr}.show{min-height:0;padding:22px}.timer{gap:7px}.unit{padding:13px 2px}.hero{min-height:95svh;padding-top:55px}.date{letter-spacing:.045em}.cta{width:100%}.welcome{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}

/* Live-Status nach Beginn der ersten Sendung */
[hidden]{display:none!important}
.live-panel{width:min(630px,100%);border:1px solid #d3b07c76;border-radius:15px;background:linear-gradient(135deg,#373027ad,#171818c9);padding:27px 27px 29px;box-shadow:0 16px 48px #0003}
.live-eyebrow{font-size:11px;font-weight:750;letter-spacing:.19em;color:#e4c18e;margin-bottom:12px}
.live-headline{font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3.1vw,43px);line-height:1.15;color:#fff9ef}
.live-description{font-size:clamp(14px,1.55vw,18px);line-height:1.5;color:#e6d8c5;margin:12px 0 21px}
.live-link{display:inline-flex;align-items:center;gap:20px;background:#e7bd85;color:#161718;padding:13px 23px;text-decoration:none;border-radius:999px;font-weight:700;transition:background .2s}
.live-link:hover{background:#f5d6a7}
.show.is-live{border-color:#f5cc91;background:linear-gradient(140deg,#77502b87,#28211a);box-shadow:0 0 0 1px #f5cc9155}
.show.is-next{border-color:#e7c28e;background:linear-gradient(140deg,#66503270,#24201a)}
.show.is-finished{opacity:.7}
.status-tag{position:absolute;right:16px;top:-14px;background:#e8bf89;color:#191612;border-radius:100px;padding:6px 12px;font:700 10px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
@media(max-width:490px){.live-panel{padding:22px 17px}.status-tag{right:10px}}

.shows-pending{max-width:780px;font-size:clamp(18px,2.1vw,24px);line-height:1.65;color:#e6ded2;background:#ffffff06;border:1px solid #d3b07c65;border-radius:15px;padding:28px 32px;margin:0 0 24px}
@media(max-width:490px){.shows-pending{padding:22px}}

.show-host{margin-top:14px;color:#e5bc85;font-size:clamp(14px,1.35vw,17px);font-weight:500;letter-spacing:.01em}

/* Persönliche Begrüßung und dezente wechselnde Countdown-Sprüche */
.welcome{margin-bottom:4px}
.welcome-again{color:#f1e7d7;font-size:clamp(16px,1.65vw,20px);font-weight:550;letter-spacing:.01em;margin:0 0 28px}

@media(max-width:490px){.welcome-again{margin-bottom:23px}}

/* Dezenter Hinweis auf die beiden Schmuckmarken */
.brand-note{max-width:620px;margin:-10px 0 28px;color:#d9d3c9;font-size:clamp(14px,1.35vw,16px);line-height:1.55}
.brand-note p{margin:0 0 11px}.brand-note strong{color:#e8c99d;font-weight:550}
.brand-links{display:flex;gap:10px 26px;flex-wrap:wrap}
.brand-links a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#e2bd89;border-bottom:1px solid #d3ae776d;padding-bottom:3px;font-size:clamp(13px,1.2vw,15px);transition:color .15s,border-color .15s}
.brand-links a:hover{color:#fff1db;border-color:#fff1db}
@media(max-width:490px){.brand-note{margin-top:-8px;margin-bottom:23px}.brand-links{gap:9px 20px}}

/* Dezent verlinkte Markennamen im Fließtext */
.brand-note p a{color:#e8c99d;font-weight:550;text-decoration:underline;text-decoration-color:#d3ae776d;text-underline-offset:4px;transition:color .15s,text-decoration-color .15s}
.brand-note p a:hover,.brand-note p a:focus-visible{color:#fff1db;text-decoration-color:#fff1db}

/* QVC als integrierter, ruhiger Schriftzug statt Logo/Button */
h1 .qvc-link{display:inline;vertical-align:baseline;white-space:nowrap;border:0;border-radius:0;padding:0;margin:0;background:none;box-shadow:none;font-family:inherit;font-size:1em;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:#f8f5f0;text-decoration:none;position:relative;transition:color .2s ease}
h1 .qvc-link::after{content:"";position:absolute;left:0;right:0;bottom:-.055em;height:2px;border-radius:2px;background:#dcb783;opacity:.75;transform:scaleX(.75);transform-origin:left;transition:transform .2s ease,opacity .2s ease}
h1 .qvc-link:hover{color:#eac592;background:none;border:0}
h1 .qvc-link:hover::after,h1 .qvc-link:focus-visible::after{transform:scaleX(1);opacity:1}
@media (max-width:490px){h1 .qvc-link{font-size:1em;padding:0}}

/* QVC: exakt gleich groß und im selben Schriftbild wie „bei“ */
h1 a.qvc-link,h1 a.qvc-link:visited{font:inherit!important;font-size:100%!important;letter-spacing:inherit!important;line-height:inherit!important;color:inherit;display:inline!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;vertical-align:baseline!important;text-decoration:none}
h1 a.qvc-link:hover{color:#eac592}

/* Persönlicher Gruß direkt unter dem Countdown */
#countdown-greeting{width:min(630px,100%);text-align:center;margin:17px 0 0;color:#e8c28c;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(19px,2.2vw,25px)}
#countdown-greeting[hidden]{display:none}

/* Dezente, einheitliche Schriftgestaltung für Markensatz und Gruß */
.brand-note{margin:18px 0 32px;max-width:570px;font-size:clamp(15px,1.6vw,19px);line-height:1.55;color:#dedbd5}
.brand-note p{margin:0}
#countdown-greeting{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-style:normal;font-size:clamp(15px,1.6vw,19px);font-weight:400;color:#dedbd5;letter-spacing:normal;margin:21px 0 0}
@media(max-width:490px){.brand-note{margin:18px 0 26px}#countdown-greeting{margin-top:21px}}