/* Shared screen layout; PDF document templates keep their separate A4 layout. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:20px}
body{min-width:0}
*,*::before,*::after{box-sizing:border-box}
main,main>section,main>div,section,article,form,fieldset,dialog,.header-actions,.section-top>div,.card-body,.advanced-content,.advanced-content>*,.hub-layout>*,#hub-body,#admin-panel,#account-panel{min-width:0}
img,video,canvas,svg{max-width:100%}
input,select,textarea{min-width:0;max-width:100%}
input[type=checkbox],input[type=radio]{flex-shrink:0}
button,a,input,select,textarea{touch-action:manipulation}
button,a{ -webkit-tap-highlight-color:transparent}
button{white-space:normal}
input,select,textarea,button,a{scroll-margin-block:75px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #b28d48;outline-offset:3px}
.notice,.message,.advanced-status,.form-error,.result-message,.content-page,.hub-pre,.admin-access-result,.rating-row,.directory-card p,.footer-brand>a{overflow-wrap:anywhere}
.section-top,.results-bar,.search-bottom,.account-header,.listing-head,.dealer-stock-toolbar{flex-wrap:wrap;gap:16px}
.section-top h2{max-width:100%;overflow-wrap:break-word}
.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{min-width:0}
.card h3,.career-card h3,.dealer-stock-main h3{overflow-wrap:break-word}
.listing-actions,.checkout-actions{flex-wrap:wrap;gap:12px}
.listing-actions>button,.listing-actions>select,.checkout-actions>button{max-width:100%}
.seller-filter-options{flex-wrap:wrap}
.tabs,.account-tabs,.discovery-nav,.hub-nav{max-width:100%;min-width:0;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.tabs>button,.account-tabs>button,.hub-nav>button{flex-shrink:0}
.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;border-radius:8px}
.table-scroll .data-table{margin:0}
.data-table td,.data-table th{overflow-wrap:anywhere}
.data-table .listing-actions{min-width:175px}
.voucher-checkout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:22px 0;padding:18px;border:1px solid #dce4d1;border-radius:12px;background:#f4f7ee}
.voucher-checkout label,.admin-access-result label{display:grid;gap:8px}
.voucher-checkout input,.admin-access-result input{width:100%;padding:12px;border:1px solid #cdd8c1;border-radius:8px;background:white;font:inherit}
.voucher-checkout>[role=status]{grid-column:1/-1}
.admin-access-result input{font-size:13px}
.wl-menu-toggle{display:none}
body>header{min-width:0}
body>header>.brand img{max-width:100%;object-fit:contain}
body>header>nav{min-width:0}
.language-picker{flex-shrink:0}
.language-menu{max-width:calc(100vw - 32px);max-height:min(420px,65vh);overflow:auto;right:0;left:auto;z-index:90}
dialog{--dialog-width:690px;max-width:min(var(--dialog-width),calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(var(--wl-visible-height,100dvh) - 32px);overscroll-behavior:contain;scrollbar-gutter:stable}
dialog.wide{--dialog-width:1180px}
dialog.advanced-dialog{--dialog-width:1040px}
dialog.dealer-print-dialog{--dialog-width:1320px}
dialog.dealer-analysis-dialog{--dialog-width:820px}
dialog .close{min-width:44px;min-height:44px;display:grid;place-items:center}
dialog>h2{padding-right:24px;overflow-wrap:break-word}
.advanced-dialog h2{font-size:clamp(24px,3vw,34px)}
.advanced-content .discovery-form>*,.form-grid>*{min-width:0}
.advanced-content .check-label input[type=checkbox]{width:18px;min-width:18px;height:18px;padding:0}
.advanced-content input[type=file]{width:100%;overflow:hidden}
.career-gallery{max-width:100%;overscroll-behavior-inline:contain}
.career-gallery img{flex-shrink:0}
.footer-columns>*{min-width:0}
.footer-columns button,.footer-columns a{overflow-wrap:anywhere}
.footer-bottom{flex-wrap:wrap;gap:14px}
.hub-chart-grid .hub-box{max-width:100%}
.hub-chart-key{row-gap:9px}
.hub-trend{max-width:100%;height:auto}
.print-preview-toolbar{flex-wrap:wrap;gap:10px}

@media(min-width:1440px){
 .hero{max-width:1440px;margin-inline:auto}
 .search-panel{max-width:1260px;margin-inline:auto}
}
@media(max-width:1180px){
 body>header{height:auto;display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:8px 18px;padding:10px 4%}
 body>header>.brand{height:75px;width:160px}
 body>header>.header-actions{justify-content:flex-end;gap:10px;min-width:0}
 body>header>nav{display:flex;grid-column:1/-1;justify-content:center;gap:24px;padding-bottom:5px}
 body>header>nav a,body>header>nav button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .hero h1{font-size:clamp(34px,4.5vw,58px);line-height:1.15}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .advanced-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1024px){
 #search{grid-template-columns:repeat(2,minmax(0,1fr))}
 #search>button{grid-column:1/-1}
 .hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
 .hero-copy{min-width:0;padding:35px 18px 35px 7%}
 .hero-facts{flex-wrap:wrap;gap:16px}
 .hero-buttons{flex-wrap:wrap;gap:16px}
 .career-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hub-layout{grid-template-columns:1fr}
 .hub-nav{flex-direction:row;overflow-x:auto}
 .hub-nav>button{white-space:nowrap;min-height:44px}
 .hub-chart-grid{grid-template-columns:1fr}
 .hub-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 body>header{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:8px 4% 12px}
 body>header>.brand{height:68px;width:155px;grid-column:1;grid-row:1}
 .wl-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;grid-column:2;grid-row:1;min-height:44px;padding:10px 15px;border:1px solid #dce1d5;border-radius:9px;background:#f5f7ef;color:#263d2c;font-size:14px}
 body>header>.header-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;grid-column:1/-1;grid-row:2;gap:8px;width:100%}
 body>header>.header-actions>button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 8px;font-size:13px;border-radius:8px}
 body>header>.header-actions .register-link{border:1px solid #dce1d5}
 body>header>.header-actions .language-trigger{min-height:44px;min-width:48px}
 body>header>nav{display:flex;grid-column:1/-1;grid-row:3;flex-wrap:wrap;gap:8px;padding:8px 0 0;justify-content:stretch}
 body>header[data-mobile-nav=closed]>nav{display:none}
 body>header>nav>a,body>header>nav>button{flex:1;min-width:90px;padding:10px 8px;background:#f5f7ef;border-radius:8px;font-size:13px}
 input:not([type=checkbox]):not([type=radio]),select,textarea,.advanced-content input:not([type=checkbox]):not([type=radio]),.advanced-content select,.advanced-content textarea,.wl-chat-input textarea,.wl-chat-service input,.wl-chat-service textarea{font-size:16px}
 .form-grid,.discovery-form{grid-template-columns:repeat(2,minmax(0,1fr))}
 .listing-actions>button,.listing-actions>select,.checkout-actions>button,.account-tabs>button,.tabs>button{min-height:44px}
 .data-table{min-width:650px;font-size:12px}
 .data-table th,.data-table td{padding:12px}
 .table-scroll{margin-block:12px}
 .advanced-content .advanced-two{grid-template-columns:1fr}
 .advanced-two>section{padding:22px}
 .topline{gap:12px;font-size:9px;line-height:1.5;padding-block:8px}
 .topline>span{text-align:right}
}
@media(max-width:640px){
 body>header>.brand{width:145px}
 body>header>.header-actions>button{font-size:12px}
 .topline{padding-inline:4%}
 .topline>span{display:none}
 .hero{display:flex;flex-direction:column;min-height:0;margin:14px 4% 0}
 .hero-copy{padding:30px 22px}
 .hero h1{font-size:clamp(30px,7.8vw,44px);letter-spacing:-1px;line-height:1.15}
 .hero p{font-size:14px}
 .hero-buttons{align-items:stretch;gap:12px}
 .hero-buttons .gold,.hero-buttons button{min-height:44px}
 .hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .hero-facts>span,.hero-facts>span:first-child{max-width:none;min-width:0;font-size:10px}
 .hero-facts b{font-size:11px}
 .hero-visual{min-height:220px;height:clamp(220px,58vw,340px)}
 .hero-visual>img{object-position:58% center}
 .visual-caption{max-width:calc(100% - 32px);font-size:8px;letter-spacing:1px;white-space:normal}
 .search-panel{margin:-8px 4% 0;padding:0 16px 18px}
 .tabs{gap:16px}
 .tabs>button{white-space:nowrap;font-size:12px}
 #search{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
 #search label{font-size:12px}
 #search input,#search select{width:100%;padding-inline:10px}
 .seller-filter-row{align-items:flex-start;gap:12px;flex-direction:column}
 .seller-filter-options{width:100%;gap:8px}
 .seller-filter-options>button{flex:1;min-width:80px;min-height:44px;padding:9px 10px;font-size:12px}
 .search-bottom{align-items:flex-start;flex-direction:column;gap:12px}
 .search-bottom button{min-height:44px}
 .cards,.dealer-results,.career-grid,.offer-grid,.advanced-offers,.auction-list{grid-template-columns:1fr}
 .section-top h2{font-size:clamp(25px,7vw,32px);line-height:1.25;letter-spacing:-.7px}
 .market,.pricing,.how,.market-extension,.career-home{padding-inline:0}
 main>.market,main>.how,main>.pricing,main>.career-home,main>.advanced-hub,main>#market-discovery{margin-inline:4%}
 .results-bar{align-items:flex-start;gap:12px}
 .results-bar>label{display:flex;align-items:center;gap:10px;width:100%}
 .results-bar select{min-height:44px;flex:1;max-width:100%}
 .form-grid,.discovery-form,.advanced-content .discovery-form,.filter-fields,.filter-grid{grid-template-columns:1fr}
 .full{grid-column:1/-1}
 .advanced-shortcuts{gap:10px}
 .advanced-shortcuts>button{padding:16px 12px;min-height:145px}
 .advanced-shortcuts strong{font-size:14px}
 .advanced-shortcuts small{font-size:12px}
 .advanced-content{font-size:14px}
 .advanced-content label,.advanced-editor .check-label{font-size:13px}
 .advanced-editor{padding:20px 16px}
 dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin:10px auto;padding:24px 16px;max-height:calc(100vh - 20px);max-height:calc(var(--wl-visible-height,100dvh) - 20px);border-radius:14px;scrollbar-gutter:auto}
 dialog.advanced-dialog,dialog.dealer-analysis-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}
 dialog.dealer-print-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:0}
 dialog>h2{font-size:26px;padding-right:44px}
 .account-tabs{margin:18px 0;gap:8px}
 .account-tabs>button{padding:11px 13px;white-space:nowrap}
 .listing-actions{gap:10px}
 .checkout-actions{display:grid;grid-template-columns:1fr}
 .checkout-actions>button{width:100%;font-size:14px}
 .checkout-total{gap:12px;flex-wrap:wrap}
 .voucher-checkout{grid-template-columns:1fr;padding:16px}
 .voucher-checkout>button{min-height:44px;width:100%}
 .advanced-two>section,.advanced-review-card,.hub-box{padding:18px}
 .dealer-stock-main{align-items:flex-start}
 .dealer-stock-photo{width:90px;height:75px;flex-shrink:0}
 .dealer-stock-main h3{font-size:16px}
 .dealer-stock-actions>button,.dealer-stock-actions>select{min-height:44px}
 .dealer-stock-actions>select{flex-basis:100%;width:100%}
 .hub-top>label{width:100%}
 .hub-vehicle{flex-wrap:wrap}
 .hub-vehicle>div{flex-basis:100%}
 .hub-vehicle>button{min-height:44px}
 .hub-permissions{gap:10px 15px}
 .hub-permissions label{min-height:44px;font-size:13px}
 .hub-permissions input{width:18px!important;height:18px}
 .footer-columns{grid-template-columns:1fr 1fr;gap:25px 18px;padding-block:30px}
 .footer-brand{grid-column:1/-1}
 .footer-columns nav{gap:4px}
 .footer-columns h3{font-size:14px;margin-bottom:10px}
 .footer-columns button,.footer-columns nav>a{font-size:13px;min-height:44px;display:flex;align-items:center;padding-block:8px}
 .footer-bottom{align-items:flex-start;font-size:11px}
 .content-page h3{font-size:20px;line-height:1.4}
 .content-page p{font-size:14px;line-height:1.8}
 .faq-item summary{min-height:30px}
 .career-gallery img{width:min(220px,75vw)}
 .wl-chat-launcher{right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));min-height:48px}
 .wl-chat-panel{right:max(10px,env(safe-area-inset-right));width:calc(100vw - 20px);max-width:calc(100vw - 20px);bottom:calc(74px + env(safe-area-inset-bottom));max-height:calc(var(--wl-visible-height,100dvh) - 94px - env(safe-area-inset-bottom))}
 .wl-chat-input button{min-width:44px;min-height:44px}
 .carreels-feed{height:64vh;height:64dvh;max-height:calc(var(--wl-visible-height,100dvh) - 180px)}
 .print-preview-toolbar{position:sticky;top:0;z-index:2;background:#e7ebe1;padding-block:6px}
 .print-preview-toolbar>button{min-height:44px}
 .auth-card label{font-size:14px;line-height:1.6}
 .auth-card input:not([type=checkbox]):not([type=radio]){width:100%;min-height:46px;font-size:16px}
 .auth-card button{min-height:46px}
 .auth-links{flex-wrap:wrap}
}
@media(max-width:359px){
 body>header>.header-actions{grid-template-columns:1fr 1fr auto}
 body>header>.header-actions>#sell{grid-column:1/3;grid-row:2}
 body>header>.header-actions>.language-picker{grid-column:3;grid-row:1/3;align-self:start}
 #search{grid-template-columns:1fr}
 .hero-facts{grid-template-columns:1fr 1fr}
 .advanced-shortcuts{grid-template-columns:1fr}
 .footer-columns{grid-template-columns:1fr}
 .footer-brand{grid-column:auto}
 .hub-kpis{gap:9px}
 .hub-kpis>article{padding:15px 11px}
}
@media(max-height:600px) and (orientation:landscape){
 dialog{max-height:calc(var(--wl-visible-height,100dvh) - 16px);margin-block:8px}
 .print-studio-content{height:calc(var(--wl-visible-height,100dvh) - 130px);min-height:220px}
 .wl-chat-panel{bottom:68px;max-height:calc(var(--wl-visible-height,100dvh) - 82px)}
 .carreels-feed{max-height:calc(var(--wl-visible-height,100dvh) - 150px)}
}
@media(pointer:coarse){button,.gold,.outline{min-height:44px}.language-menu button{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(pointer:coarse){.card:hover,.vehicle-type-tile:hover,.wl-chat-launcher:hover{transform:none}}
@media(max-width:640px){.auth-card input[type=checkbox]{width:18px;min-width:18px;height:18px;vertical-align:middle;margin-right:8px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-check{min-height:42px}}

.contact-standalone{max-width:950px;margin:30px auto;padding:20px}.contact-form .required-note{font-size:11px;color:#78816d}.contact-attachments,.contact-captcha{padding:20px;border:1px solid #d9e3cf;border-radius:12px;background:#f6f8ef;margin:0}.contact-attachments legend,.contact-captcha legend{font-size:14px;font-weight:650}.contact-attachments p,.contact-captcha p{font-size:12px;line-height:1.7}.contact-attachments{display:grid;gap:14px}.contact-attachments label,.contact-captcha label{display:grid;gap:8px}.contact-captcha-task{margin:10px 0}.contact-captcha-task img{width:260px;max-width:100%;height:auto;border-radius:8px}.contact-captcha .listing-actions{margin:15px 0}.contact-form .check-label{display:flex;gap:10px;align-items:flex-start}.contact-form .check-label input{width:18px;min-width:18px;height:18px;margin:4px 0 0;padding:0}.contact-form input[type=file]{width:100%;max-width:100%}.contact-form [role=status]{overflow-wrap:anywhere}@media(max-width:640px){.contact-standalone{margin:15px auto;padding:16px}.contact-attachments,.contact-captcha{padding:16px}.contact-form input:not([type=checkbox]),.contact-form textarea{font-size:16px}.contact-form .check-label{font-size:13px;line-height:1.7}.table-scroll::before{content:"↔ Tabelle seitlich bewegen";display:block;position:sticky;left:0;font-size:11px;color:#72816a;padding:8px 2px;background:#f8faf4}}

@media(max-width:900px){body>header>nav>a,body>header>nav>button,body>header>.header-actions>button{overflow-wrap:anywhere;white-space:normal;line-height:1.4}}@media(max-width:640px){.wl-chat-ai{font-size:12px;line-height:1.4}.wl-chat-ai input{width:18px;height:18px;flex-shrink:0}.wl-chat-bottom{align-items:flex-start}}
/* Footer: identical metrics for links and buttons, including legal pages. */
footer .footer-columns nav{gap:2px;align-items:stretch}
footer .footer-columns nav>h3{margin:0 0 10px;font-size:13px;line-height:1.4}
footer .footer-columns nav>a,footer .footer-columns nav>button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:28px;margin:0;padding:4px 0;border:0;background:none;color:inherit;font-family:inherit;font-size:12px;font-weight:400;line-height:1.45;letter-spacing:normal;text-align:left;text-decoration:none;white-space:normal}
@media(pointer:coarse){footer .footer-columns nav>a,footer .footer-columns nav>button{min-height:44px}}

