/*
Theme Name: Traffic Altona
Theme URI: https://www.fahrschule-traffic.de/
Author: Fahrschule Traffic
Description: Einseitiges WordPress-Theme für Fahrschule Traffic in Hamburg-Altona.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 5.6
Text Domain: traffic-altona
*/
:root{--ink:#17191b;--ink2:#24272a;--paper:#f3f3f0;--white:#fff;--muted:#b8b9b7;--wine:#a92746;--line:#d7d9d7;--green:#70a788;--yellow:#e9b94d;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.wrap{max-width:1440px;margin:auto;padding-inline:clamp(24px,5vw,84px)}
    .site-header{background:#fff;color:var(--ink);border-bottom:1px solid #dfe1df}.site-header .wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;text-decoration:none;flex:0 1 465px;min-width:0}.brand img{display:block;width:100%;height:auto;max-width:465px}nav{display:flex;align-items:center;gap:clamp(16px,2vw,34px);font-size:.92rem;font-weight:700}nav a{text-decoration:none;color:#35383a}nav a:hover{color:var(--wine)}.nav-contact{border:1px solid var(--wine);border-radius:2px;padding:13px 18px;color:var(--wine)}.language-switcher{display:flex;align-items:center;border:1px solid var(--line);white-space:nowrap;font-size:.79rem}.language-switcher a,.language-switcher span{display:inline-flex;align-items:center;min-height:39px;padding:8px 10px;text-decoration:none}.language-switcher a:hover{background:#f7edf0;color:var(--wine)}.language-switcher .lang-active{background:var(--wine);color:#fff;font-weight:800}
    .hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}.hero-grid{min-height:680px;display:grid;grid-template-columns:1.06fr .94fr}.hero-copy{padding:clamp(64px,8vw,120px) clamp(30px,5vw,76px) 80px max(clamp(24px,5vw,84px),calc((100vw - 1440px)/2 + 84px));position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:13px;color:#c1c3c2;letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:800}.eyebrow:before{content:"";width:32px;height:3px;background:var(--wine)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.8rem,6vw,6.7rem);letter-spacing:-.075em;line-height:.96;margin:40px 0 30px;max-width:720px;font-weight:900}h1 em{font-style:normal;color:#f4f3f0;display:block}h1 .accent{color:#d44968}.hero-lead{font-size:clamp(1.07rem,1.35vw,1.24rem);line-height:1.65;color:#c7c9c9;max-width:550px;margin-bottom:38px}.actions{display:flex;flex-wrap:wrap;gap:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:15px 23px;text-decoration:none;font-weight:800;font-size:.95rem;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--wine);color:white}.button-primary:hover{background:#c02d4f}.button-ghost{border:1px solid #6c7071;color:white}.wa-logo{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:white}.wa-logo img{display:block;width:22px;height:22px}.button-light{background:white;color:var(--ink)}.hero-visual{position:relative;min-height:100%;background:#343a3f}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:62% center;display:block;filter:saturate(.85)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,25,27,.38),transparent 45%),linear-gradient(0deg,rgba(23,25,27,.38),transparent 45%)}.hero-caption{position:absolute;z-index:1;bottom:38px;right:clamp(24px,5vw,84px);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:white}
    .facts{background:#fff;border-bottom:1px solid var(--line)}.facts .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.fact{padding:31px 25px 31px 0;display:flex;align-items:center;gap:18px}.fact+.fact{border-left:1px solid var(--line);padding-left:clamp(25px,4vw,65px)}.fact strong{font-size:2rem;letter-spacing:-.06em;white-space:nowrap}.fact span{font-size:.91rem;line-height:1.45;color:#585e5e;max-width:170px}
    section{scroll-margin-top:24px}.section{padding-block:clamp(72px,8vw,120px)}.section-head{max-width:800px;margin-bottom:48px}.kicker{text-transform:uppercase;color:var(--wine);font-size:.75rem;letter-spacing:.19em;font-weight:900;margin-bottom:18px}.section h2{font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:1.04;letter-spacing:-.065em;margin:0 0 22px}.section-head>p,.intro-text{font-size:1.13rem;line-height:1.7;color:#51585a;max-width:640px}.intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,9vw,150px);align-items:center}.intro .section-head{margin-bottom:0}.quote-panel{background:var(--ink2);color:#fff;padding:clamp(32px,5vw,70px);position:relative;min-height:375px;display:flex;flex-direction:column;justify-content:space-between}.quote-panel:before{content:"—";font-size:5rem;line-height:.5;color:var(--wine);font-weight:900}.quote-panel blockquote{font-size:clamp(1.6rem,2.6vw,2.8rem);line-height:1.19;letter-spacing:-.045em;font-weight:800;margin:25px 0 40px}.quote-panel cite{font-style:normal;color:#bebfbe;font-size:.9rem}.quote-panel cite strong{display:block;color:white;font-size:1.05rem;margin-bottom:5px}
    .offer{background:#e9ebea}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.offer-card{background:#fff;padding:clamp(28px,3vw,44px);min-height:285px;display:flex;flex-direction:column}.card-no{color:var(--wine);font-size:.75rem;letter-spacing:.15em;font-weight:900;margin-bottom:auto}.offer-card h3{font-size:clamp(1.5rem,2vw,2.1rem);letter-spacing:-.045em;margin:25px 0 13px}.offer-card p{line-height:1.65;color:#535b5d;margin:0}.offer-note{font-size:.92rem;color:#566062;margin:22px 0 0}
    .approach{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:3px solid var(--ink);padding-top:24px}.step .number{font-size:.8rem;color:var(--wine);font-weight:900;letter-spacing:.15em}.step h3{font-size:1.48rem;letter-spacing:-.035em;margin:29px 0 13px}.step p{color:#535b5d;line-height:1.65;margin:0}
    .faq{background:#e9ebea}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-item{background:#fff;padding:26px 30px}.faq-item summary{font-weight:800;font-size:1.13rem;line-height:1.4;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--wine);font-size:1.5rem;font-weight:500}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#535b5d;line-height:1.65;margin:17px 0 0}.registration{background:#fff}.registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,7vw,105px);align-items:center}.registration .section-head{margin-bottom:26px}.registration-actions{display:flex;flex-wrap:wrap;gap:12px}.registration-actions .button-ghost{color:var(--ink);border-color:#899092}.theory-card{background:var(--ink2);color:#fff;padding:clamp(30px,4vw,52px)}.theory-card .kicker{color:#e36a82}.theory-card h3{font-size:clamp(1.65rem,2.6vw,2.5rem);letter-spacing:-.05em;margin:0 0 23px}.theory-time{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #555b5b;padding:16px 0;font-size:1.04rem}.theory-time strong{white-space:nowrap}.theory-card p:last-child{color:#c9cccb;line-height:1.55;margin:18px 0 0}
    .reviews{background:#edeFEE;border-top:1px solid #dfe2e0}.reviews .section-head{margin-bottom:38px}.google-review-head{background:var(--ink2);color:#fff;padding:clamp(28px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:14px}.google-review-head .label{color:#e36a82;letter-spacing:.17em;text-transform:uppercase;font-size:.78rem;font-weight:900;margin-bottom:12px}.google-score{font-size:clamp(4.5rem,7vw,6rem);line-height:1;letter-spacing:-.09em;font-weight:900;margin-bottom:14px}.google-score span{font-size:1.35rem;letter-spacing:0;color:#c9cccb;font-weight:500}.google-review-head p{color:#c9cccb;line-height:1.6;margin:0;max-width:620px}.google-review-head a{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:16px 23px;background:var(--wine);color:#fff;font-weight:800;text-decoration:none;white-space:nowrap}.google-review-head a:hover{background:#c02d4f}.reviews-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.review-card{background:#fff;padding:34px;min-height:255px;display:flex;flex-direction:column}.review-card .source{font-size:.76rem;color:var(--wine);font-weight:900;letter-spacing:.15em;text-transform:uppercase}.review-card blockquote{margin:30px 0 38px;font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.4;letter-spacing:-.03em;font-weight:750}.review-card footer{margin-top:auto;color:#5b6263;font-size:.9rem}.review-card footer strong{display:block;color:var(--ink);margin-bottom:4px}.review-card footer a{color:var(--wine);font-weight:700;text-underline-offset:4px}.reviews-note{font-size:.84rem;color:#5b6263;margin:19px 0 0}
    .contact{background:var(--ink);color:white}.contact .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(50px,9vw,145px);align-items:end}.contact h2{max-width:700px}.contact .section-head{margin-bottom:30px}.contact .section-head>p{color:#bfc3c2}.contact-card{border-top:1px solid #5d6163;padding-top:30px}.contact-card a{display:block;text-decoration:none;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:800;letter-spacing:-.035em;margin-bottom:18px;overflow-wrap:anywhere}.contact-card a:hover{text-decoration:underline;text-decoration-color:var(--wine)}.contact-card p{color:#bfc3c2;line-height:1.7;margin:32px 0 0}.contact-card .small-link{font-size:.94rem;font-weight:700;letter-spacing:0;color:#c9cccb;margin-top:26px}.contact-card .address-label{color:#d44968;font-size:.77rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900;margin:0 0 12px}.contact-card .address{margin:0;font-size:1.18rem;color:#fff}.contact-methods{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}.method{display:flex;align-items:center;gap:15px;min-width:0;min-height:105px;padding:19px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .18s,background .18s}.method:hover{transform:translateY(-3px);background:#f4f4f1}.method-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;background:#eceeed}.method-icon img,.method-icon svg{width:27px;height:27px;display:block}.method-icon.whatsapp{background:#e3f6e9}.method-icon.instagram{background:#fbe8ee}.method-text{min-width:0}.method strong{display:block;font-size:1.05rem;line-height:1.2}.method small{display:block;font-size:.79rem;color:#596062;margin-top:5px;line-height:1.25;overflow-wrap:anywhere}.method-arrow{align-self:flex-start;margin-left:auto;color:var(--wine);font-size:1.1rem}.map-block{grid-column:1/-1;margin-top:38px}.map-top{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}.map-top h3{font-size:1.35rem;letter-spacing:-.03em;margin:0}.map-top a{font-size:.94rem;color:#fff;text-decoration:underline;text-decoration-color:var(--wine);text-underline-offset:4px}.map-frame{display:block;width:100%;height:390px;border:0;background:#dfe2e1}.site-footer{background:#101112;color:#b0b4b3;padding:27px 0;font-size:.82rem}.site-footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-links{display:flex;gap:22px}
    @media(max-width:1180px){.site-header nav>a:not(.nav-contact){display:none}}
    @media(max-width:940px){nav{gap:18px}.hero-grid{min-height:0;grid-template-columns:1fr}.hero-copy{padding:80px 6vw 65px}.hero-visual{height:420px}.hero-visual img{object-position:center 58%}.intro{gap:45px}.offer-grid{gap:10px}.reviews-layout{grid-template-columns:1fr 1fr}.offer-card{padding:28px}.facts .wrap{padding-inline:6vw}}
    @media(max-width:700px){.site-header .wrap{min-height:73px}.site-header .wrap{flex-direction:column;align-items:stretch;padding-block:12px;gap:10px}.brand{width:100%;max-width:360px;flex:auto}.brand img{max-width:360px}nav{justify-content:flex-end;flex-wrap:wrap;gap:8px}.nav-contact{font-size:.82rem;padding:10px 12px}.language-switcher{font-size:.75rem}.language-switcher a,.language-switcher span{min-height:36px;padding:7px 9px}.hero-copy{padding:68px 24px 62px}h1{font-size:clamp(3.25rem,13vw,5rem);margin:34px 0 25px}.hero-visual{height:290px}.hero-caption{bottom:20px;right:24px}.facts .wrap{grid-template-columns:1fr}.fact,.fact+.fact{padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:0}.fact strong{min-width:95px}.section{padding-block:72px}.intro,.contact .wrap,.registration-grid,.faq-grid{grid-template-columns:1fr}.quote-panel{min-height:320px}.offer-grid,.steps,.reviews-layout{grid-template-columns:1fr}.google-review-head{align-items:stretch;flex-direction:column;gap:22px}.google-review-head a{white-space:normal;text-align:center}.review-card{min-height:250px}.offer-card{min-height:225px}.steps{gap:30px}.contact .wrap{gap:24px}.contact-methods{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.map-block{margin-top:12px}.map-top{align-items:flex-start;flex-direction:column}.map-frame{height:320px}.site-footer .wrap{align-items:flex-start;flex-direction:column}.actions .button{width:100%}}
    @media(max-width:480px){.contact-methods{grid-template-columns:1fr}.method{min-height:88px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
   .map-frame[hidden]{display:none}.map-consent{padding:30px;border:1px solid #5d6163;line-height:1.7}.legal{background:#fff}.legal .wrap{max-width:1050px}.legal h2{font-size:clamp(2rem,5vw,3.5rem)}.legal h3{margin-top:32px}.legal p{line-height:1.75;overflow-wrap:anywhere}.footer-links{flex-wrap:wrap}
.cookie-settings-link{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}.cookie-panel{position:fixed;bottom:20px;left:20px;z-index:1100;width:min(610px,calc(100% - 40px));padding:28px;background:#fff;color:var(--ink);box-shadow:0 8px 60px #0005;border:1px solid var(--line);max-height:85vh;overflow:auto}.cookie-panel[hidden]{display:none}.cookie-panel h2{font-size:1.5rem;margin:0 0 12px;letter-spacing:-.03em}.cookie-panel p{font-size:.94rem;line-height:1.6}.cookie-actions{display:flex;flex-wrap:wrap;gap:10px}.cookie-actions button{flex:1 1 160px;padding:13px;border:1px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.cookie-options{padding:12px 0;line-height:1.7}.cookie-options[hidden]{display:none}.cookie-options label{display:block;margin-bottom:12px}button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
