/* MT Tires – Website-Stylesheet.
   Baut ausschließlich auf dem verbindlichen Designsystem auf
   (Tokens unverändert aus mt-tires-design-system/tokens übernommen).
   Keine neue Farbwelt, Typografie oder Formensprache. */

@import "fonts.css?v=3";
@import "tokens/colors.css?v=3";
@import "tokens/typography.css?v=3";
@import "tokens/spacing.css?v=3";
@import "tokens/elevation.css?v=3";
@import "tokens/motion.css?v=3";
@import "tokens/base.css?v=3";

/* ---------- Grundlayout ---------- */

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}
.container--narrow{max-width:var(--container-narrow)}
@media (max-width:720px){.container{padding:0 var(--gutter-mobile)}}

.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--mt-navy);color:var(--mt-white);padding:var(--space-3) var(--space-5);font-weight:var(--weight-semibold)}
.skip-link:focus{left:var(--space-4);top:var(--space-4)}

.section{padding:var(--section-y) 0}
.section--tight{padding:var(--section-y-tight) 0}
.section--dark{background:var(--surface-dark);color:var(--text-on-dark-muted)}
.section--deep{background:var(--surface-dark-deep);color:var(--text-on-dark-muted)}
.section--technical{background:var(--surface-technical);color:var(--text-on-dark-muted)}
.section--alt{background:var(--surface-page-alt)}
.section--hairline{border-top:1px solid var(--border-hairline)}
@media (max-width:900px){
  .section{padding:var(--space-16) 0}
  .section--tight{padding:var(--space-12) 0}
}

/* ---------- Typografische Bausteine ---------- */

.eyebrow{display:block;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-heading);margin-bottom:var(--space-3)}
.section--dark .eyebrow,.section--deep .eyebrow,.section--technical .eyebrow{color:var(--orange-500)}

.sec-title{font-family:var(--font-display);font-weight:var(--weight-extrabold);font-stretch:var(--stretch-display);font-size:var(--text-h1);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);color:var(--text-heading);margin:0;max-width:720px}
.sec-title--sub{font-size:var(--text-h2);font-weight:var(--weight-bold);font-stretch:var(--stretch-normal)}
.section--dark .sec-title,.section--deep .sec-title,.section--technical .sec-title{color:var(--text-on-dark)}

.rule{display:block;width:var(--rule-w);height:var(--rule-h);background:var(--rule-accent);margin-top:var(--space-5);border:0}
.sec-lead{margin:var(--space-5) 0 0;max-width:640px;font-size:var(--text-lead);line-height:var(--leading-snug);color:var(--text-muted)}
.section--dark .sec-lead,.section--deep .sec-lead,.section--technical .sec-lead{color:var(--text-on-dark-muted)}
.sec-head{margin-bottom:var(--space-10)}

.mt-numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* ---------- Buttons ---------- */

/* Buttons: auf Kundenwunsch (18.08.2026) randlos und stärker gerundet (8px).
   Die frühere Outline-Variante wird als dezente Tonfläche ausgeführt. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--control-pad-x);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);line-height:1;letter-spacing:.005em;border-radius:8px;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;transition:var(--transition-control)}
.btn--lg{height:var(--control-h-lg);padding:0 var(--space-8)}
.btn--primary{background:var(--action-primary);color:var(--text-on-accent)}
.btn--primary:hover{background:var(--action-primary-hover);color:var(--text-on-accent)}
.btn--primary:active{background:var(--action-primary-active);color:var(--warm-100)}
.btn--secondary{background:var(--action-secondary);color:var(--text-on-dark)}
.btn--secondary:hover{background:var(--action-secondary-hover);color:var(--text-on-dark)}
.btn--secondary:active{background:var(--action-secondary-active)}
.btn--outline{background:var(--warm-200);color:var(--mt-navy)}
.btn--outline:hover{background:var(--warm-300);color:var(--mt-navy)}
.btn--outline:active{background:var(--mt-navy);color:var(--text-on-dark)}
.on-dark .btn--outline{background:rgba(255,255,255,.12);color:var(--text-on-dark)}
.on-dark .btn--outline:hover{background:rgba(255,255,255,.20);color:var(--text-on-dark)}
.on-dark .btn--outline:active{background:rgba(255,255,255,.28)}
.btn .icon{flex:0 0 auto}
.on-dark :focus-visible{box-shadow:var(--ring-focus-dark)!important}

.arrow-link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--mt-navy);border-bottom:0}
.arrow-link .icon{color:var(--orange-500)}
.arrow-link:hover{color:var(--text-link-hover)}

/* ---------- Header ---------- */

