/*
Theme Name: Elfriede's Journey
Theme URI: https://www.elfriedes-journey.de
Author: Elfriede's Journey
Description: Individuelles WordPress-Theme für Elfriede's Journey.
Version: 1.0.8
Text Domain: elfriedes-journey
*/

@font-face{font-family:"EJ Display";src:url("assets/fonts/bebas-neue.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
:root { --font-body: Arial; --font-display: "EJ Display"; }

:root{--ink:#080808;--paper:#f1efe8;--acid:#ff3b30;--muted:#a6a69e;--line:rgba(255,255,255,.16)}
.brand-logo{display:block;width:190px;height:78px;object-fit:contain;object-position:left center}.footer-logo{width:170px;height:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:white;font-family:var(--font-body),sans-serif}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}em{color:var(--acid);font-style:normal}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--acid);color:var(--acid);font-size:18px;transform:skew(-6deg)}.desktop-nav{display:flex;align-items:center;gap:38px;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.12em}.desktop-nav a{transition:.2s}.desktop-nav a:hover{color:var(--acid)}.nav-cta{border:1px solid white;padding:13px 18px}.mobile-nav{display:none}.hero{position:relative;min-height:850px;height:100vh;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background-image:url('https://www.elfriedes-journey.de/wp-content/uploads/2026/05/Elfriedes%C2%B4s-Journey-Kultival-2026-1297x630.png');background-position:center;background-size:cover;filter:saturate(.9) contrast(1.08);transform:scale(1.02)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.61) 44%,rgba(0,0,0,.14) 75%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 45%)}.hero-content{position:relative;z-index:2;width:90%;max-width:1400px;margin:80px auto 0}.eyebrow{text-transform:uppercase;color:var(--acid);font-weight:800;letter-spacing:.22em;font-size:12px}.hero h1,.section h2,.booking h2,.social-panel h2{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(74px,10.5vw,156px);line-height:.86;letter-spacing:-.035em;margin:25px 0 30px}.hero-copy{font-size:19px;line-height:1.55;max-width:560px;color:#deded8}.hero-actions{display:flex;gap:12px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;transition:.2s}.button-primary{background:var(--acid);color:#080808}.button-primary:hover{background:white}.button-ghost{border:1px solid rgba(255,255,255,.55)}.button-ghost:hover{border-color:var(--acid);color:var(--acid)}.next-gig{position:absolute;z-index:2;right:5vw;bottom:42px;display:grid;grid-template-columns:12px auto;column-gap:12px;align-items:center}.next-gig small{color:var(--acid);text-transform:uppercase;letter-spacing:.15em}.next-gig strong{grid-column:2;font-size:14px;margin-top:4px}.pulse{width:9px;height:9px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 6px rgba(255,59,48,.18)}.marquee{display:flex;justify-content:flex-end;overflow:hidden;background:var(--acid);color:#090909;padding:14px 3vw;font:700 25px var(--font-display);letter-spacing:.06em;white-space:nowrap}.marquee div{flex:none;width:max-content;animation:move 30s linear 2s infinite}.marquee i{margin:0 25px}@keyframes move{0%,8%{transform:translateX(0)}100%{transform:translateX(calc(-100vw - 100%))}}.section{padding:120px 5vw}.section-number{font-size:11px;letter-spacing:.18em;color:#777;border-bottom:1px solid #292929;padding-bottom:18px;margin-bottom:80px}.band-section{background:var(--ink)}.band-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw}.section h2,.social-panel h2{font-size:clamp(52px,6.4vw,96px);margin:18px 0}.body-copy{color:#bababa;font-size:17px;line-height:1.8}.body-copy p:first-child{font-size:22px;color:#f1f1ec}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px;padding-top:28px;border-top:1px solid #333}.stats div{display:flex;flex-direction:column}.stats strong{font:700 35px var(--font-display);color:var(--acid)}.stats span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.gigs-section{background:var(--paper);color:#0a0a0a}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}.section-heading .eyebrow{color:#555}.year{font:700 clamp(50px,8vw,120px) var(--font-display);color:#d5d2c9}.gig{display:grid;grid-template-columns:180px 1fr auto 50px;align-items:center;gap:20px;border-top:1px solid #c3c0b7;padding:28px 8px;transition:.25s}.gig:last-child{border-bottom:1px solid #c3c0b7}.gig:hover{background:var(--acid);padding-left:22px;padding-right:22px}.gig-date{font:700 36px var(--font-display)}.gig-date small{display:block;font:600 10px var(--font-body);letter-spacing:.12em;color:#75756f}.gig strong{font:600 clamp(24px,3vw,44px) var(--font-display);text-transform:uppercase}.gig-tag{border:1px solid #aaa79e;border-radius:20px;padding:8px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.gig-arrow{font-size:25px}.references{margin:32px 0 0;color:#6c6b66;font-size:13px;line-height:1.8;max-width:900px}.media-section{display:grid;grid-template-columns:1.35fr .65fr;min-height:680px}.media-card{position:relative;overflow:hidden;min-height:600px}.media-image{position:absolute;inset:0;background:url('https://www.elfriedes-journey.de/wp-content/uploads/2026/05/Elfriedes%C2%B4s-Journey-Kultival-2026-1297x630.png') center/cover;filter:grayscale(1) contrast(1.15);transition:.5s}.media-card:hover .media-image{filter:grayscale(0);transform:scale(1.03)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:86px;height:86px;border:1px solid white;border-radius:50%;background:rgba(0,0,0,.25);font-size:22px}.media-caption{position:absolute;bottom:35px;left:40px;display:flex;flex-direction:column}.media-caption span{text-transform:uppercase;font-size:11px;letter-spacing:.18em;color:var(--acid)}.media-caption strong{font:600 30px var(--font-display);text-transform:uppercase}.social-panel{background:#141414;padding:80px 5vw;display:flex;flex-direction:column;justify-content:center}.social-panel h2{font-size:60px}.social-panel>p:not(.eyebrow){color:#999;line-height:1.7}.social-links{margin-top:30px}.social-links a{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #363636;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.12em}.social-links a:last-child{border-bottom:1px solid #363636}.social-links a:hover{color:var(--acid)}.booking{text-align:center;padding:145px 5vw;background:var(--acid);color:#0a0a0a}.booking .eyebrow{color:#111}.booking h2{font-size:clamp(58px,8vw,118px);margin:20px 0 30px}.booking h2 em{color:#5a1713}.booking>p:not(.eyebrow){max-width:610px;margin:0 auto 35px;line-height:1.7}.button-light{background:#080808;color:white}.button-light:hover{background:#343434}footer{min-height:150px;padding:45px 5vw;display:flex;align-items:center;justify-content:space-between;background:#070707;color:#aaa}footer p{margin:0;text-transform:uppercase;font-size:10px;letter-spacing:.2em}footer>div{display:flex;gap:25px;font-size:11px}footer>div a:hover{color:var(--acid)}
.members-heading{display:flex;align-items:end;justify-content:space-between;margin-top:90px;padding-bottom:18px;border-bottom:1px solid #333}.members-heading p{margin:0}.members-heading>span{color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.members-grid{display:grid;grid-template-columns:repeat(4,1fr)}.member{min-height:170px;padding:24px 22px;border-right:1px solid #333;border-bottom:1px solid #333;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.member:nth-child(4n+1){border-left:1px solid #333}.member:hover{background:#151515}.member strong{font:600 25px/1.05 var(--font-display);text-transform:uppercase}.member span{margin-top:9px;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.member strong .member-name-line{display:block;margin:0;color:inherit;font:inherit;letter-spacing:inherit}.member strong .member-name-line+ .member-name-line{margin-top:2px}
.press-download{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:20px 22px;background:var(--acid);color:#090909;transition:.2s}.press-download:hover{background:white;color:#090909}.press-download span{display:flex;flex-direction:column;gap:5px}.press-download small{font-size:9px;letter-spacing:.16em;text-transform:uppercase}.press-download strong{font:700 18px var(--font-display);text-transform:uppercase}.press-download b{font-size:28px}
.icon-arrow{display:inline-block;flex:none;width:17px;height:17px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform-origin:center}.icon-arrow-up-right{transform:rotate(0deg)}.icon-arrow-down{width:13px;height:13px;transform:rotate(135deg)}.gig-arrow{justify-self:center;font-size:0}.social-links a{align-items:center}
.legal-section{padding:110px 5vw;background:#111;color:#d8d8d2;border-top:1px solid #2d2d2d;scroll-margin-top:20px}.privacy-section{background:#0b0b0b}.legal-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #333;padding-bottom:24px;margin-bottom:48px}.legal-heading .eyebrow{margin:0}.legal-heading h2{margin:0;font:700 clamp(48px,7vw,96px)/.9 var(--font-display);text-transform:uppercase;color:white}.legal-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}.privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 7vw}.legal-section article{max-width:850px}.legal-section h3{font:600 21px var(--font-display);text-transform:uppercase;color:white;margin:0 0 14px}.legal-section p{color:#aaa;line-height:1.75;font-size:14px}.legal-section strong,.legal-section a{color:#f2f1eb}.legal-section a:hover{color:var(--acid)}.cookie-notice{position:fixed;z-index:100;left:3vw;right:3vw;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:22px 26px;background:#f1efe8;color:#090909;border-left:6px solid var(--acid);box-shadow:0 14px 60px rgba(0,0,0,.45)}.cookie-notice strong{font:700 20px var(--font-display);text-transform:uppercase}.cookie-notice p{max-width:780px;margin:7px 0 0;font-size:13px;line-height:1.5;color:#454540}.cookie-actions{display:flex;align-items:center;gap:18px;flex:none}.cookie-actions a{font-size:11px;text-transform:uppercase;letter-spacing:.1em;text-decoration:underline}.cookie-actions button{border:0;background:var(--acid);color:#080808;padding:14px 18px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.cookie-actions button:hover{background:#080808;color:white}
@media(max-width:800px){.site-header{height:76px}.brand-logo{width:142px;height:65px}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{list-style:none;width:36px;height:30px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{display:block;height:2px;background:#fff}.mobile-nav nav{position:absolute;right:0;top:40px;width:190px;background:#111;border:1px solid #333;display:flex;flex-direction:column;padding:12px}.mobile-nav nav a{padding:13px;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.hero{min-height:760px}.hero-content{margin-top:0}.hero h1{font-size:clamp(64px,22vw,96px)}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.next-gig{left:5vw;right:auto;bottom:25px}.marquee{font-size:19px}.section{padding:80px 6vw}.section-number{margin-bottom:50px}.band-grid,.media-section{grid-template-columns:1fr}.stats{gap:8px}.stats strong{font-size:27px}.members-heading{margin-top:60px}.members-heading>span{display:none}.members-grid{grid-template-columns:repeat(2,1fr)}.member{min-height:145px;border-left:0!important}.member:nth-child(odd){border-left:1px solid #333!important}.member strong{font-size:21px}.section-heading{align-items:flex-start}.year{font-size:48px}.gig{grid-template-columns:82px 1fr 25px;gap:12px}.gig-tag{display:none}.gig-date{font-size:28px}.gig strong{font-size:22px}.media-card{min-height:480px}.social-panel{padding:70px 6vw}.booking{padding:95px 6vw}.legal-section{padding:75px 6vw}.legal-heading{display:block}.legal-heading .eyebrow{margin-bottom:16px}.legal-grid,.privacy-grid{grid-template-columns:1fr;gap:34px}.cookie-notice{left:4vw;right:4vw;bottom:14px;display:block;padding:20px}.cookie-actions{justify-content:space-between;margin-top:17px}footer{gap:25px;align-items:flex-start;flex-direction:column}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}}
.booking-form{max-width:1120px;margin:55px auto 0;text-align:left}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.booking-form label>span{display:block;margin-bottom:9px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:1px solid rgba(8,8,8,.35);border-radius:0;background:rgba(255,255,255,.82);color:#090909;padding:15px 16px;font:inherit;outline:none}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:#080808;box-shadow:0 0 0 2px rgba(8,8,8,.15)}.booking-form textarea{resize:vertical}.form-message{display:block;margin-top:24px}.form-consent{display:flex!important;align-items:flex-start;gap:12px;margin-top:22px}.form-consent input{width:19px;height:19px;flex:none;margin:1px 0 0;accent-color:#080808}.form-consent span{margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;line-height:1.5}.form-consent a{text-decoration:underline}.form-submit{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px}.form-submit button{display:inline-flex;align-items:center;gap:28px;border:0;background:#080808;color:white;padding:18px 22px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;cursor:pointer}.form-submit button:hover{background:#303030}.form-submit small{font-size:10px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{margin:22px 0 0!important;padding:15px 18px;background:#080808;color:white;max-width:none!important;font-size:13px}.booking:target{scroll-margin-top:20px}@media(max-width:800px){.form-grid{grid-template-columns:1fr}.form-submit{align-items:flex-start;flex-direction:column}}
.brand-plaque{position:relative;align-self:stretch;margin-left:-1px;padding:7px 24px 8px;background:linear-gradient(145deg,rgba(8,8,8,.98),rgba(22,22,22,.9));border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15);box-shadow:0 12px 34px rgba(0,0,0,.32);isolation:isolate}.brand-plaque::after{content:"";position:absolute;z-index:-1;left:-1px;right:-1px;bottom:-1px;height:4px;background:var(--acid)}.brand-plaque .brand-logo{width:214px;height:82px}.brand-plaque:hover{background:#0c0c0c}.brand-plaque:hover::after{height:6px}@media(max-width:800px){.brand-plaque{margin-left:-2vw;padding:5px 15px 6px}.brand-plaque .brand-logo{width:154px;height:65px}.brand-plaque::after{height:3px}}
.header-brand{height:100%;padding:0 8px;overflow:visible}.header-brand .brand-logo{width:225px;height:92px;transform:rotate(5deg);transform-origin:center;filter:drop-shadow(0 5px 13px rgba(0,0,0,.45));transition:transform .25s ease}.header-brand:hover .brand-logo{transform:rotate(5deg) scale(1.025)}@media(max-width:800px){.header-brand{padding:0}.header-brand .brand-logo{width:160px;height:72px;transform:rotate(5deg)}.header-brand:hover .brand-logo{transform:rotate(5deg)}}
.header-brand .brand-logo{width:285px;height:112px}.header-brand{margin-left:-10px}@media(max-width:800px){.header-brand{margin-left:-7px}.header-brand .brand-logo{width:190px;height:82px}}
.header-brand .brand-logo{width:350px;height:135px}.header-brand{margin-left:-20px}@media(max-width:800px){.header-brand{margin-left:-12px}.header-brand .brand-logo{width:220px;height:94px}}
.site-header{height:118px}.header-brand .brand-logo{width:430px;height:165px}.header-brand{margin-left:-28px}@media(max-width:800px){.site-header{height:90px}.header-brand{margin-left:-16px}.header-brand .brand-logo{width:260px;height:108px}}
@media(min-width:801px){.header-brand .brand-logo{transform:translateY(37px) rotate(5deg)}.header-brand:hover .brand-logo{transform:translateY(37px) rotate(5deg) scale(1.025)}}
@media(min-width:801px){.site-header{border-bottom:0}.site-header::after{content:"";position:absolute;left:0;right:0;top:182px;height:1px;background:rgba(255,255,255,.22);pointer-events:none}}
.statement-bar{display:flex;align-items:center;justify-content:center;background:var(--acid);color:#090909;padding:16px 5vw;text-align:center}.statement-bar div{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.3vw,38px);font:700 clamp(17px,2vw,25px) var(--font-display);letter-spacing:.06em;white-space:nowrap}.statement-bar i{font-style:normal;font-size:.72em}@media(max-width:650px){.statement-bar{padding:14px 4vw}.statement-bar div{width:100%;justify-content:space-between;gap:8px;font-size:clamp(11px,3.5vw,16px);letter-spacing:.025em}.statement-bar i{font-size:.6em}}
.gig.is-touched{background:var(--acid);padding-left:22px;padding-right:22px}.member.is-touched{background:#151515}.button-primary.is-touched{background:#fff}.button-ghost.is-touched{border-color:var(--acid);color:var(--acid)}.press-download.is-touched{background:#fff;color:#090909}.social-links a.is-touched,.desktop-nav a.is-touched,.mobile-nav nav a.is-touched,footer a.is-touched,.legal-section a.is-touched{color:var(--acid)}.form-submit button.is-touched{background:#303030}.cookie-actions button.is-touched{background:#080808;color:#fff}.media-card.is-touched .media-image{filter:grayscale(0);transform:scale(1.03)}.touch-feedback{-webkit-tap-highlight-color:transparent}
@media(max-width:800px){.booking-form,.form-grid,.booking-form label{min-width:0}.booking-form input,.booking-form select,.booking-form textarea{display:block;min-width:0;max-width:100%}.booking-form input[type="date"]{-webkit-appearance:none;appearance:none;width:100%}}