/* Webfonts lokal (keine Verbindung zu Google). Big Shoulders Display, IBM Plex Sans, IBM Plex Mono – SIL Open Font License 1.1 */
/* latin-ext */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/big-shoulders-display-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/big-shoulders-display-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/big-shoulders-display-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/big-shoulders-display-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/big-shoulders-display-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/big-shoulders-display-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ibm-plex-mono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ibm-plex-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ibm-plex-mono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ibm-plex-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/ibm-plex-mono-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/ibm-plex-mono-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/ibm-plex-sans-400i-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/ibm-plex-sans-400i-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/ibm-plex-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/ibm-plex-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/ibm-plex-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/ibm-plex-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/ibm-plex-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/ibm-plex-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/ibm-plex-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/ibm-plex-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* LSD Maschinenservice – Farben. Quelle: tokens.json (Stand 30.09.2026). */
:root{
--ink:#14181d;--ink-soft:#2a3138;--paper:#eef0ee;--paper-raised:#ffffff;--steel:#5b6570;--steel-line:#ccd3d2;
--accent:#2764ad;--accent-strong:#1f5289;--accent-ink:#ffffff;--blueprint:#1f7fa0;
--surface-dark:#14181d;--surface-dark-raised:#1d2329;--on-dark:#eef0ee;--on-dark-soft:#9aa7ac;
/* Basiswerte */
--color-schwarzanthrazit:#14181d;--color-royalblau:#2764ad;--color-hellflaeche:#eef0ee;
/* Semantische Aliase */
--text-body:var(--ink);--text-prose:var(--ink-soft);--text-muted:var(--steel);
--surface-page:var(--paper);--surface-card:var(--paper-raised);--surface-band:var(--surface-dark);--surface-band-card:var(--surface-dark-raised);
--border-hairline:var(--steel-line);--focus-ring:var(--blueprint);
--overlay-dark:rgba(9,11,13,.72);--hairline-on-dark:rgba(238,240,238,.09);
}
:root[data-theme="dark"]{
--ink:#eef0ee;--ink-soft:#c9d0d2;--paper:#14181d;--paper-raised:#1b2126;--steel:#9aa7ac;--steel-line:#333c42;
--accent:#5b9fe0;--accent-strong:#7cb5ea;--accent-ink:#0d1720;--blueprint:#5cc2e8;
--surface-dark:#0b0e11;--surface-dark-raised:#161b1f;--on-dark:#eef0ee;--on-dark-soft:#8b979c;
}

:root{
--font-display:"Big Shoulders Display","Arial Narrow",sans-serif;
--font-sans:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,monospace;
--type-hero-size:70px;--type-hero-lh:.94;--type-hero-weight:900;
--type-section-size:43px;--type-section-lh:.94;--type-section-weight:800;
--type-card-title-size:24px;--type-card-title-lh:1.05;--type-card-title-weight:800;
--type-display-tracking:.01em;
--type-lead-size:17px;--type-body-size:16px;--type-small-size:14px;--type-body-lh:1.55;
--type-eyebrow-size:12.5px;--type-eyebrow-tracking:.14em;
--type-button-size:14px;--type-button-tracking:.05em;
--type-caption-size:11px;--type-caption-tracking:.04em;
--measure-prose:62ch;
}

:root{
--space-2:8px;--space-4:16px;--space-6:24px;--space-12:48px;
--radius-none:0px;--radius-xs:2px;--chamfer:14px;
--container:1180px;
--gutter:clamp(16px,4.5vw,48px); /* @kind spacing */
--hairline:1px solid var(--steel-line);
--ease:ease; /* @kind other */
--dur-fast:.15s; /* @kind other */
--dur-slow:.4s; /* @kind other */
--stagger:.12s; /* @kind other */
}

/* Basis-Elemente und Hilfsklassen (aus der Webseite). */
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;line-height:.94;letter-spacing:.01em;text-wrap:balance;margin:0;color:var(--ink)}
a{color:inherit}
a:hover{color:var(--accent)}
.lsd-mono{font-family:var(--font-mono)}
.lsd-container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.lsd-eyebrow{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .9rem;display:flex;align-items:center;gap:.6em}
.lsd-eyebrow::before{content:"";width:22px;height:2px;background:currentColor;display:inline-block}
.lsd-prose{max-width:62ch}.lsd-prose p{color:var(--ink-soft)}
.lsd-on-dark{background:var(--surface-dark);color:var(--on-dark)}
.lsd-on-dark h1,.lsd-on-dark h2,.lsd-on-dark h3{color:var(--on-dark)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* LSD Maschinenservice – Bausteine. Nur CSS, liest die Tokens aus tokens.css. */
.lsd-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:14px var(--space-6);font-family:var(--font-mono);font-size:14px;line-height:1.2;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border:1.5px solid transparent;border-radius:0;cursor:pointer;white-space:nowrap;clip-path:polygon(0 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% 100%,0 100%);transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.lsd-btn:hover{transform:translateY(-1px)}
.lsd-btn:focus-visible{outline:2px solid var(--blueprint);outline-offset:3px}
.lsd-btn--primary{background:var(--accent);color:var(--accent-ink)}
.lsd-btn--primary:hover{background:var(--accent-strong)}
.lsd-btn--secondary{background:transparent;color:var(--ink);border-color:var(--steel-line);clip-path:none}
.lsd-btn--secondary:hover{border-color:var(--ink)}
.lsd-on-dark .lsd-btn--secondary{color:var(--on-dark);border-color:var(--on-dark-soft)}
.lsd-on-dark .lsd-btn--secondary:hover{border-color:var(--on-dark)}
@media (prefers-reduced-motion:reduce){.lsd-btn{transition:none}.lsd-btn:hover{transform:none}}

.lsd-card-service{background:var(--surface-dark-raised);color:var(--on-dark);display:flex;flex-direction:column;border-radius:0}
.lsd-card-service__media{aspect-ratio:16/9;width:100%;object-fit:cover;display:block;background:var(--surface-dark)}
.lsd-card-service__body{padding:var(--space-6);display:flex;flex-direction:column;gap:12px}
.lsd-card-service__title{margin:0;font-family:var(--font-display);font-size:24px;line-height:1.05;font-weight:800;color:var(--on-dark)}
.lsd-card-service__text{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--on-dark-soft)}
.lsd-card-service__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.lsd-card-service__list li{position:relative;padding-left:22px;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--on-dark)}
.lsd-card-service__list li::before{content:"";position:absolute;left:0;top:.7em;width:12px;height:3px;background:var(--accent)}