.site-header{height:var(--header-h);background:var(--surface-dark);border-bottom:1px solid rgba(255,255,255,.10);position:relative;z-index:10}
.header-inner{height:var(--header-h);display:flex;align-items:center;gap:var(--space-6)}
.brand{display:flex;align-items:center;border-bottom:0}
.brand img{height:30px;width:auto;display:block}
.nav{display:flex;align-items:center;gap:var(--space-5);margin-left:auto;white-space:nowrap}
.nav a{position:relative;border-bottom:2px solid transparent;padding-bottom:4px;font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-on-dark-muted);transition:var(--transition-control)}
.nav a:hover{color:var(--mt-white)}
.nav a[aria-current="page"]{color:var(--mt-white);border-bottom-color:var(--orange-500)}
.header-cta{flex:0 0 auto}
.header-cta .btn{height:40px;padding:0 16px;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-label)}
.nav-panel .btn{text-transform:uppercase;letter-spacing:var(--tracking-label)}

/* Aufklappmenü „Reifenhandel" */
.nav-drop{position:relative;display:flex;align-items:center}
.nav-drop-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;cursor:pointer;padding:0 0 4px;border-bottom:2px solid transparent;font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-on-dark-muted);transition:var(--transition-control)}
.nav-drop-btn:hover{color:var(--mt-white)}
.nav-drop-btn[data-active="true"]{color:var(--mt-white);border-bottom-color:var(--orange-500)}
.nav-drop-btn .caret{transition:transform var(--duration-fast) var(--ease-standard)}
.nav-drop[data-open="true"] .nav-drop-btn .caret{transform:rotate(180deg)}
.nav-drop-panel{display:none;position:absolute;top:calc(100% + 14px);left:-14px;min-width:200px;background:var(--surface-dark-raised);border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:var(--shadow-dark);padding:var(--space-2);z-index:60}
.nav-drop[data-open="true"] .nav-drop-panel{display:block}
.nav .nav-drop-panel a{display:block;padding:10px 14px;border-radius:6px;border-bottom:0}
.nav .nav-drop-panel a:hover{background:rgba(255,255,255,.08);color:var(--mt-white)}
.nav .nav-drop-panel a[aria-current="page"]{color:var(--mt-white);background:rgba(255,90,31,.14)}

/* Sprachumschalter DE/EN */
.lang-switch{display:flex;align-items:center;gap:8px;flex:0 0 auto;font-family:var(--font-body);font-weight:var(--weight-medium);font-size:13px;letter-spacing:var(--tracking-label)}
.lang-switch a{border-bottom:2px solid transparent;padding-bottom:2px;text-transform:uppercase;color:var(--text-on-dark-muted)}
.lang-switch a:hover{color:var(--mt-white)}
.lang-switch a[aria-current="true"]{color:var(--mt-white);border-bottom-color:var(--orange-500)}
.lang-switch .sep{color:rgba(255,255,255,.3)}
.nav-toggle{display:none;margin-left:auto;background:rgba(255,255,255,.12);border:0;border-radius:8px;color:var(--mt-white);height:var(--control-h-md);padding:0 var(--space-4);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-control)}
.nav-toggle:hover{background:rgba(255,255,255,.20)}
.nav-panel{display:none}