/* Search controls share a single control row; manual amount has its own row. */
#search{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(170px,1.15fr);align-items:start;gap:14px 16px}
#search>label{display:grid;grid-template-rows:minmax(18px,auto) 46px;align-content:start;gap:7px;min-width:0;margin:0;line-height:1.4;grid-column:auto;grid-row:1}
#search>label>input,#search>label>select{display:block;box-sizing:border-box;min-width:0;width:100%;height:46px;min-height:46px;max-height:46px;margin:0;padding:10px 12px;font-size:14px;line-height:1.4}
#search>.gold{grid-column:5;grid-row:1;align-self:start;margin:25px 0 0;height:46px;min-height:46px;box-sizing:border-box;align-items:center}
#search>label.search-manual-price{grid-column:1/-1;grid-row:2;grid-template-rows:auto 46px auto;max-width:360px;width:100%;font-size:12px}
#search #price-manual{margin:0;font-size:14px}
#search #price-manual-error:empty{display:none}
@media(max-width:1100px){
 #search{grid-template-columns:repeat(2,minmax(0,1fr))}
 #search>label,#search>label:nth-child(2){grid-column:auto;grid-row:auto}
 #search>label.search-manual-price{grid-column:1/-1;grid-row:auto;max-width:none}
 #search>.gold{grid-column:1/-1;grid-row:auto;margin:0;align-self:start}
}
@media(max-width:480px){
 #search{grid-template-columns:minmax(0,1fr);gap:12px}
 #search>label,#search>label:nth-child(2),#search>label.search-manual-price,#search>.gold{grid-column:1;grid-row:auto}
 #search>label>input,#search>label>select{font-size:16px}
}
/* Keep manual price visually below the preset price without shifting the first row. */
#search>label.search-manual-price{grid-column:3;grid-row:2;max-width:none}
@media(min-width:1101px){#search>label.search-manual-price{margin-top:-2px}}
@media(min-width:481px) and (max-width:1100px){
 #search>label:nth-child(1){grid-column:1;grid-row:1}
 #search>label:nth-child(2){grid-column:2;grid-row:1}
 #search>label:nth-child(3){grid-column:1;grid-row:2}
 #search>label:nth-child(4){grid-column:2;grid-row:2}
 #search>label.search-manual-price{grid-column:1;grid-row:3}
 #search>.gold{grid-column:1/-1;grid-row:4}
}
@media(max-width:480px){
 #search>label:nth-child(1){grid-column:1;grid-row:1}
 #search>label:nth-child(2){grid-column:1;grid-row:2}
 #search>label:nth-child(3){grid-column:1;grid-row:3}
 #search>label.search-manual-price{grid-column:1;grid-row:4}
 #search>label:nth-child(4){grid-column:1;grid-row:5}
 #search>.gold{grid-column:1;grid-row:6}
}