/*
Theme Name: Trenter Dark Pro
Author: Trenter Autotechnik
Description: Dunkles Werkstatt-Theme mit Festpreisarbeiten und Terminbuchung.
Version: 1.5.0
Requires PHP: 7.4
*/
:root{--red:#ed1724;--bg:#090b0e;--panel:#171a1f;--line:#30343b;--text:#f5f6f8;--muted:#b5bac2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1440px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,8,11,.94);backdrop-filter:blur(14px);border-bottom:1px solid #292d33}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.logo{font-size:27px;font-weight:1000;font-style:italic;letter-spacing:-1.5px;line-height:1}.logo span{display:block;color:var(--red);font-size:12px;letter-spacing:5px;text-align:right}.nav-links{display:flex;gap:25px;align-items:center;font-weight:650;font-size:14px}.nav-links a:hover{color:#ff3943}.button{background:linear-gradient(160deg,#ff2c36,#ba0b16);padding:13px 23px;border-radius:8px;font-weight:750;display:inline-block;box-shadow:0 8px 24px #9c101644}.button-outline{border:1px solid #d8d9dc;border-radius:8px;padding:12px 23px;display:inline-block;font-weight:700}.hero{min-height:620px;display:flex;align-items:center;position:relative;overflow:hidden;background:#090b0e}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,#050607 0%,#07080ac9 42%,#06060833 100%),url('assets/hero-premium.webp') center/cover no-repeat;transform:scale(1.04)}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07080bee 4%,#07080b70 63%,transparent)}.hero-inner{position:relative;z-index:2;padding:100px 0}.eyebrow{text-transform:uppercase;color:#ff3a45;font-size:13px;font-weight:800;letter-spacing:2.8px}.hero h1{font-size:clamp(42px,5.3vw,82px);line-height:1.05;letter-spacing:-3px;font-weight:900;margin:20px 0;max-width:820px}.hero h1 em{color:#fff;font-style:normal}.hero p{max-width:630px;font-size:20px;color:#d8dce2}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.checks{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px;color:#f0f1f3}.checks b{color:var(--red);margin-right:7px}.features{border-top:1px solid #292d32;border-bottom:1px solid #292d32;background:#111419}.features .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:27px 0}.feature strong{display:block}.feature span{color:#aab0b8;font-size:13px}.section{padding:80px 0;scroll-margin-top:85px}.section h2{font-size:clamp(30px,3.4vw,46px);line-height:1.2;margin:10px 0 30px}.section h2 span{color:var(--red)}.section-alt{background:linear-gradient(130deg,#14171b,#090b0e)}.intro{max-width:720px;color:#b7bdc6}.service-grid{margin-top:35px}.booking-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:55px}.booking-points{display:grid;gap:22px}.booking-points article{padding:19px 22px;border-left:3px solid var(--red);background:#181b20}.booking-points strong{display:block;font-size:19px}.booking-points p{color:#b7bdc6;margin:3px 0}.parallax{position:relative;background:linear-gradient(#08090bbd,#08090bcf),url('assets/hero-premium.webp') center/cover fixed;padding:90px 0;text-align:center}.parallax h2{font-size:clamp(30px,4vw,52px);margin:0}.parallax p{color:#ccd0d7}.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-card{padding:35px;background:#171a20;border:1px solid #333941;border-radius:15px}.site-footer{padding:35px 0;border-top:1px solid #34383e;color:#abb1ba;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.nav-links{gap:13px;font-size:12px}.features .wrap{grid-template-columns:repeat(2,1fr)}.booking-layout{grid-template-columns:1fr}}@media(max-width:740px){.nav{align-items:flex-start;flex-direction:column;padding:17px 0}.nav-links{flex-wrap:wrap;gap:12px}.hero{min-height:530px}.hero-inner{padding:65px 0}.hero h1{letter-spacing:-1px}.features .wrap{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.footer-row{flex-direction:column}.section{padding:55px 0}}

/* Premium edition 1.1 */
.hero{min-height:690px}.hero-media{background-position:center right;background-size:cover;filter:saturate(1.1)}.hero:after{background:linear-gradient(90deg,#050608f5 0%,#050608e8 30%,#0506088a 57%,#05060818 100%)}.hero h1{max-width:980px;font-size:clamp(43px,5vw,75px);text-transform:uppercase;font-style:italic}.hero h1 span,.parallax h2 span{color:#f02332}.hero h1 em{color:#fff}.hero p{max-width:640px}.checks span{font-weight:650}.premium-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-top:38px}.premium-card{overflow:hidden;border-radius:12px;border:1px solid #343942;background:linear-gradient(145deg,#1b2027,#101318);transition:transform .25s,border-color .25s}.premium-card:hover{transform:translateY(-7px);border-color:#c82231}.service-image{height:180px;background:linear-gradient(0deg,#1118,transparent),var(--img) center/cover}.card-content{padding:22px}.card-content small{color:#ff4552;text-transform:uppercase;letter-spacing:2px;font-weight:800}.card-content h3{font-size:22px;margin:8px 0}.card-content p{color:#bdc4cf;font-size:14px;min-height:112px}.card-content a{color:#ff4a56;font-weight:800}.fineprint{color:#aab1bb;font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{background:#171b21;border:1px solid #303640;padding:30px;border-radius:12px}.steps b{color:#f12b3a;font-size:38px}.steps h3{font-size:22px;margin:5px 0}.steps p{color:#b8c0ca}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center}.about-grid p{color:#c1c7d0;line-height:1.85}.about-panel{background:linear-gradient(135deg,#20242a,#111318);border:1px solid #353a43;padding:40px;border-radius:14px;box-shadow:0 20px 70px #0005}.about-number{font-size:72px;color:#f12a38;font-weight:900;line-height:1}.about-panel hr{border:0;border-top:1px solid #3a414a;margin:28px 0}.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq details{background:#1a1e24;border:1px solid #343a44;border-radius:10px;padding:20px}.faq summary{cursor:pointer;font-weight:750}.faq details p{color:#bec5ce}.parallax{background-position:center right}.parallax .wrap{max-width:1000px}.section{padding-top:100px;padding-bottom:100px}.section h2{letter-spacing:-1.5px}.button:hover{filter:brightness(1.15)}.nav-links a{white-space:nowrap}@media(max-width:1100px){.premium-grid{grid-template-columns:repeat(2,1fr)}.card-content p{min-height:auto}}@media(max-width:740px){.premium-grid,.steps,.faq,.about-grid{grid-template-columns:1fr}.hero{min-height:620px}.hero h1{font-size:40px}.hero:after{background:linear-gradient(90deg,#050608ee,#050608a8)}.section{padding-top:65px;padding-bottom:65px}.service-image{height:230px}}

/* 1.2: cinematic real-world media */
.hero{position:relative;isolation:isolate;overflow:hidden}.trenter-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.67;pointer-events:none}.hero-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,5,8,.94) 0%,rgba(4,5,8,.70) 40%,rgba(4,5,8,.25) 100%),linear-gradient(0deg,rgba(4,5,8,.75),transparent 45%);pointer-events:none}.hero-media{z-index:-3!important}.editorial-section{padding:90px 0;background:#0b0e13}.editorial-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.editorial-photo{height:420px;border-radius:14px;background:linear-gradient(0deg,rgba(0,0,0,.25),rgba(0,0,0,.05)),url('https://images.pexels.com/photos/8985917/pexels-photo-8985917.jpeg?auto=compress&cs=tinysrgb&w=1400') center/cover;box-shadow:0 20px 60px #0008}.editorial-copy p{line-height:1.8;color:#c5cbd3}.editorial-caption{font-size:12px;opacity:.65}.service-image{background-image:var(--img)!important;background-position:center;background-size:cover}@media(max-width:800px){.editorial-grid{grid-template-columns:1fr;gap:28px}.editorial-photo{height:280px}.trenter-hero-video{opacity:.4}}@media(prefers-reduced-motion:reduce){.trenter-hero-video{display:none}}

/* v1.3 premium motion */
.hero{isolation:isolate}.hero-scanline{pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(110deg,transparent 35%,rgba(220,22,32,.08) 48%,transparent 62%);background-size:220% 100%;animation:twSweep 12s ease-in-out infinite}.hero-inner{position:relative;z-index:3}.premium-card,.tw-service,.steps article{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.premium-card:hover,.tw-service:hover,.steps article:hover{transform:translateY(-9px);box-shadow:0 20px 48px rgba(0,0,0,.45)}.hero h1{animation:twRise 1s ease-out both}.hero .eyebrow,.hero p,.hero-actions{animation:twRise 1s .22s ease-out both}@keyframes twRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes twSweep{0%,20%{background-position:150% 0}70%,100%{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.hero-scanline,.hero h1,.hero .eyebrow,.hero p,.hero-actions{animation:none}.premium-card,.tw-service,.steps article{transition:none}}
/* Version 1.5 – clearer flow and distinct media */
.service-image{filter:saturate(1.2) contrast(1.09);transition:transform .55s ease,filter .55s ease}.premium-card{isolation:isolate}.premium-card:hover .service-image{filter:saturate(1.4) contrast(1.12);transform:scale(1.035)}.premium-card{overflow:hidden}.premium-grid-more{margin-top:20px}.premium-grid-more .card-content p{min-height:65px}.editorial-photo{background-size:cover;background-position:center}.hero-media{filter:saturate(1.28) contrast(1.1)}.section{scroll-margin-top:110px}.tw-service-image img{width:100%;height:185px;object-fit:cover;filter:saturate(1.18) contrast(1.08)}.tw-service-image{overflow:hidden}.tw-service:hover img{transform:scale(1.05)}.tw-service-image img{transition:transform .4s}
/* 1.6: card layout, contact form, modal, footer, assembly */
.tw-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.tw-card{display:flex;flex-direction:column;min-width:0;border:1px solid #343a44;border-radius:14px;overflow:hidden;background:#191c22;transition:transform .3s,border-color .3s,box-shadow .3s}.tw-card:hover{transform:translateY(-7px);border-color:#e72b38;box-shadow:0 20px 45px #0008}.tw-card>img{width:100%;height:190px;object-fit:cover;filter:saturate(1.28) contrast(1.13)}.tw-card-content{padding:20px;display:flex;flex-direction:column;flex:1}.tw-card h3{font-size:19px;margin:0 0 10px;line-height:1.3}.tw-card p{font-size:14px;color:#b8c1cd;line-height:1.55}.tw-card-bottom{margin-top:auto;display:grid;gap:8px}.tw-card strong{color:#ff3543;font-size:24px}.tw-card small{color:#aeb8c5}.tw-detail-trigger{width:100%;border:0;border-radius:8px;background:linear-gradient(130deg,#f32938,#ad101b);color:white;font-size:14px;font-weight:700;padding:13px;cursor:pointer}.tw-detail-trigger:hover{filter:brightness(1.18)}.tw-detail-modal{width:min(700px,92vw);max-height:88vh;background:#171b21;color:#fff;border:1px solid #424852;border-radius:16px;padding:0;box-shadow:0 30px 90px #000b}.tw-detail-modal::backdrop{background:#030406db;backdrop-filter:blur(6px)}.tw-detail-modal>img{width:100%;height:230px;object-fit:cover}.tw-detail-body{padding:28px}.tw-detail-body h2{font-size:30px}.tw-detail-body p{color:#d1d6df}.tw-modal-note{font-size:13px}.tw-modal-close{position:absolute;right:14px;top:12px;background:#15171be8;color:white;border:1px solid #ffffff77;border-radius:50%;width:40px;height:40px;font-size:25px;cursor:pointer}.contact-card{background:linear-gradient(140deg,#1b2028,#111418);box-shadow:0 22px 55px #0007}.contact-card .tw-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-card .tw-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#d4d9e2;font-weight:650}.contact-card .tw-form label:has(textarea),.contact-card .tw-form label:has([type=checkbox]),.contact-card .tw-form button{grid-column:1/-1}.contact-card .tw-form input:not([type=checkbox]),.contact-card .tw-form textarea{width:100%;background:#0e1117;border:1px solid #3d4552;color:white;padding:13px;border-radius:8px;font:inherit;min-height:47px}.contact-card .tw-form input:focus,.contact-card .tw-form textarea:focus{outline:2px solid #e82636;outline-offset:1px}.contact-card .tw-form button{border:0;border-radius:9px;background:linear-gradient(120deg,#f52939,#b90c19);color:white;padding:15px;font-weight:800;cursor:pointer}.contact-card .tw-hp{position:absolute;left:-10000px}.site-footer{background:#0c0f14;padding:70px 0 22px}.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:42px}.footer-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-columns h3{color:white;font-size:17px;margin:0 0 10px}.footer-columns a:not(.logo):hover{color:#ff3847}.footer-columns p,.footer-columns span{color:#aeb6c2;font-size:14px;margin:4px 0}.footer-bottom{border-top:1px solid #333941;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.tw-assembly{position:fixed;inset:0;z-index:99999;background:radial-gradient(circle at 50% 50%,#1d2028,#030406 68%);display:grid;place-items:center;overflow:hidden;transition:opacity .6s,visibility .6s}.tw-assembly-done{opacity:0;visibility:hidden;pointer-events:none}.tw-assembly-grid{position:relative;display:grid;place-items:center;gap:3px;text-align:center;perspective:700px}.tw-part{display:block;animation:twAssemble 2.1s cubic-bezier(.15,.8,.2,1) both;text-shadow:0 0 30px #d51c3070}.tw-part-1{font-size:70px;color:#e52b39;--tx:-220px;--ty:-140px;--rz:-65deg}.tw-part-2{font-size:clamp(42px,8vw,90px);font-weight:1000;font-style:italic;letter-spacing:-4px;--tx:300px;--ty:-110px;--rz:22deg}.tw-part-3{font-size:clamp(19px,3vw,34px);font-weight:900;letter-spacing:7px;color:#f13241;--tx:-230px;--ty:120px;--rz:-25deg}.tw-part-4{font-size:22px;color:#e32c39;--tx:250px;--ty:140px;--rz:70deg}.tw-part-5{font-size:12px;letter-spacing:3px;color:#b7c1cd;--tx:0px;--ty:190px;--rz:0deg}.tw-assembly>button{position:absolute;bottom:7%;right:7%;background:none;border:1px solid #6d7682;color:white;padding:12px 18px;border-radius:6px;cursor:pointer}@keyframes twAssemble{0%{opacity:0;transform:translate3d(var(--tx),var(--ty),-280px) rotate(var(--rz)) scale(.5);filter:blur(12px)}70%{opacity:1;filter:blur(0)}100%{transform:translate3d(0,0,0) rotate(0) scale(1)}}@media(max-width:1100px){.tw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.tw-cards,.footer-columns{grid-template-columns:1fr}.contact-card .tw-form{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.tw-assembly-grid{max-width:95vw}}@media(prefers-reduced-motion:reduce){.tw-assembly{display:none}.tw-part{animation:none}}

/* Version 1.7 – hellere, kräftigere Medien bei weiterhin gut lesbarer Typografie */
.hero-media{filter:brightness(1.34) saturate(1.3) contrast(1.04)!important}
.hero:after{background:linear-gradient(90deg,rgba(5,6,8,.88) 0%,rgba(5,6,8,.72) 32%,rgba(5,6,8,.31) 67%,rgba(5,6,8,.04) 100%)!important}
.hero-vignette{background:linear-gradient(90deg,rgba(4,5,8,.82),rgba(4,5,8,.47) 44%,rgba(4,5,8,.09))!important}
.trenter-hero-video{opacity:.84!important;filter:brightness(1.22) saturate(1.18)}
.service-image,.tw-card>img,.tw-service-image img{filter:brightness(1.23) saturate(1.27) contrast(1.04)!important}
.premium-card:hover .service-image,.tw-card:hover>img,.tw-service:hover img{filter:brightness(1.34) saturate(1.34) contrast(1.06)!important}
.editorial-photo{filter:brightness(1.2) saturate(1.14)}
.parallax{background-image:linear-gradient(rgba(8,9,11,.53),rgba(8,9,11,.65)),url('assets/hero-premium.webp')!important}
@media(max-width:740px){.hero:after{background:linear-gradient(90deg,rgba(5,6,8,.82),rgba(5,6,8,.38))!important}}

/* Kundenkonto Navigation 1.8 */
.nav-links .tw-account-link{display:inline-flex;align-items:center;border:1px solid #dc2639;border-radius:9px;padding:10px 14px;color:#fff;background:rgba(160,20,36,.13);font-weight:700;text-decoration:none;white-space:nowrap}.nav-links .tw-account-link:hover{background:#c91d30;color:#fff}