@media (max-width:1023px){
  .nav,.header-cta,.header-inner .lang-switch{display:none}
  .nav-toggle{display:inline-flex;align-items:center;gap:var(--space-2)}
  .nav-panel[data-open="true"]{display:block;background:var(--surface-dark);border-bottom:1px solid rgba(255,255,255,.10)}
  .nav-panel .container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding-top:var(--space-6);padding-bottom:var(--space-8)}
  .nav-panel a:not(.btn){border-bottom:2px solid transparent;padding-bottom:4px;font-weight:var(--weight-medium);font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-on-dark-muted)}
  .nav-panel a[aria-current="page"]{color:var(--mt-white);border-bottom-color:var(--orange-500)}
}

/* ---------- Hero ---------- */

.hero{position:relative;background:var(--surface-dark);color:var(--text-on-dark-muted)}
.hero--photo{background-color:var(--navy-950);background-size:cover;background-position:center}
.hero--photo::before{content:"";position:absolute;inset:0;background:var(--overlay-hero)}
.hero-inner{position:relative;padding:var(--space-24) 0;max-width:760px}
.hero--home .hero-inner{padding:calc(var(--space-24) + var(--space-8)) 0}
.hero-title{font-family:var(--font-display);font-weight:var(--weight-extrabold);font-stretch:var(--stretch-display);font-size:var(--text-hero);line-height:var(--leading-hero);letter-spacing:var(--tracking-hero);color:var(--mt-white);margin:0;font-style:normal}
.hero--page .hero-title{font-size:var(--text-display-2);line-height:var(--leading-display)}
.hero-lead{margin:var(--space-6) 0 0;max-width:620px;font-size:var(--text-lead);line-height:var(--leading-snug);color:var(--text-on-dark-muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}
@media (max-width:720px){
  .hero-inner{padding:var(--space-16) 0}
  .hero--home .hero-inner{padding:var(--space-20) 0}
}

.crumbs{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}
.crumbs a,.crumbs span{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;border-bottom:0}
.crumbs a{color:var(--text-on-dark-muted)}
.crumbs a:hover{color:var(--mt-white)}
.crumbs span{color:var(--mt-white)}
.crumbs .sep{width:12px;height:2px;background:rgba(255,255,255,.3)}

/* ---------- Karten & Kacheln ---------- */

.card{display:block;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;color:var(--text-body);text-decoration:none}
a.card{border-bottom-width:1px;transition:var(--transition-card)}
a.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(var(--hover-lift));color:var(--text-body)}
.card--accent{border:var(--border-w-accent) solid var(--border-accent)}
.card--dark{background:var(--surface-dark-raised);border:1px solid var(--border-dark);box-shadow:none;color:var(--text-on-dark-muted)}
.card-media{display:block;width:100%;height:240px;object-fit:cover;background:var(--navy-950)}
.card-body{padding:var(--card-pad)}
.card-body--tight{padding:var(--card-pad-tight)}
.card-label{display:block;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-heading);margin-bottom:var(--space-3)}
.card-title{font-family:var(--font-display);font-weight:var(--weight-extrabold);font-stretch:var(--stretch-display);font-size:26px;line-height:1.1;letter-spacing:var(--tracking-heading);color:var(--text-heading);margin:0 0 var(--space-4)}
.card-title--sub{font-size:var(--text-h3);font-weight:var(--weight-bold);font-stretch:var(--stretch-normal)}
.card-text{margin:0;font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-muted)}
.card .rule{margin:0 0 var(--space-4)}
.card-foot{margin-top:var(--space-6)}

.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
@media (max-width:1000px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
@media (max-width:640px){.grid-4{grid-template-columns:1fr}}

.tile{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-5);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card)}
.tile--accent{border:var(--border-w-accent) solid var(--border-accent)}
.tile--plain{background:transparent;box-shadow:none}
.tile .icon{color:var(--mt-navy);flex:0 0 auto;margin-top:2px}
.tile--accent .icon{color:var(--orange-500)}
.tile-title{display:block;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-heading);margin-bottom:var(--space-2)}
.tile-text{margin:0;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-muted)}

