/* Shared palette and spacing. Loaded last on every language and page. */
:root{--brand-green:#123e46;--brand-orange:#ff942e;--brand-ink:#20363b;--brand-light:#f3f6f6;--accent:var(--brand-orange);--accent2:#ffb36b;--navy:var(--brand-green);--navy2:var(--brand-green);--dark:var(--brand-ink);--ink:var(--brand-ink);--text:var(--brand-ink);--bg:var(--brand-light);--line:#d9e3e4;--muted:#52686d}
body{color:var(--brand-ink);background:#fff} .wrap{max-width:1160px} .section{padding:64px 0}.section.light{background:var(--brand-light)}.lead{color:#52686d}
/* One consistent green for all prominent dark surfaces. */
header,.emergency-banner,.cta,footer,.rental-contact{background:var(--brand-green);color:#fff}
header{position:relative;border-bottom:3px solid var(--brand-orange);box-shadow:none}header .head{gap:0}.brandbar{padding:22px 0;gap:24px}.brandbar::after{display:none}
.brandbar .brand-name .brand-der,.brandbar .brand-name .brand-at{color:var(--brand-orange)}.brandbar .brand-name .brand-transporter,.brandbar .logo small{color:#fff}.header-car path:first-child{fill:#fff}.header-car path:last-child{fill:var(--brand-orange)}.header-values i{color:var(--brand-orange)}.header-values>span{color:white}.header-values{gap:20px}
.header-contact{background:transparent;color:white;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:12px 0;gap:12px 26px}.header-contact a{color:white}.header-contact a span{color:var(--brand-orange)}.header-license{color:#fff;font-size:11px}
header nav{border:0;gap:10px 17px;padding:15px 0;align-items:center}header nav a{color:white!important;font-size:13px}header nav a:hover,header nav a:focus-visible{color:#ffbb7b!important}header nav .transport-nav-link{color:#fff!important}header nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--brand-orange);text-underline-offset:7px}
header nav a.call{background:var(--brand-orange);color:#172c31!important;border:1px solid var(--brand-orange);margin-left:auto;border-radius:5px;font-weight:800;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px}
header nav a.call:hover{background:#ffb36b;border-color:#ffb36b;color:#172c31!important}
header .language-switch{margin:0 0 14px;gap:8px}header .language-switch a{background:transparent;border-color:#ffffff60;box-shadow:none}header .language-switch a.lang-active{background:#ffffff16;border-color:var(--brand-orange);outline:1px solid var(--brand-orange)}header .language-switch a:hover{background:#ffffff20}
/* Clear photography and spacious copy replace the old screenshot background. */
.hero{background:linear-gradient(90deg,rgba(10,31,36,.9),rgba(10,31,36,.66) 65%,rgba(10,31,36,.32)),url('../bilder/fuhrpark-alpen.jpg') center 49%/cover;min-height:490px;padding:72px 0;color:white}
.hero .wrap{width:100%}.hero h1{max-width:820px;font-size:clamp(34px,4.7vw,56px);line-height:1.12;letter-spacing:-1px;margin-bottom:22px}.hero p{max-width:710px;font-size:19px;line-height:1.7;margin-bottom:0}.hero .actions{margin-top:28px}.hero .btn.alt{background:transparent;color:white;border:1px solid #ffffffb3}
.pagehero,.rental-hero{background:var(--brand-green);color:white}.pagehero{padding:54px 0}.pagehero h1{line-height:1.16}.pagehero p{color:#e7efef}
.btn,.button,.cta a.btn{background:var(--brand-orange);color:#172c31;border:1px solid transparent;border-radius:5px;font-weight:800;padding:12px 19px;min-height:46px;line-height:1.45}.btn:hover,.button:hover,.cta a.btn:hover{background:#ffb36b;color:#172c31}.btn.alt,.rental-page .btn.alt{background:transparent;border:1px solid #ffffff9c;color:white}.btn.alt:hover,.rental-page .btn.alt:hover{background:#ffffff16;color:white}
.emergency-banner{padding:44px 0}.emergency-banner h2,.cta h2,.rental-contact h2{color:#fff}.emergency-banner p,.cta p,.rental-contact p{color:#e8efef}.emergency-banner .btn{margin-top:14px}.actions{gap:12px}
.strip{background:#edf3f3;color:var(--brand-green);border-bottom:1px solid var(--line)}.strip .wrap{padding-top:21px;padding-bottom:21px;font-size:14px;gap:18px}.card,.rental-panel,.vehicle-card{border-color:var(--line);box-shadow:0 6px 22px #123e460a}.rental-text-link{color:var(--brand-green)}.card h3,.rental-panel h2{color:var(--brand-ink)}
footer{padding-top:42px;padding-bottom:42px}footer a{color:#fff}.notice{background:#fff5e9;border-left-color:var(--brand-orange)}.ticks li::marker{color:#d56b0c}.partner-bgl-section,.kfz-teaser,.rental-trailer{background:#edf3f3;border-color:var(--line)}
.rental-page{--rental-ink:var(--brand-green)}.rental-fleet .rental-eyebrow,.rental-trailer .rental-eyebrow,.step-number{color:#9d4900}.rental-hero .rental-eyebrow,.rental-contact .rental-eyebrow{color:#ffbb7b}.rental-photo figcaption{background:var(--brand-green)}.vehicle-card{border-top-color:var(--brand-orange)}.rental-contact .rental-terms{color:#d4e2e4}.trailer-pricing{border-top-color:var(--brand-orange)}.trailer-price strong{color:var(--brand-green)}.trailer-availability{background:#e0ecec;color:var(--brand-green)}.trailer-requirements{background:#fff5e9}
:focus-visible{outline:3px solid #e47713;outline-offset:4px}.whatsapp-contact{background:#25d366;color:white}
@media(max-width:1000px){header nav a.call{margin-left:0}.header-values{display:none}.header-license{margin-left:0}}
@media(max-width:720px){.section{padding:42px 0}.hero{min-height:430px;padding:52px 0;background-position:58% center}.hero p{font-size:17px}.hero h1{letter-spacing:-.5px}.emergency-banner{padding:34px 0}.strip .wrap{grid-template-columns:1fr 1fr;font-size:12px;gap:12px}.pagehero{padding:38px 0}}
@media(max-width:620px){.brandbar{padding:17px 0;gap:12px}.header-contact{padding:11px 0;gap:7px;align-items:flex-start}.header-contact a{font-size:13px}.header-license{font-size:10px}header nav{gap:7px 14px;padding:13px 0}header nav a{font-size:12px}header nav a.call{margin-left:0;width:auto;min-height:42px}header .language-switch{justify-content:flex-end}.brandbar .logo small{line-height:1.5}.hero .actions .btn{flex:1 1 auto;text-align:center}.hero{min-height:440px}footer{padding-bottom:90px}}

/* Live, scaled homepage overview on the company history page. */
.homepage-overview{margin:0;width:100%;max-width:390px;justify-self:center;align-self:start;background:#fff;border:1px solid #d7e1e3;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #123e461a}.homepage-overview-frame{position:relative;width:100%;overflow:hidden;background:#123e46}.homepage-overview iframe{display:block;position:absolute;inset:0;border:0;max-width:none;transform-origin:top left;pointer-events:none}.homepage-overview-cover{position:absolute;inset:0;display:block;z-index:1}.homepage-overview-cover:focus-visible{outline-offset:-4px}.homepage-overview figcaption{padding:14px 18px;border-top:1px solid #d9e3e4;font-size:14px;font-weight:700;color:#123e46}.homepage-overview figcaption a{text-decoration:underline;text-underline-offset:3px}.inside-homepage-overview{scroll-behavior:auto}.inside-homepage-overview body{margin:0}.inside-homepage-overview .whatsapp-contact{display:none}

/* Consistent service and rental actions use the shared orange button palette. */
.card{display:flex;flex-direction:column}.card .inner{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:0}.card .inner p{flex:1}
.card a.more,a.more{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;margin-top:8px;border:1px solid transparent;border-radius:5px;background:var(--brand-orange);color:#172c31;font-size:14px;font-weight:800;line-height:1.45;text-decoration:none;transition:background .15s,color .15s}
.card a.more:hover,a.more:hover{background:#ffb36b;color:#172c31}.card a.more:focus-visible,a.more:focus-visible{outline:3px solid var(--brand-green);outline-offset:3px}

/* Compact company-history layout: text starts at the top, preview stays secondary. */
.about-page .pagehero{padding:30px 0}.about-page .pagehero h1{font-size:clamp(30px,3.4vw,42px)}.about-page .pagehero p{margin:10px 0 0;font-size:17px}.about-story{padding:36px 0 42px}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:start}.about-copy{max-width:780px}.about-copy h2{font-size:clamp(26px,2.7vw,34px);line-height:1.2;margin:0 0 18px}.about-copy p{margin:0 0 17px;line-height:1.75}.about-copy h3{color:var(--brand-green);font-size:20px;line-height:1.3;margin:26px 0 10px}.about-copy .about-summary{padding:18px 20px;margin:24px 0 0;border-left:3px solid var(--brand-orange);background:#f0f5f5;border-radius:0 6px 6px 0}.about-homepage-preview{width:260px;max-width:100%;margin:0;align-self:start;border-radius:8px;box-shadow:0 5px 18px #123e4610}.about-preview-label{padding:13px 15px;color:var(--brand-green);font-weight:700;font-size:13px;border-bottom:1px solid #d9e3e4;background:#f3f6f6}.about-homepage-preview .homepage-overview-frame{height:420px;background:#123e46}.about-homepage-preview figcaption{padding:12px 15px;font-size:13px}.about-page .partner-bgl-section{padding:36px 0}.about-page .partner-bgl-section h2{font-size:28px}.about-page .partner-bgl-section h3{font-size:19px;margin:12px 0}.about-page .cta{padding:34px 0}
@media(max-width:800px){.about-layout{grid-template-columns:minmax(0,1fr) 210px;gap:28px}.about-homepage-preview{width:210px}}
@media(max-width:620px){.about-page .pagehero{padding:25px 0}.about-story{padding:28px 0 34px}.about-layout{grid-template-columns:1fr;gap:28px}.about-homepage-preview{width:230px;justify-self:center}.about-copy h3{margin-top:23px}.about-page .partner-bgl-section h2{font-size:25px}}