.lsd-card-machine{background:var(--paper-raised);border:1px solid var(--steel-line);border-radius:0;display:flex;flex-direction:column}
.lsd-card-machine__media{aspect-ratio:4/3;width:100%;object-fit:cover;display:block}
.lsd-card-machine__caption{padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.lsd-card-machine__name{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--ink)}
.lsd-card-machine__meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;line-height:1.4;color:var(--steel)}

.lsd-plate{background:var(--paper-raised);border:1px solid var(--steel-line);border-radius:0}
.lsd-plate__head{display:flex;align-items:center;gap:var(--space-2);padding:12px var(--space-4);border-bottom:1px solid var(--steel-line);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.lsd-plate__head::before{content:"";width:7px;height:7px;background:var(--accent)}
.lsd-plate__rows{margin:0}
.lsd-plate__row{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:var(--space-4);padding:10px var(--space-4);border-bottom:1px solid var(--steel-line)}
.lsd-plate__row:last-child{border-bottom:0}
.lsd-plate__row dt{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.lsd-plate__row dd{margin:0;font-family:var(--font-sans);font-size:15px;font-weight:500;color:var(--ink);min-width:0}

/* Seiten-CSS LSD Maschinenservice (aus den Design-Entwürfen übertragen) */
html{background:#14181d;scroll-behavior:smooth}
body{background:var(--paper)}
a{color:inherit}
a:hover{color:var(--accent)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Hover-Zustände aus den Entwürfen */
.hv-phone:hover{color:#7cb5ea!important}
.hv-ondark:hover{color:var(--on-dark)!important}
.hv-ink:hover{color:var(--ink)!important}

/* Handy-Umschaltung (Entwurf: max-width 760px) */
@media (max-width:760px){.hide-m{display:none!important}}

/* Hero: Animiert oder reduzierte Bewegung */
.hero-reduced{display:none}
@media (prefers-reduced-motion:reduce){.hero-anim{display:none!important}.hero-reduced{display:flex}}
.hero-step{opacity:0;pointer-events:none;transition:opacity .6s ease,transform .6s ease}
.hero-step.on{opacity:1;pointer-events:auto}
.hero-s0,.hero-s2{transform:translateY(18px)}
.hero-s0.on,.hero-s2.on{transform:none}
.hero-s1{top:50%;bottom:auto;transform:translateY(-50%) translateY(18px)}
.hero-s1.on{transform:translateY(-50%)}
@media (max-width:760px){
  .hero-s1{top:auto;bottom:clamp(64px,11vh,120px);transform:translateY(18px)}
  .hero-s1.on{transform:none}
}
.hero-dot{display:block;height:4px;width:4px;background:var(--on-dark-soft);transition:width .4s ease,background-color .4s ease}
.hero-dot.on{width:22px;background:#5b9fe0}
.hero-video{opacity:0;transition:opacity .4s ease}
.hero-video.ready{opacity:1}
.hero-hint{transition:opacity .4s ease}
.hero-hint.off{opacity:0}

/* Leistungen */
.svc-arc{box-shadow:0 40px 140px 0 rgba(39,100,173,0),inset 0 -2px 0 rgba(91,159,224,0)}
.svc-card{opacity:.35;transform:translateY(14px)}
.svc-lit .svc-arc{box-shadow:0 40px 140px 0 rgba(39,100,173,.45),inset 0 -2px 0 rgba(91,159,224,.9)}
.svc-lit .svc-card{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .svc-arc{box-shadow:0 40px 140px 0 rgba(39,100,173,.45),inset 0 -2px 0 rgba(91,159,224,.9)}
  .svc-card{opacity:1;transform:none}
}

/* Ablauf: Desktop / Handy */
.abl-mob{display:none}
@media (max-width:900px){.abl-desk{display:none}.abl-mob{display:block}}

/* Feste Anrufleiste auf dem Handy */
.callbar,.callbar-spacer{display:none}
@media (max-width:760px){.callbar{display:flex}.callbar-spacer{display:block}}
.callbar{transform:translateY(110%);transition:transform .3s ease}
.callbar.on{transform:none}

/* Kopfzeile auf schmalen Handys: Telefonnummer bleibt ganz sichtbar */
@media (max-width:420px){.hdr-row{gap:12px!important}.hdr-logo{height:20px!important}.hdr-phone{font-size:11.5px!important;letter-spacing:0!important}}