.icon-square{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:var(--action-primary);color:var(--mt-navy);border:0;transition:var(--transition-control);border-bottom:0}
.icon-square:hover{background:var(--action-primary-hover);color:var(--mt-navy)}

/* ---------- Ablauf / Schritte / Kennzahlen ---------- */

.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
@media (max-width:1000px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.steps{grid-template-columns:1fr}}
.step{border-left:2px solid var(--rule-accent);padding-left:var(--space-4)}
.step-num{display:block;font-family:var(--font-display);font-weight:var(--weight-extrabold);font-stretch:var(--stretch-display);font-size:var(--text-h2);line-height:1;color:var(--text-heading);font-variant-numeric:tabular-nums}
.step-title{display:block;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h4);color:var(--text-heading);margin:var(--space-3) 0 var(--space-2)}
.step-text{margin:0;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-muted)}
.section--dark .step-num,.section--dark .step-title{color:var(--text-on-dark)}
.section--dark .step-text{color:var(--text-on-dark-muted)}

.stat{border-left:2px solid var(--rule-accent);padding-left:var(--space-4)}
.stat-value{display:block;font-family:var(--font-display);font-weight:var(--weight-extrabold);font-stretch:var(--stretch-display);font-size:var(--text-h1);line-height:1;color:var(--text-heading);font-variant-numeric:tabular-nums}
.stat-label{display:block;margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-muted)}
.section--dark .stat-value{color:var(--text-on-dark)}
.section--dark .stat-label{color:var(--text-on-dark-muted)}

/* ---------- Zweispaltige Medienabschnitte ---------- */

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12);align-items:center}
.split--media-left{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.split-media{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;background:var(--navy-950);border-radius:8px}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:var(--space-8)}.split-media{min-height:220px;order:-1}}

/* ---------- Hinweise, Callouts, Platzhalter ---------- */

.callout{background:var(--surface-card);border:1px solid var(--border-hairline);border-left:4px solid var(--rule-accent);border-radius:8px;padding:var(--space-5) var(--space-6);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-body)}
.callout--navy{border-left-color:var(--mt-navy)}
.callout strong{color:var(--text-heading)}
.callout p{margin:0}
.callout p + p{margin-top:var(--space-3)}

.note-prep{background:var(--warm-100);border:1px dashed var(--graphite-300);border-radius:8px;padding:var(--space-4) var(--space-5);font-size:var(--text-xs);line-height:var(--leading-body);color:var(--text-muted)}
.note-prep strong{display:block;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;color:var(--text-heading);margin-bottom:var(--space-1)}

.ph{display:inline-block;border:1px dashed var(--graphite-300);background:var(--warm-100);color:var(--text-muted);padding:2px 10px;border-radius:8px;font-size:var(--text-xs);max-width:100%}
.ph::before{content:"Platzhalter: ";font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;color:var(--graphite-400)}
html[lang="en"] .ph::before{content:"Placeholder: "}
html[lang="en"] .note-prep strong{letter-spacing:var(--tracking-micro)}

/* ---------- Formulare ---------- */

.form{max-width:820px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--grid-gap)}
@media (max-width:720px){.form-grid{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field--full{grid-column:1 / -1}
.field > label{font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--text-heading)}
.req{color:var(--orange-500)}
.hint{font-size:var(--text-xs);color:var(--text-faint)}
.field input[type="text"],.field input[type="email"],.field input[type="tel"],.field input[type="date"],.field select,.field textarea{width:100%;min-height:var(--field-h);padding:0 var(--space-4);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--text-heading);background:var(--warm-50);border:1px solid var(--border-strong);border-radius:8px;transition:var(--transition-control);outline:none}
.field textarea{padding:var(--space-3) var(--space-4);line-height:var(--leading-body);resize:vertical;min-height:132px}
.field select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235A636D' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:44px;cursor:pointer}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mt-navy);box-shadow:0 0 0 3px rgba(11,31,51,.16)}
.field input[type="file"]{padding:var(--space-3) var(--space-4);min-height:var(--field-h);background:var(--warm-50);border:1px solid var(--border-strong);border-radius:8px;font-size:var(--text-sm);color:var(--text-muted)}

