 :root{--accent:#ff7900;--dark:#171717;--panel:#242424;--text:#242424;--muted:#666666;--bg:#f5f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Arial,Helvetica,sans-serif;color:var(--text);background:white}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 22px}header{background:#171717;color:white;position:sticky;top:0;z-index:10;box-shadow:0 3px 15px #0002}.head{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-weight:900;font-size:29px;letter-spacing:-1px;line-height:1}.logo span{color:var(--accent)}.logo small{display:block;font-size:10px;font-weight:600;letter-spacing:2.5px;color:#dedede;margin-top:9px}nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px;font-weight:700}nav a:hover{color:var(--accent)}.call,.btn{display:inline-block;background:var(--accent);color:#171717;padding:12px 18px;border-radius:4px;font-weight:800}.btn:hover,.call:hover{background:#ff9c38;color:#171717}.btn.alt{background:transparent;border:1px solid #fff;color:white}.hero{color:white;background:linear-gradient(90deg,#111111ed,#1111119c),url('../bilder/vorlage.jpg') center 40%/cover;min-height:440px;display:flex;align-items:center}.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.1;max-width:850px;margin:0 0 16px}.hero p{font-size:20px;max-width:730px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.strip{background:var(--accent);color:#171717}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:18px;padding-bottom:18px;font-weight:800;text-align:center}.section{padding:64px 0}.section.light{background:var(--bg)}.section h2{font-size:clamp(27px,3vw,38px);line-height:1.15;margin:0 0 16px;color:var(--dark)}.lead{font-size:19px;color:#555555;max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{border:1px solid #dfe2e3;border-radius:8px;overflow:hidden;background:white;box-shadow:0 8px 20px #00000009}.card img{width:100%;height:190px;object-fit:cover;display:block}.card .inner{padding:23px}.card h3{font-size:21px;line-height:1.2;margin:0 0 10px}.card p{margin:0 0 18px}.card a.more{color:#c65300;font-weight:800}.pagehero{background:linear-gradient(100deg,#171717,#303030);color:white;padding:65px 0}.pagehero h1{font-size:clamp(34px,4vw,48px);margin:0}.pagehero p{font-size:19px;max-width:780px}.two{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:center}.two img{width:100%;border-radius:8px;max-height:390px;object-fit:cover}.ticks{padding-left:20px}.ticks li{margin:8px 0}.ticks li::marker{color:#ff7900}.notice{background:#fff1e5;border-left:4px solid var(--accent);padding:16px 20px;margin:25px 0}.cta{background:#242424;color:white;padding:44px 0}.cta h2{color:white}.cta p{max-width:760px}footer{background:#101010;color:#e0e0e0;padding:38px 0}footer a{text-decoration:underline}footer .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.small{font-size:14px;color:var(--muted)}.legal{max-width:900px}.legal h2{margin-top:34px;font-size:24px}.flag{color:#a94400;font-weight:700}@media(max-width:920px){.head{padding-top:17px;padding-bottom:17px;flex-direction:column}nav{justify-content:center}.cards{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.strip .wrap{grid-template-columns:1fr 1fr}}@media(max-width:620px){.cards{grid-template-columns:1fr}.strip .wrap{grid-template-columns:1fr 1fr;font-size:13px}.hero{min-height:390px}.section{padding:40px 0}nav{gap:10px;font-size:12px}.logo{font-size:26px}}
/* Markenfarben der-transporter.at: Schwarz / Orange */
:root{--accent:#ff7900;--dark:#171717;--panel:#242424;--text:#242424;--muted:#666;--bg:#f5f5f5}
:focus-visible{outline:3px solid #ff7900;outline-offset:3px}

/* Firmenwappen in der Kopfzeile */
.logo{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.logo .brand-name{display:block}.logo .brand-mark{display:block;width:64px;height:64px;object-fit:contain;flex-shrink:0}.logo .brand-name>span{color:var(--accent)}@media(max-width:620px){.logo .brand-mark{width:48px;height:48px}.logo{gap:9px}.logo .brand-name{font-size:23px}.logo small{letter-spacing:1px;font-size:9px}}

/* Unverändertes Gütezeichen: getrennt vom Firmenschriftzug, ohne Filter oder Zuschnitt */
.pruefzeichen{display:block;width:76px;height:76px;object-fit:contain;flex-shrink:0;filter:none;border:0;border-radius:0;background:transparent}
@media(max-width:620px){.pruefzeichen{width:55px;height:55px}}

/* TikTok profile links */
.tiktok-link{display:inline-flex;align-items:center;gap:.4rem;color:#fff;text-decoration:none;font-weight:700;border-bottom:2px solid #ff7900;padding-bottom:3px}.tiktok-link:hover,.tiktok-link:focus-visible{color:#ff7900}.tiktok-btn{margin-top:.5rem}

/* Rental services */
.rental-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.rental-panel{padding:30px;border:1px solid #ddd;border-top:5px solid var(--accent);border-radius:8px;box-shadow:0 10px 25px #0000000b;background:white}
.rental-panel h2{font-size:29px}.rental-icon{font-size:38px;margin-bottom:12px}
.rental-panel .btn{margin-top:12px}
@media(max-width:720px){.rental-grid{grid-template-columns:1fr}.rental-panel{padding:22px}}

/* 2026 header refinement: full contrast, clearly separated seal and navigation */
header{background:#111820}
header .head{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:0;padding-bottom:0}
.brandbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.brandbar .logo{white-space:normal;min-width:0}
.brandbar .logo .brand-name{font-size:clamp(24px,3.4vw,37px);letter-spacing:-.8px;line-height:1.12;color:#fff}
.brandbar .logo .brand-name>span{color:#ffa43d}
.brandbar .logo small{color:#f0f3f5;letter-spacing:1.5px;font-size:11px;line-height:1.4}
.seal-box{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #f5b44b;padding:8px 15px;border-radius:10px;flex-shrink:0}
.seal-box .pruefzeichen{width:112px;height:112px;object-fit:contain;filter:none}
.seal-caption{font-weight:800;color:#19222b;font-size:13px}
header nav{width:100%;border-top:1px solid #43505d;padding:13px 0 15px;justify-content:flex-start;gap:10px 19px;font-size:14px}
header nav a{color:#fff;line-height:1.4;padding:5px 0}
header nav a:hover,header nav a:focus-visible{color:#ffad4e}
header nav a.call{color:#101820;margin-left:auto;padding:10px 15px;white-space:nowrap}
@media(max-width:920px){header .head{flex-direction:column;padding-top:0;padding-bottom:0}header nav{justify-content:center}header nav a.call{margin-left:0}}
@media(max-width:620px){.brandbar{gap:12px;align-items:center;padding:14px 0}.brandbar .logo .brand-name{font-size:23px}.brandbar .logo small{font-size:9px;letter-spacing:.5px}.seal-box{padding:6px;border-width:1px}.seal-box .pruefzeichen{width:75px;height:75px}.seal-caption{display:none}header nav{font-size:13px;gap:8px 15px;justify-content:flex-start}header nav a.call{width:100%;text-align:center}}

/* Premium petrol / copper redesign: original quality mark is untouched */
:root{--navy:#102d35;--navy2:#194650;--accent:#c48b57;--accent2:#e3b88d;--ink:#1c3037;--muted:#546870;--line:#dce6e6;--bg:#f4f7f6}
body{background:var(--bg);color:var(--ink)}
header{background:linear-gradient(115deg,#102a32 0%,#194b53 100%);border-bottom:3px solid #c48b57}
header .head{background:transparent}
.brandbar .logo .brand-name{color:#fff}
.brandbar .logo .brand-name>span{color:#f2c69a}
.brandbar .logo small{color:#e0e8e8}
.seal-box{border:0;background:transparent;box-shadow:none;padding:0;overflow:visible}
.seal-box .pruefzeichen{width:138px;height:138px;object-fit:contain;filter:none;display:block}
header nav{border-top:1px solid #ffffff3b}
header nav a.call{background:#d9a16b;color:#132d34;border-radius:6px}
header nav a:hover,header nav a:focus-visible{color:#f2c69a}
.btn,.button,.cta a{background:#c48b57;color:#102a32;border-radius:6px}
.btn:hover,.button:hover{background:#e3b88d;color:#102a32}
a{accent-color:#c48b57}
.card,.rental-panel{border-color:#dce6e6}
.rental-panel{border-top-color:#c48b57}
.tiktok-link{border-bottom-color:#c48b57}
@media(max-width:620px){.seal-box .pruefzeichen{width:88px;height:88px}}

/* Language navigation */
.language-switch{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:0 0 12px}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:7px 10px;border:1px solid #c48b57;border-radius:6px;color:#fff;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.4px}
.language-switch a:hover,.language-switch a:focus-visible{background:#c48b57;color:#102d35}
.language-switch a.lang-active{background:#e3b88d;color:#102d35;border-color:#e3b88d}
@media(max-width:620px){.language-switch{justify-content:center;margin-top:5px}.language-switch a{min-width:58px}}

/* Vehicle transport enquiry form */
.transport-form-section{background:#eef4f2}
.transport-form{max-width:930px;margin:0 auto;background:#fff;padding:clamp(20px,4vw,44px);border-radius:16px;border:1px solid #d6e2df;box-shadow:0 16px 40px #102d3512}
.transport-form h2{margin-top:0}.transport-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:24px 0}
.transport-field{display:flex;flex-direction:column;gap:7px}
.transport-field label{font-weight:700;font-size:14px;color:#193e46}
.transport-field input,.transport-field select,.transport-field textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid #a8bbb8;border-radius:7px;background:#fff;color:#18323a;font:inherit;box-sizing:border-box}
.transport-field textarea{min-height:112px;resize:vertical}
.transport-field:has(textarea){grid-column:1/-1}
.transport-field input:focus,.transport-field select:focus,.transport-field textarea:focus{outline:3px solid #c48b5755;border-color:#a77545}
.transport-consent{display:flex;align-items:flex-start;gap:9px;margin-bottom:20px;font-size:14px;line-height:1.6}
.transport-consent input{margin-top:5px;flex-shrink:0}
.form-note{font-size:13px;color:#526970;margin-top:15px}
.transport-nav-link{font-weight:800;color:#e3b88d!important}
@media(max-width:700px){.transport-fields{grid-template-columns:1fr}.transport-field:has(textarea){grid-column:auto}}

/* 24-hour emergency towing callout */
.emergency-banner{background:#102d35;color:#f4f7f6;padding:36px 0}
.emergency-banner h2{color:#e3b88d;margin-top:0}
.emergency-banner p{color:#f4f7f6;max-width:850px}
.emergency-banner .btn{display:inline-block;margin-top:10px}
.pagehero .actions{margin-top:20px}

.partner-bgl-section{background:#eaf1ef;border-top:1px solid #d1dedb;border-bottom:1px solid #d1dedb}.partner-bgl-section h2{color:#102d35}.partner-bgl-section h3{color:#194650}.partner-bgl-section p{max-width:850px;line-height:1.7}

/* Compact language switcher with country flags */
.language-switch{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 0 12px}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:38px;min-height:38px;padding:2px;border:1px solid #8da8a7;border-radius:7px;background:#194650;color:#fff;text-decoration:none;font-size:25px;line-height:1;box-sizing:border-box;transition:background .15s,border-color .15s,transform .15s}
.language-switch a:hover,.language-switch a:focus-visible{background:#2c6570;border-color:#e3b88d;transform:translateY(-1px)}
.language-switch a.lang-active{background:#c48b57;border:2px solid #f4d2ac;box-shadow:0 0 0 1px #c48b57}
@media(max-width:620px){.language-switch{justify-content:center;margin-top:5px}.language-switch a{min-width:42px;width:42px}}

/* Real flag images, not Unicode emoji: consistent on Windows and mobile */
.language-switch a img{display:block;width:30px;height:20px;object-fit:cover;border-radius:2px;box-shadow:0 1px 3px #0004}.language-switch a{font-size:0;line-height:0;min-width:48px;min-height:38px}.language-switch a.lang-active{outline:2px solid #c48b57;outline-offset:2px}

/* Europe-wide vehicle transport information */
.europa-transport-section{background:#f4f7f6;border-top:1px solid #d5e0dd;border-bottom:1px solid #d5e0dd}.europa-transport-section h2{color:#102d35}.europa-transport-section p{max-width:920px;line-height:1.75}.europa-transport-section .btn{margin-top:12px}

/* Vehicle purchasing and end-of-life vehicle disposal */
.kfz-ankauf-section .wrap{max-width:920px}.kfz-ankauf-section h2:not(:first-child){margin-top:30px}.kfz-ankauf-section p{line-height:1.75}.kfz-teaser{background:#eaf1ef;border-block:1px solid #d1dedb}.kfz-teaser p{max-width:850px;line-height:1.7}

/* Kfz-Ankauf enquiry form */
.kfz-form-wrapper{margin-top:36px}.kfz-form{background:#f4f7f6;border:1px solid #cfdbd8;border-radius:14px;padding:clamp(18px,3vw,34px)}
.kfz-form h2{margin-top:0!important}.kfz-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;margin:24px 0}
.kfz-field{display:flex;flex-direction:column;gap:7px}.kfz-field label{font-weight:700;font-size:14px;color:#102d35}
.kfz-field input,.kfz-field select,.kfz-field textarea{font:inherit;color:#102d35;background:#fff;border:1px solid #9fb3af;border-radius:7px;min-height:44px;padding:10px 12px;width:100%;box-sizing:border-box}
.kfz-field textarea{min-height:100px;resize:vertical}.kfz-field:has(textarea){grid-column:1/-1}
.kfz-field input:focus,.kfz-field select:focus,.kfz-field textarea:focus{outline:3px solid #c48b5760;border-color:#a87848}
.kfz-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:18px 0;line-height:1.6}.kfz-consent input{margin-top:5px;flex-shrink:0}
.kfz-form-note{font-size:13px;color:#496169;line-height:1.6}
@media(max-width:650px){.kfz-form-grid{grid-template-columns:1fr}.kfz-field:has(textarea){grid-column:auto}}

/* Vehicle photo selection and previews */
.kfz-photo-field{grid-column:1/-1}
.kfz-photo-field input[type=file]{display:block;width:100%;padding:12px;border:1px dashed #a8bbb8;border-radius:8px;background:#f7faf9;color:#102d35}
.kfz-photo-status{font-size:13px;color:#526970;overflow-wrap:anywhere}
.kfz-photo-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:8px}
.kfz-photo-preview figure{margin:0;min-width:0}.kfz-photo-preview img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px}
.kfz-photo-preview figcaption{font-size:11px;overflow-wrap:anywhere;margin-top:4px}
.kfz-photo-warning{padding:12px 15px;border-left:3px solid #c48b57;background:#f8f2e9}

/* Updated company heading */
.brandbar .logo .brand-name{color:#fff}
.brandbar .logo .brand-name>span{color:#000}

/* Direct WhatsApp contact; icon served within the page */
.whatsapp-contact{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:1000;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 4px 16px #0004;border:2px solid #fff;text-decoration:none;transition:background .15s,transform .15s}
.whatsapp-contact svg{display:block;width:32px;height:32px;flex:none}
.whatsapp-contact:hover{background:#128c7e;color:#fff;transform:translateY(-2px)}
.whatsapp-contact:focus-visible{outline:3px solid #102d35;outline-offset:4px}
@media(max-width:620px){.whatsapp-contact{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px}footer{padding-bottom:90px}}
@media print{.whatsapp-contact{display:none}}
