:root{color-scheme:light;--navy:#0b2532;--ink:#18323e;--muted:#526772;--gold:#d8a348;--line:#d7e1e3;--paper:#f6f8f8;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper)}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.container{width:min(100% - 40px,1120px);margin-inline:auto}.eyebrow{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#a36e1f}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;text-decoration:none;font-size:.94rem;font-weight:750;border:1px solid transparent;transition:background .2s,color .2s}.button-gold{background:var(--gold);color:#102936}.button-gold:hover{background:#efbd66}.button-outline{border-color:#aec3cb;color:#fff}.button-outline:hover{background:#ffffff25}.button-navy{background:var(--navy);color:#fff}.button-navy:hover{background:#17465a}
.site-header{background:var(--navy);color:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:86px}.logo{display:flex;gap:12px;align-items:center;text-decoration:none;white-space:nowrap}.logo-mark{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--gold);color:var(--gold);font-size:.67rem;font-weight:900}.logo-text{font-size:1.1rem;font-weight:850;letter-spacing:.11em}.logo-text span{color:var(--gold)}.site-nav{display:flex;align-items:center;gap:27px}.site-nav a{color:#cbdce0;text-decoration:none;font-size:.9rem;font-weight:650;padding:8px 0;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a[aria-current="page"]{color:#fff;border-bottom-color:var(--gold)}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;min-height:650px;background:#143e56 url('hero-road-modern.webp') center center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071c2be8 0%,#0b2943c9 34%,#0e344067 58%,#09213112 84%)}.hero:after{content:"";position:absolute;inset:-15%;z-index:-1;background:radial-gradient(circle at 26% 45%,#357fa12c,transparent 35%);animation:glow 22s ease-in-out infinite alternate}.hero-inner{display:flex;align-items:center;min-height:650px;padding:75px 0}.hero-content{max-width:640px}.hero .eyebrow{color:#eabf71;margin:0 0 22px}.hero h1{font-size:clamp(3rem,5.7vw,5.25rem);line-height:1.05;letter-spacing:-.052em;margin:0 0 25px;font-weight:780}.hero h1 span{color:#e6b45e}.hero p.summary{max-width:580px;color:#e4edef;font-size:1.1rem;line-height:1.7;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}@keyframes glow{from{transform:translate(-2%,1%)}to{transform:translate(3%,-2%)}}
.intro{padding:76px 0 85px;text-align:center}.intro .eyebrow{margin:0 0 16px}.intro h2,.page-hero h1,.section-heading h2{font-size:clamp(2.25rem,4vw,3.7rem);letter-spacing:-.045em;line-height:1.13;margin:0}.intro p:last-of-type{max-width:650px;margin:20px auto 0;color:var(--muted);line-height:1.7}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px}.link-card{text-align:left;display:block;background:#fff;border:1px solid var(--line);padding:27px 29px;text-decoration:none;transition:transform .2s,box-shadow .2s}.link-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px #0b253213}.link-card span{display:block;color:#a36e1f;text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:800}.link-card strong{display:block;font-size:1.3rem;letter-spacing:-.02em;margin-top:18px}.link-card small{display:block;color:var(--muted);font-size:.9rem;line-height:1.5;margin-top:8px}
.page-hero{background:linear-gradient(115deg,#0b2532,#16465a);color:#fff;padding:88px 0 92px;text-align:center;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,#6fb2c625,transparent 35%);animation:glow 20s ease-in-out infinite alternate;pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero .eyebrow{color:#e5b866;margin:0 0 18px}.page-hero p:last-child{max-width:690px;margin:21px auto 0;color:#cbdde2;line-height:1.7;font-size:1.08rem}.content-section{padding:80px 0 100px}.section-heading{text-align:center;max-width:720px;margin:0 auto 45px}.section-heading .eyebrow{margin:0 0 16px}.section-heading p:last-child{color:var(--muted);line-height:1.7;margin:18px auto 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.service{min-height:193px;padding:32px 26px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service .index{color:#a36e1f;font-size:.72rem;letter-spacing:.14em;font-weight:800}.service h2{font-size:1.2rem;line-height:1.3;letter-spacing:-.02em;margin:24px 0 0}.service p{font-size:.9rem;color:var(--muted);margin:9px 0 0}.cta-band{background:#e5edef;padding:62px 0;text-align:center}.cta-band h2{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.04em;margin:0 0 22px}.info-panel{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);padding:40px;text-align:center}.info-panel h2{font-size:1.8rem;letter-spacing:-.03em;margin:0}.info-panel p{color:var(--muted);line-height:1.7}.info-panel + .info-panel{margin-top:18px}.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:25px}.contact-detail{max-width:700px;margin:35px auto 0;border-top:1px solid var(--line);padding-top:30px;text-align:center;line-height:1.9}.contact-detail a,.imprint a{overflow-wrap:anywhere;text-underline-offset:3px}.imprint{max-width:730px;margin:auto;background:#fff;border:1px solid var(--line);padding:45px}.imprint dl{display:grid;grid-template-columns:210px 1fr;gap:19px 26px;line-height:1.6;margin:0}.imprint dt{font-weight:750}.imprint dd{margin:0;color:#425966}
.site-footer{background:#071b25;color:#afc0c6;text-align:center;padding:28px 0;font-size:.86rem}.footer-inner{display:flex;justify-content:center;gap:12px 38px;flex-wrap:wrap}.site-footer a{color:#e0e9ea}
@media(max-width:900px){.header-inner{justify-content:center;flex-wrap:wrap;padding:20px 0;gap:18px}.logo{width:100%;justify-content:center}.site-nav{gap:20px}.hero{background-position:57% center}.hero:before{background:linear-gradient(90deg,#071c2bef,#0a263fd4 48%,#0b293865)}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 34px,1120px)}.site-nav{width:100%;justify-content:center;flex-wrap:wrap;gap:6px 17px}.site-nav a{font-size:.84rem}.hero,.hero-inner{min-height:620px}.hero{background-position:67% center}.hero:before{background:linear-gradient(90deg,#071c2bf0,#09263edc 58%,#0b293890)}.hero h1{font-size:clamp(2.7rem,11vw,4rem)}.hero p.summary{font-size:1rem}.intro{padding:68px 0}.link-grid,.service-grid{grid-template-columns:1fr}.link-grid{gap:10px}.link-card{text-align:center}.page-hero{padding:68px 0}.content-section{padding:65px 0 75px}.service{min-height:150px;padding:27px}.service h2{margin-top:17px}.info-panel,.imprint{padding:28px 20px}.imprint dl{display:block;text-align:center}.imprint dt{margin-top:22px}.imprint dd{margin-top:4px}.road{height:135px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:after,.page-hero:after{animation:none}.button,.link-card{transition:none}}
/* Subpage imagery and service photography */
.page-hero{min-height:340px;display:flex;align-items:center;background-size:cover;background-position:center;isolation:isolate}
.page-hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#071c2be8,#0b2943c7 58%,#0c2c3d72)}
.page-hero--services{background-image:url('komplettladung.webp')}
.page-hero--availability{background-image:url('overnight.webp')}
.page-hero--contact{background-image:url('wien.webp')}
.page-hero--imprint{background-image:url('hero-road.webp')}
.page-hero .container{max-width:780px}
.page-hero:after{z-index:0}
.service-grid{gap:18px;border:0;background:transparent}
.service{position:relative;overflow:hidden;min-height:0;padding:0;border:1px solid var(--line);background:#fff;text-align:left;box-shadow:0 8px 25px #102d3a0a}
.service img{display:block;width:100%;height:205px;object-fit:cover}
.service-content{padding:25px 27px 31px;min-height:174px}
.service h2{margin-top:13px}
.visual-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:42% 1fr;align-items:stretch;max-width:940px;padding:0;text-align:left}
.visual-panel img{display:block;width:100%;height:100%;min-height:275px;object-fit:cover}
.visual-panel>div{padding:38px 40px;align-self:center}
.visual-panel .eyebrow{margin-top:0}
.visual-panel h2{line-height:1.2}
.contact-panel{grid-template-columns:42% 1fr}
.contact-panel .contact-detail{text-align:left;margin-top:28px}
.contact-panel .contact-actions{justify-content:flex-start}
.imprint{border-top:5px solid var(--gold);box-shadow:0 12px 30px #0b253210}
@media(max-width:650px){.page-hero{min-height:320px}.service img{height:205px}.service-content{min-height:0;padding:23px}.visual-panel,.contact-panel{display:block}.visual-panel img{height:225px;min-height:0}.visual-panel>div{padding:30px 23px}.contact-panel .contact-actions{justify-content:center}.contact-panel .contact-detail{text-align:center}}
/* Consistent centered copy throughout the navigation pages */
.service,.service-content,.visual-panel,.visual-panel>div,.contact-panel,.contact-panel .contact-detail{text-align:center}
.visual-panel .contact-actions,.contact-panel .contact-actions{justify-content:center}
.imprint dl{display:block;text-align:center;max-width:620px;margin-inline:auto}
.imprint dt{margin-top:23px;font-weight:800;color:var(--navy)}
.imprint dt:first-child{margin-top:0}
.imprint dd{margin-top:5px}
.site-nav{justify-content:center;text-align:center}
@media(max-width:650px){.service-content,.visual-panel>div{text-align:center}}

/* Full-screen start page */
.hero,.hero-inner{min-height:calc(100svh - 86px)}
.hero{background-position:center center}
@media(max-width:900px){.hero,.hero-inner{min-height:calc(100svh - 135px)}}
@media(max-width:650px){.hero,.hero-inner{min-height:calc(100svh - 135px);min-height:max(620px,calc(100svh - 135px))}.hero{background-position:67% center}}
/* About and transport request */
.page-hero--about{background-image:url('hero-road.webp')}
.about-section{background:#fff}.about-layout{display:grid;grid-template-columns:46% 1fr;gap:60px;align-items:center}.about-image img{display:block;width:100%;height:440px;object-fit:cover}.about-copy h2,.about-modes h2{font-size:clamp(2rem,3.5vw,3.2rem);letter-spacing:-.045em;line-height:1.16;margin:10px 0 22px}.about-copy p:not(.eyebrow){color:var(--muted);line-height:1.75;margin:0 0 18px}.about-copy .button{margin-top:14px}.about-modes{background:#e8eff0;padding:75px 0;text-align:center}.about-modes .eyebrow{margin:0}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.mode-grid>div{background:#fff;padding:32px 25px;border-top:3px solid var(--gold)}.mode-grid strong{font-size:1.25rem}.mode-grid p{color:var(--muted);line-height:1.6;margin:12px 0 0}
.quote-section{background:#e8eff0;padding:80px 0 100px}.quote-form{background:#fff;border:1px solid var(--line);max-width:920px;margin:auto;padding:42px;box-shadow:0 15px 35px #0b25320b}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 25px}.field{display:flex;flex-direction:column;text-align:left}.field-wide{grid-column:1/-1}.field label{font-weight:750;font-size:.9rem;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--ink);background:#f9fbfb;border:1px solid #bfcdd1;border-radius:0;padding:12px 13px;min-height:49px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #d9a44780;outline-offset:1px;border-color:#9c751f}.form-note{font-size:.85rem;line-height:1.6;color:var(--muted);margin:26px 0 0}.form-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:25px}.form-actions button{cursor:pointer}
@media(max-width:800px){.about-layout{grid-template-columns:1fr;gap:35px}.about-image img{height:330px}.about-copy{text-align:center}.mode-grid{grid-template-columns:1fr}}
@media(max-width:650px){.quote-section{padding:65px 0}.quote-form{padding:25px 20px}.field-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.about-image img{height:250px}.about-modes{padding:65px 0}}
/* Company history */
.history{background:#f5f8f8;padding:85px 0 95px}.history-list{list-style:none;max-width:780px;margin:0 auto;padding:0;border-top:1px solid var(--line)}.history-list li{display:grid;grid-template-columns:175px 1fr;gap:25px;padding:25px 12px;border-bottom:1px solid var(--line)}.history-year{color:#a36e1f;font-weight:850;letter-spacing:.04em}.history-list h3{font-size:1.13rem;margin:0 0 6px}.history-list p{color:var(--muted);margin:0;line-height:1.6}
@media(max-width:650px){.history{padding:65px 0}.history-list li{grid-template-columns:1fr;text-align:center;gap:7px}}
/* Seven clear navigation destinations */
.site-nav{gap:18px}
@media(max-width:1100px){.header-inner{justify-content:center;flex-wrap:wrap;padding:20px 0;gap:17px}.logo{width:100%;justify-content:center}.site-nav{justify-content:center;flex-wrap:wrap}}

/* Centered masthead */
.header-inner{min-height:0;padding:24px 0 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.logo{width:auto;justify-content:center;text-align:center}
.logo-text{font-size:1.72rem;line-height:1.2;letter-spacing:.14em}
.site-nav{width:100%;justify-content:center;gap:15px 30px;flex-wrap:wrap}
.site-nav a{padding:5px 0 9px}
.hero,.hero-inner{min-height:calc(100svh - 130px)}
@media(max-width:650px){.header-inner{padding:20px 0 13px;gap:12px}.logo{width:auto}.logo-text{font-size:1.4rem}.site-nav{gap:4px 18px}.hero,.hero-inner{min-height:max(620px,calc(100svh - 155px))}}

/* Larger centered wordmark and streamlined navigation */
.header-inner{padding-top:29px;padding-bottom:17px;gap:16px}
.logo-text{font-size:clamp(2rem,4.4vw,3.1rem);letter-spacing:.105em;line-height:1.1}
.site-nav{gap:12px 32px}.site-nav a{font-size:.96rem}
.hero,.hero-inner{min-height:calc(100svh - 165px)}
@media(max-width:650px){.header-inner{padding-top:22px;padding-bottom:15px;gap:13px}.logo-text{font-size:1.82rem;letter-spacing:.06em}.site-nav{gap:5px 17px}.site-nav a{font-size:.84rem}.hero,.hero-inner{min-height:max(600px,calc(100svh - 185px))}}

/* Language selection */
.site-header{position:relative}.language-menu{position:absolute;top:10px;right:18px;z-index:20;color:#e8f0f2;font-size:.85rem}.language-menu summary{cursor:pointer;list-style:none;padding:5px 9px;border:1px solid #67808b;background:#143847}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:after{content:"⌄";margin-left:9px;color:var(--gold)}.language-options{position:absolute;right:0;top:100%;min-width:120px;background:#fff;color:var(--ink);box-shadow:0 10px 25px #0003;border:1px solid var(--line);padding:4px}.language-options a{display:block;padding:8px 11px;text-decoration:none;white-space:nowrap}.language-options a:hover,.language-options a[aria-current="page"]{background:#e8eff0}.header-inner{padding-top:55px}
@media(max-width:650px){.language-menu{right:12px;top:7px}.header-inner{padding-top:47px}}
.flag-icon{display:inline-block;width:22px;height:15px;vertical-align:-2px;margin-right:8px;object-fit:cover;box-shadow:0 0 0 1px #ffffff77}.language-options .flag-icon{box-shadow:0 0 0 1px #bcc9cc}

/* Full-window home photograph, with the masthead over the image */
.home .site-header{position:absolute;top:0;left:0;width:100%;z-index:30;background:linear-gradient(180deg,#071b25ec 0%,#071b25bb 68%,#071b2500 100%);border-bottom:0}
.home .hero,.home .hero-inner{min-height:100svh}
.home .hero{background-position:center center}
.home .hero-inner{padding-top:205px;padding-bottom:76px}
@media(max-width:650px){.home .hero,.home .hero-inner{min-height:100svh}.home .hero{background-position:67% center}.home .hero-inner{padding-top:185px;padding-bottom:55px}}

.service-content h2{margin-top:2px}
/* Full-window image headers and centered content on every page */
.site-header{position:absolute;top:0;left:0;width:100%;z-index:30;background:linear-gradient(180deg,#071b25ec 0%,#071b25bb 68%,#071b2500 100%);border-bottom:0}
.page-hero{min-height:100svh;padding:205px 0 75px;background-size:cover;background-position:center center;text-align:center}
.page-hero:before{background:linear-gradient(180deg,#071c2bc7 0%,#0b2943a8 55%,#0c2c3d8f 100%)}
.page-hero .container{max-width:800px;margin:auto}
.service,.service-content,.service h2,.service p,.section-heading,.info-panel,.about-copy,.about-modes,.history-list li,.imprint{text-align:center}
.history-list li{grid-template-columns:1fr;gap:6px}
.field label{text-align:center}
@media(max-width:650px){.page-hero{min-height:100svh;padding:185px 0 55px;background-position:center center}.page-hero--services{background-position:58% center}.page-hero--availability{background-position:60% center}.page-hero--contact{background-position:55% center}.page-hero--about,.page-hero--imprint{background-position:67% center}}
/* Stronger company wordmark */
.logo-text{font-size:clamp(2.5rem,5.5vw,4.15rem);letter-spacing:.075em}
@media(max-width:650px){.logo-text{font-size:clamp(2rem,6.2vw,2.35rem);letter-spacing:.015em}}
/* Center titles and descriptions within service cards */
.service-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:174px}
.service-content h2{margin:0}.service-content p{margin:9px 0 0}
@media(max-width:650px){.service-content{min-height:140px}}

.hero-slogan{margin:-8px 0 23px;color:#eec77f;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:750;letter-spacing:-.025em;line-height:1.25}