fieldset.field{border:0;padding:0;margin:0}
fieldset.field legend{padding:0;font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--text-heading);margin-bottom:var(--space-2)}
.opt-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.opt{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--space-4);border:0;background:var(--warm-200);border-radius:8px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-body);cursor:pointer;transition:var(--transition-control)}
.opt input{position:absolute;opacity:0;width:0;height:0}
.opt .dot{width:12px;height:12px;border-radius:var(--radius-pill);border:2px solid var(--graphite-400);background:transparent;flex:0 0 auto;transition:var(--transition-control)}
.opt:has(input:checked){background:var(--orange-100);color:var(--mt-navy)}
.opt:has(input:checked) .dot{border-color:var(--orange-500);background:var(--orange-500)}
.opt:has(input:focus-visible){box-shadow:var(--ring-focus)}

.check{display:flex;gap:var(--space-3);align-items:flex-start;cursor:pointer}
.check input{position:absolute;opacity:0;width:0;height:0}
.check .box{width:20px;height:20px;flex:0 0 auto;margin-top:1px;border-radius:5px;border:2px solid var(--graphite-300);background:var(--warm-50);display:flex;align-items:center;justify-content:center;transition:var(--transition-control)}
.check .box::after{content:"";width:9px;height:5px;border-left:2px solid var(--mt-navy);border-bottom:2px solid var(--mt-navy);rotate:-45deg;margin-top:-2px;opacity:0}
.check:has(input:checked) .box{border-color:var(--orange-500);background:var(--orange-500)}
.check:has(input:checked) .box::after{opacity:1}
.check:has(input:focus-visible) .box{box-shadow:var(--ring-focus)}
.check-label{font-size:var(--text-sm);color:var(--text-body);line-height:var(--leading-snug)}

.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-top:var(--space-8)}
.form-alert{display:none;margin-top:var(--space-5);background:var(--signal-warning-bg);border:1px solid var(--signal-warning);border-radius:8px;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--text-heading)}
.form-alert[data-visible="true"]{display:block}

/* ---------- Footer ---------- */

.site-footer{background:var(--surface-dark-deep);color:var(--text-on-dark-muted);padding-top:var(--space-16)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--space-12);padding-bottom:var(--space-12)}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand img{height:28px;width:auto;display:block}
.footer-brand address{font-style:normal;margin-top:var(--space-5);font-size:var(--text-sm);line-height:var(--leading-body)}
.footer-col h2{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--mt-white);margin:0 0 var(--space-4)}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.footer-col a{font-size:var(--text-sm);color:var(--text-on-dark-muted);border-bottom:0}
.footer-col a:hover{color:var(--mt-white)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:var(--space-6) 0;display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}
.footer-bottom,.footer-bottom a{font-size:var(--text-xs);color:#7F91A3}
.footer-bottom a{border-bottom:0}
.footer-bottom a:hover{color:var(--mt-white)}
.footer-legal{margin-left:auto;display:flex;gap:var(--space-6)}
@media (max-width:560px){.footer-legal{margin-left:0}}

/* ---------- Service-Querkarte (nachrangiger Bereich) ---------- */

.svc-row{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:stretch}
.svc-row .card-media{height:100%;min-height:220px}
@media (max-width:860px){.svc-row{grid-template-columns:1fr}.svc-row .card-media{height:200px;min-height:0}}

/* ---------- Diverses ---------- */

.list-plain{margin:0;padding-left:1.2em}
.list-plain li{margin-bottom:var(--space-2)}
.actions-row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}
.text-block p{max-width:640px}
.img-frame{display:block;width:100%;height:auto;border-radius:0}