/* Theme Name: Von A nach B Description: Individuelles, zweisprachiges Theme für den Fahr- und Kurierservice von André Bolter. Inhalte mit dem WordPress-Blockeditor bearbeiten. Version: 2.4.4 Requires at least: 6.6 Requires PHP: 8.1 Author: Von A nach B License: GPL-2.0-or-later Text Domain: von-a-nach-b */ :root{--ink:#0b1217;--black:#000;--paper:#f5f3ee;--white:#fff;--gold:#d2b06c;--gold-deep:#745720;--muted:#595f61;--line:#dcd8cf;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--width:1224px} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b88829;outline-offset:5px}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.032em;line-height:1.12;margin:0 0 24px}h1{font-size:clamp(2.8rem,5.4vw,5.6rem)}h2{font-size:clamp(2.25rem,3.6vw,3.75rem)}h3{font-size:1.7rem}p{margin:0 0 20px}ul{padding-left:1.3rem}.container{max-width:var(--width);width:calc(100% - 96px);margin-inline:auto}.section{padding:100px 0}.section-slim{padding:64px 0}.eyebrow{font-family:var(--sans);font-size:.78rem;letter-spacing:.18em;font-weight:600;text-transform:uppercase;color:var(--gold-deep);margin:0 0 24px}.muted{color:var(--muted)}.lead{font-size:1.125rem;max-width:590px;line-height:1.75}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow,.dark .muted{color:var(--gold)}.dark p{color:#d4d5d3}.skip-link{position:absolute;top:-80px;left:15px;padding:10px 18px;z-index:99;background:#fff;color:#000}.skip-link:focus{top:10px} .site-header{height:100px;background:#000;color:#fff;display:flex;align-items:center;position:relative;z-index:20}.header-inner{display:flex;align-items:center;gap:35px;justify-content:space-between}.brand{flex-shrink:0;display:block;text-decoration:none}.brand-mark{position:relative;display:block;width:213px;height:45px;overflow:hidden}.brand-mark img{position:absolute;width:315px;max-width:none;top:-152px;left:-48px}.brand-sub{font-size:.59rem;letter-spacing:.19em;color:#d3b77e;text-transform:uppercase;text-align:center;display:block;margin-top:1px}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{font-size:.86rem;text-decoration:none;white-space:nowrap}.main-nav a[aria-current=page]{color:var(--gold)}.main-nav a:hover{color:var(--gold)}.language-link{border-left:1px solid #414447;padding-left:20px;color:#ddd}.menu-toggle{display:none;background:none;color:#fff;border:1px solid #7b6a47;padding:8px 14px;min-height:44px}.button,.wp-block-button__link{border:1px solid var(--gold-deep);display:inline-flex;justify-content:center;align-items:center;text-decoration:none!important;border-radius:0;background:var(--ink);color:var(--paper);padding:15px 25px;font-size:.9rem;font-weight:500;min-height:50px;transition:background .2s,color .2s,border-color .2s}.button:hover,.wp-block-button__link:hover{background:#293337;color:#fff;border-color:var(--gold)}.button-gold,.is-style-gold .wp-block-button__link{background:var(--gold);color:var(--ink);border-color:var(--gold)}.button-gold:hover,.is-style-gold .wp-block-button__link:hover{background:#e6c888;color:var(--ink)}.button-outline,.is-style-outline .wp-block-button__link{background:transparent;border-color:var(--gold);color:var(--gold)}.button-outline:hover,.is-style-outline .wp-block-button__link:hover{background:var(--gold);color:var(--ink)}.site-header .button{font-size:.85rem;padding:10px 19px;min-height:44px}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:30px}.text-link{font-size:.9rem;text-decoration:underline;text-decoration-color:#b79963;display:inline-block;padding:8px 0}.hero{position:relative;min-height:690px;height:calc(100svh - 100px);max-height:870px;isolation:isolate;display:flex;align-items:center;background:var(--ink);color:#fff;overflow:hidden}.hero .hero-image{position:absolute;inset:0;margin:0;z-index:-2;height:100%;width:100%}.hero .hero-image img{width:100%;height:100%;object-fit:cover;object-position:62% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,13,.94) 0%,rgba(3,9,13,.66) 36%,rgba(3,9,13,.09) 75%),linear-gradient(0deg,rgba(3,9,13,.5),transparent 30%);z-index:-1}.hero-copy{padding:70px 0 100px;max-width:670px}.hero h1{max-width:630px}.hero .eyebrow{color:var(--gold)}.hero .lead{font-size:1.12rem;color:#e0e0dd;max-width:440px}.hero-footnote{position:absolute;bottom:28px;right:48px;color:#d0d1cf;font-size:.75rem}.hero-bottom{position:absolute;bottom:32px;left:48px;display:flex;gap:28px;font-size:.78rem;color:#e0d4bd}.hero-bottom span+span{border-left:1px solid #796f5d;padding-left:28px}.benefits{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:33px 0;gap:35px}.benefit{display:flex;gap:17px}.benefit .num{color:var(--gold-deep);font-size:.76rem;letter-spacing:.04em;padding-top:5px}.benefit h3{font-size:1.3rem;margin:0 0 7px}.benefit p{font-size:.875rem;line-height:1.6;color:var(--muted);margin:0;max-width:275px}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-start;margin-bottom:45px}.section-head h2{max-width:650px}.section-head .lead{max-width:335px;font-size:1rem;padding-top:42px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.service{padding:32px 24px 0 0;border-right:1px solid var(--line);margin-right:24px}.service:last-child{border:0;margin:0;padding-right:0}.service .service-no{font-size:.78rem;color:var(--gold-deep);letter-spacing:.1em;margin-bottom:38px}.service h3{font-size:1.65rem;min-height:62px}.service p{font-size:.9rem;color:var(--muted);min-height:78px;line-height:1.65}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.split .image{margin:0}.split .image img{width:100%;aspect-ratio:1.05;object-fit:cover}.split-copy{padding:25px 0}.split-copy .lead{font-size:1rem}.detail-list{list-style:none;padding:0;margin:30px 0}.detail-list li{border-top:1px solid var(--line);padding:13px 0;font-size:.93rem}.dark .detail-list li{border-color:#384146}.detail-list li:last-child{border-bottom:1px solid var(--line)}.dark .detail-list li:last-child{border-color:#384146}.vehicle{position:relative;overflow:hidden;min-height:590px;isolation:isolate;display:flex;align-items:center}.vehicle .vehicle-image{position:absolute;inset:0;margin:0;z-index:-2}.vehicle .vehicle-image img{width:100%;height:100%;object-fit:cover;object-position:center}.vehicle:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1217 7%,rgba(11,18,23,.9) 28%,rgba(11,18,23,.08) 80%)}.vehicle .split-copy{max-width:435px;padding:80px 0}.vehicle p{max-width:360px}.vehicle .image-note{font-size:.73rem;color:#ccd0cd;margin-top:28px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;counter-reset:steps;margin-top:50px}.step{border-top:1px solid #cab993;padding-top:24px}.step .step-no{font-size:.85rem;color:var(--gold-deep);letter-spacing:.1em;margin-bottom:26px}.step h3{font-size:1.65rem}.step p{color:var(--muted);font-size:.94rem}.region{border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:55px;padding-top:45px}.region h3{font-size:1.5rem}.region p{font-size:.93rem;color:var(--muted)}.cta-strip{background:#e6dfd0;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-inner h2{font-size:2.5rem;margin:0 0 10px}.cta-inner p{margin:0;color:#505252}.site-footer{padding:65px 0 25px;background:#000;color:#b8b9b7}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:45px}.footer-title{font-size:.8rem;color:var(--gold);text-transform:uppercase;letter-spacing:.13em;margin-bottom:18px}.footer-grid a{display:block;font-size:.86rem;text-decoration:none;margin:9px 0}.footer-grid a:hover{color:var(--gold)}.footer-grid p{font-size:.83rem;line-height:1.7}.footer-brand .brand{margin-bottom:24px}.footer-bottom{border-top:1px solid #292d30;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.76rem}.footer-bottom a{margin-left:22px}.page-intro{padding:78px 0 74px;background:var(--ink);color:#fff}.page-intro h1{max-width:900px;font-size:clamp(2.8rem,4.7vw,4.8rem)}.page-intro .eyebrow{color:var(--gold)}.page-intro p:last-child{margin-bottom:0}.page-intro .lead{color:#ddd;max-width:670px}.content-grid{display:grid;grid-template-columns:1.5fr .85fr;gap:80px}.info-panel{background:#ece8df;padding:35px;align-self:start}.info-panel h3{font-size:1.65rem}.info-panel p,.info-panel li{font-size:.94rem}.narrow{max-width:800px}.narrow h2{font-size:2rem;margin-top:48px}.narrow h2:first-child{margin-top:0}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-family:var(--serif);font-size:1.4rem;cursor:pointer;padding-right:35px;line-height:1.4}.faq details p{max-width:900px;color:var(--muted);margin:20px 0 4px}.portrait-placeholder{background:#e8e1d3;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #d7ccb7;gap:15px}.portrait-placeholder .initials{font-family:var(--serif);font-size:7rem;letter-spacing:-.1em;color:#8c723e;line-height:1}.portrait-placeholder p{font-size:.85rem;max-width:220px;color:#665e50;margin:0}.notice{padding:18px 22px;border-left:3px solid var(--gold-deep);background:#ebe3d3;font-size:.9rem;margin:25px 0}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.contact-item{border-top:1px solid #c7b48b;padding-top:25px}.contact-item a{font-size:1.07rem;overflow-wrap:anywhere}.contact-item h3{margin-bottom:18px}.form-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:55px;align-items:start}.request-form{background:#fff;border:1px solid #e0ddd6;padding:38px}.request-form fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}.request-form legend{font-family:var(--serif);font-size:1.6rem;margin-bottom:24px;padding:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1 / -1}.field label{font-size:.86rem;font-weight:500}.field input,.field select,.field textarea{min-width:0;width:100%;border:1px solid #aaa99f;background:#fff;border-radius:0;padding:10px 12px;min-height:48px;color:var(--ink);font-size:16px}.field textarea{resize:vertical;min-height:105px}.field .hint{font-size:.78rem;color:#5e6568;line-height:1.5}.form-meta{font-size:.83rem;color:#535b5e;line-height:1.65}.form-meta a{text-decoration:underline}.form-status{padding:15px;border:1px solid #ad8744;margin-bottom:25px;background:#fbf7ec;white-space:pre-line}.form-status:empty{display:none}.form-status.error{border-color:#a33829;color:#7e271e;background:#fff7f4}.form-status.success{border-color:#426647;color:#214527;background:#f0f7f0}.request-form .submit-button{width:100%;margin-top:12px}.request-form .honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.form-aside h3{margin-bottom:15px}.form-aside a{overflow-wrap:anywhere}.form-aside>div{border-top:1px solid #cab993;padding-top:25px;margin-bottom:30px}.form-aside p{font-size:.93rem;color:var(--muted)}[hidden]{display:none!important}.preview-ribbon{padding:8px 18px;text-align:center;font-size:.76rem;background:#e4d5b5;color:#352c1d}.preview-ribbon a{margin-left:15px}.page-404{min-height:55vh}.wp-block-image figcaption{font-size:.76rem;color:var(--muted);margin-top:10px}.editor-styles-wrapper{background:var(--paper)!important}.editor-styles-wrapper .hero,.editor-styles-wrapper .vehicle{height:auto;min-height:300px}.editor-styles-wrapper .hero-image,.editor-styles-wrapper .vehicle-image{position:relative}.wp-block-group{box-sizing:border-box}.alignwide{max-width:var(--width)}.wp-block-columns{display:flex;gap:40px}.wp-block-column{flex:1;min-width:0}.wp-block-separator{border:0;border-top:1px solid var(--line)} @media(min-width:1600px){.hero{min-height:760px}.hero-copy{max-width:720px}} @media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{gap:18px}.main-nav{gap:19px}.main-nav a{font-size:.78rem}.brand-mark{width:185px}.brand-mark img{left:-55px;width:290px;top:-140px}.brand-sub{font-size:.53rem}.header-inner>.button{display:none}.hero{height:auto;min-height:670px}.split{gap:45px}.service{margin-right:16px;padding-right:16px}.service h3{font-size:1.4rem}.service p{min-height:105px}.hero-footnote{right:32px}.hero-bottom{left:32px}.form-layout{gap:30px}.request-form{padding:28px}.footer-grid{gap:25px}} @media(max-width:780px){.container{width:calc(100% - 40px)}.section{padding:66px 0}.section-slim{padding:45px 0}.site-header{height:82px}.header-inner{flex-wrap:wrap}.brand-mark{height:36px}.brand-sub{font-size:.52rem;margin-top:-1px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:82px;left:0;width:100%;background:#000;padding:25px 22px 35px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #35312a;max-height:calc(100svh - 82px);overflow:auto}.main-nav.is-open{display:flex}.main-nav a{font-size:1rem;padding:13px 0}.language-link{border-left:0;border-top:1px solid #35312a;padding-top:18px!important}.hero{min-height:740px;align-items:flex-start}.hero:after{background:linear-gradient(180deg,rgba(3,9,13,.90) 0%,rgba(3,9,13,.65) 45%,rgba(3,9,13,.05) 80%,rgba(3,9,13,.7) 100%)}.hero .hero-image img{object-position:68% bottom}.hero-copy{padding:48px 0 170px;max-width:560px}.hero h1{font-size:clamp(2.65rem,9.2vw,4.25rem);max-width:530px;margin-bottom:24px}.hero .eyebrow{font-size:.69rem;letter-spacing:.13em;margin-bottom:22px}.hero .lead{font-size:1rem;max-width:360px}.hero .wp-block-buttons{margin-top:25px}.hero-bottom{left:20px;bottom:47px;gap:18px;font-size:.72rem}.hero-bottom span+span{padding-left:18px}.hero-footnote{right:20px;bottom:13px;font-size:.66rem}.benefits{grid-template-columns:1fr;padding:27px 0;gap:22px}.benefit h3{font-size:1.2rem}.benefit p{max-width:none}.section-head{display:block;margin-bottom:30px}.section-head .lead{padding-top:0;max-width:500px}.services-grid{grid-template-columns:1fr 1fr;row-gap:35px}.service{margin-right:20px;padding-right:20px}.service:nth-child(2){border:0;margin:0;padding:32px 0 0}.service h3{min-height:62px;font-size:1.5rem}.service p{min-height:85px}.service .service-no{margin-bottom:23px}.service:nth-child(3),.service:nth-child(4){border-top:1px solid var(--line);padding-top:28px}.split{grid-template-columns:1fr;gap:30px}.split-copy{padding:0}.split .image img{aspect-ratio:1.4}.vehicle{min-height:680px;align-items:flex-start}.vehicle .split-copy{padding:55px 0 250px}.vehicle:after{background:linear-gradient(180deg,#0b1217 3%,rgba(11,18,23,.92) 34%,rgba(11,18,23,.1) 85%)}.vehicle .vehicle-image img{object-position:64% bottom}.vehicle h2{max-width:320px}.vehicle .image-note{position:absolute;bottom:15px;margin:0;font-size:.68rem}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.step{display:grid;grid-template-columns:42px 1fr;gap:0 15px;padding-top:20px}.step .step-no{grid-row:1 / 3;padding-top:4px}.step h3{margin-bottom:13px}.step p{margin:0}.region{grid-template-columns:1fr;gap:17px}.region p{margin-bottom:10px}.region h3{margin-bottom:14px}.cta-inner{display:block}.cta-inner h2{font-size:2.15rem}.cta-inner .button{margin-top:28px}.site-footer{padding-top:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1 / -1}.footer-bottom{display:block;line-height:2}.footer-bottom a{margin:0 20px 0 0}.page-intro{padding:52px 0}.page-intro h1{font-size:2.9rem}.page-intro .lead{font-size:1rem}.content-grid,.form-layout{grid-template-columns:1fr;gap:40px}.contact-grid{grid-template-columns:1fr}.request-form{padding:25px 20px}.form-aside{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-aside>div{margin:0}.info-panel{padding:27px}.wp-block-columns{display:block}.wp-block-column{margin-bottom:28px}.footer-grid a{overflow-wrap:anywhere}.preview-ribbon{font-size:.7rem;padding:8px 12px}.preview-ribbon a{display:inline-block}} @media(max-width:420px){.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.services-grid{grid-template-columns:1fr}.service,.service:nth-child(2),.service:nth-child(3),.service:nth-child(4){border:0;border-top:1px solid var(--line);padding:25px 0 0;margin:0}.services-grid{border:0;gap:25px}.service h3,.service p{min-height:0}.service .service-no{margin-bottom:18px}.form-aside{display:block}.form-aside>div{margin-bottom:25px}.hero{min-height:780px}.hero h1{font-size:2.72rem}.hero-bottom{gap:12px;font-size:.65rem}.hero-bottom span+span{padding-left:12px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.button,.wp-block-button__link{padding:13px 19px}.hero-copy{padding-top:38px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}} .hero h1{font-size:clamp(2.9rem,4.55vw,4.7rem);max-width:600px} @media(max-width:780px){.brand-mark{height:43px}.page-intro h1{font-size:2.35rem;line-height:1.12}.hero h1{font-size:clamp(2.65rem,9.2vw,4.25rem)}} @media(max-width:420px){.hero h1{font-size:2.72rem}} .submit-button:disabled{opacity:.65;cursor:wait} /* v1.1: quiet service icons, shared baselines and portrait-first spacing. */ h1,h2,h3{ text-wrap:balance; } .lead{ text-wrap:pretty; } :is(.benefits,.section-head,.services-grid,.split,.steps,.region,.cta-inner,.content-grid,.contact-grid,.footer-grid)>*{ margin-block-start:0; margin-block-end:0; } .hero-copy{max-width:710px;} .hero h1{max-width:665px;font-size:clamp(2.8rem,4.35vw,4.5rem);line-height:1.09;} .hero:after{ background:linear-gradient(90deg,rgba(3,9,13,.96),rgba(3,9,13,.72) 36%,rgba(3,9,13,.12) 77%),linear-gradient(0deg,rgba(3,9,13,.5),transparent 30%); } .benefit .num,.service .service-no,.step .step-no{display:none;} .benefit{gap:16px;align-items:flex-start;} .benefit:before{content:"";flex:0 0 21px;height:1px;background:#ad8a49;margin-top:13px;} .section-head{align-items:flex-end;margin-bottom:48px;} .section-head h2{margin-bottom:0;} .section-head .lead{padding-top:0;margin-bottom:5px;} .services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:stretch;} .services-grid>.service{ --service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 4 3 13 12 7v4l-12-4-1 8 5 3v2l-7-2-7 2v-2l5-3-1-8-12 4v-4l12-7Z'/%3E%3C/svg%3E"); display:grid; grid-template-rows:42px minmax(3.45em,auto) 1fr auto; gap:22px; margin:0; padding:34px 27px 30px; min-width:0; border:0; border-right:1px solid var(--line); background:transparent; transition:background-color .2s ease; } .services-grid>.service:last-child{border-right:0;} .services-grid>.service:before{ content:""; display:block; width:40px;height:40px; background:#967237; -webkit-mask:var(--service-icon) center/contain no-repeat; mask:var(--service-icon) center/contain no-repeat; } .services-grid>.service-business,.services-grid>.service:nth-child(2){ --service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='12' width='30' height='22' rx='2'/%3E%3Cpath d='M14 12V8h12v4M5 20l15 5 15-5M18 24v4h4v-4'/%3E%3C/svg%3E"); } .services-grid>.service-hotel,.services-grid>.service:nth-child(3){ --service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 35V6h22v29M5 35h30M17 35V25h6v10M14 12h2m8 0h2M14 18h2m8 0h2'/%3E%3C/svg%3E"); } .services-grid>.service-courier,.services-grid>.service:nth-child(4){ --service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 5 15 8v17l-15 8L5 30V13ZM5 13l15 8 15-8M20 21v17M12 9l15 8v8'/%3E%3C/svg%3E"); } .services-grid>.service>h3{font-size:1.6rem;line-height:1.19;min-height:0;margin:0;align-self:start;} .services-grid>.service>p{font-size:.94rem;line-height:1.75;min-height:0;margin:0;align-self:start;} .services-grid>.service>p:last-child{align-self:end;} .text-link{min-height:44px;display:inline-flex;align-items:center;gap:11px;} .text-link:after{content:"\2192";text-decoration:none;transition:transform .2s ease;} .text-link:hover:after{transform:translateX(3px);} .service .text-link{font-size:.9rem;} .steps{gap:40px;} .step{display:block;padding-top:27px;} .step h3{margin:0 0 18px;} .step p{margin:0;} .button,.wp-block-button__link{transition:background-color .2s ease,color .2s ease,border-color .2s ease;} .split>.image{align-self:center;} .footer-bottom{align-items:center;} @supports(grid-template-rows:subgrid){ .services-grid{row-gap:22px;} .services-grid>.service{grid-row:span 4;grid-template-rows:subgrid;} } @media(hover:hover) and (pointer:fine){ .services-grid>.service:hover{background:#eeebe3;} } @media(max-width:1100px){ .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .services-grid>.service{padding:30px;} .services-grid>.service:nth-child(2){border-right:0;} .services-grid>.service:nth-child(n+3){border-top:1px solid var(--line);padding-top:30px;} .services-grid>.service>h3{font-size:1.65rem;} } @media(max-width:780px){ .section-head{display:block;margin-bottom:32px;} .section-head h2{margin-bottom:20px;} .section-head .lead{margin-bottom:0;} .hero-copy{max-width:560px;} .hero h1{font-size:clamp(2.4rem,7.4vw,3.8rem);max-width:560px;} .hero:after{background:linear-gradient(180deg,rgba(3,9,13,.96),rgba(3,9,13,.72) 45%,rgba(3,9,13,.07) 80%,rgba(3,9,13,.7));} .benefits{gap:24px;padding:32px 0;} .services-grid>.service{padding:28px 22px;} .services-grid>.service:nth-child(n+3){padding-top:28px;} .services-grid>.service>h3{font-size:1.5rem;} .services-grid>.service>p{font-size:.92rem;} .steps{gap:30px;} .step{display:block;} .main-nav a{min-height:48px;} .footer-grid a{min-height:36px;display:flex;align-items:center;} } @media(max-width:600px){ .container{width:calc(100% - 44px);} .section{padding:64px 0;} .hero{min-height:720px;} .hero .hero-image{inset:auto 0 0;height:54%;} .hero .hero-image,.vehicle .vehicle-image{-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%);mask-image:linear-gradient(180deg,transparent,#000 24%);} .hero .hero-image img{object-position:70% center;} .hero-copy{padding:44px 0 340px;} .hero h1{font-size:clamp(2.1rem,9.3vw,3.15rem);line-height:1.1;max-width:440px;} .hero:after{background:linear-gradient(180deg,#0b1217 7%,rgba(11,18,23,.96) 38%,rgba(11,18,23,.48) 55%,rgba(11,18,23,.02) 78%,rgba(11,18,23,.68));} .hero .lead{font-size:1rem;max-width:400px;line-height:1.65;} .hero .eyebrow{font-size:.65rem;letter-spacing:.12em;} .hero .wp-block-buttons{margin-top:27px;} .hero .wp-block-button,.hero .wp-block-button__link{width:100%;} .hero-bottom{left:22px;bottom:47px;font-size:.72rem;} .hero-bottom p{margin:0;} .hero-footnote{left:22px;right:auto;bottom:17px;margin:0;} .services-grid{grid-template-columns:minmax(0,1fr);border-top:0;row-gap:0;} .services-grid>.service,.services-grid>.service:nth-child(n){ display:grid;grid-row:auto;grid-template-rows:auto auto auto auto; gap:17px;margin:0;padding:30px 0; border:0;border-top:1px solid var(--line); } .services-grid>.service:before{width:34px;height:34px;} .services-grid>.service>h3{font-size:1.75rem;line-height:1.17;} .services-grid>.service>p{font-size:.96rem;} .services-grid>.service>p:last-child{margin-top:2px;} .vehicle{min-height:700px;} .vehicle .vehicle-image{inset:auto 0 0;height:53%;} .vehicle .vehicle-image img{object-position:70% center;} .vehicle:after{background:linear-gradient(180deg,#0b1217 14%,rgba(11,18,23,.95) 39%,rgba(11,18,23,.1) 78%,rgba(11,18,23,.7));} .vehicle .split-copy{padding:48px 0 290px;} .vehicle h2{font-size:2.2rem;} .vehicle .image-note{bottom:18px;max-width:310px;} .page-intro h1{font-size:clamp(2.05rem,8.5vw,2.9rem);} .cta-inner .wp-block-button,.cta-inner .wp-block-button__link{width:100%;} .cta-inner h2{font-size:2rem;} .cta-inner .wp-block-buttons{margin-top:26px;} .cta-inner .button{width:100%;} .request-form{padding:27px 18px;} .fields{grid-template-columns:minmax(0,1fr);gap:19px;} .field.full{grid-column:auto;} .field input,.field select,.field textarea{min-height:50px;} .form-aside{display:block;} .form-aside>div{margin-bottom:27px;} .footer-grid{grid-template-columns:minmax(0,1fr);gap:27px;} .footer-brand{grid-column:auto;} .footer-grid a{min-height:44px;margin:0;} .footer-bottom a{display:inline-flex;min-height:44px;align-items:center;} .contact-item a{display:inline-flex;align-items:center;min-height:44px;} } @media(max-width:360px){ .container{width:calc(100% - 36px);} .hero{min-height:760px;} .hero h1{font-size:2.1rem;} .hero .eyebrow{font-size:.6rem;letter-spacing:.1em;} .hero-bottom,.hero-footnote{left:18px;} .hero-bottom{font-size:.66rem;} } @media(prefers-reduced-motion:reduce){ .text-link:hover:after{transform:none;} } /* v2.0 — original photography, clear navigation and calm, accessible layouts. */ :root{--paper:#f7f5f0;--gold:#ddbf86;--gold-deep:#72531e;--line:#ddd8cd} body{font-size:17px;line-height:1.75} h1,h2,h3{font-weight:400} .container{width:calc(100% - 112px)} .site-header{position:sticky;top:0;height:96px;border-bottom:1px solid #292823} body.admin-bar .site-header{top:32px} .header-inner{gap:24px} .main-nav{gap:24px} .main-nav>a:not(.button){min-height:48px;display:inline-flex;align-items:center} .main-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px} .main-nav .button-outline{color:#171915;background:var(--gold);border-color:var(--gold)} .button,.wp-block-button__link{font-size:.96rem;min-height:54px;padding:15px 24px} .button-outline,.is-style-outline .wp-block-button__link{color:var(--gold)} .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.87fr);align-items:center;min-height:680px;height:auto;max-height:none;overflow:hidden} .hero>.container{width:100%;grid-column:1;grid-row:1;max-width:700px;margin:0 0 0 auto;padding:68px 58px 68px max(56px,calc((100vw - 1224px)/2))} .hero .hero-image{position:relative;grid-column:2;grid-row:1;inset:auto;width:100%;height:100%;min-height:680px;z-index:auto;margin:0;mask-image:none;-webkit-mask-image:none} .hero .hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 58%} .hero:after{display:none} .hero-copy{max-width:580px;padding:0} .hero h1{font-size:clamp(2.5rem,4.1vw,4.15rem);line-height:1.12;max-width:610px;margin-bottom:26px;letter-spacing:-.035em} .hero .eyebrow{max-width:450px;font-size:.72rem;letter-spacing:.16em;line-height:1.6;margin-bottom:26px} .hero .lead{color:#dddeda;max-width:430px;font-size:1.1rem;line-height:1.75} .hero .wp-block-buttons{gap:12px;margin-top:34px} .hero .wp-block-button:not(.is-style-gold) .wp-block-button__link{background:transparent;border-color:#807967;color:#f7f5f0} .hero .wp-block-button:not(.is-style-gold) .wp-block-button__link:hover{background:#232b2e;border-color:var(--gold)} .hero .hero-reassurance{border-top:1px solid #3b4141;max-width:430px;margin:34px 0 0;padding-top:20px;font-size:.82rem;color:#c8c9c5;line-height:1.65} .hero-bottom,.hero-footnote{display:none} .benefit-band>.container{width:calc(100% - 112px)} .benefits{padding:38px 0;gap:42px} .benefit p{font-size:.92rem} .benefit h3{font-size:1.35rem} .section{padding:92px 0} .section-head .lead{max-width:360px;line-height:1.8} .services-grid>.service{padding:32px 23px 26px;gap:23px} .services-grid>.service:first-child{padding-left:0} .services-grid>.service:last-child{padding-right:0} .services-grid>.service>h3{font-size:1.6rem;line-height:1.22} .services-grid>.service>p{font-size:.98rem;line-height:1.8} .service .text-link{font-size:.94rem;min-height:48px} .dark .text-link{color:var(--gold)} .split .image img{aspect-ratio:4/5;object-position:50% 60%;border-radius:2px} .split{gap:64px} .vehicle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.87fr);min-height:650px;background:#e9e4d9;color:var(--ink)} .vehicle>.container{grid-column:1;grid-row:1;max-width:700px;width:100%;margin:0 0 0 auto;padding:64px 64px 64px max(56px,calc((100vw - 1224px)/2))} .vehicle .vehicle-image{position:relative;grid-column:2;grid-row:1;inset:auto;width:100%;height:100%;min-height:650px;mask-image:none;-webkit-mask-image:none;z-index:auto;margin:0} .vehicle .vehicle-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%} .vehicle:after{display:none} .vehicle .split-copy{max-width:none;padding:0} .vehicle h2{font-size:clamp(2rem,3.2vw,3.5rem);max-width:500px} .vehicle p,.vehicle .lead{color:#414846;max-width:460px} .vehicle .eyebrow,.vehicle .text-link{color:var(--gold-deep)} .vehicle .image-note{display:none} .page-trail{background:#eeeae1;border-bottom:1px solid #dfd9cc} .trail-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px} .back-link,.trail-services{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-family:var(--sans);font-size:.92rem;font-weight:600;text-decoration:none} .back-link:hover,.trail-services:hover{text-decoration:underline} .page-intro{padding:68px 0 76px} .page-intro h1{font-size:clamp(2.6rem,4.4vw,4.5rem);max-width:980px;line-height:1.14} .page-intro .lead{font-size:1.1rem;line-height:1.75} .page-intro .eyebrow{margin-bottom:20px} .vehicle-description{align-items:start} .vehicle-fact-panel{padding:34px;background:#eee9df;border-top:2px solid #b8985b} .vehicle-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px;margin-bottom:26px} .vehicle-fact{min-width:0} .vehicle-facts>.vehicle-fact{margin-block:0} .narrow,.content-grid>*,.form-layout>*,.split>*{min-width:0} .narrow{overflow-wrap:anywhere} .fact-label{color:var(--muted);font-size:.82rem;letter-spacing:.06em;margin:0 0 6px;text-transform:uppercase} .fact-value{font-family:var(--serif);font-size:1.6rem;margin:0;line-height:1.25} .vehicle-fact-panel>.muted{font-size:.92rem;margin:0;line-height:1.8} .gallery-section{background:#ede8de} .vehicle-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:38px;align-items:start} .vehicle-gallery>.vehicle-photo{margin:0} .vehicle-photo img{width:100%;aspect-ratio:900/1280;object-fit:cover;object-position:50% 58%;border-radius:2px} .vehicle-photo figcaption{font-family:var(--sans);font-size:.86rem;color:#555b58;margin-top:13px;line-height:1.6;text-align:left} .driver-split{grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:76px} .driver-portrait{margin:0;align-self:start!important} .driver-portrait img{aspect-ratio:4/5!important;object-position:50% 30%!important} .driver-split h2{font-size:clamp(2.1rem,3vw,3.25rem)} .driver-split .lead{font-size:1.08rem} .return-section{padding:26px 0;background:#eee9df;border-top:1px solid #dcd6ca} .return-links{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap} .return-links>p{margin:0} .return-links .text-link{font-size:.93rem} .footer-home{border-top:1px solid #30322e;padding-top:20px;margin-top:38px;color:#dfc48d} .footer-home .back-link{font-weight:400} .footer-bottom{margin-top:18px;padding-top:20px} .mobile-actions{display:none} .info-panel{border-top:2px solid #bea26b} .request-form{scroll-margin-top:130px} .menu-lines{display:none} @media(max-width:1200px){ .main-nav{gap:18px}.main-nav a{font-size:.82rem}.header-inner{gap:20px} .hero>.container,.vehicle>.container{padding-left:40px;padding-right:38px} .hero h1{font-size:3.4rem} .hero .wp-block-buttons .wp-block-button__link{padding-inline:18px;font-size:.9rem} .container,.benefit-band>.container{width:calc(100% - 80px)} } @media(max-width:1100px){ .site-header{height:88px}.menu-toggle{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:9px 16px} .menu-lines{display:inline-block;width:16px;height:9px;border-top:1px solid;border-bottom:1px solid} .main-nav{display:none;position:absolute;top:88px;left:0;width:100%;background:#000;padding:20px 40px 28px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #35312a;max-height:calc(100svh - 88px);overflow:auto} .main-nav.is-open{display:flex}.main-nav>a:not(.button){display:flex;font-size:1rem;padding:11px 0;min-height:48px} .main-nav .language-link{border-left:0;border-top:1px solid #35312a;margin-top:8px;padding-top:18px!important} .main-nav .button{margin-top:12px;min-height:52px;font-size:1rem} .hero h1{font-size:clamp(2.4rem,4.2vw,3.3rem)} .hero,.hero .hero-image{min-height:640px} .services-grid>.service:first-child{padding-left:28px} .services-grid>.service:last-child{padding-right:28px} .services-grid>.service{padding:30px 28px} .split,.driver-split{gap:44px} } @media(max-width:900px){ .hero{grid-template-columns:1fr 1fr} .hero>.container{padding:48px 28px 48px 32px} .hero .eyebrow{font-size:.64rem;letter-spacing:.11em} .hero h1{font-size:2.65rem} .hero .wp-block-buttons{flex-direction:column;align-items:stretch} .hero .wp-block-button,.hero .wp-block-button__link{width:100%} .hero .lead{font-size:1rem} .hero,.hero .hero-image{min-height:650px} .vehicle>.container{padding:48px 32px} .vehicle h2{font-size:2.5rem} .vehicle,.vehicle .vehicle-image{min-height:620px} } @media(max-width:780px){ .container,.benefit-band>.container{width:calc(100% - 48px)} .section{padding:64px 0} .site-header{height:82px}.main-nav{top:82px;padding-inline:24px;max-height:calc(100svh - 82px - 78px)} .brand-mark{width:190px;height:42px}.brand-mark img{width:290px;left:-44px;top:-140px} .brand-sub{font-size:.51rem} .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0} .hero>.container{width:calc(100% - 48px);max-width:none;margin:auto;padding:44px 0 38px;order:0} .hero-copy{padding:0;max-width:620px} .hero h1{font-size:clamp(2.25rem,7.5vw,3.6rem);max-width:620px} .hero .eyebrow{font-size:.68rem;letter-spacing:.12em;margin-bottom:22px;max-width:none} .hero .lead{max-width:500px;font-size:1.05rem} .hero .wp-block-buttons{flex-direction:row;align-items:stretch;gap:12px;margin-top:26px} .hero .wp-block-button{flex:1;min-width:0} .hero .hero-image{order:1;position:relative;min-height:0;height:auto;aspect-ratio:900/1120;width:100%;max-height:none;mask-image:none;-webkit-mask-image:none;inset:auto} .hero .hero-image img{object-position:50% 64%} .hero .hero-reassurance{display:none} .benefits{padding:32px 0;gap:26px} .split,.driver-split{grid-template-columns:1fr;gap:34px} .split .image img{aspect-ratio:4/5;max-height:640px} .vehicle{display:flex;flex-direction:column;align-items:stretch;min-height:0} .vehicle>.container{width:calc(100% - 48px);max-width:none;padding:46px 0;margin:auto;order:0} .vehicle .split-copy{padding:0;max-width:600px} .vehicle h2{max-width:520px;font-size:2.6rem} .vehicle p{max-width:520px} .vehicle .vehicle-image{order:1;min-height:0;height:auto;aspect-ratio:900/1040;inset:auto;position:relative;mask-image:none;-webkit-mask-image:none} .vehicle .vehicle-image img{object-position:50% 63%} .page-intro{padding:44px 0 48px} .page-intro h1{font-size:clamp(2.1rem,7.4vw,3.5rem);overflow-wrap:normal} .page-intro .lead{font-size:1.03rem} .trail-inner{min-height:58px;gap:12px}.back-link,.trail-services{font-size:.85rem;gap:8px} .vehicle-gallery{gap:22px} .driver-split{gap:32px} .driver-portrait img{max-height:620px} .vehicle-description .split-copy{padding:0} .vehicle-fact-panel{padding:28px} body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))} .mobile-actions{display:grid;grid-template-columns:.85fr 1.35fr;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#0b1217;color:#fff;border-top:1px solid #7a6d52;padding:9px 16px calc(9px + env(safe-area-inset-bottom,0px));gap:10px;box-shadow:0 -4px 20px #00000012} .mobile-actions a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;font-size:.92rem;text-decoration:none} .mobile-enquiry{background:var(--gold);color:#111c20;font-weight:600;border-radius:2px} .mobile-call{border:1px solid #626257;border-radius:2px} .footer-grid{gap:26px}.footer-bottom{padding-bottom:8px} .return-section{padding:20px 0} .return-links{gap:4px 24px} .return-links .back-link{font-size:.92rem} } @media(max-width:600px){ body{font-size:16px} .container,.benefit-band>.container,.hero>.container,.vehicle>.container{width:calc(100% - 44px)} .hero>.container{padding-top:38px;padding-bottom:30px} .hero h1{font-size:clamp(2.1rem,8.8vw,3.1rem);line-height:1.12;letter-spacing:-.03em} .hero .lead{font-size:1.03rem} .hero .wp-block-buttons{flex-direction:column;gap:12px} .hero .hero-image{aspect-ratio:1/1.04} .hero .hero-image img{object-position:50% 100%} .hero .wp-block-button__link{font-size:1rem!important;min-height:54px} .hero .hero-reassurance{font-size:.82rem;max-width:350px} .service .text-link{min-height:48px} .services-grid>.service:first-child,.services-grid>.service:last-child,.services-grid>.service{padding:30px 0} .services-grid>.service>h3{font-size:1.75rem} .services-grid>.service>p{font-size:1rem} .vehicle h2{font-size:2.35rem} .vehicle-gallery{grid-template-columns:1fr;gap:32px;margin-top:28px} .vehicle-photo img{aspect-ratio:900/1280} .vehicle-facts{gap:28px 18px} .fact-value{font-size:1.5rem} .vehicle-fact-panel{padding:26px 22px} .driver-split h2{font-size:2.2rem} .page-intro h1{font-size:clamp(2rem,8.7vw,2.9rem)} .page-intro .eyebrow{font-size:.68rem;letter-spacing:.15em} .content-grid{gap:32px}.content-grid h2{font-size:2rem} .info-panel{padding:26px 22px} .contact-item a{font-size:1rem} .trail-inner{min-height:58px}.trail-services{font-size:.8rem} .field input,.field select,.field textarea{font-size:16px} .request-form{padding:26px 18px} .faq summary{font-size:1.3rem;min-height:48px} .footer-home{margin-top:28px} } @media(max-width:360px){ .container,.benefit-band>.container,.hero>.container,.vehicle>.container{width:calc(100% - 36px)} .brand-mark{width:174px;height:38px}.brand-mark img{width:266px;left:-40px;top:-128px}.brand-sub{font-size:.46rem} .menu-toggle{padding:8px 11px;font-size:.85rem;gap:7px} .hero h1{font-size:2.04rem}.hero .eyebrow{font-size:.61rem} .mobile-actions{padding-inline:10px;gap:8px}.mobile-actions a{font-size:.86rem;gap:6px} .trail-inner{flex-wrap:wrap;gap:0;padding:5px 0}.trail-inner a{min-height:38px} } @media print{.site-header{position:static}.mobile-actions,.menu-toggle{display:none!important}body{padding-bottom:0}.hero,.vehicle{break-inside:avoid}.page-trail{display:none}} /* Wiederhergestellter Feinschliff, Oktober 2026. */ html{scroll-padding-top:120px}body{overflow-wrap:break-word}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .text-link:after{content:none!important}.footer-home,.return-section{display:none!important}.footer-bottom{margin-top:42px} .quiet-hero.hero{display:block;min-height:0;height:auto;padding:88px 0 76px;background:linear-gradient(115deg,#0b1217,#122029);overflow:visible} .quiet-hero.hero>.container{width:calc(100% - 112px);max-width:1224px;margin-inline:auto;padding:0} .quiet-hero .hero-copy{max-width:880px}.quiet-hero h1{max-width:880px;font-size:clamp(2.8rem,4.65vw,4.7rem);line-height:1.13}.quiet-hero .lead{max-width:610px;font-size:1.15rem}.quiet-hero .hero-reassurance{display:block;max-width:610px} :is(.home,.vab-home) .vehicle{display:block;min-height:0;padding:74px 0;background:#eee9df}:is(.home,.vab-home) .vehicle>.container{max-width:1224px;width:calc(100% - 112px);margin-inline:auto;padding:0}:is(.home,.vab-home) .vehicle .split-copy{max-width:760px;padding:0}:is(.home,.vab-home) .vehicle p{max-width:680px}:is(.home,.vab-home) .vehicle h2{max-width:760px}:is(.home,.vab-home) .text-only-split,.service-detail .text-only-split{grid-template-columns:minmax(0,1fr);max-width:860px}:is(.home,.vab-home) .text-only-split .split-copy{padding:0} .services-grid{position:relative;border-top:0!important}.services-grid:before{content:'';position:absolute;left:-24px;right:0;top:0;height:1px;background:var(--line)} .services-grid>.service:first-child{padding-left:0!important}.services-grid>.service{min-width:0;transition:background-color .2s,box-shadow .2s}.services-grid>.service:last-child{padding-right:0!important}.services-grid>.service>h3{font-size:1.58rem;overflow-wrap:normal;hyphens:auto}.services-grid>.service>p:last-child{align-self:end} @media(hover:hover) and (pointer:fine){.services-grid>.service:hover{background:#eeebe3}.services-grid>.service:first-child:hover{box-shadow:-24px 0 0 #eeebe3}} .button:hover,.wp-block-button__link:hover,.hero .wp-block-button:not(.is-style-gold) .wp-block-button__link:hover{background:#172329!important;color:#cdd2cf!important;border-color:#a58f66!important} .main-nav .button-outline,.button-gold,.is-style-gold .wp-block-button__link,.mobile-enquiry{background:#ddbf86!important;border-color:#ddbf86!important;color:#171915!important} .main-nav .button-outline:hover,.button-gold:hover,.is-style-gold .wp-block-button__link:hover,.mobile-enquiry:hover{background:#ddc592!important;border-color:#ddc592!important;color:#4a4d49!important} .mobile-enquiry{transition:background-color .2s,color .2s}.main-nav .button-outline:hover{color:#4a4d49!important} .service-detail{scroll-margin-top:116px}.service-intro{border-top:1px solid #d3c7af;background:#eee9df;padding:48px 0}.service-intro h2{max-width:900px}.service-intro .lead{max-width:740px}.service-detail .section{padding:60px 0}.service-detail .dark{background:#101b22}.service-detail .faq{display:grid;grid-template-columns:1fr 1fr;gap:32px;border:0}.service-answer{border-top:1px solid var(--line);padding-top:24px}.service-answer h4{font-size:1.42rem;margin-bottom:16px}.service-answer p{font-size:.97rem;color:var(--muted)} .vab-gallery{position:relative;max-width:1120px;margin:0 auto}.vab-gallery-frame{height:640px;background:#e4e0d7;overflow:hidden;border-radius:3px}.vab-slide{margin:0;width:100%;height:100%}.vab-slide img{width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;min-width:48px;min-height:48px;border-radius:50%;border:1px solid #ffffffb8;background:#f7f5f0d9;color:#535b59;box-shadow:0 2px 12px #101a2312;font-family:Arial,sans-serif;font-size:2rem;line-height:1;padding:0;backdrop-filter:blur(6px);transition:background .2s,color .2s}.gallery-arrow:hover{background:#fffffff2;color:#172329}.gallery-arrow.prev{left:18px}.gallery-arrow.next{right:18px}.gallery-arrow span{display:block;margin-top:-3px}.gallery-section{padding:52px 0}.vehicle-gallery{display:block;margin-top:0} .request-form legend{font-size:1.6rem}.field select{max-width:100%}.info-panel{overflow-wrap:anywhere}article,section{min-width:0} @media(max-width:1200px){.quiet-hero.hero>.container,:is(.home,.vab-home) .vehicle>.container{width:calc(100% - 80px)}.vab-gallery-frame{height:580px}} @media(max-width:1100px){.services-grid>.service{padding:30px 24px}.vab-gallery-frame{height:540px}} @media(max-width:780px){.quiet-hero.hero{padding:52px 0 48px}.quiet-hero.hero>.container,:is(.home,.vab-home) .vehicle>.container{width:calc(100% - 48px)}.quiet-hero h1{font-size:clamp(2.35rem,7vw,3.6rem)}.quiet-hero .lead{font-size:1.05rem}.quiet-hero .wp-block-buttons{flex-direction:row}.quiet-hero .hero-reassurance{margin-top:26px}:is(.home,.vab-home) .vehicle{padding:54px 0}.services-grid:before{left:-16px}.services-grid>.service:first-child:hover{box-shadow:-16px 0 0 #eeebe3}.vab-gallery-frame{height:460px}.gallery-section{padding:34px 0}.service-detail .faq{grid-template-columns:1fr;gap:20px}.service-detail .section{padding:44px 0}.service-intro{padding:38px 0}.service-detail{scroll-margin-top:100px}} @media(max-width:600px){.quiet-hero.hero>.container,:is(.home,.vab-home) .vehicle>.container{width:calc(100% - 44px)}.quiet-hero.hero{padding:46px 0}.quiet-hero .wp-block-buttons{flex-direction:column}.quiet-hero h1{font-size:clamp(2.04rem,8.5vw,3rem)}.services-grid>.service>h3{font-size:1.7rem}.vab-gallery-frame{height:390px}.gallery-arrow{width:46px;height:46px;font-size:1.85rem}.gallery-arrow.prev{left:9px}.gallery-arrow.next{right:9px}.service-intro h2{font-size:2rem}.form-layout{display:block}.form-aside{margin-top:36px}} @media(max-width:360px){.quiet-hero.hero>.container,:is(.home,.vab-home) .vehicle>.container{width:calc(100% - 36px)}.vab-gallery-frame{height:340px}.quiet-hero h1{font-size:2.04rem}.services-grid>.service>h3{font-size:1.6rem}} .mobile-actions .mobile-phone-icon{width:18px;height:18px;flex:0 0 18px;display:block} /* Every service owns the same padding and hover area, including outer cards. */ .services-grid{--service-inset:24px;width:calc(100% + var(--service-inset) + var(--service-inset));margin-inline:calc(-1 * var(--service-inset));column-gap:0} .services-grid:before{left:0;right:0} .services-grid>.service,.services-grid>.service:first-child,.services-grid>.service:last-child,.services-grid>.service:nth-child(n){padding:32px var(--service-inset) 28px!important;box-shadow:none!important;border-right:1px solid var(--line)} .services-grid>.service:last-child{border-right:0} @media(max-width:1100px){.services-grid>.service:nth-child(2n){border-right:0}} @media(max-width:780px){.services-grid{--service-inset:16px}.services-grid:before{left:0}.services-grid>.service:first-child:hover{box-shadow:none!important}} @media(max-width:600px){.services-grid{grid-auto-rows:1fr;row-gap:0}.services-grid>.service:nth-child(n){border-right:0;grid-template-rows:34px auto 1fr auto;gap:17px}.services-grid>.service:first-child{border-top:0}} /* Scale one wordmark viewport proportionally, with room around every letter. */ .brand{--brand-width:clamp(150px,48vw,213px)} .brand-mark{position:relative;display:block;width:var(--brand-width);height:calc(var(--brand-width) * .2096385542);overflow:hidden} .brand-mark img{position:absolute;width:calc(var(--brand-width) * 1.5108433735);height:auto;max-width:none;left:calc(var(--brand-width) * -.265060241);top:calc(var(--brand-width) * -.7469879518)} .brand-sub{font-size:clamp(.42rem,1.8vw,.59rem);letter-spacing:.17em;line-height:1.5;margin-top:2px;white-space:nowrap} @media(max-width:780px){.header-inner{gap:16px}} /* A clear, quiet return button at the beginning of each inner page. */ .page-trail{background:var(--paper);border-bottom:0} .page-trail .trail-inner{min-height:76px;justify-content:flex-start;gap:16px;padding-block:12px} .page-trail .back-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 16px;border:1px solid #d4c7ae;border-radius:6px;background:#fffdfa;color:#243036;font-size:.9rem;font-weight:500;line-height:1.4;text-decoration:none;box-shadow:0 1px 3px #17232906;transition:background-color .18s,border-color .18s,color .18s} .page-trail .back-link>span[aria-hidden]{font-size:1.15rem;line-height:1} .page-trail .back-link:hover{background:#ece5d7;border-color:#b59c6e;color:#172329;text-decoration:none} .page-trail .back-link:focus-visible{outline:2px solid #967237;outline-offset:3px} @media(max-width:780px){.page-trail .trail-inner{min-height:70px}.page-trail .back-link{font-size:.875rem}}