:root{--max:1240px;--gold:#d8a63f;--gold2:#f0d58d;--panel-glass:rgba(15,18,22,.82)}
body{background:#080a0d;color:#f7f2e8;letter-spacing:.005em}.wrap{width:min(var(--max),calc(100% - 56px))}.site-header{background:rgba(7,9,12,.92);border-color:rgba(255,255,255,.09);box-shadow:0 10px 40px rgba(0,0,0,.18)}.header-inner{height:82px;gap:26px}.brand{width:170px}.nav{gap:17px}.nav a{font-size:.74rem;letter-spacing:.105em;padding:31px 0 28px;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{border-bottom-color:var(--gold);color:var(--gold2)}.nav a[href="radio-wuenschen.html"]{color:var(--gold2)}.nav a[href="kontakt.html"]{padding:11px 14px;border:1px solid rgba(216,166,63,.55);margin-left:2px}.nav a[href="kontakt.html"]:hover,.nav a[href="kontakt.html"].active{background:var(--gold);color:#080a0d}
.hero{min-height:clamp(650px,calc(100vh - 82px),820px);align-items:center;background-image:url('../images/tobias-final-01.png');background-position:center 46%;background-size:cover}.hero:before{background:linear-gradient(90deg,rgba(5,7,10,.96) 0%,rgba(5,7,10,.84) 34%,rgba(5,7,10,.25) 67%,rgba(5,7,10,.13) 100%),linear-gradient(0deg,rgba(5,7,10,.75),transparent 42%)}.hero-content{padding:84px 0;max-width:620px}.hero h1{font-size:clamp(4.4rem,7.3vw,7rem);letter-spacing:-.045em;margin:19px 0 25px}.hero p{max-width:580px;font-size:1.16rem;line-height:1.75}.btn{border-radius:0;min-height:50px;padding:0 23px;letter-spacing:.115em;box-shadow:none;transition:transform .22s,background .22s,border-color .22s}.btn:hover{transform:translateY(-2px);background:var(--gold2);border-color:var(--gold2)}.btn.ghost:hover{background:rgba(216,166,63,.12);color:var(--gold2)}
.section{padding:108px 0}.intro-section:before{background-image:url('../images/tobias-final-03.png')!important;background-position:center 34%!important;opacity:.19!important}.intro-section:after{background:linear-gradient(90deg,rgba(8,10,13,.97),rgba(8,10,13,.88) 56%,rgba(8,10,13,.75))!important}.intro-section .grid-2{grid-template-columns:.88fr 1.12fr;gap:84px}.intro-copy{max-width:530px}.intro-copy>p:not(.lead){color:#aaa49b;margin-top:25px}.editorial-photo{position:relative;margin:0;height:680px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 90px rgba(0,0,0,.42)}.editorial-photo:before{content:"";position:absolute;inset:14px;border:1px solid rgba(240,213,141,.25);z-index:1;pointer-events:none}.editorial-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.editorial-photo figcaption{position:absolute;left:28px;bottom:24px;padding:9px 13px;background:rgba(8,10,13,.78);backdrop-filter:blur(8px);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#ddd4c5}
.explore-section:before{background-image:url('../images/hero.png')!important;background-position:center 42%!important;opacity:.18!important}.explore-section:after{background:rgba(9,12,15,.9)!important}.section-heading-row{display:grid;grid-template-columns:1fr .65fr;gap:65px;align-items:end;margin-bottom:42px}.section-heading-row>p{color:#aaa49b;font-size:1.04rem}.feature-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-link{position:relative;display:block;height:500px;overflow:hidden;border:1px solid rgba(255,255,255,.12);text-decoration:none;background:#11151a}.feature-link:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,10,.96) 0%,rgba(5,7,10,.45) 48%,rgba(5,7,10,.06) 72%);transition:background .35s}.feature-link img{width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:transform .65s ease,filter .4s}.feature-link.music img{object-position:center 30%}.feature-link.dates img{object-position:center 43%}.feature-link.radio-wish img{object-position:center 48%}.feature-link:hover img{transform:scale(1.045);filter:saturate(1.08)}.feature-link:hover:after{background:linear-gradient(0deg,rgba(5,7,10,.98),rgba(5,7,10,.25) 62%,transparent)}.feature-link-content{position:absolute;z-index:1;left:28px;right:28px;bottom:26px;display:grid}.feature-link-content small{color:var(--gold2);text-transform:uppercase;letter-spacing:.14em}.feature-link-content strong{font:400 2rem Georgia,serif;margin:6px 0}.feature-link-content em{font-style:normal;color:#c8c1b6;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}
.page-hero{min-height:360px;padding:78px 0}.page-hero:before{filter:blur(8px);opacity:.7}.page-hero:after{background:linear-gradient(90deg,rgba(6,8,11,.96),rgba(6,8,11,.62) 58%,rgba(6,8,11,.35))}.page-hero h1{font-size:clamp(3.8rem,6vw,5.8rem);letter-spacing:-.035em}.content{padding:92px 0}.content:before{filter:blur(14px);opacity:.22}.content:after{background:linear-gradient(110deg,rgba(8,10,13,.96),rgba(8,10,13,.86),rgba(8,10,13,.9))}.content .grid-2{gap:72px;align-items:start}.content .prose{padding:40px 42px;background:rgba(13,16,20,.78);border-color:rgba(255,255,255,.1);box-shadow:0 25px 70px rgba(0,0,0,.26)}.feature-image{padding:9px;border-color:rgba(255,255,255,.12);background:rgba(10,12,15,.76)}.portrait-final img{max-height:740px}.track-list{gap:18px}.track{padding:22px;border-color:rgba(255,255,255,.1)}.video-grid{gap:22px}.video-card{padding:10px}.station-grid{gap:16px}.station{border-color:rgba(255,255,255,.1)}.date-card{border-color:rgba(255,255,255,.1)}
.press-download-grid{gap:20px}.press-download-card{padding:10px;background:rgba(13,16,20,.84)}.press-thumb{height:270px}.press-download-info{padding:15px 5px 5px}.social-section{padding:94px 0}.social-card{border-color:rgba(255,255,255,.1)}.site-footer{padding:52px 0 36px;background:#07090c}.footer-social{padding-bottom:34px}.footer-inner{font-size:.82rem}
@media(max-width:1180px){.menu-btn{display:block}.nav{top:82px}.nav a{padding:8px 0;border:0}.nav a[href="kontakt.html"]{margin:7px 0 0}.intro-section .grid-2{grid-template-columns:1fr 1fr;gap:50px}.editorial-photo{height:590px}.feature-link{height:450px}}
@media(max-width:820px){.wrap{width:min(var(--max),calc(100% - 34px))}.hero{background-position:59% 46%}.hero:before{background:linear-gradient(90deg,rgba(5,7,10,.95),rgba(5,7,10,.58)),linear-gradient(0deg,rgba(5,7,10,.82),transparent 48%)}.hero-content{max-width:560px}.intro-section .grid-2,.section-heading-row{grid-template-columns:1fr}.intro-copy{max-width:680px}.editorial-photo{height:660px}.feature-links{grid-template-columns:1fr}.feature-link{height:440px}.feature-link img{object-position:center 35%}.content .grid-2{grid-template-columns:1fr}.content .prose{max-width:none}.press-download-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.wrap{width:min(var(--max),calc(100% - 26px))}.header-inner{height:72px}.brand{width:158px}.nav{top:72px}.hero{min-height:690px;background-position:62% 45%}.hero h1{font-size:3.8rem}.hero-content{padding:62px 0}.hero .actions{gap:9px}.hero .btn{min-height:46px;padding:0 15px;font-size:.7rem}.section{padding:76px 0}.editorial-photo{height:510px}.feature-link{height:390px}.section-heading-row{gap:10px}.page-hero{min-height:300px;padding:60px 0}.page-hero h1{font-size:3.5rem}.content{padding:68px 0}.content .prose{padding:25px 22px}.press-download-grid{grid-template-columns:1fr}.press-thumb{height:330px}}

/* Helles Editorial-Design */
:root{--ink:#27221c;--muted:#746b60;--black:#f5f0e7;--panel:#ebe2d4;--gold:#b57a24;--gold2:#8d5b18;--line:rgba(77,57,35,.18);--panel-glass:rgba(255,252,246,.9)}
body{background:#f5f0e7;color:var(--ink)}
.site-header{background:rgba(250,246,238,.94);border-color:rgba(77,57,35,.14);box-shadow:0 10px 35px rgba(77,57,35,.08)}
.brand{width:auto;min-width:185px;font:400 1.72rem/1 Georgia,serif;color:#2c261f;text-decoration:none;letter-spacing:-.035em}
.brand img{display:none}.brand:after{content:"Tobias\00a0Stein"}.brand:before{content:"";display:inline-block;width:27px;height:1px;margin:0 10px 8px 0;background:#b57a24}
.nav a{color:#51483e}.nav a:hover,.nav a.active,.nav a[href="radio-wuenschen.html"]{color:#8d5b18}
.nav a[href="kontakt.html"]{border-color:rgba(141,91,24,.48);color:#6e4512}.nav a[href="kontakt.html"]:hover,.nav a[href="kontakt.html"].active{background:#9a681f;color:#fffaf1}
.menu-btn{border-color:rgba(77,57,35,.24);color:#342b22}
.hero{background-image:url('../images/hero.png');background-position:center 31%;min-height:clamp(650px,calc(100vh - 82px),820px)}
.hero:before{background:linear-gradient(90deg,rgba(247,242,233,.98) 0%,rgba(247,242,233,.9) 34%,rgba(247,242,233,.28) 61%,rgba(247,242,233,.04) 100%),linear-gradient(0deg,rgba(245,240,231,.52),transparent 42%)}
.hero-content{max-width:610px}.hero h1{color:#2b241d;text-shadow:0 2px 20px rgba(255,255,255,.35)}.hero p{color:#554c42}.eyebrow{color:#8d5b18}
.btn{background:#9a681f;border-color:#9a681f;color:#fffaf1}.btn:hover{background:#714812;border-color:#714812;color:#fff}.btn.ghost{background:rgba(255,252,246,.67);border-color:rgba(91,62,25,.48);color:#49351e;backdrop-filter:blur(8px)}.btn.ghost:hover{background:#fffaf2;color:#714812;border-color:#9a681f}
.section,.content,.social-section{background:#f5f0e7}.section.alt{background:#ebe2d4}.section-title,.content h2,.card h3,.feature-link-content strong{color:#2d271f}.lead,.prose p,.section-heading-row>p,.intro-copy>p:not(.lead),.wish-intro p,.dates-heading>p{color:#655c52}
.intro-section:before{opacity:.12!important;filter:blur(18px)!important}.intro-section:after{background:linear-gradient(90deg,rgba(249,246,239,.98),rgba(249,246,239,.94) 55%,rgba(249,246,239,.75))!important}
.editorial-photo{border-color:rgba(77,57,35,.18);box-shadow:0 30px 75px rgba(77,57,35,.2)}.editorial-photo:before{border-color:rgba(255,249,239,.65)}.editorial-photo figcaption{background:rgba(255,250,242,.84);color:#493e32}
.explore-section:before{opacity:.11!important;filter:blur(20px)!important}.explore-section:after{background:rgba(239,231,218,.9)!important}
.feature-link{background:#cfc1ae;border-color:rgba(77,57,35,.2);box-shadow:0 20px 55px rgba(77,57,35,.14)}.feature-link:after{background:linear-gradient(0deg,rgba(43,34,24,.9),rgba(43,34,24,.24) 56%,transparent 78%)}.feature-link:hover:after{background:linear-gradient(0deg,rgba(43,34,24,.94),rgba(43,34,24,.18) 65%,transparent)}.feature-link-content strong{color:#fffaf3}.feature-link-content small{color:#f2cf8c}.feature-link-content em{color:#eee3d3}
.page-hero{background:#ded0bd;border-color:rgba(77,57,35,.16)}.page-hero:before{opacity:.5;filter:blur(9px)}.page-hero:after{background:linear-gradient(90deg,rgba(249,246,239,.97),rgba(249,246,239,.75) 55%,rgba(249,246,239,.28))}.page-hero h1{color:#2d271f;text-shadow:0 3px 20px rgba(255,255,255,.5)}
.content:before,.section:before,.social-section:before{opacity:.12;filter:blur(22px)}.content:after,.section:after,.social-section:after{background:linear-gradient(110deg,rgba(248,244,237,.98),rgba(248,244,237,.88),rgba(248,244,237,.94))}
.content .prose{background:rgba(255,252,247,.86);border-color:rgba(77,57,35,.14);box-shadow:0 24px 65px rgba(77,57,35,.1)}
.feature-image{background:#fffaf2;border-color:rgba(77,57,35,.16);box-shadow:0 22px 60px rgba(77,57,35,.16)}
.track,.video-card,.date-card,.station,.card,.press-download-card{background:rgba(255,252,247,.9);border-color:rgba(77,57,35,.16);box-shadow:0 15px 38px rgba(77,57,35,.08);color:#2d271f}.track h2,.video-card h2,.station h2,.date-body h2{color:#2d271f}.station p,.date-body>p,.card p,.wish-note{color:#746b60}
.station-btn{background:#9a681f;color:#fffaf1}.station-btn:hover{background:#714812}.date-block{background:#b9812e;color:#fffaf1}.date-meta,.example-badge{color:#8d5b18}.example-badge{border-color:rgba(141,91,24,.35)}
.form input,.form textarea,.field input,.field textarea{background:#fffdf9;border-color:rgba(77,57,35,.24);color:#302920}.field label,.check{color:#655c52}.notice,.wish-note{background:#fffaf2;border-color:rgba(77,57,35,.16)}
.social-section:after{background:linear-gradient(110deg,rgba(237,227,211,.97),rgba(237,227,211,.82),rgba(237,227,211,.94))!important}.social-card{background:rgba(255,252,247,.88);border-color:rgba(77,57,35,.16);color:#2d271f}.social-card:hover{background:#fffaf2;border-color:rgba(141,91,24,.48)}.social-card img,.footer-social-links img{filter:none}.social-card small,.footer-social p{color:#746b60}.social-card b{color:#8d5b18}
.site-footer{background:#e6dbc9;color:#665d52;border-color:rgba(77,57,35,.16)}.footer-social-links a{background:rgba(255,252,247,.68);border-color:rgba(77,57,35,.15)}
.wish-hero,.dates-hero{background:linear-gradient(135deg,#f7f1e8,#e5d7c2);border-color:rgba(77,57,35,.15)}.wish-hint{background:rgba(255,252,247,.72);color:#62584d}.admin-entry{color:#85796c}.admin-entry a{color:#6e512d}
@media(max-width:1180px){.nav{background:#f8f3eb;border-color:rgba(77,57,35,.14);box-shadow:0 18px 35px rgba(77,57,35,.12)}}
@media(max-width:820px){.hero{background-position:58% 24%}.hero:before{background:linear-gradient(90deg,rgba(247,242,233,.96),rgba(247,242,233,.7)),linear-gradient(0deg,rgba(245,240,231,.8),transparent 56%)}}
@media(max-width:580px){.hero{background-position:60% 20%;min-height:710px}.hero:before{background:linear-gradient(90deg,rgba(247,242,233,.96),rgba(247,242,233,.68)),linear-gradient(0deg,rgba(245,240,231,.9),transparent 60%)}.hero h1{font-size:3.45rem}.brand{font-size:1.5rem;min-width:165px}.content:after,.section:after,.social-section:after{background:rgba(248,244,237,.92)}}

/* Startseite: klare Trennung zwischen Porträt und Text */
body[data-page="index.html"] .hero{background-position:right 31%;background-size:cover}
body[data-page="index.html"] .hero:before{background:linear-gradient(90deg,#f7f2e9 0%,#f7f2e9 43%,rgba(247,242,233,.96) 50%,rgba(247,242,233,.55) 60%,rgba(247,242,233,0) 72%)}
body[data-page="index.html"] .hero-content{width:48%;max-width:560px;padding-right:28px}
body[data-page="index.html"] .hero h1{font-size:clamp(3.8rem,5.7vw,5.8rem);max-width:540px}
body[data-page="index.html"] .hero p{max-width:530px}
@media(max-width:980px){body[data-page="index.html"] .hero:before{background:linear-gradient(90deg,#f7f2e9 0%,rgba(247,242,233,.97) 52%,rgba(247,242,233,.48) 72%,rgba(247,242,233,0) 100%)}body[data-page="index.html"] .hero-content{width:54%;max-width:520px}body[data-page="index.html"] .hero h1{font-size:clamp(3.6rem,6vw,4.9rem)}}
@media(max-width:720px){body[data-page="index.html"] .hero{display:block;min-height:0;padding-top:390px;background-color:#f7f2e9;background-size:auto 390px;background-position:center top;background-repeat:no-repeat}body[data-page="index.html"] .hero:before{top:0;height:390px;background:linear-gradient(0deg,#f7f2e9 0%,rgba(247,242,233,0) 35%)}body[data-page="index.html"] .hero-content{width:100%;max-width:none;padding:34px 0 58px;background:#f7f2e9}body[data-page="index.html"] .hero h1{font-size:clamp(3.25rem,14vw,4.3rem);max-width:600px;margin-top:14px}body[data-page="index.html"] .hero p{max-width:600px}}
@media(max-width:430px){body[data-page="index.html"] .hero{padding-top:330px;background-size:auto 330px}body[data-page="index.html"] .hero:before{height:330px}body[data-page="index.html"] .hero-content{padding-top:25px}body[data-page="index.html"] .hero h1{font-size:3.15rem}}

/* Premium-Farbwelt: Cognac, Greige und Bronze */
:root{--ink:#30271f;--muted:#66594d;--black:#9a8875;--panel:#b6a28c;--gold:#b8772e;--gold2:#70451d;--line:rgba(58,42,29,.22);--panel-glass:rgba(202,184,161,.9)}
body{background:#9a8875;color:#30271f}
.site-header{background:rgba(104,91,78,.96);border-color:rgba(239,220,194,.2);box-shadow:0 12px 34px rgba(48,34,23,.18)}
.brand{color:#f1dfc7}.brand:before{background:#d69a50}.nav a{color:#eadbc8}.nav a:hover,.nav a.active,.nav a[href="radio-wuenschen.html"]{color:#ffd89a}.nav a[href="kontakt.html"]{border-color:rgba(255,216,154,.55);color:#ffe2b1}.nav a[href="kontakt.html"]:hover,.nav a[href="kontakt.html"].active{background:#c48032;color:#2e2117}.menu-btn{border-color:rgba(245,224,197,.4);color:#f5e4ce}
body[data-page="index.html"] .hero{background-color:#9b8873}
body[data-page="index.html"] .hero:before{background:linear-gradient(90deg,#9b8873 0%,#9b8873 43%,rgba(155,136,115,.96) 50%,rgba(155,136,115,.5) 61%,rgba(155,136,115,0) 73%)}
.hero h1,.hero p,.hero .eyebrow{color:#f8ead6}.hero h1{text-shadow:0 3px 24px rgba(49,33,21,.2)}.hero p{color:#f0dfca}.hero .eyebrow{color:#ffd39a}
.btn{background:#b86f28;border-color:#b86f28;color:#fff3e1}.btn:hover{background:#8d4e1d;border-color:#8d4e1d}.btn.ghost{background:rgba(103,85,68,.46);border-color:rgba(255,227,190,.65);color:#fff1dc}.btn.ghost:hover{background:#7c5f46;color:#fff6e9;border-color:#e2ae70}
.section,.content,.social-section{background:#a89783}.section.alt{background:#b9a58e}.section-title,.content h2,.card h3{color:#33291f}.lead,.prose p,.section-heading-row>p,.intro-copy>p:not(.lead),.wish-intro p,.dates-heading>p{color:#574a3f}
.intro-section:after{background:linear-gradient(90deg,rgba(187,169,147,.98),rgba(187,169,147,.92) 57%,rgba(187,169,147,.7))!important}.explore-section:after{background:rgba(166,147,126,.9)!important}
.content:after,.section:after,.social-section:after{background:linear-gradient(110deg,rgba(176,158,138,.97),rgba(176,158,138,.84),rgba(176,158,138,.92))}
.content .prose,.track,.video-card,.date-card,.station,.card,.press-download-card{background:rgba(207,190,168,.88);border-color:rgba(66,46,30,.2);box-shadow:0 18px 48px rgba(58,39,24,.13)}
.editorial-photo,.feature-image{border-color:rgba(66,46,30,.25);box-shadow:0 28px 70px rgba(58,39,24,.22)}.editorial-photo figcaption{background:rgba(111,91,72,.86);color:#f7e8d4}
.page-hero{background:#9a8670}.page-hero:after{background:linear-gradient(90deg,rgba(166,146,123,.97),rgba(166,146,123,.78) 55%,rgba(166,146,123,.25))}.page-hero h1{color:#fff0dc;text-shadow:0 3px 24px rgba(49,33,21,.32)}.page-hero .eyebrow{color:#ffe0aa}
.social-section:after{background:linear-gradient(110deg,rgba(157,137,116,.97),rgba(157,137,116,.82),rgba(157,137,116,.93))!important}.social-card{background:rgba(207,190,168,.88);border-color:rgba(66,46,30,.2)}.social-card:hover{background:#d8c5ab}.site-footer{background:#756555;color:#ead8c1;border-color:rgba(239,220,194,.18)}.footer-social p{color:#d9c5ad}.footer-social-links a{background:rgba(213,193,168,.15);border-color:rgba(239,220,194,.24)}
.wish-hero,.dates-hero{background:linear-gradient(135deg,#ad9880,#8f7964)}.wish-hint,.wish-note{background:rgba(210,192,169,.78)}
@media(max-width:1180px){.nav{background:#756555;border-color:rgba(239,220,194,.18)}}
@media(max-width:980px){body[data-page="index.html"] .hero:before{background:linear-gradient(90deg,#9b8873 0%,rgba(155,136,115,.97) 52%,rgba(155,136,115,.48) 72%,rgba(155,136,115,0) 100%)}}
@media(max-width:720px){body[data-page="index.html"] .hero{background-color:#9b8873}body[data-page="index.html"] .hero:before{background:linear-gradient(0deg,#9b8873 0%,rgba(155,136,115,0) 35%)}body[data-page="index.html"] .hero-content{background:#9b8873}}
@media(max-width:580px){.content:after,.section:after,.social-section:after{background:rgba(176,158,138,.92)}}

/* Kompakte Seitenköpfe */
.page-hero{min-height:225px;padding:38px 0 34px}.page-hero h1{font-size:clamp(2.65rem,4.5vw,4.15rem);margin:10px 0;line-height:.95}.page-hero .eyebrow{font-size:.7rem;letter-spacing:.19em}.page-hero:before{filter:blur(7px)}
.wish-hero,.dates-hero{padding:34px 0 0}.wish-hero-grid,.dates-hero-grid{gap:38px}.wish-hero h1,.dates-hero h1{font-size:clamp(3rem,5vw,4.6rem);margin:10px 0 17px}.wish-photo,.dates-photo{height:390px}.wish-hint{margin-top:18px;padding:12px 15px}.dates-hero .btn{margin-top:14px}

/* Neue Social-Media-Markenicons */
.social-card img{width:50px;height:50px;padding:12px;border-radius:16px;object-fit:contain;filter:brightness(0) invert(1);box-shadow:0 9px 22px rgba(45,30,19,.22),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .25s,box-shadow .25s}
.social-card:hover img{transform:translateY(-3px) rotate(-3deg) scale(1.06);box-shadow:0 14px 28px rgba(45,30,19,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.social-card.tiktok img{background:linear-gradient(145deg,#17141b 15%,#342437 55%,#e34e70)}
.social-card.instagram img{background:radial-gradient(circle at 30% 105%,#ffd36c 0 20%,#f15a4f 42%,#b3319b 68%,#5656c9 100%)}
.social-card.facebook img{background:linear-gradient(145deg,#3989eb,#1558ae)}
.social-card.youtube img{background:linear-gradient(145deg,#ff5252,#b90000)}
.footer-social-links a{min-height:42px;border-radius:12px}.footer-social-links img{width:26px;height:26px;padding:6px;border-radius:8px;filter:brightness(0) invert(1);box-shadow:0 5px 12px rgba(45,30,19,.2)}
.footer-social-links a[href*="tiktok"] img{background:linear-gradient(145deg,#17141b,#e34e70)}
.footer-social-links a[href*="instagram"] img{background:radial-gradient(circle at 30% 105%,#ffd36c,#f15a4f 42%,#b3319b 70%,#5656c9)}
.footer-social-links a[href*="facebook"] img{background:linear-gradient(145deg,#3989eb,#1558ae)}
.footer-social-links a[href*="youtube"] img{background:linear-gradient(145deg,#ff5252,#b90000)}
@media(max-width:820px){.page-hero{min-height:195px;padding:32px 0 28px}.wish-hero-grid,.dates-hero-grid{grid-template-columns:1fr 240px}.wish-photo,.dates-photo{height:310px}.wish-hero h1,.dates-hero h1{font-size:3.35rem}}
@media(max-width:640px){.page-hero{min-height:175px;padding:27px 0 23px}.page-hero h1{font-size:2.8rem}.wish-hero,.dates-hero{padding-top:29px}.wish-hero-grid,.dates-hero-grid{grid-template-columns:1fr}.wish-photo,.dates-photo{height:300px}.wish-hero h1,.dates-hero h1{font-size:3.1rem}.social-card img{width:46px;height:46px;border-radius:14px}.footer-social-links a{border-radius:11px}}

/* Korrektur: kontrastreiche Social-Media-Symbole */
.social-card img{filter:none!important}
.social-card.tiktok img{background:linear-gradient(145deg,#93f3ed,#ff9fb6)}
.social-card.instagram img{background:radial-gradient(circle at 25% 105%,#ffe59c 0 25%,#ff9a8e 52%,#c994e8 100%)}
.social-card.facebook img{background:linear-gradient(145deg,#b8dcff,#79aeea)}
.social-card.youtube img{background:linear-gradient(145deg,#ffbeb8,#ef7772)}
.footer-social-links img{filter:none!important}
.footer-social-links a[href*="tiktok"] img{background:linear-gradient(145deg,#93f3ed,#ff9fb6)}
.footer-social-links a[href*="instagram"] img{background:radial-gradient(circle at 25% 105%,#ffe59c,#ff9a8e 55%,#c994e8)}
.footer-social-links a[href*="facebook"] img{background:linear-gradient(145deg,#b8dcff,#79aeea)}
.footer-social-links a[href*="youtube"] img{background:linear-gradient(145deg,#ffbeb8,#ef7772)}

/* Originales Tobias-Stein-Logo im Seitenkopf */
.brand{display:flex;width:205px;min-width:205px;height:56px;align-items:center;padding:7px 10px;background:#050505;border:1px solid rgba(239,220,194,.2);box-shadow:0 7px 18px rgba(45,30,19,.18)}
.brand img{display:block;width:100%;height:auto;max-height:42px;object-fit:contain}
.brand:before,.brand:after{content:none}
@media(max-width:580px){.brand{width:174px;min-width:174px;height:49px;padding:6px 8px}.brand img{max-height:36px}}

/* Finale Abstimmung: Logo bündig in dunkler Leiste, Seitenflächen heller */
:root{--black:#c4b299;--panel:#d2c1aa;--panel-glass:rgba(225,210,190,.92)}
body{background:#c4b299}
.site-header{background:#050505;border-bottom:1px solid rgba(214,154,80,.28);box-shadow:0 12px 34px rgba(45,30,19,.2)}
.header-inner{height:86px}
.brand{width:220px;min-width:220px;height:auto;padding:0;background:transparent;border:0;box-shadow:none}
.brand img{width:100%;max-height:58px;object-fit:contain}
.nav a{color:#e7ded2}.nav a:hover,.nav a.active,.nav a[href="radio-wuenschen.html"]{color:#e2ad68}.nav a[href="kontakt.html"]{border-color:rgba(226,173,104,.62);color:#f0c58c}.nav a[href="kontakt.html"]:hover,.nav a[href="kontakt.html"].active{background:#bd7930;color:#090603}.menu-btn{border-color:rgba(226,173,104,.48);color:#efd8bb}
.section,.content,.social-section{background:#cbbba5}.section.alt{background:#d6c6b1}
.intro-section:after{background:linear-gradient(90deg,rgba(215,199,177,.98),rgba(215,199,177,.92) 57%,rgba(215,199,177,.72))!important}.explore-section:after{background:rgba(199,182,159,.91)!important}
.content:after,.section:after,.social-section:after{background:linear-gradient(110deg,rgba(207,191,169,.97),rgba(207,191,169,.85),rgba(207,191,169,.93))}
.content .prose,.track,.video-card,.date-card,.station,.card,.press-download-card,.social-card{background:rgba(231,217,197,.9)}
.social-section:after{background:linear-gradient(110deg,rgba(198,181,159,.97),rgba(198,181,159,.84),rgba(198,181,159,.93))!important}
.page-hero:after{background:linear-gradient(90deg,rgba(180,160,137,.97),rgba(180,160,137,.77) 55%,rgba(180,160,137,.23))}
@media(max-width:1180px){.nav{top:86px;background:#050505;border-color:rgba(226,173,104,.24)}}
@media(max-width:580px){.header-inner{height:72px}.brand{width:188px;min-width:188px;height:auto;padding:0}.brand img{max-height:50px}.nav{top:72px}.content:after,.section:after,.social-section:after{background:rgba(207,191,169,.93)}}

/* Hauptbühne: Text und Porträt sind vollständig getrennte Bereiche */
body[data-page="index.html"] .hero{display:block;min-height:0;background:none;padding:0}
body[data-page="index.html"] .hero:before{content:none}
body[data-page="index.html"] .hero-layout{display:grid;grid-template-columns:minmax(430px,46%) minmax(0,54%);min-height:720px;background:#9b8873}
body[data-page="index.html"] .hero-copy{display:flex;align-items:center;padding-left:max(28px,calc((100vw - 1240px)/2));padding-right:44px}
body[data-page="index.html"] .hero-content{width:100%;max-width:560px;padding:72px 0}
body[data-page="index.html"] .hero-portrait{min-width:0;height:720px;margin:0;overflow:hidden;background:#806d5b}
body[data-page="index.html"] .hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
body[data-page="index.html"] .hero h1{max-width:540px;font-size:clamp(3.8rem,5.7vw,5.8rem)}
@media(max-width:980px){body[data-page="index.html"] .hero-layout{grid-template-columns:minmax(380px,48%) minmax(0,52%);min-height:650px}body[data-page="index.html"] .hero-copy{padding-left:28px;padding-right:30px}body[data-page="index.html"] .hero-content{width:100%;max-width:480px;padding:58px 0}body[data-page="index.html"] .hero-portrait{height:650px}body[data-page="index.html"] .hero h1{font-size:clamp(3.35rem,5.7vw,4.7rem)}}
@media(max-width:720px){body[data-page="index.html"] .hero-layout{display:flex;min-height:0;flex-direction:column;background:#9b8873}body[data-page="index.html"] .hero-portrait{order:-1;width:100%;height:390px}body[data-page="index.html"] .hero-portrait img{object-position:center 28%}body[data-page="index.html"] .hero-copy{display:block;padding:0 26px}body[data-page="index.html"] .hero-content{max-width:620px;padding:34px 0 58px}body[data-page="index.html"] .hero h1{font-size:clamp(3.25rem,14vw,4.3rem);max-width:600px}}
@media(max-width:430px){body[data-page="index.html"] .hero-portrait{height:330px}body[data-page="index.html"] .hero-copy{padding:0 18px}body[data-page="index.html"] .hero-content{padding:25px 0 50px}body[data-page="index.html"] .hero h1{font-size:3.15rem}}

/* Video-Vorschau während der Neuproduktion */
.video-coming-soon{align-items:center}.video-coming-copy{padding:34px 0}.video-coming-copy>p:not(.lead){max-width:650px;color:#574a3f;font-size:1.05rem}.video-coming-copy .notice{max-width:560px;margin-top:30px}.video-coming-photo{position:relative;height:610px;margin:0;overflow:hidden;box-shadow:0 28px 70px rgba(58,39,24,.22)}.video-coming-photo:after{content:"";position:absolute;inset:16px;border:1px solid rgba(238,207,166,.55);pointer-events:none}.video-coming-photo img{width:100%;height:100%;object-fit:cover;object-position:center 23%}.video-coming-photo figcaption{position:absolute;z-index:1;left:28px;bottom:26px;padding:10px 14px;background:rgba(5,5,5,.78);color:#f3dfc5;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;backdrop-filter:blur(8px)}
@media(max-width:820px){.video-coming-photo{height:540px}}
@media(max-width:580px){.video-coming-copy{padding:10px 0}.video-coming-photo{height:430px}.video-coming-photo figcaption{left:18px;right:18px;bottom:18px}}

/* Dezente Shooting-Bildnachweise */
.editorial-photo figcaption,.video-coming-photo figcaption{font-size:.6rem;letter-spacing:.1em;padding:6px 9px;opacity:.88}

/* Bildnachweis für Pressefotos */
.press-download-info{display:grid;gap:9px}.press-credit{display:block;color:#65584b;font-size:.66rem;letter-spacing:.06em;text-transform:none}.press-download-info .btn{margin-top:4px}

/* Modernes, weich gerundetes Button-System */
.btn{min-height:50px;padding:0 25px;border-radius:999px;background:linear-gradient(135deg,#c68337,#a95f22);border:1px solid rgba(116,62,22,.45);box-shadow:0 10px 24px rgba(73,42,20,.18),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#d29349,#b76a28);border-color:rgba(116,62,22,.5);box-shadow:0 15px 30px rgba(73,42,20,.24),inset 0 1px 0 rgba(255,255,255,.3)}
.btn:active{transform:translateY(-1px);box-shadow:0 7px 16px rgba(73,42,20,.2)}
.btn.ghost{border-radius:999px;background:rgba(224,204,178,.2);border:1px solid rgba(105,69,36,.42);color:#4d331f;box-shadow:0 8px 20px rgba(53,36,24,.1);backdrop-filter:blur(9px)}
.btn.ghost:hover{background:rgba(239,220,196,.32);border-color:#e0ad6a;box-shadow:0 13px 26px rgba(53,36,24,.16)}
.nav a[href="kontakt.html"]{border-radius:999px;padding:11px 17px}.menu-btn{border-radius:13px}
.station-btn{border-radius:14px;background:linear-gradient(135deg,#c68337,#a95f22);box-shadow:0 10px 22px rgba(73,42,20,.16);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.station-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#d29349,#b76a28);box-shadow:0 15px 28px rgba(73,42,20,.23)}
.admin-event button{border-radius:999px;padding:9px 15px}.form .btn{justify-self:start}
body[data-page="index.html"] .hero .btn.ghost{background:rgba(103,85,68,.46);border-color:rgba(255,227,190,.65);color:#fff1dc}
@media(max-width:580px){.btn{min-height:47px;padding:0 19px}.station-btn{border-radius:12px}.nav a[href="kontakt.html"]{border-radius:14px}}

/* Bildfokus der neu generierten Bereichsmotive */
.wish-photo img{object-position:center 23%}.dates-photo img{object-position:center 27%}body[data-page="radio.html"] .feature-image img{width:100%;height:auto;object-fit:cover}

/* Albumwerbung auf der Terminseite */
.album-promo-section{position:relative;padding:92px 0;background:linear-gradient(125deg,#17191c 0%,#24201d 52%,#5c2a22 100%);color:#f6e9d7;overflow:hidden}.album-promo-section:before{content:"";position:absolute;inset:-60px;background:url('../images/album-grenzenlose-leidenschaft-2026.jpeg') center/cover no-repeat;filter:blur(34px);transform:scale(1.12);opacity:.2}.album-promo-section:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,17,19,.84),rgba(23,20,18,.72),rgba(74,31,27,.8))}.album-promo-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:74px;align-items:center}.album-cover{margin:0;position:relative;box-shadow:0 35px 85px rgba(0,0,0,.42);transform:rotate(-1.2deg)}.album-cover:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,232,199,.3);pointer-events:none}.album-cover img{width:100%;height:auto;display:block}.album-promo-copy .eyebrow{color:#e8ae61}.album-promo-copy .section-title{color:#fff1dc;margin-bottom:22px}.album-promo-copy .lead{color:#e8d8c3}.release-dates{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:32px 0}.release-date{display:grid;gap:5px;padding:20px 22px;border:1px solid rgba(232,174,97,.34);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(9px)}.release-date time{color:#f3bc73;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.release-date span{color:#f5e7d5;font:400 1.1rem/1.35 Georgia,serif}.date-venue a{color:inherit;text-decoration-color:#a96328;text-decoration-thickness:2px;text-underline-offset:4px}.date-venue a:hover{color:#8a4e22}
@media(max-width:820px){.album-promo-section{padding:72px 0}.album-promo-grid{grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:42px}.release-dates{grid-template-columns:1fr}}
@media(max-width:640px){.album-promo-section{padding:60px 0}.album-promo-grid{grid-template-columns:1fr;gap:38px}.album-cover{max-width:460px;margin:auto;transform:none}.release-dates{grid-template-columns:1fr}.release-date{border-radius:15px}}

/* Verbundener Startbereich: Hauptbühne und Willkommen */
body[data-page="index.html"] .hero-welcome{padding:54px 0 58px;border-top:1px solid rgba(255,230,198,.25);background:linear-gradient(115deg,#917b66,#7e6855);color:#f8ead6}body[data-page="index.html"] .hero-welcome-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end}body[data-page="index.html"] .hero-welcome-copy{max-width:840px}body[data-page="index.html"] .hero-welcome h2{margin:6px 0 18px;color:#fff0da;font:400 clamp(2.2rem,4.2vw,3.65rem)/1.05 Georgia,serif}body[data-page="index.html"] .hero-welcome p{max-width:800px;margin:10px 0;color:#ead9c4;font-size:1rem;line-height:1.65}body[data-page="index.html"] .hero-welcome p.lead{color:#f5e6d2;font-size:1.1rem}body[data-page="index.html"] .hero-welcome-action{margin:0 0 5px;white-space:nowrap}

/* Sehr kompakte Albumwerbung auf der Startseite */
.album-promo-home{padding:44px 0}.album-promo-home .album-promo-grid{grid-template-columns:130px minmax(0,1fr);gap:34px}.album-promo-home .album-cover{width:100%;max-width:130px;transform:none}.album-promo-home .album-cover:after{inset:7px}.album-promo-home .album-promo-copy .section-title{font-size:clamp(1.85rem,3.5vw,3rem);margin-bottom:9px}.album-promo-home .album-promo-copy .lead{font-size:1rem}.album-promo-home .release-dates{gap:9px;margin:18px 0}.album-promo-home .release-date{padding:12px 14px}.album-promo-home .release-date span{font-size:.94rem}

/* Kleine, separate Albumkarte bei den Hörproben */
.album-listening-card{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:center;margin:0 0 42px;padding:26px 30px;border:1px solid rgba(142,91,48,.24);border-radius:24px;background:linear-gradient(120deg,#29251f,#553326 68%,#7a4330);color:#f8ead7;box-shadow:0 22px 56px rgba(70,48,32,.2);overflow:hidden}.album-listening-card:before{content:"";position:absolute;inset:-35px;background:url('../images/album-grenzenlose-leidenschaft-2026.jpeg') center/cover no-repeat;filter:blur(30px);opacity:.17;transform:scale(1.12)}.album-listening-card:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(29,27,24,.88),rgba(74,43,31,.82))}.album-listening-cover,.album-listening-copy{position:relative;z-index:1}.album-listening-cover{margin:0;border-radius:12px;overflow:hidden;box-shadow:0 16px 34px rgba(0,0,0,.34)}.album-listening-cover img{display:block;width:100%;height:auto}.album-listening-copy .eyebrow{color:#eab56e}.album-listening-copy h2{margin:4px 0 10px;color:#fff2df;font:400 clamp(1.65rem,3vw,2.45rem)/1.08 Georgia,serif}.album-listening-copy p{max-width:720px;margin:0;color:#ead9c4;line-height:1.65}.album-listening-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.album-listening-meta span{padding:8px 12px;border:1px solid rgba(234,181,110,.32);border-radius:999px;background:rgba(255,255,255,.07);color:#f4d7b2;font-size:.76rem;font-weight:800;letter-spacing:.04em}

@media(max-width:820px){body[data-page="index.html"] .hero-welcome-layout{grid-template-columns:1fr;gap:20px}body[data-page="index.html"] .hero-welcome-action{margin:0}.album-promo-home .album-promo-grid{grid-template-columns:110px minmax(0,1fr);gap:26px}.album-promo-home .album-cover{max-width:110px}.album-promo-home .release-dates{grid-template-columns:1fr 1fr}.album-listening-card{grid-template-columns:100px minmax(0,1fr);gap:22px}}
@media(max-width:640px){body[data-page="index.html"] .hero-welcome{padding:42px 0 46px}body[data-page="index.html"] .hero-welcome h2{font-size:2.25rem}.album-promo-home{padding:38px 0}.album-promo-home .album-promo-grid{grid-template-columns:90px minmax(0,1fr);gap:20px;align-items:start}.album-promo-home .album-cover{max-width:90px}.album-promo-home .release-dates{grid-template-columns:1fr}.album-listening-card{grid-template-columns:82px minmax(0,1fr);gap:16px;padding:18px;border-radius:18px}.album-listening-copy h2{font-size:1.35rem}.album-listening-copy p{font-size:.88rem;line-height:1.5}.album-listening-meta{display:grid}.album-listening-meta span{font-size:.65rem}}

/* Startseite: alle Einleitungstexte direkt in der Hauptbühne */
body[data-page="index.html"] .hero-lead{margin-bottom:10px}body[data-page="index.html"] .hero-story{margin-top:0;color:#ead7bf;font-size:.98rem;line-height:1.6}body[data-page="index.html"] .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px;gap:11px;margin-top:25px}body[data-page="index.html"] .hero-actions .btn{width:100%;padding-inline:16px;text-align:center}

/* Startseite: Albumtext links, kleines Cover rechts */
body[data-page="index.html"] .album-promo-home{padding:64px 0;background:linear-gradient(110deg,#cab79f,#bda78d);color:#33271e}body[data-page="index.html"] .album-promo-home:before{inset:-45px;filter:blur(38px);opacity:.08}body[data-page="index.html"] .album-promo-home:after{background:linear-gradient(105deg,rgba(205,188,165,.98),rgba(190,167,140,.94))}body[data-page="index.html"] .album-promo-home .album-promo-grid{grid-template-columns:minmax(0,1fr) 430px;gap:64px;align-items:center}body[data-page="index.html"] .album-promo-home .album-promo-copy{grid-column:1;grid-row:1}body[data-page="index.html"] .album-promo-home .album-cover{grid-column:2;grid-row:1;width:380px;max-width:380px;justify-self:center;margin:0;transform:none;box-shadow:0 24px 56px rgba(72,45,25,.28)}body[data-page="index.html"] .album-promo-home .album-promo-copy .eyebrow{color:#8d571b}body[data-page="index.html"] .album-promo-home .album-promo-copy .section-title{color:#34281f}body[data-page="index.html"] .album-promo-home .album-promo-copy .lead{color:#57483b}body[data-page="index.html"] .album-promo-home .release-date{border-color:rgba(108,70,35,.24);background:rgba(255,248,238,.25)}body[data-page="index.html"] .album-promo-home .release-date time{color:#824c18}body[data-page="index.html"] .album-promo-home .release-date span{color:#3d3026}body[data-page="index.html"] .album-promo-home .btn.ghost{color:#4d331f;border-color:rgba(105,69,36,.42)}
@media(max-width:1100px){body[data-page="index.html"] .album-promo-home .album-promo-grid{grid-template-columns:minmax(0,1fr) 320px;gap:42px}body[data-page="index.html"] .album-promo-home .album-cover{width:290px;max-width:290px}}
@media(max-width:820px){body[data-page="index.html"] .album-promo-home .album-promo-grid{grid-template-columns:minmax(0,1fr) 230px;gap:30px}body[data-page="index.html"] .album-promo-home .album-cover{width:210px;max-width:210px}body[data-page="index.html"] .album-promo-home .release-dates{grid-template-columns:1fr}}
@media(max-width:640px){body[data-page="index.html"] .hero-actions{max-width:none}body[data-page="index.html"] .album-promo-home .album-promo-grid{grid-template-columns:1fr;gap:28px}body[data-page="index.html"] .album-promo-home .album-promo-copy{grid-column:1;grid-row:1}body[data-page="index.html"] .album-promo-home .album-cover{grid-column:1;grid-row:2;width:170px;max-width:170px;justify-self:start}}

/* Sicherer Kontrast für den Albumtitel auf der Hörproben-Seite */
body[data-page="hoerproben.html"] .content .album-listening-card .album-listening-copy h2{color:#fff4e5!important;opacity:1;text-shadow:0 2px 16px rgba(0,0,0,.5)}

/* Finale Layout- und Bedienoptimierungen */
.hero-secondary-links{display:flex;flex-wrap:wrap;gap:11px 24px;margin-top:18px}
.hero-secondary-links a{position:relative;color:#f4dfc5;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.hero-secondary-links a:after{content:"→";margin-left:7px;color:#e5ad68;transition:transform .2s ease}
.hero-secondary-links a:hover:after{display:inline-block;transform:translateX(4px)}
body[data-page="index.html"] .hero-actions{display:flex;max-width:none;gap:11px}
body[data-page="index.html"] .hero-actions .btn{width:auto;min-width:175px}

body[data-page="index.html"] .album-promo-home .album-cover{border-radius:20px;overflow:hidden}
body[data-page="index.html"] .album-promo-home .album-cover img{aspect-ratio:1.105/1;object-fit:cover}

.press-intro{position:relative;max-width:940px;margin:0 auto 76px;padding:44px 48px 44px 56px;border-left:4px solid #b86f2d;border-radius:0 26px 26px 0;background:linear-gradient(115deg,rgba(238,222,201,.96),rgba(214,193,167,.8));box-shadow:0 22px 55px rgba(61,41,25,.12)}
.press-intro:after{content:"PRESSE";position:absolute;right:36px;bottom:17px;color:rgba(99,66,37,.08);font:700 clamp(3rem,7vw,6rem)/1 Georgia,serif;letter-spacing:.07em;pointer-events:none}
.press-intro-copy{position:relative;z-index:1;max-width:690px}

.editorial-portrait{position:relative;margin:0;padding:0!important;border:0!important;border-radius:30px 4px 30px 4px;overflow:hidden;background:transparent!important;box-shadow:0 32px 72px rgba(58,39,24,.24)!important}
.editorial-portrait:before{content:"";position:absolute;z-index:1;inset:15px;border:1px solid rgba(248,224,193,.7);border-radius:21px 2px 21px 2px;pointer-events:none}
.editorial-portrait:after{content:"";position:absolute;z-index:1;top:0;right:0;width:7px;height:34%;background:linear-gradient(#d69a50,#955419);pointer-events:none}
.editorial-portrait img{display:block;width:100%;max-height:none!important;aspect-ratio:4/5;object-fit:cover;object-position:center 26%}
.editorial-portrait figcaption{position:absolute;z-index:2;left:28px;bottom:24px;padding:7px 10px;border-radius:999px;background:rgba(43,31,22,.72);color:#f1dfc7;font-size:.62rem;letter-spacing:.06em;backdrop-filter:blur(10px)}

.track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.custom-track{display:grid;gap:16px;min-width:0;padding:22px 24px;border-radius:22px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.custom-track:hover,.custom-track.is-playing{transform:translateY(-2px);border-color:rgba(164,96,40,.42);box-shadow:0 20px 42px rgba(61,41,25,.14)}
.track-heading{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:center}
.track-number{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:rgba(170,107,46,.12);color:#95571f;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.track h2{margin:0;font:500 1.16rem/1.3 Georgia,serif}
.audio-player{display:grid;grid-template-columns:50px minmax(0,1fr);gap:15px;align-items:center}
.audio-player audio{display:none}
.track-play{display:grid;width:50px;height:50px;place-items:center;padding:0;border:1px solid rgba(103,61,27,.36);border-radius:50%;background:linear-gradient(145deg,#cc873e,#9e5720);color:#fff7ed;cursor:pointer;box-shadow:0 10px 20px rgba(80,44,19,.18);transition:transform .2s ease,box-shadow .2s ease}
.track-play:hover{transform:scale(1.05);box-shadow:0 14px 26px rgba(80,44,19,.25)}
.track-play:focus-visible,.track-progress:focus-visible{outline:3px solid rgba(184,111,45,.38);outline-offset:3px}
.track-play span{font-size:.9rem;line-height:1;transform:translateX(1px)}
.custom-track.is-playing .track-play span{font-size:.72rem;letter-spacing:-.1em;transform:none}
.track-timeline{display:grid;gap:7px;min-width:0}
.track-progress{width:100%;height:6px;margin:0;accent-color:#aa6329;cursor:pointer}
.track-time{display:flex;justify-content:space-between;color:#776658;font-size:.68rem;font-variant-numeric:tabular-nums}

.event-legend{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}
.event-type{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid currentColor;border-radius:999px;font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.event-type.radio{color:#5b668d;background:rgba(111,127,177,.1)}
.event-type.stage{color:#8d4d28;background:rgba(178,93,43,.1)}
.event-type.event{color:#61734a;background:rgba(110,134,75,.1)}
.date-card{min-height:178px;border-radius:23px;overflow:hidden}
.date-block{width:148px;min-width:148px;padding:24px 18px}
.date-body{position:relative;padding:22px 28px}
.date-body .event-type{margin-bottom:9px}
.date-body h2{margin:4px 0 7px;font-size:1.42rem}
.date-body>p{margin:5px 0}
.date-meta{margin-bottom:2px;font-size:.72rem}
.date-card-radio{border-left:4px solid #7481ad}
.date-card-stage{border-left:4px solid #b66d3c}
.date-card-event{border-left:4px solid #819663}

.wish-hero,.dates-hero{padding:44px 0}
.wish-photo,.dates-photo{height:330px;border-radius:26px 4px 26px 4px}
.wish-photo:after,.dates-photo:after{border-radius:19px 2px 19px 2px}

.footer-social{gap:24px}.footer-social-links{gap:9px}.footer-social-links a{padding:7px 10px}
.production-credit{margin-top:22px;padding-top:16px;border-top:1px solid rgba(76,55,37,.13);color:#817468;font-size:.69rem;letter-spacing:.035em;text-align:right}
.production-credit a{color:#6d5134;text-decoration:none;transition:color .2s ease}
.production-credit a:hover{color:#9a5d25;text-decoration:underline;text-underline-offset:3px}
.intro-section:before{background-image:url('../images/web/tobias-final-03.jpg')!important}
.explore-section:before{background-image:url('../images/web/hero.jpg')!important}
.album-promo-section:before,.album-listening-card:before{background-image:url('../images/web/album-grenzenlose-leidenschaft-2026.jpg')}

@media(max-width:820px){
  .track-list{grid-template-columns:1fr}
  .date-block{width:126px;min-width:126px}
  .wish-photo,.dates-photo{height:270px}
  .press-intro{margin-bottom:58px;padding:38px 40px}
}
@media(max-width:640px){
  body[data-page="index.html"] .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  body[data-page="index.html"] .hero-actions .btn{width:100%;min-width:0}
  .hero-secondary-links{gap:10px 18px}
  body[data-page="index.html"] .album-promo-home .album-cover{width:240px;max-width:240px;justify-self:center}
  .press-intro{padding:30px 26px 32px 30px;border-radius:0 20px 20px 0}
  .press-intro:after{right:18px;font-size:3rem}
  .custom-track{padding:19px 18px}
  .track-heading{grid-template-columns:36px minmax(0,1fr);gap:11px}
  .track-number{width:36px;height:36px}
  .audio-player{grid-template-columns:45px minmax(0,1fr);gap:12px}
  .track-play{width:45px;height:45px}
  .date-card{display:grid;grid-template-columns:86px minmax(0,1fr);min-height:0}
  .date-block{width:86px;min-width:86px;padding:20px 10px}
  .date-body{padding:19px 18px}
  .date-body h2{font-size:1.2rem}
  .wish-photo,.dates-photo{height:265px}
  .editorial-portrait figcaption{left:18px;bottom:18px}
  .production-credit{text-align:left}
}