:root{
  --ink:#151719;--muted:#62686f;--line:#dedfdf;--soft:#f5f4f0;--panel:#fff;
  --accent:#8a673b;--accent-dark:#604725;--dark:#111315;--ok:#235e3a;--danger:#9a2f2f;
  --r-sm:12px;--r:20px;--r-lg:30px;--shadow:0 18px 48px rgba(17,19,21,.09);
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--max:1200px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:92px}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;overflow-x:hidden}
img,svg{max-width:100%;display:block} a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--accent-dark)} button,input,select,textarea{font:inherit} button,a,input,select,textarea{outline:none}
:focus-visible{outline:3px solid rgba(138,103,59,.48);outline-offset:3px}
.skip{position:fixed;left:16px;top:-120px;z-index:1000;background:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow)}.skip:focus{top:16px}
.shell{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:500;background:transparent;pointer-events:none}.scroll-progress span{display:block;width:0;height:100%;background:var(--accent)}
.site-head{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(21,23,25,.08);backdrop-filter:blur(14px)}
.head-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border:0;min-height:48px;flex:0 0 auto}
.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#17191b,#323437);color:#fff;font-weight:900;font-size:.88rem;letter-spacing:-.04em}.brand-copy{display:grid;line-height:1.08}.brand-copy strong{font-size:1rem;letter-spacing:-.01em}.brand-copy span{font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.main-nav{display:flex;align-items:center;gap:2px}.main-nav a{border:0;text-decoration:none;padding:11px 8px;border-radius:10px;font-size:.83rem;font-weight:760;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current="page"]{background:var(--soft);color:var(--ink)}
.nav-social{display:inline-grid!important;place-items:center;width:44px;height:44px;padding:0!important;border:1px solid var(--line)!important;border-radius:50%!important;margin-left:3px}.nav-social svg{width:18px;height:18px}
.menu-btn{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;align-items:center;justify-content:center;cursor:pointer}.menu-btn svg{width:22px;height:22px}
.hero{padding:64px 0 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:48px;align-items:center}.hero.simple{grid-template-columns:1fr;max-width:900px;margin-inline:auto;text-align:left}.hero.simple .lead{max-width:72ch}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--accent-dark);font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:1px;background:var(--accent)}
h1,h2,h3,h4{line-height:1.1;letter-spacing:-.035em;margin-top:0} h1{font-size:clamp(2.45rem,5vw,4.65rem);margin-bottom:20px;overflow-wrap:anywhere} h2{font-size:clamp(1.9rem,3.4vw,3rem);margin-bottom:16px} h3{font-size:1.14rem;margin-bottom:10px} h4{font-size:1rem;margin-bottom:8px}
.lead{font-size:clamp(1.02rem,1.4vw,1.18rem);color:var(--muted);max-width:62ch;margin:0}.muted{color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{appearance:none;border:1px solid var(--dark);border-radius:999px;min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--dark);color:#fff!important;text-decoration:none;font-weight:800;font-size:.92rem;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn svg{width:18px;height:18px;flex:0 0 18px}
.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px);box-shadow:0 10px 24px rgba(17,19,21,.12)}.btn:active{transform:translateY(0)}.btn.secondary{background:#fff;color:var(--ink)!important;border-color:var(--line)}.btn.secondary:hover{border-color:#bba887;background:var(--soft)}.btn.light{background:#fff;color:var(--ink)!important;border-color:#fff}.btn.ghost-dark{background:transparent;border-color:rgba(255,255,255,.38);color:#fff!important}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.mobilede-btn{background:#fff!important;color:#350051!important;border-color:#d8d1dd!important;gap:12px}.mobilede-btn:hover{background:#faf8fb!important;border-color:#afa4b7!important}.mobilede-btn img{width:123px;height:auto}
.hero-media{position:relative;min-height:500px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);background:#d8d9d7}.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.56))}.media-card{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;padding:18px;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}.media-card strong{display:block;margin-bottom:4px}.media-card span{font-size:.9rem;color:var(--muted)}
.section{padding:72px 0}.section.soft{background:var(--soft)}.section.dark{background:#121416;color:#fff}.section.dark p{color:rgba(255,255,255,.72)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:40px;align-items:end;margin-bottom:30px}.section-head p{margin:0;color:var(--muted)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:0 10px 28px rgba(17,19,21,.045)}.card p{margin:0;color:var(--muted)}.card p+p{margin-top:12px}.card-kicker{display:block;color:var(--accent-dark);font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.card-link{display:inline-flex;margin-top:18px;font-weight:800;color:var(--accent-dark)}
.icon-box{width:44px;height:44px;border-radius:13px;background:#eee7dc;color:var(--accent-dark);display:grid;place-items:center;margin-bottom:18px}.icon-box svg{width:22px;height:22px}
.feature-list{display:grid;gap:12px;padding:0;margin:20px 0 0;list-style:none}.feature-list li{display:flex;gap:12px;align-items:flex-start}.tick{width:26px;height:26px;border-radius:50%;background:#ede5d8;color:var(--accent-dark);display:grid;place-items:center;flex:0 0 26px;font-weight:900}
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:32px;align-items:stretch}.image-panel{min-height:420px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);position:relative}.image-panel img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.finance-panel{background:linear-gradient(135deg,#121416,#282522);color:#fff;border-radius:var(--r-lg);padding:clamp(24px,4vw,46px);box-shadow:var(--shadow)}.finance-panel h2,.finance-panel h3{color:#fff}.finance-panel p{color:rgba(255,255,255,.72)}.finance-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:42px;align-items:start}.result{padding:24px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:20px;margin-top:22px}.result span{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}.result strong{display:block;font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.1;margin:8px 0;color:#fff}.result small{display:block;color:rgba(255,255,255,.68);line-height:1.55}
.form{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{min-width:0}.field.full{grid-column:1/-1}label,.label{display:block;font-size:.76rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase;margin:0 0 7px}input,select,textarea{width:100%;min-height:48px;border:1px solid #cfd1d2;border-radius:12px;background:#fff;color:var(--ink);padding:10px 13px;box-shadow:none}textarea{min-height:132px;resize:vertical;padding-top:12px}input:focus,select:focus,textarea:focus{border-color:#a8885b;box-shadow:0 0 0 3px rgba(138,103,59,.13)}.help{display:block;margin-top:6px;font-size:.83rem;color:var(--muted);line-height:1.5}.finance-panel .help{color:rgba(255,255,255,.66)}.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500}.checkbox input{width:19px;height:19px;min-height:19px;flex:0 0 19px;margin-top:3px}.finance-panel .checkbox{color:rgba(255,255,255,.76)}.form-status{min-height:24px;margin:0;color:var(--muted);font-size:.9rem}.form-status.error{color:var(--danger)}.form-status.ok{color:var(--ok)}.finance-panel .form-status{color:rgba(255,255,255,.75)}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.note{padding:16px;border-radius:14px;background:#f4efe7;color:#4d402f;font-size:.88rem;line-height:1.6}.finance-panel .note{background:rgba(255,255,255,.09);color:rgba(255,255,255,.74)}
.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px}.contact-list{display:grid;gap:12px}.contact-item{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.contact-item strong{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;color:var(--accent-dark)}.contact-item a{font-weight:700}.map-card{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border-radius:18px;background:var(--soft);margin-top:16px}.map-card p{margin:0;color:var(--muted)}
.review-summary{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.review-score{font-size:clamp(2.5rem,5vw,4.3rem);font-weight:900;letter-spacing:-.06em;line-height:1}.stars{letter-spacing:.08em;color:#9a6b22;font-size:1.12rem}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.review-card blockquote{margin:14px 0 0;color:var(--muted)}.review-card footer{margin-top:14px;font-size:.88rem;color:var(--muted)}.review-source{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.review-source img{width:86px}.empty-state{padding:24px;border:1px dashed #c9c9c7;border-radius:18px;color:var(--muted);background:#fff}.website-review{border-left:4px solid var(--accent)}
.rating-input{display:flex;gap:8px;flex-wrap:wrap}.rating-input label{margin:0;text-transform:none;letter-spacing:0}.rating-input input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;min-height:1px;padding:0;border:0}.rating-input span{width:52px;height:48px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;font-size:1rem;cursor:pointer;background:#fff}.rating-input input:checked+span,.rating-input label:hover span{background:#f2e9dc;border-color:#b89d79}.review-config-note{padding:18px;border-radius:16px;background:#f7f5f1;color:var(--muted)}
.blog-card{display:flex;flex-direction:column}.blog-card .card-link{margin-top:auto;padding-top:18px}.article{max-width:840px;margin-inline:auto}.article h2{font-size:clamp(1.55rem,2.8vw,2.25rem);margin-top:44px}.article h3{margin-top:28px}.article p,.article li{color:#3f4449}.article .lead{margin-bottom:34px}.article ul,.article ol{padding-left:1.25rem}.article li+li{margin-top:8px}.article-callout{margin:30px 0;padding:22px;border-radius:18px;background:var(--soft);border-left:4px solid var(--accent)}
.legal{max-width:900px;margin-inline:auto}.legal h2{font-size:clamp(1.45rem,2.6vw,2.15rem);margin-top:40px}.legal h3{margin-top:28px}.legal p,.legal li{color:#454a50}.legal .box{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.legal code{background:var(--soft);padding:2px 5px;border-radius:5px}
.site-foot{padding:58px 0 110px;border-top:1px solid var(--line);background:#fff}.foot-grid{display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:30px}.site-foot h3{font-size:.85rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}.foot-links{display:grid;gap:8px}.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--ink)}.foot-brand p{color:var(--muted);max-width:36ch}.copyright{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:28px;margin-top:34px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.creator-credit{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.mobile-actions{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:90;background:rgba(17,19,21,.96);border-radius:16px;padding:8px;display:none;grid-template-columns:repeat(3,1fr);gap:6px;box-shadow:0 16px 42px rgba(0,0,0,.24);transform:translateY(140%);transition:transform .25s ease}.mobile-actions.is-visible{transform:translateY(0)}.mobile-actions a{min-height:46px;display:grid;place-items:center;text-align:center;border-radius:11px;color:#fff!important;text-decoration:none;font-size:.78rem;font-weight:800;padding:4px}.mobile-actions a:nth-child(2){background:#fff;color:#350051!important}.mobile-actions img{width:78px;margin:auto}
.back-to-top{position:fixed;right:18px;bottom:20px;z-index:70;width:46px;height:46px;border:0;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top svg{width:20px;height:20px}.toast{position:fixed;left:50%;bottom:26px;z-index:200;transform:translate(-50%,16px);padding:12px 16px;border-radius:12px;background:#111;color:#fff;font-size:.88rem;opacity:0;visibility:hidden;transition:.22s;box-shadow:var(--shadow);max-width:min(92vw,580px);text-align:center}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.reveal-enabled .reveal-item{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal-enabled .reveal-item.is-visible{opacity:1;transform:none}
.admin-shell{max-width:920px;margin:0 auto;padding:60px 16px 100px}.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:22px}.admin-review{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.switch{display:inline-flex;align-items:center;gap:10px;font-weight:700}.switch input{width:44px;height:24px;min-height:24px}
@media(max-width:1180px){.main-nav{display:none;position:absolute;left:16px;right:16px;top:72px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;max-height:calc(100vh - 96px);overflow:auto}.main-nav.is-open{display:flex}.main-nav a{min-height:46px;display:flex;align-items:center;padding:10px 14px}.nav-social{width:auto;height:46px;border-radius:10px!important;display:flex!important;justify-content:flex-start!important;gap:10px;padding:10px 14px!important}.nav-social:after{content:"Instagram"}.menu-btn{display:flex}.head-row{position:relative}}
@media(max-width:980px){.hero,.finance-grid,.split,.section-head,.contact-grid{grid-template-columns:1fr}.hero{padding-top:42px}.hero-media{min-height:430px}.grid-4{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){body{padding-bottom:80px}.hero{padding:34px 0 42px;gap:28px}.hero-media{min-height:340px}.section{padding:52px 0}.grid-2,.grid-3,.grid-4,.form-grid,.review-grid,.foot-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.finance-panel{border-radius:22px;margin-inline:-4px}.actions .btn{width:100%}.copyright{display:grid}.mobile-actions{display:grid}.back-to-top{bottom:88px}.site-foot{padding-bottom:120px}.map-card{align-items:flex-start;flex-direction:column}.admin-review{grid-template-columns:1fr}}
@media(max-width:430px){.shell{width:min(calc(100% - 24px),var(--max))}.section{padding-block:46px}.actions{gap:10px}.form{gap:16px}.card{padding:20px}.brand-copy span{display:none}.hero-media{min-height:300px}.media-card{left:12px;right:12px;bottom:12px}.mobile-actions{left:7px;right:7px}.mobile-actions a{font-size:.72rem}.mobile-actions img{width:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}.reveal-enabled .reveal-item{opacity:1!important;transform:none!important}}
@media print{.site-head,.scroll-progress,.back-to-top,.mobile-actions,.toast,.menu-btn{display:none!important}body{padding:0!important;background:#fff!important;color:#000!important}.section,.hero{padding-block:20px!important}.card,.finance-panel,.hero-media{box-shadow:none!important;break-inside:avoid}a{text-decoration:underline}.reveal-item{opacity:1!important;transform:none!important}}

/* ======================================================
   AUTO MANNHEIM · V2 / 2026 — Navigation, Instagram, forms
   ====================================================== */
:root{--accent:#977244;--accent-dark:#614820;--ring:#836132;--shadow:0 26px 66px rgba(16,18,22,.10)}
.site-head{position:sticky;top:0;z-index:105;transition:transform .26s ease;overflow:visible!important}
.site-head.is-hidden{transform:translateY(-110%)}
.head-row{min-height:78px;gap:24px;overflow:visible!important}
.brand{min-width:0}.brand-mark{flex:0 0 44px;border-radius:14px}.brand-copy strong{font-size:1.01rem}.brand-copy span{letter-spacing:.075em;font-size:.63rem}
.desktop-nav{display:flex;gap:clamp(2px,.7vw,12px);justify-content:center;align-items:center;flex:1;white-space:nowrap}
.desktop-nav a{font-size:.875rem;text-decoration:none;font-weight:750;border-radius:12px;padding:11px clamp(6px,1vw,15px);min-height:44px;display:inline-flex;align-items:center}
.desktop-nav a:hover,.desktop-nav a[aria-current]{background:#f4f0e9;color:#4c391d}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto;overflow:visible;padding:3px}
.legal-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid transparent;transition:.18s;color:#333}
.legal-icon:hover{background:#f3f1ed;border-color:#e6e0d7}.legal-icon svg{width:21px;height:21px}
.instagram-round{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;flex:0 0 48px;padding:3px!important;border:0!important;border-radius:50%!important;overflow:visible!important;background:linear-gradient(40deg,#ffcd55 5%,#fa6e40 32%,#da337c 60%,#7344ce 90%);text-decoration:none;box-shadow:0 0 0 1px rgba(175,39,117,.12);transition:transform .2s,box-shadow .2s}
.instagram-round span{background:#fff;color:#ce3476;width:100%;height:100%;border-radius:50%;display:grid;place-items:center}
.instagram-round svg{width:22px;height:22px}.instagram-round:hover,.instagram-round:focus-visible{transform:scale(1.07);box-shadow:0 7px 21px rgba(209,53,122,.26)}
.menu-btn{display:none;width:48px;height:48px;border-radius:14px;min-width:48px}.menu-btn svg{width:24px}
.menu-locked{overflow:hidden!important;touch-action:none}
.menu-backdrop{position:fixed;inset:0;background:rgba(12,14,19,.65);z-index:110;backdrop-filter:blur(6px)}
.mobile-menu{position:fixed;right:0;top:0;bottom:0;width:min(100%,460px);z-index:111;background:#fff;overflow-y:auto;overscroll-behavior:contain;padding:clamp(20px,4vw,32px);padding-bottom:calc(28px + env(safe-area-inset-bottom));box-shadow:-10px 0 38px rgba(0,0,0,.2)}
.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.mobile-menu-head .brand{font-size:1.05rem;font-weight:800;gap:10px}
.mobile-close{font-size:2.2rem;font-weight:300;width:48px;height:48px;min-width:48px;display:grid;place-items:center;border:1px solid #e8e5e0;border-radius:14px;background:#fff;cursor:pointer;line-height:1}
.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}
.drawer-links a{display:flex;align-items:center;padding:12px 13px;min-height:48px;border-radius:12px;background:#f5f4f1;text-decoration:none;font-weight:740;font-size:.9rem;line-height:1.2;overflow-wrap:break-word}
.drawer-links a:hover,.drawer-links a:focus-visible{background:#ece5dc}
.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-actions .btn{min-height:50px;padding:8px 10px;font-size:.82rem;white-space:normal}.drawer-actions .insta-button{color:#fff!important}
.insta-button{border:0!important;color:#fff!important;background:linear-gradient(110deg,#a032a3 0%,#d13f82 45%,#ee7548 90%)!important;box-shadow:0 9px 24px rgba(186,54,122,.18)}
.insta-button:hover,.insta-button:focus-visible{background:linear-gradient(105deg,#81269c,#b9287c,#d96037)!important;box-shadow:0 14px 32px rgba(186,54,122,.29)}
.insta-button svg{width:19px;height:19px;flex:0 0 19px}
.hero{gap:clamp(20px,4vw,48px)}.hero .actions{gap:9px}.hero .actions .btn{font-size:.84rem;padding:12px 16px;line-height:1.4}
.hero .actions .mobilede-btn img{width:92px}.hero h1{font-size:clamp(2.7rem,5.35vw,5.4rem);letter-spacing:-.055em;max-width:13ch}
.hero-media{background:#d9d9d7}.placeholder-credit{position:absolute;z-index:3;right:22px;top:20px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.9);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.instagram-section{background:#f8f7f5}.instagram-banner{border-radius:30px;background:linear-gradient(122deg,#161719 0%,#292227 56%,#482639 100%);color:#fff;padding:clamp(26px,5vw,55px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(110px,.45fr);align-items:center;gap:24px;position:relative;overflow:hidden}
.instagram-banner p{max-width:58ch;color:#e3dce0}.instagram-banner h2{font-size:clamp(2.3rem,4vw,4rem);margin-bottom:18px}.instagram-banner .eyebrow{color:#f0b8d5}.instagram-banner .eyebrow:before{background:#f0b8d5}
.instagram-handle{display:flex;align-items:center;gap:10px;font-size:clamp(1.15rem,2.2vw,1.5rem);margin:23px 0}.instagram-handle svg{width:25px;height:25px;color:#f0a7c9}.insta-emblem{opacity:.23;display:grid;place-items:center;transform:rotate(-13deg)}.insta-emblem svg{width:min(20vw,210px);height:auto}
.insta-inline{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;color:#aa316c;padding:10px 0}.insta-inline svg{width:21px;height:21px}.foot-brand .insta-inline{margin-top:12px}
.site-foot{padding-bottom:120px}.foot-grid{grid-template-columns:1.1fr repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,38px)}.site-foot .foot-links a{overflow-wrap:anywhere}.copyright{flex-wrap:wrap}
.mobile-actions{grid-template-columns:repeat(4,minmax(0,1fr));z-index:95;left:10px;right:10px;gap:3px;bottom:calc(10px + env(safe-area-inset-bottom));padding:6px;border-radius:18px}
.mobile-actions a{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;min-height:56px!important;padding:6px 2px;text-decoration:none;color:#fff!important;line-height:1.15;font-size:.71rem!important;border-radius:12px}.mobile-actions a svg{width:22px;height:22px}.mobile-actions a:nth-child(2){background:#fff!important;color:#2a2031!important}.mobile-actions a:nth-child(3){background:linear-gradient(45deg,#e88737,#e44076,#6d4ad6)}
.mobile-actions a:focus-visible{outline:3px solid #f2d5a6;outline-offset:-3px}
.photo-controls{display:flex;gap:10px;flex-wrap:wrap}.file-choice{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:1px solid #bcb9b4;border-radius:13px;padding:9px 17px!important;background:#fff;cursor:pointer;letter-spacing:0;text-transform:none;font-size:.87rem;font-weight:800;margin:0;max-width:100%;text-align:center}
.file-choice:hover,.file-choice:focus-within{border-color:var(--accent-dark);background:#fbf7f1;box-shadow:0 0 0 2px #efe6dc}
.file-choice input{position:absolute;opacity:0;width:100%;height:100%;min-height:0;top:0;left:0;cursor:pointer;z-index:1}
.photo-count{font-weight:800;font-size:.82rem;color:#575d65;margin:10px 0}.photo-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.photo-item{position:relative;margin:0;aspect-ratio:1;background:#e9e9e7;border-radius:12px;overflow:visible}.photo-item img{width:100%;height:100%;object-fit:cover;border-radius:12px}.photo-item button{position:absolute;right:-3px;top:-5px;width:32px;height:32px;border-radius:50%;background:#151719;color:#fff;border:2px solid #fff;display:grid;place-items:center;cursor:pointer;font-size:1.3rem;z-index:2;line-height:1}.photo-msg{font-size:.83rem;min-height:1em;margin:4px 0;color:#715220}
.form [data-service-note]{max-width:65ch}.form progress{height:12px;border-radius:8px}.v2-inquiry-form .field.full>.field{width:100%}
.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.review-grid .empty-state{grid-column:1/-1}.v2-score{display:flex;align-items:center;gap:14px;padding:14px 0 20px}.v2-score strong{font-size:clamp(2.8rem,5vw,4.2rem);letter-spacing:-.055em;line-height:1}.v2-score span{color:var(--muted)}.v2-review-card blockquote{margin:13px 0;overflow-wrap:anywhere}.v2-review-card .review-tag{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6b5a3c;margin:0}.v2-review-card footer{color:#555b5f;margin-top:18px}.v2-review-card .review-occasion{font-size:.82rem}.star-pick{display:flex;gap:8px;flex-wrap:wrap}.star-option{margin:0;display:inline-grid;place-items:center;width:52px;height:52px;position:relative;border:1px solid #dad4c9;border-radius:12px;cursor:pointer;background:#fff}.star-option span[aria-hidden]{font-size:1.75rem;color:#a76f1c;line-height:1}.star-option input{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;cursor:pointer;margin:0;z-index:1}.star-option:has(input:checked){background:#fbefda;border-color:#9e6b2e}.star-option:has(input:focus-visible){outline:3px solid #86653a;outline-offset:3px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-arrow{display:inline-flex;margin-top:12px;font-weight:800}
section[id]{scroll-margin-top:92px}
@media(max-width:1050px) and (min-width:901px){.brand-copy span{display:none}.head-row{gap:7px}.desktop-nav a{padding:9px 6px;font-size:.81rem}.header-tools{gap:1px}}
@media(max-width:900px){.desktop-nav,.header-tools .legal-icon{display:none}.menu-btn{display:flex}.head-row{min-height:70px}.brand-copy span{display:none}.header-tools{gap:9px}.site-head.is-hidden{transform:translateY(-115%)}}
@media(max-width:768px){body{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.instagram-banner{grid-template-columns:1fr}.insta-emblem{display:none}.insta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.instagram-tile{aspect-ratio:1.07}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.photo-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.site-foot{padding-bottom:calc(130px + env(safe-area-inset-bottom))}.hero h1{max-width:none}}
@media(max-width:430px){.head-row{min-height:68px}.brand-mark{width:40px;height:40px;flex-basis:40px}.brand-copy strong{font-size:.93rem}.header-tools{gap:5px}.instagram-round{width:46px;height:46px;min-width:46px;flex-basis:46px}.menu-btn{width:46px;min-width:46px;height:46px}.drawer-links{grid-template-columns:1fr 1fr}.drawer-links a{font-size:.82rem}.drawer-actions{grid-template-columns:1fr 1fr}.insta-grid{gap:8px}.instagram-tile{border-radius:13px;padding:12px}.tile-small{font-size:.63rem}.tile-bottom{font-size:.72rem}.photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-actions{left:5px;right:5px;bottom:calc(5px + env(safe-area-inset-bottom))}.mobile-actions a{font-size:.67rem!important}}
@media(max-width:350px){.brand-copy strong{font-size:.87rem}.brand{gap:7px}.header-tools{gap:3px}.instagram-round{width:44px;height:44px;min-width:44px;flex-basis:44px}.menu-btn{width:44px;height:44px;min-width:44px}}
@media(prefers-reduced-motion:reduce){.motion-ready{transition:none!important}.instagram-tile:hover .tile-art{transform:translate(-50%,-50%)}.site-head{transition:none}}
/* Spezifitätskorrektur gegenüber der übernommenen Template-Mediaquery (1180 px). */
.header-tools .menu-btn{display:none}
@media(max-width:900px){.header-tools .menu-btn{display:flex}.mobile-actions{display:grid}body{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.site-foot{padding-bottom:calc(130px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.instagram-tile:hover .tile-art{transform:none}}
.photo-item button{width:44px;height:44px;right:-6px;top:-7px;font-size:1.7rem}
/* =============================================================
  AUTO MANNHEIM · V3 · ruhiges, kompaktes Design
  Systemschrift statt externer Schriftdateien: kein Font-Request.
  Alle bestehenden Formular-, Bewertungs- und Rechnerfunktionen bleiben.
   ============================================================= */
:root{
 --ink:#1b252b;--muted:#55616b;--line:#dfe3e5;--soft:#f6f7f6;--panel:#fff;
 --accent:#745f43;--accent-dark:#56452f;--dark:#1b252b;
 --r-sm:8px;--r:13px;--r-lg:18px;--shadow:0 9px 28px rgba(21,35,43,.055);--max:1160px;
}
html{scroll-padding-top:82px}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;font-weight:400;line-height:1.55;color:var(--ink);overflow-wrap:normal}
p{margin-top:0;margin-bottom:1em} b,strong{font-weight:600}
.shell{width:min(calc(100% - 40px),var(--max))}
h1,h2,h3,h4{font-weight:500;letter-spacing:-.028em;line-height:1.23;overflow-wrap:normal;hyphens:none}
h1{font-size:clamp(2.05rem,3.6vw,3.55rem);margin-bottom:16px}
h2{font-size:clamp(1.47rem,2.2vw,2.22rem);margin-bottom:12px}
h3{font-size:1.08rem;font-weight:550;letter-spacing:-.017em;margin-bottom:8px}
h4{font-size:1rem}
.lead{font-size:clamp(.96rem,1.25vw,1.07rem);line-height:1.65;max-width:65ch}
.eyebrow{font-size:.67rem;font-weight:600;letter-spacing:.125em;margin-bottom:11px;gap:8px}
.eyebrow:before{width:21px}
.site-head{position:sticky;top:0;transform:none!important;z-index:105;background:#fff;border-bottom:1px solid #e8e9e7;backdrop-filter:none;transition:none!important;will-change:auto}
.site-head.is-hidden{transform:none!important}
.head-row{min-height:66px;gap:18px}
.brand{min-height:44px;gap:10px}
.brand-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #c3b4a0;border-radius:10px;background:#1b252b;color:#fff;font:400 1.23rem Georgia,"Times New Roman",serif;letter-spacing:-.095em;padding-right:3px;box-shadow:none}
.brand-copy strong{font-size:.9rem;font-weight:600;letter-spacing:-.02em}
.brand-copy span{font-size:.62rem;letter-spacing:.04em;margin-top:4px;text-transform:none}
.desktop-nav{gap:2px}
.desktop-nav a{font-size:.83rem;font-weight:500;padding:8px clamp(6px,1vw,13px);border-radius:8px;min-height:44px;position:relative}
.desktop-nav a[aria-current="page"]{background:transparent;color:#594832}
.desktop-nav a[aria-current="page"]:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1.5px;background:var(--accent)}
.desktop-nav a:hover{background:#f6f5f3}
.header-tools{gap:2px;padding:2px}
.legal-icon{border-radius:8px;min-width:44px;min-height:44px;color:var(--muted)}
.legal-icon svg{width:18px;height:18px}
.legal-icon[aria-current="page"]{background:#f4f2ef;color:var(--accent-dark)}
.instagram-round{width:44px;height:44px;min-width:44px;flex-basis:44px;box-shadow:none;transform:none!important}
.instagram-round svg{width:20px;height:20px}
.instagram-round:hover,.instagram-round:focus-visible{box-shadow:0 0 0 2px rgba(191,72,141,.16)}
.menu-btn{width:44px;height:44px;min-width:44px;border-radius:10px}
.mobile-menu{box-shadow:-6px 0 30px rgba(0,0,0,.11)}
.menu-backdrop{backdrop-filter:none;background:rgba(14,20,25,.5)}
.mobile-menu-head .brand{font-weight:500}
.drawer-links a{font-size:.85rem;font-weight:500;background:#f6f7f6;border-radius:8px}
.drawer-links a[aria-current="page"]{background:#ece9e4;color:#574a39;border-left:2px solid #97836a}
.hero{padding:43px 0 42px;gap:clamp(22px,3.7vw,46px);grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)}
.hero.simple{max-width:100%;padding-top:36px;padding-bottom:32px;grid-template-columns:minmax(0,1fr)}
.hero.simple .lead{max-width:70ch}
.hero h1{font-size:clamp(2.05rem,3.6vw,3.55rem);letter-spacing:-.035em;max-width:17ch}
.hero.simple h1{max-width:min(100%,920px);overflow-wrap:normal;hyphens:auto;word-break:normal}
.hero.simple .legal-title{font-size:clamp(1.8rem,3.3vw,3.1rem);white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:auto;max-width:100%}
.hero .actions{gap:8px;margin-top:21px}
.btn,.hero .actions .btn{min-height:44px;border-radius:9px;padding:8px 15px;font-size:.85rem;font-weight:550;line-height:1.25;transform:none!important;box-shadow:none;transition:background .14s,border-color .14s,color .14s}
.btn:hover{box-shadow:none;transform:none}
.btn svg{width:17px;height:17px;flex-basis:17px}
.insta-button{background:#263137!important;border:1px solid #263137!important;box-shadow:none!important}
.insta-button:hover,.insta-button:focus-visible{background:#394348!important;border-color:#394348!important;box-shadow:none!important}
.mobilede-btn img{width:103px;height:auto}
.hero-media{min-height:340px;aspect-ratio:1.33;max-height:455px;border-radius:16px;box-shadow:none;background:#152129;border:1px solid #1f2b31}
.hero-media:after{background:linear-gradient(180deg,transparent 53%,rgba(12,17,21,.38))}
.hero-media img{object-fit:cover}
.media-card{left:13px;right:13px;bottom:13px;padding:12px 14px;background:rgba(255,255,255,.96);border-radius:9px;backdrop-filter:none}
.media-card strong{font-weight:600;margin-bottom:1px;font-size:.89rem}
.media-card span{font-size:.78rem}
.section{padding:50px 0}
.section-head{grid-template-columns:minmax(0,1fr) minmax(210px,.64fr);gap:22px;margin-bottom:22px}
.section-head p{font-size:.94rem;line-height:1.6}
.grid-2,.grid-3,.grid-4{gap:12px}
.card{padding:19px 19px 20px;border-radius:12px;box-shadow:none}
.card p{line-height:1.6}
.card-kicker{font-size:.68rem;font-weight:600;margin-bottom:8px}
.card-link,.text-arrow{font-size:.88rem;font-weight:600;margin-top:14px}
.icon-box{width:38px;height:38px;margin-bottom:13px;border-radius:9px;background:#e8e6e1}
.icon-box svg{width:20px;height:20px}
.feature-list{gap:10px;margin-top:16px}
.tick{width:24px;height:24px;flex-basis:24px;font-weight:500}
.split{gap:22px}
.image-panel{min-height:300px;border-radius:16px;box-shadow:none;background:#1b252b}
.finance-panel{padding:clamp(18px,2.8vw,29px);border-radius:16px;box-shadow:none;background:linear-gradient(120deg,#1b252b,#2c353a)}
.finance-grid{gap:27px;grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr)}
.result{padding:17px;border-radius:11px;margin-top:17px}
.result span{font-size:.69rem;letter-spacing:.09em}
.result strong{font-weight:500;font-size:clamp(2rem,3vw,2.75rem)}
.result small{font-size:.82rem;line-height:1.5}
.form{gap:13px}.form-grid{gap:12px}
label,.label{font-size:.82rem;font-weight:550;letter-spacing:0;text-transform:none;margin-bottom:5px}
input,select,textarea{min-height:44px;border:1px solid #cbd0d2;border-radius:8px;padding:9px 12px;font-size:.93rem}
textarea{min-height:108px}
.help{font-size:.78rem;line-height:1.48;margin-top:5px}
.checkbox{font-size:.82rem;font-weight:400;line-height:1.52}
.note{padding:12px 14px;font-size:.82rem;border-radius:9px}
.contact-grid{grid-template-columns:minmax(255px,.8fr) minmax(0,1.2fr);gap:15px}
.contact-list{gap:9px}
.contact-item{padding:13px 15px;border-radius:10px}
.contact-item strong{font-weight:600;font-size:.75rem;letter-spacing:.01em}
.map-card{border-radius:12px}
.file-choice{border-radius:8px;min-height:44px;padding:9px 13px!important;font-size:.8rem;font-weight:550}
.photo-count{font-weight:500;font-size:.78rem}
.photo-item{border-radius:8px}.photo-item img{border-radius:8px}
.instagram-section{background:#f6f7f6}
.instagram-banner{border:1px solid #e1e1df;background:#fff;color:var(--ink);border-radius:14px;padding:clamp(22px,3vw,31px);display:block;overflow:visible}
.instagram-banner p{color:var(--muted);font-size:.95rem;max-width:70ch;margin-bottom:10px}
.instagram-banner h2{font-size:clamp(1.4rem,2.2vw,2.2rem);font-weight:500;margin-bottom:10px}
.instagram-banner .eyebrow{color:var(--accent-dark)}.instagram-banner .eyebrow:before{background:var(--accent)}
.instagram-handle{margin:10px 0 15px;font-size:.96rem;font-weight:500;color:#665542}
.instagram-handle svg{height:19px;width:19px;color:#a95d75}
.instagram-handle strong{font-weight:550}
.insta-inline{font-weight:500;font-size:.88rem}
.review-grid{gap:12px}
.v2-review-card .review-tag{font-weight:600}
.star-option{border-radius:9px}
.article{width:min(calc(100% - 40px),880px);margin-inline:auto;max-width:880px}
.article h2{font-size:clamp(1.35rem,2.2vw,1.95rem);margin-top:31px}
.article h3{margin-top:23px}
.article .lead{margin-bottom:20px}
.article p,.article li{line-height:1.65}
.article-callout{margin:22px 0;padding:16px;border-radius:9px;border-left-width:2px}
section[id]{scroll-margin-top:84px}
/* Footer: dunkle, ruhige Fläche mit vollständigen Kontaktdaten. */
.site-foot{background:#18242b;color:#e8edf0;border-top:1px solid #334049;padding:38px 0 24px}
.foot-grid{display:grid;grid-template-columns:1.1fr 1.14fr 1.1fr;gap:clamp(19px,4vw,48px)}
.site-foot .brand-mark{background:#f5f3ef;color:#18242b;border-color:#e2dfd8}
.site-foot .brand-copy strong{color:#fff}
.site-foot .brand-copy span{color:#bec9cf}
.site-foot h3{font-size:.76rem;font-weight:600;letter-spacing:.06em;margin:4px 0 12px;color:#f2f4f4}
.foot-brand p{margin:12px 0 0;color:#b7c2c8;font-size:.86rem;line-height:1.6;max-width:30ch}
.foot-address{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.foot-address h3{margin-bottom:6px}.foot-address address{font-style:normal;color:#bec8cc;margin-bottom:3px}
.foot-address a,.site-foot .foot-links a{font-size:.86rem;color:#d4dce0;text-decoration:none;overflow-wrap:anywhere}
.foot-address a:hover,.site-foot .foot-links a:hover{color:#fff;text-decoration:underline}
.foot-hours{margin:4px 0 0;color:#bdc9d0;font-size:.83rem}
.site-foot .foot-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 15px}
.site-foot .copyright{border-top:1px solid #34434a;margin-top:27px;padding-top:17px;color:#aab6bd;font-size:.78rem;display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between}
.site-foot .copyright a{color:#e5eced}
/* Light but accessible interactive styling */
.menu-btn:hover,.file-choice:hover{background:#f3f4f3}
:focus-visible{outline:2px solid #906639;outline-offset:3px}
.scroll-progress{display:none}
@media(max-width:1100px) and (min-width:901px){
 .head-row{gap:9px}.desktop-nav a{padding-inline:6px;font-size:.78rem}.brand-copy span{display:none}
 .foot-grid{gap:22px}
}
@media(max-width:980px){
 .hero,.finance-grid,.split,.section-head,.contact-grid{grid-template-columns:1fr}
 .hero{padding-top:35px}.hero-media{min-height:310px;max-height:410px}
 .section-head{gap:9px}
 .finance-grid{gap:15px}
 .hero.simple .lead{max-width:65ch}
}
@media(max-width:900px){
 .head-row{min-height:60px}.site-head{transform:none!important}
 .header-tools .legal-icon,.desktop-nav{display:none}
 .header-tools .menu-btn{display:flex}
 .site-head.is-hidden{transform:none!important}
 .menu-btn,.instagram-round{width:44px;height:44px;min-width:44px;flex-basis:44px}
 .site-foot{padding-bottom:calc(116px + env(safe-area-inset-bottom))}
 .mobile-actions{box-shadow:0 5px 25px rgba(15,20,25,.18);backdrop-filter:none}
 body{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
}
@media(max-width:768px){
 .hero{padding:28px 0 35px}
 .section{padding:37px 0}
 .actions{margin-top:17px}.actions .btn{width:100%}
 .grid-2,.grid-3,.grid-4,.form-grid,.review-grid,.foot-grid{grid-template-columns:1fr}
 .field.full{grid-column:auto}
 .instagram-banner{padding:21px}
 .foot-grid{grid-template-columns:1fr 1fr;gap:25px 18px}
 .foot-brand{grid-column:1/-1}
 .site-foot .foot-links{grid-template-columns:1fr 1fr}
 .card{padding:17px}
 .mobile-actions a{min-height:56px}
 .hero-media{aspect-ratio:1.7;min-height:265px}
}
@media(max-width:430px){
 .shell{width:min(calc(100% - 28px),var(--max))}
 .head-row{min-height:60px;gap:7px}
 .brand{gap:8px}.brand-mark{width:36px;height:36px;flex-basis:36px;font-size:1.08rem;border-radius:8px}
 .brand-copy strong{font-size:.84rem}
 .site-head .brand-copy span{display:none}
 .hero h1{font-size:clamp(2rem,8vw,2.5rem);max-width:none}
 .hero.simple h1,.hero.simple .legal-title{font-size:clamp(1.7rem,8vw,2.6rem)}
 .hero-media{aspect-ratio:1.5;min-height:235px}
 .media-card{padding:10px 12px}
 .foot-grid{grid-template-columns:1fr;gap:20px}
 .foot-brand{grid-column:1}
 .site-foot .foot-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .copyright{display:flex}
 .mobile-actions a{font-size:.67rem!important}
}
@media(prefers-reduced-motion:reduce){.btn,.mobile-actions,.instagram-round{transition:none!important}}

/* Keine ungewollten Textabbrüche in Rechtstiteln oder E-Mail-Adressen. */
body{overflow-x:clip}
.hero.simple .legal-title{font-size:clamp(1.48rem,4vw,3.1rem)}
@media(max-width:430px){.hero.simple .legal-title{font-size:clamp(1.45rem,7.2vw,1.85rem)}}

/* =============================================================
 AUTO MANNHEIM · V4 / kompakte, ruhige Marketingoberfläche
 Identische Raster, typografische Hierarchie, Porträt und Details.
 ============================================================= */
:root{--max:1152px;--ink:#1a2227;--muted:#5a6165;--accent:#81684b;--accent-dark:#594a37;--soft:#f5f5f3;--line:#dfe2e2;--shadow:none;--r:12px;--r-lg:16px}
html{scroll-padding-top:80px}
body{font-size:.94rem;line-height:1.55;background:#fff;overflow-x:clip}
.shell{width:min(calc(100% - 40px),var(--max))}
.site-head{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);backdrop-filter:none}
.head-row{min-height:62px}
.brand-copy strong{font-weight:550}
.brand-mark{background:#1a252b;font-weight:400}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{background:#f1f2f1}
.hero{padding-block:39px 45px;gap:34px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero h1{font-size:clamp(2.05rem,3.6vw,3.32rem);line-height:1.13;letter-spacing:-.035em;font-weight:480;overflow-wrap:normal;hyphens:auto}
.hero.simple h1{max-width:100%;font-weight:470;overflow-wrap:normal;hyphens:auto}
.hero .lead{font-size:clamp(.96rem,1.2vw,1.05rem);line-height:1.65}
h2{font-size:clamp(1.47rem,2.5vw,2.08rem);font-weight:510;line-height:1.21;letter-spacing:-.03em}
h3{font-size:1.03rem;font-weight:550;line-height:1.3}
h4{font-weight:550}
.eyebrow{font-size:.67rem;font-weight:550;letter-spacing:.11em;margin-bottom:10px}
.actions{margin-top:18px;gap:9px}.btn{min-height:44px;font-size:.83rem;font-weight:530}
.hero-v4 .actions{display:flex;flex-wrap:wrap}
.hero-v4 .actions .btn{width:auto}
.hero-footnote{margin:15px 0 0;color:var(--muted);font-size:.84rem}
.hero-footnote a{text-decoration:underline;text-decoration-color:#b5aa9b}
.portrait-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);overflow:hidden;background:#1b262c;color:#fff;border-radius:16px;border:1px solid #1b262c;min-width:0;min-height:323px;align-self:stretch}
.portrait-frame{overflow:hidden;min-width:0;background:#0d1117;position:relative;min-height:323px}
.portrait-frame img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:51% 32%}
.portrait-info{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:clamp(17px,2.2vw,28px);min-width:0;font-size:.85rem;line-height:1.5;color:#d9dfe1;overflow-wrap:anywhere}
.portrait-info strong{font-size:clamp(1.12rem,1.9vw,1.5rem);font-weight:450;color:#fff;letter-spacing:-.03em}
.portrait-role{font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:#c9b99f}
.portrait-info span:nth-last-child(2){padding-top:12px;border-top:1px solid rgba(255,255,255,.19)}
.portrait-about{max-height:400px}
.section{padding-block:43px}
.section-head{align-items:end;margin-bottom:19px;gap:16px}
.section-head p{font-size:.9rem;line-height:1.56}
.section p{line-height:1.6}
.card{border-radius:12px;padding:17px 19px;box-shadow:none}
.card-link{font-weight:550}
.service-intro{display:flex;align-items:center;justify-content:space-between;gap:25px}
.service-intro h2{margin-bottom:8px}
.service-intro p{margin:0;color:var(--muted);font-size:.93rem}
.service-intro .btn{flex:0 0 auto;max-width:100%}
.service-intro .text-arrow{display:inline-block;margin-top:11px}
.finance-panel{padding:clamp(19px,3vw,30px);border-radius:13px;background:#202b30}
.finance-panel h2{font-weight:470}.finance-panel p{font-size:.92rem}
.finance-grid{gap:30px}
.result{margin-top:15px}
.form{gap:13px}
.form-grid{gap:12px}
input,select,textarea{border-radius:7px}
.form label,.form .label{font-weight:540}
.request-details{margin-top:17px;border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}
.request-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;font-size:.87rem;font-weight:550;min-height:49px}
.request-details summary::-webkit-details-marker{display:none}
.request-details summary:hover{background:#f7f7f5}
.request-details[open] summary{border-bottom:1px solid var(--line)}
.request-details summary span{font-size:1.12rem;transition:transform .15s}
.request-details[open] summary span{transform:rotate(180deg)}
.inline-request{padding:clamp(16px,2.4vw,26px);max-width:850px;margin:0 auto}
.contact-compact{background:#fff;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px}
.contact-compact>div:first-child{display:grid;gap:3px}
.contact-compact span{font-size:.74rem;color:var(--muted)}
.contact-compact strong{font-weight:560;font-size:.95rem}
.contact-compact small{color:var(--muted);font-size:.81rem}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.contact-instagram{font-size:.84rem;padding-inline:10px}
.review-grid{margin-top:14px;gap:12px}
.review-summary{gap:10px}
.review-grid .card{padding:19px}
.v2-review-card blockquote{font-size:.91rem;line-height:1.56}
.empty-state{padding:20px;border-radius:10px;font-size:.91rem}
.review-more{margin-top:15px}
.site-foot{padding-top:30px}
.site-foot h3{font-weight:550}
.site-foot .brand-mark{background:#eae8e2}
.site-foot .foot-brand p{line-height:1.5}
.site-foot .copyright{margin-top:22px}
.legal h2{margin-top:28px;font-weight:520}
.legal p,.legal li{overflow-wrap:break-word}
.hero.simple .legal-title{font-size:clamp(1.55rem,3.15vw,2.5rem);overflow-wrap:normal;hyphens:auto}
section[id]{scroll-margin-top:77px}
@media(max-width:980px){.hero{grid-template-columns:1fr;gap:21px}.hero-v4 .hero-copy{max-width:760px}.hero-v4 .portrait-panel{max-width:680px;min-height:295px}.portrait-frame{min-height:295px}.service-intro{align-items:flex-start}.contact-compact{align-items:flex-start}}
@media(max-width:900px){.head-row{min-height:60px}}
@media(max-width:768px){.shell{width:min(calc(100% - 32px),var(--max))}.hero{padding-block:25px 29px}.hero h1{font-size:clamp(1.95rem,7.3vw,2.72rem)}.hero-v4 .actions .btn{flex:1 1 200px}.section{padding-block:31px}.service-intro,.contact-compact{flex-direction:column;align-items:stretch;gap:14px}.service-intro .btn{align-self:flex-start}.contact-actions .btn{width:auto}.hero-v4 .portrait-panel{min-height:275px}.portrait-frame{min-height:275px}.site-foot{padding-bottom:calc(114px + env(safe-area-inset-bottom))}}
@media(max-width:430px){.shell{width:min(calc(100% - 30px),var(--max))}.hero-v4 .actions .btn{width:100%;flex-basis:100%}.hero-v4 .portrait-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:215px}.portrait-frame{min-height:215px}.portrait-info{padding:14px 11px;gap:6px;font-size:.72rem}.portrait-info strong{font-size:1.08rem}.portrait-role{font-size:.62rem}.portrait-info span:nth-last-child(2){padding-top:7px}.section{padding-block:28px}.contact-compact{padding:15px}.contact-actions{flex-direction:column;align-items:stretch}.contact-actions .btn{width:100%}.hero.simple .legal-title{font-size:clamp(1.52rem,7vw,1.85rem)}.site-foot{padding-top:26px}}

/* -------------------------------------------------------------
   AUTO MANNHEIM V5 – gezielte visuelle Korrekturen, ohne JS-Last
   ------------------------------------------------------------- */
:root{--accent:#81684b;--accent-dark:#594a37;--soft:#f5f5f3;--ink:#1a2227;--muted:#565f65;--line:#dfe2e2}
.finance-panel .eyebrow{color:#f0dfc3;font-weight:600;letter-spacing:.1em}
.finance-panel .eyebrow::before{background:#e6cda2}
.finance-panel label,.finance-panel .label{color:#f7f8f8}
.finance-panel .help,.finance-panel .result span,.finance-panel .result small{color:#d6dcde}
.finance-panel p{color:#dbe1e2}
.finance-panel .checkbox{color:#e8ecee}
.finance-panel .note{color:#e4e8e9;background:rgba(255,255,255,.12)}
.finance-panel .result{border-color:rgba(255,255,255,.32)}
.finance-panel .btn.ghost-dark{border-color:#d9dfe1;color:#fff!important}
.finance-panel input::placeholder{color:#56616a;opacity:1}
.portrait-panel{grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);background:#1d292f}
.portrait-frame img{object-position:50% 23%;image-rendering:auto}
.portrait-info{gap:4px;padding:clamp(15px,1.9vw,23px);font-size:.8rem;justify-content:center}
.portrait-info .portrait-role{margin-bottom:4px;color:#e6d6be}
.portrait-info strong{font-size:clamp(1.04rem,1.7vw,1.32rem);font-weight:530;line-height:1.2}
.portrait-company{color:#e2e7e9;font-size:.82rem}
.portrait-contact{display:grid;gap:3px;margin-top:12px;border-top:1px solid rgba(255,255,255,.2);padding-top:11px}
.portrait-info .portrait-contact a,.portrait-hours{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:6px;padding:3px 0;color:#f6f7f7;text-decoration:none;font-size:clamp(.69rem,.83vw,.8rem);line-height:1.35;overflow-wrap:anywhere}
.portrait-info .portrait-contact a:hover,.vcard-link:hover{color:#f5dfb9;text-decoration:underline}
.portrait-info .portrait-contact a:focus-visible,.vcard-link:focus-visible{outline:2px solid #e6cda2;outline-offset:2px}
.contact-glyph{color:#e6cda2;font-size:1rem;line-height:1.1}
.portrait-info span:nth-last-child(2){padding-top:0;border:0}
.vcard-link{align-self:flex-start;margin-top:7px;border:1px solid rgba(255,255,255,.38);border-radius:7px;min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;color:#f4f5f4;text-decoration:none;font-size:.72rem}
/* Kompakter, gut scanbarer Kontaktbereich */
.contact-page .contact-grid{grid-template-columns:minmax(260px,.83fr) minmax(0,1.17fr);align-items:start;gap:24px}
.contact-page .contact-list{display:block}
.contact-options{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.contact-options-heading{padding:20px 21px 12px}
.contact-options-heading h2,.contact-form-head h2{font-size:clamp(1.28rem,2vw,1.56rem);margin:0}
.contact-page .contact-item{border:0;border-radius:0;background:transparent;padding:12px 21px;border-top:1px solid var(--line)}
.contact-page .contact-item strong{font-size:.71rem;letter-spacing:.02em;color:#626c71;margin-bottom:2px;font-weight:550}
.contact-page .contact-item a{display:inline-block;color:var(--ink);text-decoration:none;overflow-wrap:anywhere;font-weight:530}
.contact-page .contact-item a:hover{text-decoration:underline;color:var(--accent-dark)}
.contact-page .contact-item a span[aria-hidden]{font-size:.8rem;color:var(--accent-dark)}
.contact-page .contact-form-card{padding:21px;border-radius:12px;box-shadow:none}
.contact-form-head{margin-bottom:15px}
.contact-form-head p{margin-top:6px;font-size:.86rem;color:var(--muted)}
.contact-page .hero.simple{padding-bottom:25px}
.contact-page .section{padding-bottom:49px}
.contact-page-footer .foot-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
@media(max-width:980px){.contact-page .contact-grid{grid-template-columns:1fr}.contact-page .contact-list{max-width:none}}
@media(max-width:768px){.portrait-info{padding:17px}.portrait-info .portrait-contact a,.portrait-hours{font-size:.77rem}}
@media(max-width:430px){.portrait-panel{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);min-height:260px}.portrait-frame{min-height:260px}.portrait-info{padding:13px 10px;gap:3px}.portrait-info strong{font-size:1rem}.portrait-info .portrait-role{font-size:.56rem;letter-spacing:.05em}.portrait-info .portrait-company{font-size:.69rem}.portrait-contact{margin-top:6px;padding-top:5px;gap:1px}.portrait-info .portrait-contact a,.portrait-hours{grid-template-columns:12px minmax(0,1fr);gap:3px;font-size:.65rem}.contact-glyph{font-size:.76rem}.vcard-link{margin-top:4px;min-height:33px;padding:3px 7px;font-size:.65rem}.contact-page .contact-item{padding:12px 15px}.contact-options-heading{padding:18px 15px 12px}.contact-page .contact-form-card{padding:16px}.contact-page-footer .foot-grid{grid-template-columns:1fr}}
/* Auf sehr schmalen Smartphones hat Lesbarkeit Vorrang vor Zweispaltigkeit. */
@media(max-width:380px){
 .hero-v4 .portrait-panel{grid-template-columns:minmax(0,1fr)}
 .hero-v4 .portrait-frame{min-height:205px;height:205px}
 .hero-v4 .portrait-frame img{object-position:50% 29%}
 .hero-v4 .portrait-info{padding:17px 19px;gap:5px}
 .hero-v4 .portrait-info strong{font-size:1.14rem}
 .hero-v4 .portrait-info .portrait-role{font-size:.65rem;letter-spacing:.1em}
 .hero-v4 .portrait-info .portrait-company{font-size:.81rem}
 .hero-v4 .portrait-info .portrait-contact a,.hero-v4 .portrait-hours{font-size:.82rem;grid-template-columns:16px minmax(0,1fr);gap:8px}
 .hero-v4 .portrait-contact{margin-top:9px;padding-top:9px;gap:4px}
 .hero-v4 .contact-glyph{font-size:1rem}
 .hero-v4 .vcard-link{font-size:.78rem;min-height:40px;padding:7px 11px;margin-top:8px}
}
@media(max-width:380px){.hero-v4 .portrait-frame{height:260px;min-height:260px}.hero-v4 .portrait-frame img{object-position:50% 12%}}

/* AUTO MANNHEIM V6 · einheitliches Formsystem und Monogramm */
:root{--control-height:48px;--control-radius:9px;--control-border:#bec6c8}
.brand-mark{position:relative;isolation:isolate;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #b9ac96;border-radius:11px;background:#1b252b;color:#faf6ed;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;line-height:1;font-weight:400;letter-spacing:-.115em;padding-right:4px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.065)}
.brand-mark::after{content:"";position:absolute;left:10px;right:10px;bottom:6px;border-bottom:1px solid rgba(238,221,189,.43)}
.site-foot .brand-mark{background:#f4f2ed;color:#1b252b;border-color:#bbaf9b;box-shadow:inset 0 0 0 3px rgba(20,30,35,.04)}
.site-foot .brand-mark::after{border-color:#b3a38a}
.form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.form select,.finance-panel input:not([type="checkbox"]):not([type="radio"]),.finance-panel select{box-sizing:border-box;height:var(--control-height);min-height:var(--control-height);padding:0 13px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:#fff;color:#1a2227;line-height:1.35;font-size:.91rem;font-weight:450;box-shadow:none}
.form textarea{box-sizing:border-box;min-height:120px;padding:12px 13px;border:1px solid var(--control-border);border-radius:var(--control-radius);font-size:.91rem;font-weight:450}
.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:2px solid #9d7845;outline-offset:2px}
.form .field{display:flex;flex-direction:column;min-width:0;gap:0}.form .field>label:not(.checkbox),.form .field>.label{font-size:.75rem;line-height:1.35;font-weight:560;letter-spacing:.015em;min-height:1em;margin-bottom:8px;text-transform:none}
.form-grid{gap:16px 15px}.form{gap:16px}.form .field>.help{margin-top:7px}
.finance-panel .form .actions{gap:12px}.finance-panel .result{margin-top:18px;margin-bottom:18px}.finance-panel .note{margin-top:0;margin-bottom:0}
.finance-panel .field label{color:#f8f8f7}
.file-choice{min-height:var(--control-height);border-radius:var(--control-radius);align-items:center;justify-content:center}
.form .btn{min-height:var(--control-height)}
.portrait-contact,.foot-icon-list{display:grid;gap:10px}.portrait-info .portrait-contact a,.portrait-hours,.foot-icon-list>div,.foot-icon-list>a{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;column-gap:11px;line-height:1.45;min-width:0}
.contact-glyph,.foot-glyph{display:grid;place-items:center;width:20px;height:20px;font-size:1.03rem;line-height:1;color:#e6cda2}
.foot-icon-list .foot-glyph{color:#c9b89f}.foot-icon-list>a{color:#dce3e6;text-decoration:none}.foot-icon-list>a:hover{text-decoration:underline}
.head-row{gap:12px}.lang-switch{display:inline-flex;align-items:center;flex:0 0 auto;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff}
.lang-switch button{min-height:35px;min-width:35px;padding:0 6px;border:0;border-radius:5px;background:none;color:#4c5457;font-size:.73rem;font-weight:550;cursor:pointer}
.lang-switch button[aria-pressed="true"]{background:#1b252b;color:#fff}
.lang-switch button:focus-visible{outline:2px solid #8f7248;outline-offset:2px}
.mobile-menu .lang-switch{justify-self:start;margin-block:10px}
@media(max-width:900px){.head-row>.lang-switch{display:none}.drawer-actions+.lang-switch{display:inline-flex}}
@media(min-width:901px){.mobile-menu .lang-switch{display:none}}
@media(max-width:430px){.brand-mark{width:40px;height:40px;flex-basis:40px}.brand-mark::after{left:8px;right:8px}.hero-v4 .portrait-contact{gap:6px}.hero-v4 .portrait-info .portrait-contact a,.hero-v4 .portrait-hours{grid-template-columns:17px minmax(0,1fr);gap:7px}}
@media(max-width:380px){.hero-v4 .portrait-info .portrait-contact a,.hero-v4 .portrait-hours{grid-template-columns:20px minmax(0,1fr);gap:9px}}

/* V6 accessibility refinements */
.lang-switch button{min-height:44px;min-width:44px}.lang-switch{border-color:#bfc5c8}.lang-switch button:focus-visible{outline-offset:1px}
.foot-links .foot-instagram-icon{display:inline-block;margin-right:7px;opacity:.75}
@media(min-width:901px) and (max-width:1120px){.head-row{column-gap:6px}.desktop-nav{gap:11px}.desktop-nav a{font-size:.76rem}.head-row .brand-copy span{display:none}.head-row .brand-copy strong{font-size:.9rem}}

.legal-language-note{font-size:.82rem;color:var(--muted);margin-block:22px 0;padding-top:10px;border-top:1px solid var(--line)}

/* ===============================================================
 Auto Mannheim V7 – daylight design system; no extra dependencies.
 Palette: warm white · pale blue-grey · slate · calm steel blue.
 =============================================================== */
:root{
 --ink:#263740;--muted:#526671;--soft:#f5f8fa;--panel:#fff;
 --line:#dce6eb;--accent:#355d73;--accent-dark:#25485e;
 --dark:#263d4c;--control-border:#b8cbd4;
 --shadow:0 6px 22px rgba(32,69,88,.045);
}
html{scroll-padding-top:80px}
body{color:var(--ink);background:#fff}
a:hover{color:var(--accent-dark)}
:focus-visible{outline:3px solid #476e84;outline-offset:3px}
.eyebrow,.card-kicker,.card-link,.text-arrow{color:var(--accent-dark)}
.eyebrow:before{background:var(--accent)}
.site-head{background:rgba(255,255,255,.985);border-bottom:1px solid #dee7ea}
.site-head .head-row{min-width:0}
.brand-mark,.site-foot .brand-mark{
 width:43px;height:43px;flex:0 0 43px;padding:0;
 border:1px solid #d0dde3;border-radius:10px;
 background:#f3f7f9 url('../images/auto-mannheim-icon.svg') center / cover no-repeat;
 color:transparent!important;font-size:0!important;letter-spacing:0!important;box-shadow:none;
}
.brand-mark::after,.site-foot .brand-mark::after{display:none!important}
.brand-copy strong{color:var(--ink);font-weight:580;letter-spacing:-.015em}
.desktop-nav a[aria-current="page"]{color:var(--accent-dark);background:#ecf3f6}
.desktop-nav a[aria-current="page"]:after{background:var(--accent)}
.desktop-nav a:hover{background:#f1f6f8}
.legal-icon:hover,.legal-icon[aria-current="page"]{background:#eaf1f4;color:var(--accent-dark);border-color:#d8e5eb}
.lang-switch{border-color:#d4e2e8;background:#f8fafb}
.lang-switch button{color:#385262}
.lang-switch button[aria-pressed="true"]{background:#31576d;color:#fff}
.lang-switch button:hover:not([aria-pressed="true"]){background:#e8f1f5}
@media(max-width:900px){.head-row>.lang-switch,.mobile-menu .lang-switch{display:none!important}}
.btn,.hero .actions .btn{background:#31576d;border-color:#31576d;color:#fff!important}
.btn:hover,.hero .actions .btn:hover{background:#24475c;border-color:#24475c;color:#fff!important}
.btn.secondary,.hero .actions .btn.secondary,.btn.light{color:#28485b!important;background:#fff;border-color:#bdd1dc}
.btn.secondary:hover,.hero .actions .btn.secondary:hover{color:#17384b!important;background:#edf4f7;border-color:#8eabbc}
.btn.ghost-dark{border-color:#9db9c8;color:#25475a!important;background:#fff}
.mobilede-btn{background:#fff!important;border-color:#bfd3dd!important;color:#24455a!important}
.section.soft,.instagram-section{background:#f6f9fb}
.section.dark{background:#edf4f7;color:var(--ink)}
.section.dark h2,.section.dark h3{color:var(--ink)}
.section.dark p{color:var(--muted)}
.card,.contact-item,.map-card,.contact-compact,.request-details,.instagram-banner{
 background:#fff;border-color:#dfe9ed;box-shadow:0 4px 16px rgba(31,66,85,.025)
}
.icon-box,.tick{background:#e9f1f5;color:var(--accent-dark)}
.icon-box svg{color:var(--accent-dark)}
/* Photograph remains natural; business-card information is deliberately light. */
.portrait-panel{background:#f4f8fa;color:var(--ink);border:1px solid #dbe7ed;box-shadow:0 6px 22px rgba(31,66,85,.04)}
.portrait-info{background:#f4f8fa;color:#435a66}
.portrait-info strong{color:#223c4c}
.portrait-role{color:#385c71}
.portrait-info a{color:#264b60}
.portrait-info a:hover{color:#173b52}
.portrait-info span:nth-last-child(2){border-color:#d5e2e9}
.contact-glyph{color:#426d84}
.hero-footnote a{text-decoration-color:#8db1c2}
/* Calculator: no heavy black slab; match page's pale palette and dark text. */
.finance-panel{background:#edf4f7;color:var(--ink);border:1px solid #dce7eb;box-shadow:none}
.finance-panel h2,.finance-panel h3,.finance-panel p,.finance-panel label,
.finance-panel .label,.finance-panel .field label{color:#263f4e}
.finance-panel .eyebrow{color:#345b70}
.finance-panel .eyebrow::before{background:#63869a}
.finance-panel .help,.finance-panel .checkbox,.finance-panel .result span,
.finance-panel .result small{color:#4b6473}
.finance-panel .result{background:#fff;border:1px solid #d1e1e8;box-shadow:none}
.finance-panel .result strong{color:#203b4a}
.finance-panel .note{background:#e5eef3;border:1px solid #d6e4eb;color:#315065}
.finance-panel .note p{color:#315065}
.finance-panel .btn.ghost-dark{background:#fff;color:#25475a!important;border-color:#91b0c1}
.finance-panel .form-status{color:#34586d}
.finance-panel input,.finance-panel select,.finance-panel textarea,
.form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.form select,.form textarea{
 border-color:#b9ccd6;background:#fff;color:#243c4c
}
.finance-panel input:focus,.finance-panel select:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:#4b7389;box-shadow:0 0 0 3px rgba(63,110,138,.1)}
.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline-color:#476e84}
.file-choice{border-color:#adc3ce;color:#305368;background:#fff}
.file-choice:hover,.file-choice:focus-within{background:#edf5f8;border-color:#557a8f;box-shadow:0 0 0 2px #d7e8ef}
.note{background:#ecf3f6;color:#314e5e}
.star-option:has(input:checked){background:#f5f7f8;border-color:#5f7f90}
.star-option:has(input:focus-visible){outline-color:#456b80}
/* Footer: coordinated warm-white surface, no huge dark strip. */
.site-foot{background:#f4f8fa;color:#283f4d;border-top:1px solid #dce6eb}
.site-foot .brand-copy strong,.site-foot h3{color:#243b49}
.site-foot .brand-copy span,.foot-brand p,.site-foot .foot-address address,.foot-hours,
.site-foot .foot-address a,.site-foot .foot-links a{color:#425b69}
.site-foot .foot-address a:hover,.site-foot .foot-links a:hover{color:#173c52}
.site-foot .copyright{border-top:1px solid #d4e2e9;color:#506875}
.site-foot .copyright a{color:#294e65}
.foot-icon-list .foot-glyph{color:#476d84}
.foot-icon-list>a{color:#35596c}
/* Light mobile tools remain legible and avoid dark opaque bars. */
.mobile-actions{background:#f0f5f7;border:1px solid #d1e1e8;box-shadow:0 7px 23px rgba(23,58,80,.12);backdrop-filter:none}
.mobile-actions a{background:#31576d;color:#fff!important}
.mobile-actions a:nth-child(2){background:#fff!important;color:#31576d!important}
.mobile-menu{background:#fff}
.drawer-links a{background:#f3f7f9;color:#2d4958}
.drawer-links a[aria-current="page"],.drawer-links a:hover{background:#e6f0f5;color:#234b61;border-left-color:#6b90a5}
.instagram-round{box-shadow:0 0 0 1px #cbd9e0}
/* Long Turkish and English labels: never force a clipped one-line control. */
.btn,.drawer-links a,.file-choice,.head-row{overflow-wrap:break-word}
.btn{white-space:normal;text-align:center}
.hero.simple .legal-title{hyphens:auto;overflow-wrap:break-word}
@media(max-width:430px){
 .brand-mark,.site-foot .brand-mark{width:39px;height:39px;flex-basis:39px}
 .hero.simple .legal-title{font-size:clamp(1.38rem,6.25vw,1.85rem)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.lang-switch button{transition:none!important}}
/* V7 legibility audit: legacy V5 portrait selectors must not override daylight theme. */
.portrait-info .portrait-role{color:#41657a!important}
.portrait-info .portrait-company{color:#3f5b6a!important}
.portrait-info .portrait-contact a,.portrait-info .portrait-hours{color:#2e4f61!important}
.portrait-info .portrait-contact a:hover,.portrait-info .vcard-link:hover{color:#173a50!important}
.portrait-info .portrait-contact{border-color:#d7e3e9}
.hero-v4 .portrait-info .vcard-link{color:#2c5266!important;border-color:#bdd1dc}
.head-row .brand-copy strong>span{display:inline!important;color:var(--ink)}
.site-foot .brand-copy strong>span{display:inline!important;color:var(--ink)}

/* V8 final — simple emblem, responsive reviews and functional contact fallbacks */
.brand-mark,.site-foot .brand-mark{border-radius:11px;background-size:contain;background-color:#f3f7f9;border-color:#bdced7}
.contact-compact .contact-actions a.btn:not(.secondary){background:#31576d!important;color:#fff!important;border:1px solid #31576d!important;opacity:1;box-shadow:0 4px 12px rgba(38,75,97,.13);min-height:48px}
.contact-compact .contact-actions a.btn:not(.secondary):hover{background:#1e4154!important;border-color:#1e4154!important;color:#fff!important}
.contact-compact .contact-actions a.btn:not(.secondary):focus-visible{outline:3px solid #507f98;outline-offset:3px}
.am-reviews-section{background:#f6f9fb}
.am-review-heading{max-width:750px;margin-bottom:20px}
.am-review-heading h2{margin:7px 0 8px;font-size:clamp(1.35rem,2.7vw,1.95rem);font-weight:560;letter-spacing:-.025em}
.am-review-heading p{color:#465f6d;max-width:65ch;margin:0;line-height:1.6}
.am-reviews-fallback{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;padding:19px 21px;border:1px solid #d9e6ec;border-radius:14px}
.am-reviews-fallback p{margin:0;color:#37586b;font-size:.93rem}
.am-reviews-profile{font-size:.88rem;flex-shrink:0}
.am-review-stage[hidden],.am-reviews-fallback[hidden],.am-review-arrow[hidden]{display:none!important}
.am-review-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.am-review-controls h3{font-size:1rem;font-weight:600;margin:0}
.am-review-arrows{display:flex;gap:8px}
.am-review-arrow{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid #c5d9e3;border-radius:12px;background:#fff;color:#294b61;font-size:1.25rem;cursor:pointer}
.am-review-arrow:hover:not(:disabled){background:#e6f1f6;border-color:#749bb0}
.am-review-arrow:focus-visible{outline:3px solid #4c7791;outline-offset:2px}
.am-review-arrow:disabled{opacity:.4;cursor:default}
.am-review-rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:3px 2px 13px;scrollbar-width:thin;scrollbar-color:#b7cbd5 transparent}
.am-review-card{display:flex;flex-direction:column;gap:14px;scroll-snap-align:start;flex:0 0 clamp(270px,32vw,355px);min-width:0;background:#fff;border:1px solid #dbe8ec;border-radius:14px;padding:20px 21px;box-shadow:0 4px 12px rgba(21,66,88,.025)}
.am-review-card-top,.am-review-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.am-review-stars{color:#96702f;font-size:1.06rem;letter-spacing:.07em}
.am-review-card time{font-size:.8rem;color:#526875}
.am-review-card blockquote{margin:0;flex:1;white-space:pre-wrap;overflow-wrap:anywhere;color:#304b5a;font-size:.91rem;line-height:1.65}
.am-review-card-foot{border-top:1px solid #e6edf1;padding-top:11px;font-size:.8rem}
.am-review-card-foot strong{font-weight:600;color:#243e4c}
.am-review-card-foot a{color:#315d73;text-decoration:underline;text-underline-offset:3px}
.am-reviews-external{margin:14px 0 0;font-size:.86rem}
.am-contact-fallback{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.form[hidden],.request-details form[hidden]{display:none!important}
@media(max-width:768px){.am-review-rail{margin-right:-16px;padding-right:16px}.am-review-card{flex-basis:min(86vw,340px)}.am-reviews-fallback{align-items:flex-start}.am-reviews-profile{width:auto}}
@media(max-width:380px){.am-review-card{flex-basis:min(86vw,310px);padding:17px}.am-reviews-fallback{padding:16px}.am-reviews-profile{width:100%}}
@media(prefers-reduced-motion:reduce){.am-review-rail{scroll-behavior:auto}}

[hidden],details[hidden],.am-reviews-section [hidden]{display:none!important}

/* Auto Mannheim V9 – final release enhancements */
.email-fallback{display:inline-flex;box-sizing:border-box;width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;justify-content:center;text-align:center;margin-top:10px}
.brand-mark,.site-foot .brand-mark,.mobile-menu .brand-mark{background:#f2f7fa url('../images/auto-mannheim-icon.svg') center / contain no-repeat!important;border:1px solid #c4d6e0!important;border-radius:10px!important;color:transparent!important;box-shadow:none!important}
.brand-mark::before,.brand-mark::after{display:none!important}
.desktop-nav{gap:0;min-width:0}
.desktop-nav a{font-size:.81rem;padding:9px clamp(5px,.75vw,10px);white-space:nowrap;font-weight:520}
.head-row{gap:clamp(7px,1.2vw,15px)}
.header-tools{gap:0}
/* The six key links stay in the desktop bar; optional legal links remain in footer and drawer. */
@media (max-width:1099px){
 .desktop-nav,.head-row>.lang-switch,.header-tools .legal-icon{display:none!important}
 .menu-btn{display:flex!important}
 .site-foot{padding-bottom:calc(105px + env(safe-area-inset-bottom))}
 .mobile-actions{display:grid!important}
 body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
}
@media (min-width:1100px){.desktop-nav{display:flex!important}.menu-btn{display:none!important}.head-row>.lang-switch{display:flex!important}}
/* Official locally stored mobile.de wordmark remains true to original brand colors. */
.mobile-actions a.mobilede-quick,.mobile-actions a:nth-child(2){background:#ebe6f4!important;color:#350051!important;border:1px solid #d1c7e5!important;}
.mobile-actions a.mobilede-quick:hover{background:#dfd4ef!important}
.mobile-actions a.mobilede-quick img{display:block;width:min(61px,90%);height:12px;object-fit:contain;max-width:100%;margin-bottom:5px}
.mobile-actions a.mobilede-quick span{color:#350051!important}
.mobile-actions a.mobilede-quick:focus-visible{outline:3px solid #58317d!important;outline-offset:-3px}
/* Card: true single 22px icon column and vertical centering for every contact line. */
.portrait-info .portrait-contact{display:grid;gap:8px}
.portrait-info .portrait-contact a,.portrait-info .portrait-contact .portrait-hours,
.hero-v4 .portrait-info .portrait-contact a,.hero-v4 .portrait-info .portrait-hours{
 display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;
 gap:10px!important;align-items:center!important;min-height:28px;
 padding:0!important;line-height:1.4!important;
}
.portrait-contact .contact-glyph{width:22px!important;height:22px!important;min-width:22px;display:grid!important;place-items:center!important;font-size:0!important;line-height:1!important}
.portrait-contact .contact-glyph svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
.portrait-contact a>span:last-child,.portrait-hours>span:last-child{display:block;min-width:0;align-self:center;overflow-wrap:anywhere}
/* Visible form throughout; status makes the absent backend explicit instead of a broken submit. */
.form[data-remote-form]{display:grid!important;visibility:visible!important}
.form[data-remote-form][hidden]{display:grid!important}
.delivery-availability{background:#fff8e9;border:1px solid #e0d1ad;border-radius:10px;padding:11px 13px;font-size:.84rem;line-height:1.55;color:#65501f;margin:0}
.delivery-availability.is-ready{background:#eef7f2;border-color:#bdd8c8;color:#285a41}
.form .field input[type=number]{height:var(--control-height,48px);min-height:var(--control-height,48px)}
.form input:not([type=checkbox]):not([type=radio]):not([type=file]),.form select{min-width:0;width:100%}
.form .photo-controls .file-choice{min-height:48px}
@media(max-width:430px){.portrait-info .portrait-contact a,.portrait-info .portrait-hours{font-size:clamp(.73rem,2.9vw,.82rem)!important}.portrait-info .portrait-contact{gap:6px}}
@media(max-width:380px){.hero-v4 .portrait-contact a,.hero-v4 .portrait-hours{grid-template-columns:22px minmax(0,1fr)!important;gap:10px!important}}

/* V11 release: consistent premium automotive outline and responsive header language controls */
.brand-mark,.site-foot .brand-mark,.mobile-menu .brand-mark{background:#f2f7fa url('../images/auto-mannheim-icon.svg') center / contain no-repeat!important}
.header-tools{display:flex;align-items:center;gap:10px!important;flex:0 0 auto}
.mobile-lang-switch{display:none}
.request-details summary span:not(.details-chevron){font-size:.88rem!important;transform:none!important;transition:none!important;flex:1;text-align:left}
.request-details[open] summary span:not(.details-chevron){transform:none!important}
.request-details summary .details-chevron{font-size:1.12rem;line-height:1;display:inline-block;transition:transform .18s;transform:none}
.request-details[open] summary .details-chevron{transform:rotate(180deg)}
.portrait-contact>a,.portrait-contact>.portrait-hours{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important}
.portrait-contact .contact-glyph{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;align-self:center!important}
.portrait-contact .contact-glyph svg{height:18px!important;width:18px!important}
.about-line-panel{min-height:245px!important;height:260px!important;box-shadow:none!important;background:#f3f8fa!important;border:1px solid #dce7ed;border-radius:16px!important}
.about-line-panel img{object-fit:contain!important;width:100%;height:100%;position:static!important}
.contact-compact .contact-actions a.btn:not(.secondary),.contact-compact .contact-actions a.btn:not(.secondary) span{color:#fff!important}
.foot-instagram-icon{display:none!important}
.mobile-actions{background:#e7f0f5!important;border-color:#bfd4df!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.mobile-actions>a{height:66px!important;min-height:66px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:5px 2px!important;line-height:1.08!important;font-weight:600!important}
.mobile-actions>a>svg,.mobile-actions>a .quick-car{display:block!important;margin:0 auto!important;width:23px!important;height:23px!important;object-fit:contain!important;flex-shrink:0}
.mobile-actions>a>span{display:block!important;height:14px!important;line-height:14px!important;white-space:nowrap;text-align:center!important;font-size:.7rem!important}
.mobile-actions a.mobilede-quick{background:#e9e2f2!important;color:#350051!important}
.mobile-actions a.mobilede-quick span{color:#350051!important}
.mobile-actions a:nth-child(3){background:linear-gradient(45deg,#d97928,#cf317c,#6847c4)!important;color:#fff!important}
.mobile-actions a:nth-child(3)>svg{color:#fff}
.back-to-top{z-index:75}
.form input:not([type=checkbox]):not([type=radio]):not([type=file]),.form select,.form button[type=submit]{min-height:48px}
.form textarea{min-height:116px}
@media(pointer:fine){.photo-controls label.file-choice:first-child{display:none}}
@media(max-width:1099px){
  .head-row>.lang-switch{display:none!important}
  .header-tools .mobile-lang-switch{display:flex!important;padding:2px;gap:0;flex-shrink:0}
  .header-tools .mobile-lang-switch button{min-width:30px!important;height:39px!important;min-height:39px!important;font-size:.68rem!important;padding:0 2px}
  .header-tools{gap:8px!important}
  .site-foot{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}
  body{padding-bottom:calc(77px + env(safe-area-inset-bottom))!important}
}
@media(min-width:1100px){.header-tools .mobile-lang-switch{display:none!important}}
@media(max-width:390px){
 .head-row{gap:5px!important}
 .brand{gap:5px!important;min-width:0}
 .brand-mark{width:34px!important;height:34px!important;flex-basis:34px!important}
 .brand-copy strong{font-size:.74rem!important;letter-spacing:-.025em!important;white-space:nowrap}
 .header-tools{gap:4px!important}
 .instagram-round{width:36px!important;height:39px!important;min-width:36px!important;flex-basis:36px!important}
 .menu-btn{width:39px!important;min-width:39px!important;height:40px!important}
 .header-tools .mobile-lang-switch button{min-width:27px!important;padding:0 1px!important}
 .mobile-actions>a>span{font-size:.64rem!important}
}
@media(prefers-reduced-motion:reduce){.request-details summary .details-chevron{transition:none}}
/* Footer spacing: the document reserves the safe-area for the floating mobile shortcuts,
   without stacking an additional oversized blank region inside the footer. */
@media(max-width:1099px){
 .site-foot{padding-bottom:22px!important}
 body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
}

/* Device-appropriate photo actions: camera/library on touch, file picker on desktop. */
.photo-controls .gallery-desktop-text{display:none}
@media(pointer:fine){.photo-controls .gallery-mobile-text{display:none}.photo-controls .gallery-desktop-text{display:inline}}
/* Ensure white labels meet AA contrast at every stop of the Instagram-accented quick action. */
.mobile-actions a:nth-child(3){background:linear-gradient(45deg,#b95013,#b32763,#5b36ae)!important;color:#fff!important}


/* V12 final: consistent car mark with transparent background and no enclosing box. */
.brand-mark,.site-foot .brand-mark,.mobile-menu .brand-mark{
 background:transparent url('../images/auto-mannheim-icon.svg') center/contain no-repeat!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 width:42px;height:42px;flex-basis:42px;align-self:center;}
.brand-mark::after,.brand-mark::before{display:none!important}
/* Remove old lavender treatment from the mobile.de shortcut. */
.mobile-actions a.mobilede-quick,.mobile-actions a:nth-child(2){background:#eaf1f5!important;color:#294b5f!important;border:0!important}
.mobile-actions a.mobilede-quick span{color:#294b5f!important}
.mobile-actions a.mobilede-quick:hover{background:#deeaf1!important}
.mobile-actions a.mobilede-quick img.quick-car{width:24px!important;height:24px!important;object-fit:contain!important;margin:0 auto!important;display:block!important}
.mobile-actions{background:#edf4f8!important;border:1px solid #c9dbe5!important}
.mobile-actions a{transition:background .15s ease}
/* The floating back-to-top control is separated from the four quick actions and safe area. */
.back-to-top{border:1px solid #a6bbc9!important;background:#fff!important;color:#294c62!important;
 box-shadow:0 5px 19px rgba(22,51,68,.18)!important;border-radius:13px!important;width:46px;min-height:46px}
.back-to-top:hover{background:#e7f1f6!important;border-color:#6f96ac!important}
.back-to-top:focus-visible{outline:3px solid #2c657f!important;outline-offset:3px}
@media(max-width:1249px){
 .desktop-nav,.head-row>.lang-switch{display:none!important}
 .menu-btn{display:flex!important}
 .header-tools .mobile-lang-switch{display:flex!important}
 .mobile-actions{display:grid!important}
 .back-to-top{bottom:calc(112px + env(safe-area-inset-bottom))!important;right:18px!important}
 body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
}
@media(min-width:1250px){.desktop-nav{display:flex!important}.menu-btn{display:none!important}.head-row>.lang-switch{display:flex!important}.header-tools .mobile-lang-switch{display:none!important}.mobile-actions{display:none!important}}
.head-row{gap:12px}.desktop-nav{gap:clamp(8px,1vw,15px)}.desktop-nav a{white-space:nowrap}
.header-tools{gap:12px!important}
@media(max-width:390px){.header-tools{gap:7px!important}.brand-mark{width:34px!important;height:34px!important;flex-basis:34px!important}}
@media(min-width:1250px) and (max-width:1370px){.desktop-nav a{font-size:.77rem;padding-inline:3px}.head-row{gap:8px}}
/* Footer groups and icon/text alignment. */
.v12-foot-grid{display:grid!important;grid-template-columns:1.12fr 1.18fr .82fr .82fr 1.4fr!important;gap:clamp(16px,2.2vw,32px);align-items:start}
.v12-foot-grid>div{min-width:0}
.v12-foot-grid h3{font-size:.83rem;letter-spacing:.035em;margin:6px 0 15px}
.v12-foot-grid .foot-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.v12-foot-grid .foot-links a,.v12-foot-grid .foot-pref-link{font-size:.84rem;line-height:1.45}
.v12-foot-grid .foot-pref-link{display:inline;background:none;border:0;padding:0;color:#425b69;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.v12-foot-grid .foot-pref-link:hover{color:#173c52;text-decoration-color:currentColor}
.v12-foot-grid .foot-pref-link:focus-visible{outline:2px solid #31576d;outline-offset:3px}
.v12-foot-grid .foot-icon-list>*{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:30px;margin:0!important}
.v12-foot-grid .foot-icon-list{display:grid;gap:9px}
.v12-foot-grid .foot-glyph{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;margin:0!important;font-size:0!important}
.v12-foot-grid .foot-glyph svg{display:block;width:20px;height:20px;max-width:none}
.v12-foot-grid .foot-icon-list span,.v12-foot-grid .foot-links a{overflow-wrap:anywhere}
.v12-foot-grid .foot-social-link a{display:inline-flex;align-items:center;gap:8px;color:#2e5367;text-decoration:none;font-size:.86rem;min-height:44px}
.v12-foot-grid .foot-social-link svg{width:19px;height:19px;color:#b32763}
@media(max-width:1100px){.v12-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v12-foot-grid .foot-brand{grid-column:span 3}}
@media(max-width:650px){.v12-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px}.v12-foot-grid .foot-brand{grid-column:span 2}.v12-foot-grid .foot-address{grid-column:span 2}.v12-foot-grid .foot-social{grid-column:span 1}.site-foot{padding-bottom:22px!important}}
@media(max-width:360px){.v12-foot-grid{grid-template-columns:1fr 1fr!important;gap:15px}.v12-foot-grid .foot-links a,.v12-foot-grid .foot-pref-link{font-size:.78rem}}
/* GDPR-preference banner: no content is loaded from third parties on this website. */
.am-consent-banner{position:fixed;z-index:150;left:16px;right:16px;bottom:20px;max-width:1040px;margin-inline:auto;padding:17px 20px;border:1px solid #c4d7e1;border-radius:16px;
 background:rgba(251,253,254,.99);color:#243d4c;box-shadow:0 8px 38px rgba(25,57,76,.18);
 display:flex;align-items:center;justify-content:space-between;gap:18px}
.am-consent-copy{max-width:580px;min-width:0}.am-consent-copy p{margin:0;font-size:.85rem;line-height:1.5}.am-consent-copy>a{font-size:.82rem;color:#24536e;text-decoration:underline}
.am-consent-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}
.am-consent-actions button,.am-cookie-dialog-actions button{background:#f4f8fa;border:1px solid #91aab7;color:#26495e;min-height:44px;padding:9px 12px;border-radius:9px;font-weight:600;cursor:pointer;font-size:.83rem;flex:1}
.am-consent-actions button:hover,.am-cookie-dialog-actions button:hover{background:#e6f0f5;border-color:#4f849d}
.am-consent-actions button:focus-visible,.am-cookie-dialog button:focus-visible{outline:3px solid #31576d;outline-offset:2px}
.am-cookie-backdrop{position:fixed;inset:0;background:rgba(14,32,44,.48);z-index:170}
.am-cookie-dialog{position:fixed;z-index:171;left:50%;top:50%;transform:translate(-50%,-50%);width:min(95vw,560px);max-height:min(88svh,700px);overflow:auto;background:#fff;
 border:1px solid #ccdde5;border-radius:18px;box-shadow:0 14px 50px rgba(0,0,0,.20);padding:24px;color:#243d4c}
.am-cookie-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.am-cookie-dialog h2{font-size:1.35rem;margin:0 0 15px}.am-cookie-close{width:44px;height:44px;background:#f1f6f8;border:1px solid #bdced8;border-radius:10px;font-size:1.65rem;cursor:pointer}
.am-cookie-option{display:flex;align-items:center;gap:16px;justify-content:space-between;border:1px solid #d5e2e8;border-radius:10px;padding:15px;margin-top:12px;text-transform:none;letter-spacing:normal;font-size:.91rem}
.am-cookie-option strong{font-weight:650}.am-cookie-option span{font-size:.86rem}.am-cookie-checkbox small{display:block;font-size:.78rem;line-height:1.5;color:#506773;margin-top:5px}.am-cookie-checkbox input{width:22px;height:22px;min-height:22px;flex:none;cursor:pointer;accent-color:#31576d}
.am-cookie-help{font-size:.83rem;line-height:1.5;margin:15px 0}.am-cookie-dialog-actions{display:flex;gap:12px}.am-cookie-dialog-actions button{min-width:0}
@media(max-width:1249px){.am-consent-banner{bottom:calc(96px + env(safe-area-inset-bottom));max-height:48svh;overflow:auto}}
@media(max-width:650px){.am-consent-banner{flex-direction:column;align-items:stretch;padding:13px;gap:10px;left:9px;right:9px}.am-consent-copy p{font-size:.77rem}.am-consent-actions{flex-wrap:nowrap;gap:5px}.am-consent-actions button{padding:7px 3px;font-size:.71rem;line-height:1.25}.am-cookie-dialog{padding:16px}.am-cookie-dialog-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.mobile-actions a{transition:none}}
@media(max-width:350px){.head-row{gap:2px!important}.header-tools{gap:4px!important}.header-tools .mobile-lang-switch button{min-width:26px!important}.brand{gap:4px!important}}

/* V13 — deliberately scoped refinement: preserve V12 site-wide spacing and colour system. */
.about-v13{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.about-v13>.card,.about-v13>.about-line-panel{box-sizing:border-box;min-width:0;height:100%;min-height:340px;padding:28px}
.about-v13>.about-line-panel{display:flex;align-items:center;justify-content:center;background:#f3f8fa}
.about-v13>.about-line-panel img{display:block;max-height:145px;max-width:88%;width:100%;height:auto;object-fit:contain}
.v12-foot-grid .foot-icon-list>a,.v12-foot-grid .foot-icon-list>div{font-family:inherit;font-size:.84rem!important;font-weight:400!important;line-height:1.45!important;color:#35596c!important;letter-spacing:normal!important}
.v12-foot-grid .foot-icon-list>a:hover{color:#1f4e69!important;text-decoration:underline;text-underline-offset:3px}
.v12-foot-grid .foot-icon-list .foot-glyph{align-self:center;justify-self:center}
.mobile-actions a.mobilede-quick{background:#eaf2f7!important;color:#294b5f!important;border:1px solid #bdd2de!important}
.mobile-actions a.mobilede-quick:hover{background:#daeaf2!important}
.mobile-actions a.mobilede-quick span{color:#294b5f!important}
.mobile-actions>a{min-width:0}
@media(max-width:980px){.about-v13{grid-template-columns:minmax(0,1fr)}.about-v13>.card,.about-v13>.about-line-panel{min-height:0;padding:24px}.about-v13>.about-line-panel{min-height:190px}}
@media(max-width:430px){.about-v13>.card,.about-v13>.about-line-panel{padding:20px}.about-v13>.about-line-panel{min-height:165px}}

.about-v13>.about-line-panel{height:auto!important;min-height:340px!important}
@media(max-width:980px){.about-v13>.about-line-panel{min-height:190px!important}}
@media(max-width:430px){.about-v13>.about-line-panel{min-height:165px!important}}