/*
Theme Name: REACHED Hardrock
Theme URI: https://reached-music.eu
Author: Visionwave Media
Description: Modernes Theme in den REACHED-Logofarben für deutschen Hardrock und Böhse-Onkelz-Cover aus NRW.
Version: 1.1.0
Text Domain: reached-hardrock
*/
:root{--black:#070605;--coal:#110d09;--white:#f4eee6;--muted:#b9aa9a;--line:#4a2b13;--orange:#e17600;--gold:#f4a300;--ember:#a71f0b;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.6}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;background:rgba(7,6,5,.88);border-bottom:1px solid rgba(225,118,0,.35);backdrop-filter:blur(14px)}.header-inner{height:82px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:14px;margin-right:auto}.custom-logo{max-height:58px;width:auto}.wordmark{font-size:1.55rem;font-weight:900;letter-spacing:.18em;background:linear-gradient(100deg,var(--gold),var(--orange),#be2910);-webkit-background-clip:text;color:transparent}.wordmark small{display:block;color:var(--muted);-webkit-text-fill-color:var(--muted);font-size:.58rem;letter-spacing:.26em}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:24px}.nav-menu a{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.nav-menu a:hover{color:var(--gold)}.menu-toggle{display:none;background:transparent;border:1px solid var(--orange);color:var(--gold);padding:10px 13px}
.hero{min-height:100vh;display:grid;align-items:end;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 24%,#4b1607 0%,#140b06 33%,#070605 68%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,2,1,.96) 0%,rgba(13,7,2,.68) 48%,rgba(72,19,4,.18)),linear-gradient(0deg,#070605 0%,transparent 38%);z-index:1}.hero:after{content:"";position:absolute;z-index:1;width:55vw;height:55vw;right:-18vw;bottom:-32vw;border-radius:50%;border:1px solid rgba(244,163,0,.28);box-shadow:0 0 90px rgba(225,70,0,.16),inset 0 0 90px rgba(225,70,0,.12)}.hero-media{position:absolute;inset:0;background-position:center;background-size:cover;filter:grayscale(.55) contrast(1.18) sepia(.2)}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(244,163,0,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(244,163,0,.35) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,black,transparent)}.hero-content{position:relative;z-index:2;padding:180px 0 110px;max-width:920px}.eyebrow{display:inline-flex;gap:12px;align-items:center;color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-size:.78rem;font-weight:900}.eyebrow:before{content:"";width:46px;height:2px;background:linear-gradient(90deg,var(--gold),var(--ember))}.hero h1{font-size:clamp(4rem,12vw,10rem);line-height:.78;margin:30px 0 24px;letter-spacing:-.07em;text-transform:uppercase;text-shadow:0 12px 40px rgba(0,0,0,.8)}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px var(--orange);filter:drop-shadow(0 0 20px rgba(225,118,0,.22))}.lead{font-size:clamp(1.1rem,2vw,1.5rem);max-width:680px;color:#d7c8b9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-block;padding:14px 24px;border:1px solid var(--orange);background:linear-gradient(110deg,var(--gold),var(--orange),var(--ember));color:#090604;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900;transition:.2s;box-shadow:0 8px 28px rgba(167,31,11,.24)}.btn:hover{background:transparent;color:var(--gold);transform:translateY(-2px)}.btn.outline{background:rgba(0,0,0,.18);color:var(--gold)}.btn.outline:hover{background:var(--orange);color:#090604}
.section{padding:110px 0}.section.light{position:relative;background:linear-gradient(135deg,#160c07 0%,#080706 54%,#220c06 100%);color:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section.light:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(225,118,0,.11),transparent 30%);pointer-events:none}.section-head{display:grid;grid-template-columns:.8fr 2fr;gap:40px;margin-bottom:55px;align-items:start}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:900;color:var(--orange)}.section h2{font-size:clamp(2.4rem,6vw,5rem);line-height:.95;margin:0;text-transform:uppercase;letter-spacing:-.045em}.section-copy{font-size:1.18rem;max-width:730px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:linear-gradient(145deg,#17100b,#0d0a08);padding:34px;min-height:260px;transition:.25s}.card:hover{background:linear-gradient(145deg,#261308,#130b07);transform:translateY(-4px)}.card-number{font-size:.72rem;letter-spacing:.2em;color:var(--orange)}.card h3{text-transform:uppercase;font-size:1.4rem;letter-spacing:.04em;margin:70px 0 10px}.card p{color:var(--muted);margin:0}
.statement{padding:90px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:linear-gradient(115deg,#3f1008,var(--ember) 45%,var(--orange) 100%);color:#fff;position:relative;overflow:hidden}.statement:after{content:"REACHED";position:absolute;inset:auto 0 -35%;font-size:20vw;font-weight:900;line-height:1;color:rgba(0,0,0,.12);letter-spacing:-.08em}.statement p{position:relative;z-index:1;font-size:clamp(2rem,5vw,4.8rem);line-height:1.06;font-weight:900;text-transform:uppercase;margin:0;letter-spacing:-.04em}.media-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.video-box{aspect-ratio:16/9;background:radial-gradient(circle at center,#321007,#100b08 60%);border:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:30px}.video-box:hover .play{background:var(--orange);color:#070605;transform:scale(1.08)}.play{width:74px;height:74px;border:2px solid var(--orange);color:var(--gold);border-radius:50%;display:grid;place-items:center;margin:auto auto 20px;font-size:1.4rem;transition:.2s}.quote-box{background:linear-gradient(145deg,var(--gold),var(--orange) 58%,var(--ember));color:#080808;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.quote-box blockquote{font-size:1.6rem;font-weight:800;line-height:1.25;margin:0}
.booking{background:linear-gradient(120deg,#f0a000 0%,#db5c00 55%,#8d1709 100%);color:#080604;position:relative;overflow:hidden}.booking:after{content:"";position:absolute;width:420px;height:420px;border:90px solid rgba(0,0,0,.08);border-radius:50%;right:-170px;top:-180px}.booking-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.booking h2{font-size:clamp(3.2rem,8vw,7rem);line-height:.85}.booking .kicker{color:#371006}.booking .btn{background:#080604;color:var(--gold);border-color:#080604;box-shadow:none}.booking .btn:hover{background:transparent;color:#080604}.site-footer{padding:48px 0;background:#080604;border-top:1px solid var(--line);color:#b9aa9a}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-nav{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.page-hero{padding:180px 0 80px;background:radial-gradient(circle at 85% 20%,#551507,#160c07 35%,#080706 75%);border-bottom:1px solid var(--orange)}.page-hero h1{font-size:clamp(3rem,8vw,7rem);line-height:.9;margin:0;text-transform:uppercase}.content-area{padding:80px 0;max-width:900px}.content-area h2,.content-area h3{text-transform:uppercase}.post-list article{padding:35px 0;border-bottom:1px solid var(--line)}.post-list h2{font-size:2rem}.screen-reader-text{position:absolute;left:-9999px}.legal-note{font-size:.72rem;color:#38150d;margin-top:20px}
@media(max-width:850px){body.admin-bar .site-header{top:46px}.header-inner{height:70px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0a0705;padding:25px 20px;border-bottom:1px solid var(--orange)}.main-nav.open{display:block}.nav-menu{display:grid;gap:18px}.hero-content{padding-bottom:75px}.section{padding:75px 0}.section-head,.booking-inner{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}.quote-box{min-height:330px}.wordmark{font-size:1.1rem}.wordmark small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}