/* ============================================================
   MOTIVE EXPERIENCE — Custom CSS v1 (Teil A: Startseite)
   Design „Future Vision" · Eis-Cyan FINAL #C9B37E · 06.09.2026
   Pixelvorlagen: final-startseite.html (1240) · final-mobile.html (390)

   Deploy: Child-Theme /css/motive-experience.css (functions.php lädt
   mit Cache-Busting). Nach jedem Tausch WP-Rocket leeren.

   Architektur (aus vC-Erkenntnissen Enfold 8.0):
   • Sektionen = Farb-Sektion + Code-Block (Klassen me-*)
   • Hero/Halle = Rastereihen 1/2+1/2 → Klammer-Geometrie §8
     (Zellbreiten 52/48 bzw. 50/50, Wrapper-Kette neutralisiert)
   • KEINE globalen .content/.container-Nullungen (Blog/404-Falle) —
     alles über me-*-Klassen gescopt.
   • Abstände macht ausschließlich dieses CSS — Avia-Felder leer lassen.
   ============================================================ */


/* ─── 1. VARIABLEN (Dev-Anweisung §2) ─────────────────────── */
:root {
  --me-bg: #0A0A0B;                       /* Seiten-Hintergrund (Schwarz — einziges Schema, Kundenentscheidung 12.10.) */
  --me-bg-page: #060607;                  /* außerhalb der Box */
  --me-bg-2: #111113;                     /* Flächen/Karten */
  --me-panel: rgba(255,255,255,.025);     /* Karten/Panels */
  --me-line: rgba(255,255,255,.09);       /* Rahmenlinien */
  --me-line-soft: rgba(255,255,255,.06);  /* Sektions-Trenner */
  --me-acc: #C9B37E;                      /* Akzent Champagner-Gold (FINAL 12.10.) — 9,7:1 auf --me-bg */
  --me-acc-ink: #0B0A08;                  /* Text AUF Gold-Flächen */
  --me-acc-glow: none;                    /* kein Glühen */
  --me-acc-soft: rgba(201,179,126,.14);   /* Hover-/Aktiv-Flächen */
  --me-acc-line: rgba(201,179,126,.32);   /* Gold-Hairlines */
  --me-acc-dim: rgba(201,179,126,.55);    /* Gold gedämpft (Konturen, Hover-Rahmen) */
  --me-text: #EDE9E1;                     /* Primärtext — warmes Weiß */
  --me-text-2: #ADA79B;                   /* Sekundärtext */
  --me-text-3: #948E82;                   /* Meta/Labels — 4,9:1 auf --me-bg (WCAG AA) */
  --me-radius: 0px;                       /* Buttons/Badges — eckig */
  --me-header-h: 104px;                   /* Header-Höhe (Logo+Menü zentriert) */
  --me-logo-h: 56px;                      /* Logo-Anzeigehöhe */
  --me-sans: 'jost-me', 'Jost', 'Futura', sans-serif;
  --me-mono: 'jost-me', 'Jost', sans-serif;   /* ehemalige Mono-Rollen laufen als gesperrte Sans (§67) */
}


/* ─── 2. FONTS (lokal, /fonts) — Jost 300/400/500 (google-webfonts-helper, latin). Space Grotesk / IBM Plex Mono entfallen (12.10.). ── */
@font-face { font-family: 'jost-me'; font-weight: 300; font-style: normal; font-display: swap; src: url('../fonts/jost-v18-latin-300.woff2') format('woff2'); }
@font-face { font-family: 'jost-me'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/jost-v18-latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'jost-me'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fonts/jost-v18-latin-500.woff2') format('woff2'); }


/* ─── 3. GLOBAL: GRUND, TYPO, LINKS ───────────────────────── */
html { background: var(--me-bg-page); scroll-behavior: smooth; }
body, #top, #top #wrap_all {
  background-color: var(--me-bg-page);
  font-family: var(--me-sans);
  color: var(--me-text-2);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* 1240-Box (Enfold: Boxed Layout) */
#top #wrap_all { background-color: var(--me-bg); }
#top #main { background-color: transparent !important; }

#top h1, #top h2, #top h3, #top h4, #top h5, #top h6,
#top .av-special-heading-tag {
  font-family: var(--me-sans) !important;
  font-weight: 700 !important;
  color: var(--me-text) !important;
  text-transform: uppercase;
  letter-spacing: -.01em;
  line-height: 1.08;
  text-wrap: balance;
}
#top h1 { font-size: clamp(31px, 4.7vw, 59px) !important; line-height: 1 !important; letter-spacing: -.02em !important; }
#top h2 { font-size: clamp(22px, 2.9vw, 37px) !important; }
#top h3 { font-size: clamp(17px, 1.4vw, 19px) !important; }
p { text-wrap: pretty; }
b, strong { color: var(--me-text); }
a { color: var(--me-text); text-decoration: none; transition: color .2s ease, border-color .2s ease; }
a:hover { color: var(--me-acc); }
::selection { background: var(--me-acc); color: var(--me-acc-ink); }
:focus-visible { outline: 2px solid var(--me-acc); outline-offset: 2px; }
/* Enfold-Titelleiste/Breadcrumb aus (H1 kommt aus dem Hero) */
#top .title_container { display: none !important; }
#top #scroll-top-link { display: none !important; }
@media (max-width: 767px) {
  #top h2 br { display: none; }             /* mobile: H2 einzeilig umbrechen lassen */
  body.me-has-sticky { padding-bottom: 82px; }  /* Platz für Sticky-CTA §16 */
}


/* ─── 4. HEADER / NAVIGATION ──────────────────────────────── */
#top #header {
  background-color: #0C0D0F !important;
  border-bottom: 1px solid rgba(201,179,126,.18) !important;
  box-shadow: none !important;
}
#top #header_main { background: transparent !important; border: 0 !important; }
/* Header-Geometrie: feste Höhe, Logo größer, Logo+Menü vertikal zentriert.
   Überschreibt Enfolds dynamische Header-/Logo-Höhen (daher !important). */
#top #header_main > .container {
  min-height: var(--me-header-h) !important;
  padding-top: 0 !important; padding-bottom: 0 !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 24px;
}
#top #header_main .inner-container {
  flex: 1 1 auto; width: 100%;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 24px;
}
#top .logo, #top .logo a {
  position: relative !important; float: none !important; top: auto !important; left: auto !important;
  display: flex !important; align-items: center !important;
  height: var(--me-header-h) !important; max-height: var(--me-header-h) !important;
  width: auto !important; max-width: none !important;
}
#top .logo img, #top .logo a > *, #top .logo svg {
  height: var(--me-logo-h) !important; max-height: var(--me-logo-h) !important;
  width: auto !important; max-width: none !important;
  object-fit: contain !important;
  margin: 0 !important; padding: 0 !important; top: auto !important; transform: none !important;
}
#top .main_menu, #top .main_menu .av-main-nav-wrap, #top .main_menu > div, #top .main_menu nav {
  position: relative !important; top: auto !important; right: auto !important;
  height: var(--me-header-h) !important;
  display: flex !important; align-items: center !important;
}
/* Burger: Desktop aus (mein Flex-!important hatte Enfolds display:none überstimmt), erst ≤ 1099 px sichtbar */
@media (min-width: 1100px) {
  #top #header .main_menu .av-main-nav > li.av-burger-menu-main,
  #top #header .main_menu .av-main-nav > li.av-burger-menu-main > a,
  body #top .av-burger-menu-main {
    display: none !important; visibility: hidden !important;
    width: 0 !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important;
  }
}
@media (max-width: 1099px) {
  #top .av-burger-menu-main, #top .av-burger-menu-main > a {
    height: var(--me-header-h) !important;
    display: flex !important; align-items: center !important;
  }
}
/* Sticky-Header: Platz unter dem Header nachziehen (Enfold setzt 88 px) */
.html_header_top.html_header_sticky #top #main { padding-top: var(--me-header-h) !important; }
#top .av-main-nav {
  display: flex; align-items: center;
  gap: clamp(10px, 1.5vw, 24px);
  list-style: none; margin: 0; padding: 0;
}
#top .av-main-nav { height: 100% !important; }
#top .av-main-nav > li { margin: 0; float: none; display: flex !important; align-items: center !important; height: 100% !important; }
#top .av-main-nav > li > a {
  display: flex !important; align-items: center !important;
  height: 100% !important;
  font-family: var(--me-mono) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--me-text-2) !important;
  line-height: 1.4 !important;
  padding: 0 2px !important;
  white-space: nowrap;
}
#top .av-main-nav > li > a:hover .avia-menu-text,
#top .av-main-nav > li > a:hover,
#top .av-main-nav > li.current-menu-item > a,
#top .av-main-nav > li.current_page_item > a { color: var(--me-text) !important; }
#top .av-main-nav > li > a .avia-menu-fx { display: none !important; }
/* Dropdown/Submenü dunkel — Feinschliff + Überschreibung in §39 */
#top .av-main-nav .sub-menu, #top .avia_mega_div {
  background: #0C0D0F !important;
  border: 1px solid var(--me-line) !important;
}
#top .av-main-nav .sub-menu li a {
  font-family: var(--me-mono) !important;
  font-size: 12px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--me-text-2) !important;
  border: 0 !important;
}
#top .av-main-nav .sub-menu li a:hover { color: var(--me-acc) !important; background: rgba(201,179,126,.06) !important; }
/* Menü-Button 1: „PREISE & KONFIGURATOR" (Klasse av-menu-button-colored) */
#top .menu-item.av-menu-button-colored > a .avia-menu-text {
  display: inline-block !important;
  background: var(--me-acc) !important;
  color: var(--me-acc-ink) !important;
  border: 1px solid var(--me-acc) !important;
  border-radius: var(--me-radius) !important;
  font-weight: 700 !important;
  padding: 10px 16px !important;
  line-height: 1 !important;
  box-shadow: var(--me-acc-glow);
}
/* Menü-Button 2 / Header-CTA: „ANGEBOT →" (Klasse av-menu-button-bordered) */
#top .menu-item.av-menu-button-bordered > a .avia-menu-text {
  display: inline-block !important;
  background: transparent !important;
  color: var(--me-acc) !important;
  border: 1px solid var(--me-acc) !important;
  border-radius: var(--me-radius) !important;
  font-weight: 700 !important;
  padding: 10px 16px !important;
  line-height: 1 !important;
  box-shadow: 0 0 18px rgba(201,179,126,.25);
}
/* Hover/Fokus beider Menü-Buttons: Fläche hellcyan, Text IMMER dunkel (Kontrast 4,5:1+, 04.10.) —
   überstimmt die generische Weißfärbung aus .av-main-nav > li > a:hover und Enfolds Hover-Opacity */
#top .menu-item.av-menu-button-colored > a:hover .avia-menu-text,
#top .menu-item.av-menu-button-colored:hover > a .avia-menu-text,
#top .menu-item.av-menu-button-colored > a:focus-visible .avia-menu-text {
  background: #D8C494 !important; border-color: #D8C494 !important; color: var(--me-acc-ink) !important; opacity: 1 !important;
}
#top .menu-item.av-menu-button-bordered > a:hover .avia-menu-text,
#top .menu-item.av-menu-button-bordered:hover > a .avia-menu-text,
#top .menu-item.av-menu-button-bordered > a:focus-visible .avia-menu-text {
  background: var(--me-acc) !important; color: var(--me-acc-ink) !important; opacity: 1 !important;
}
#top .menu-item.av-menu-button-colored:hover > a, #top .menu-item.av-menu-button-bordered:hover > a,
#top .menu-item.av-menu-button-colored > a:hover, #top .menu-item.av-menu-button-bordered > a:hover { color: var(--me-acc-ink) !important; opacity: 1 !important; }
#top .menu-item.av-menu-button-colored > a .avia-menu-text, #top .menu-item.av-menu-button-bordered > a .avia-menu-text { transition: background-color .18s ease, color .18s ease; }
/* Burger dunkel/hell */
#top .av-hamburger-inner, #top .av-hamburger-inner::before, #top .av-hamburger-inner::after { background-color: var(--me-text) !important; }
#top #av-burger-menu-ul li a, #top #av-burger-menu-ul .avia-menu-text {
  font-family: var(--me-mono) !important; text-transform: uppercase; letter-spacing: .1em; color: var(--me-text) !important;
}
.av-burger-overlay-bg, #top .av-burger-overlay-active #av-burger-menu-ul { background: var(--me-bg) !important; }
/* Vorschau-Hilfsklasse (im Live-Theme ungenutzt) */
.me-burger { display: none; }
@media (max-width: 767px) {
  :root { --me-header-h: 80px; --me-logo-h: 48px; } /* 27.10.: Logo 42→48 px, Header 78→80 px (alle Abstände hängen an --me-header-h) */
}
@media (max-width: 1099px) {
  /* Burger-<li> liegt in Enfold INNERHALB von .av-main-nav — daher nur die Textpunkte ausblenden, nicht die Liste */
  #top .main_menu .av-main-nav > li:not(.av-burger-menu-main) { display: none !important; }
  #top .main_menu .av-main-nav { justify-content: flex-end; }
  .me-burger { display: grid; gap: 4px; }
  .me-burger span { width: 20px; height: 2px; background: var(--me-text); }
}


/* ─── 5. BUTTONS (.me-btn — als <a> im Code-Block, NIE Avia-Button) */
.me-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--me-acc);
  color: var(--me-acc-ink) !important;
  font-family: var(--me-sans);
  font-weight: 700; font-size: 16px; line-height: 1.2;
  padding: 14px 26px;
  border: 1px solid var(--me-acc);
  border-radius: var(--me-radius);
  box-shadow: var(--me-acc-glow);
  text-decoration: none !important;
  min-height: 44px; box-sizing: border-box;
  transition: background .2s ease, transform .2s ease, border-color .2s ease, color .2s ease;
}
.me-btn:hover { background: #D8C494; color: var(--me-acc-ink) !important; transform: translateY(-1px); }
.me-btn--ghost, #top a.me-btn--ghost {
  background: transparent !important;
  color: var(--me-text) !important;
  font-weight: 500;
  border: 1px solid rgba(255,255,255,.2) !important;
  box-shadow: none !important;
}
.me-btn--ghost:hover, #top a.me-btn--ghost:hover { border-color: rgba(201,179,126,.6) !important; transform: translateY(-1px); }
.me-btn--lg { padding: 15px 32px; }
/* Sicherheitsnetz: falls doch ein Avia-Button gesetzt wird */
#top .avia-button {
  background: var(--me-acc) !important; color: var(--me-acc-ink) !important;
  border: 1px solid var(--me-acc) !important; border-radius: var(--me-radius) !important;
  font-weight: 700 !important; box-shadow: var(--me-acc-glow) !important;
}


/* ─── 6. ATOME: LABEL · BADGE · HUD · FRAME · CHIP · STERNE ── */
.me-cy { color: var(--me-acc); }
.me-label {
  font-family: var(--me-mono); font-weight: 500;
  font-size: 12.5px; letter-spacing: .18em; text-transform: uppercase;
  color: var(--me-text-3);
}
.me-label--cy { color: var(--me-acc); }
.me-lede { font-size: 16.5px; line-height: 1.65; color: var(--me-text-2); max-width: 480px; margin: 0 0 28px; }
.me-h1 { margin: 0 0 20px !important; }
.me-h1__grad {
  background: linear-gradient(90deg, #EDE9E1, #C9B37E);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.me-h2 { margin: 0 !important; }
.me-hero__overline { display: block; margin-bottom: 14px; }
.me-halle__body .me-h2 { margin: 0 0 18px !important; }
.me-badge {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--me-mono); font-weight: 500;
  font-size: 12px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--me-acc);
  border: 1px solid rgba(201,179,126,.35);
  padding: 7px 12px; border-radius: 2px;
}
.me-badge__dot { width: 6px; height: 6px; flex: 0 0 6px; background: var(--me-acc); border-radius: 50%; box-shadow: 0 0 8px var(--me-acc); }
.me-badge--hero { margin-bottom: 22px; }
.me-badge--onimg { display: none; }        /* nur mobil, auf dem Hero-Foto */
.me-frame { position: relative; padding: 14px; }
.me-frame--duo { padding: 12px; }
/* Cyan-Ecken: primär als Pseudoelemente (leere <span> überleben Enfold/wpautop nicht zuverlässig),
   die Spans bleiben als Fallback; Farbe mit !important gegen Enfolds .main_color-Border. */
.me-frame::before, .me-frame::after {
  content: ""; position: absolute; width: 26px; height: 26px; pointer-events: none; z-index: 3;
  border: 0 solid var(--me-acc);
}
.me-frame::before { top: 0; left: 0; border-top-width: 2px; border-left-width: 2px; }
.me-frame::after { bottom: 0; right: 0; border-bottom-width: 2px; border-right-width: 2px; }
.me-frame--duo::before, .me-frame--duo::after { width: 22px; height: 22px; }
#top .main_color .me-frame::before, #top .main_color .me-frame::after,
#top .main_color .me-frame__c { border-color: var(--me-acc) !important; }
.me-frame__c { position: absolute; width: 26px; height: 26px; pointer-events: none; z-index: 3; }
.me-frame--duo .me-frame__c { width: 22px; height: 22px; }
.me-frame__c--tl { top: 0; left: 0; border-top: 2px solid var(--me-acc); border-left: 2px solid var(--me-acc); }
.me-frame__c--tr { top: 0; right: 0; border-top: 2px solid var(--me-acc); border-right: 2px solid var(--me-acc); }
.me-frame__c--bl { bottom: 0; left: 0; border-bottom: 2px solid var(--me-acc); border-left: 2px solid var(--me-acc); }
.me-frame__c--br { bottom: 0; right: 0; border-bottom: 2px solid var(--me-acc); border-right: 2px solid var(--me-acc); }
.me-frame__img {
  display: block; width: 100%;
  height: clamp(320px, 31vw, 400px);
  object-fit: cover; object-position: center 38%;
  filter: saturate(.85) contrast(1.05);
}
.me-frame__img--halle { height: clamp(300px, 28vw, 360px); object-position: center; }
.me-hud {
  position: absolute; left: 28px; bottom: 30px; z-index: 2;
  background: rgba(8,9,11,.82);
  border: 1px solid rgba(201,179,126,.4);
  padding: 12px 14px; min-width: 230px;
  font-family: var(--me-mono); font-weight: 500;
  font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--me-text-2);
}
.me-hud__track { margin-top: 8px; height: 4px; background: rgba(255,255,255,.1); }
.me-hud__fill { height: 4px; background: var(--me-acc); box-shadow: 0 0 10px rgba(201,179,126,.6); }
.me-hud__val { margin-top: 6px; color: var(--me-acc); }
.me-chip {
  background: rgba(8,9,11,.85);
  border: 1px solid rgba(201,179,126,.35);
  font-family: var(--me-mono); font-weight: 500;
  font-size: 12px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--me-text);
  padding: 7px 10px;
}
.me-morelink {
  font-family: var(--me-mono); font-weight: 500;
  font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--me-acc) !important;
  border-bottom: 1px solid transparent; padding-bottom: 2px;
}
.me-morelink:hover { border-bottom-color: var(--me-acc); }
.me-stars { color: var(--me-acc); font-size: 21px; letter-spacing: 2px; line-height: 1; }
.me-stars--sm { font-size: 13px; letter-spacing: 1px; margin-bottom: 8px; }
.me-cta-row { display: flex; flex-wrap: wrap; gap: 14px; margin: 0 0 32px; }
.me-trust { display: flex; flex-wrap: wrap; gap: 24px; font-family: var(--me-mono); font-size: 12.5px; letter-spacing: .04em; color: var(--me-text-3); text-transform: uppercase; }
.me-checkrow { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 12px 26px; font-family: var(--me-mono); font-size: 12.5px; color: var(--me-text-3); letter-spacing: .04em; }


/* ─── 6b. MARKENLEISTE (Modul B) — farbige Partner-Logos ── */
/* PNG transparent (aus 04-bilder/logos/), Anzeigehöhe 36px, Farbe unverändert; kompakte Abstände, linksbündig. */
.me-brands { display: flex; align-items: center; width: 100%; }
/* Falls live noch der alte Block mit Lead-Text läuft: Lead ausblenden, Logo-Reihe auf volle Breite */
.me-brands__lead { display: none !important; }
.me-brands__row { flex: 1 1 100%; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px 40px; }
.me-brands__item { display: inline-flex; align-items: center; }
.me-brands__logo { display: block; height: 36px; width: auto; max-width: 180px; opacity: 1; filter: none; }
.me-brands__item:hover .me-brands__logo { opacity: 1; }
/* Enfold-Bild-Overlays (Lightbox/Hover) für die Logos aus */
#top .me-brands .image-overlay, #top .me-brands .avia-image-overlay-wrap::after { display: none !important; }
.me-brands__item--text { font-family: var(--me-mono); font-weight: 500; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-text); opacity: .85; }
#top .me-brands img { margin: 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
@media (max-width: 767px) {
  .me-brands__row { gap: 12px 24px; justify-content: flex-start; }
  .me-brands__logo { height: 26px; max-width: 130px; }
}


/* ─── 7. SEKTIONS-RHYTHMUS (Farb-Sektionen me-*-sec) ───────── */
/* Nur me-Klassen — keine globalen Resets (Blog/404 bleiben unberührt). */
#top .avia-section.me-section { margin: 0 !important; border: 0; background: transparent; }
#top .avia-section.me-section > .container {
  max-width: 1240px; margin: 0 auto;
  padding: 0 48px !important;
  float: none;
}
#top .avia-section.me-brands-sec { padding: 15px 0 !important; min-height: 0 !important; border-top: 1px solid var(--me-line-soft) !important; border-bottom: 1px solid var(--me-line-soft) !important; }
#top .avia-section.me-brands-sec .container, #top .avia-section.me-brands-sec .content, #top .avia-section.me-brands-sec .flex_column,
#top .avia-section.me-brands-sec .avia_codeblock_section, #top .avia-section.me-brands-sec .avia_codeblock { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; }
#top .avia-section.me-levels-sec { padding: 60px 0 !important; }
#top .avia-section.me-services-sec { padding: 0 0 60px !important; }
#top .avia-section.me-refs-sec { padding: 56px 0 !important; }
#top .avia-section.me-reviews-sec { padding: 0 0 56px !important; }
#top .avia-section.me-cta-sec { padding: 0 0 60px !important; }
/* innere Avia-Hüllen neutral (nur innerhalb me-Sektionen) */
#top .avia-section.me-section .flex_column { margin: 0 !important; width: 100% !important; }
#top .avia-section.me-section .avia_codeblock_section,
#top .avia-section.me-section .avia_codeblock { margin: 0 !important; }
#schutzlevel { scroll-margin-top: 96px; }
@media (max-width: 989px) {
  #top .avia-section.me-section > .container { padding: 0 18px !important; }
  #top .avia-section.me-levels-sec { padding: 40px 0 !important; }
  #top .avia-section.me-services-sec { padding: 0 0 44px !important; }
  #top .avia-section.me-refs-sec { padding: 40px 0 !important; }
  #top .avia-section.me-reviews-sec { padding: 0 0 40px !important; }
  #top .avia-section.me-cta-sec { padding: 0 0 44px !important; }
}


/* ─── 8. KLAMMER-GEOMETRIE RASTEREIHEN (Hero + Halle) ───────
   vC-§49-Methode: Reihe flex+stretch, explizite Zellbreiten ab
   Desktop (sonst stapeln!), Wrapper-Kette neutralisiert, EIN
   Einzug direkt auf der Zelle (schlägt Avias 2-ID-Padding-Regel).
   Dev-Anweisung „3/5+2/5" → 52/48 % auf geprüften 1/2-Klonen. */
#top .av-layout-grid-container.me-hero,
#top .av-layout-grid-container.me-halle { padding: 0 !important; margin: 0 !important; }
#top .container_wrap:has(.av-layout-grid-container.me-hero),
#top .container_wrap:has(.av-layout-grid-container.me-halle) {
  padding: 0 !important; margin: 0 !important; border: 0 !important;
}
#top .container_wrap:has(.av-layout-grid-container.me-hero) > .container,
#top .container_wrap:has(.av-layout-grid-container.me-halle) > .container {
  padding: 0 !important; max-width: none !important; width: 100% !important;
}
#top .av-layout-grid-container.me-hero .avia_codeblock_section,
#top .av-layout-grid-container.me-hero .avia_codeblock,
#top .av-layout-grid-container.me-halle .avia_codeblock_section,
#top .av-layout-grid-container.me-halle .avia_codeblock { margin: 0 !important; }
/* Hintergründe der Reihen */
#top .av-layout-grid-container.me-hero {
  background:
    radial-gradient(640px 420px at 74% 12%, rgba(201,179,126,.13), transparent 70%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 80px);
}
#top .av-layout-grid-container.me-halle {
  background: rgba(255,255,255,.02);
  border-top: 1px solid var(--me-line-soft);
}
/* Zellen: border-box zwingen (width % + Padding sonst Overflow) */
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__media,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__media {
  box-sizing: border-box !important;
}
/* Wrapper-Kette neutral (Ursache aller Doppel-Einzüge) */
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body .flex_cell_inner,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__media .flex_cell_inner,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body .flex_cell_inner,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__media .flex_cell_inner,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body .flex_column,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__media .flex_column,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body .flex_column,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__media .flex_column {
  display: block !important;
  padding: 0 !important; margin: 0 !important;
  width: 100% !important; max-width: none !important;
  height: auto !important;
}
@media (min-width: 990px) {
  .responsive #top #wrap_all .av-layout-grid-container.me-hero,
  .responsive #top #wrap_all .av-layout-grid-container.me-halle {
    display: flex !important; align-items: stretch !important;
  }
  .responsive #top #wrap_all .av-layout-grid-container.me-hero > .flex_cell.me-hero__body { width: 52% !important; flex: 0 0 52% !important; }
  .responsive #top #wrap_all .av-layout-grid-container.me-hero > .flex_cell.me-hero__media { width: 48% !important; flex: 0 0 48% !important; }
  .responsive #top #wrap_all .av-layout-grid-container.me-halle > .flex_cell { width: 50% !important; flex: 0 0 50% !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body {
    padding: clamp(48px, 4.8vw, 60px) 22px clamp(44px, 4.2vw, 52px) 48px !important;
    display: grid !important; align-content: center !important;
  }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__media {
    padding: clamp(48px, 4.8vw, 60px) 48px clamp(44px, 4.2vw, 52px) 22px !important;
    display: grid !important; align-content: center !important;
  }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__media {
    padding: 60px 24px 60px 48px !important;
    display: grid !important; align-content: center !important;
  }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body {
    padding: 60px 48px 60px 24px !important;
    display: grid !important; align-content: center !important;
  }
}
/* — Mobil (≤989): Hero mit Bild OBEN (Reihenfolge gedreht), Text
   zieht per Negativ-Margin ins Bild (final-mobile.html) — */
@media (max-width: 989px) {
  .responsive #top #wrap_all .av-layout-grid-container.me-hero {
    display: flex !important; flex-direction: column-reverse !important;
  }
  .responsive #top #wrap_all .av-layout-grid-container.me-halle { display: block !important; }
  .responsive #top #wrap_all .av-layout-grid-container.me-hero > .flex_cell,
  .responsive #top #wrap_all .av-layout-grid-container.me-halle > .flex_cell {
    width: 100% !important; flex: 0 0 auto !important; display: block !important;
  }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__media { padding: 0 !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body {
    padding: 0 18px 26px !important;
    margin-top: -72px !important;
    position: relative; z-index: 2;
  }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__media { padding: 32px 18px 0 !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body { padding: 22px 18px 44px !important; }
  /* Hero-Frame wird full-bleed Bildbühne */
  .me-hero__frame { padding: 0; }
  .me-hero__frame .me-frame__c, .me-hero__frame::before { display: none; }
  .me-hero__frame .me-frame__img { height: auto; aspect-ratio: 3 / 2; min-height: 420px; max-height: 620px; object-fit: cover; } /* 27.10.: Tablet höher (3:2, mind. 420 px) */
  .me-hero__frame::after {
    content: ""; position: absolute; inset: 0; z-index: 1;
    width: auto; height: auto; border: 0;
    background: linear-gradient(rgba(8,9,11,.25) 30%, rgba(8,9,11,.94));
    pointer-events: none;
  }
  .me-hud { display: none; }
  .me-hero__frame .me-frame__caption { display: none; }
  .me-badge--onimg {
    display: inline-flex; position: absolute; top: 12px; left: 12px; z-index: 2;
    background: rgba(8,9,11,.65); font-size: 12px; letter-spacing: .1em; gap: 7px; padding: 6px 9px;
  }
  .me-badge--onimg .me-badge__dot { width: 5px; height: 5px; flex-basis: 5px; box-shadow: none; }
  .me-badge--hero { display: none; }
  .me-hero__overline { font-size: 12px; letter-spacing: .14em; color: var(--me-text-2); }
  .me-lede { font-size: 13.5px; margin-bottom: 16px; }
  .me-cta-row { display: grid; gap: 9px; margin-bottom: 14px; }
  .me-cta-row .me-btn { width: 100%; }
  .me-trust { justify-content: space-between; gap: 10px; font-size: 12px; }
}


/* ─── 9. SCHUTZLEVEL (Modul A) ────────────────────────────── */
.me-sechead { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin: 10px 0 32px; }
.me-sechead .me-h2 { margin: 0; }
.me-sechead__copy { margin: 0; font-size: 15px; line-height: 1.6; color: var(--me-text-2); max-width: 400px; }
.me-levels { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.me-level {
  position: relative; display: block;
  background: var(--me-panel);
  border: 1px solid var(--me-line);
  border-radius: 4px;
  padding: 16px 14px;
  color: inherit; text-decoration: none;
  transition: border-color .2s ease, background .2s ease;
}
.me-level:hover { border-color: rgba(201,179,126,.6); color: inherit; }
.me-level__render { display: block; width: 100%; height: 88px; object-fit: contain; margin: 0 0 10px; font-size: 0; color: transparent; overflow: hidden; }
.me-level__tag { display: block; font-family: var(--me-mono); font-weight: 500; font-size: 12px; letter-spacing: .12em; color: var(--me-text-3); margin-bottom: 4px; }
.me-level__name { display: block; font-weight: 700; font-size: 14.5px; color: var(--me-text); margin-bottom: 8px; }
.me-level__bar { display: block; height: 3px; background: rgba(255,255,255,.08); margin-bottom: 8px; }
.me-level__fill { display: block; height: 3px; background: var(--me-acc); }
.me-level__scope { display: block; font-size: 12.5px; color: var(--me-text-3); margin-bottom: 10px; line-height: 1.4; }
.me-level__price { display: block; font-weight: 700; font-size: 15px; color: var(--me-text); }
.me-level--featured {
  background: rgba(201,179,126,.06);
  border-color: var(--me-acc);
  box-shadow: 0 0 26px rgba(201,179,126,.18);
}
.me-level--featured .me-level__tag { color: var(--me-acc); }
.me-level--featured .me-level__scope { color: var(--me-text-2); }
.me-level--featured .me-level__price { color: var(--me-acc); }
.me-level--featured .me-level__fill { box-shadow: 0 0 8px rgba(201,179,126,.7); }
.me-level__flag {
  position: absolute; top: -1px; right: -1px;
  background: var(--me-acc); color: var(--me-acc-ink);
  font-family: var(--me-mono); font-weight: 700;
  font-size: 12px; letter-spacing: .08em;
  padding: 4px 8px;
}
@media (max-width: 1139px) and (min-width: 768px) {
  .me-levels { grid-template-columns: repeat(3, 1fr); }
}
/* V2 (Startseite Add-on): eine Spalte, jedes Level als Zeilenkarte — Desktop UND Mobil */
.me-levels--stack { grid-template-columns: minmax(0, 1fr) !important; gap: 12px; }
.me-levels--stack .me-level { display: grid; grid-template-columns: 180px minmax(0, 1fr) max-content; grid-template-rows: auto auto auto; column-gap: 28px; align-items: center; padding: 18px 26px 18px 18px; }
.me-levels--stack .me-level__render { grid-column: 1; grid-row: 1 / span 3; height: 96px; margin: 0; }
.me-levels--stack .me-level__tag { grid-column: 2; grid-row: 1; margin-bottom: 4px; }
.me-levels--stack .me-level__name { grid-column: 2; grid-row: 2; font-size: 18px; margin-bottom: 8px; }
.me-levels--stack .me-level__bar { grid-column: 2; grid-row: 3; max-width: 320px; margin: 0 0 8px; }
.me-levels--stack .me-level__scope { grid-column: 2; grid-row: 4; font-size: 14px; margin: 0; }
.me-levels--stack .me-level__price { grid-column: 3; grid-row: 1 / span 4; font-size: 18px; text-align: right; white-space: nowrap; }
.me-levels--stack .me-level__flag { top: -1px; right: -1px; }
@media (max-width: 767px) {
  .me-levels--stack { gap: 9px; }
  .me-levels--stack .me-level { grid-template-columns: 92px minmax(0, 1fr) max-content; column-gap: 14px; padding: 12px 14px; }
  .me-levels--stack .me-level__render { height: 56px; }
  .me-levels--stack .me-level__name { font-size: 14.5px; margin-bottom: 6px; }
  .me-levels--stack .me-level__bar { margin: 0; }
  .me-levels--stack .me-level__scope { display: none; }
  .me-levels--stack .me-level__price { grid-row: 1 / span 3; font-size: 13.5px; }
}
/* Mobil: horizontale Listenkarten (Dev-Anweisung §6 / final-mobile) */
@media (max-width: 767px) {
  .me-levels { gap: 9px; }
  .me-level {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) max-content;
    column-gap: 14px; align-items: center;
    padding: 12px 14px;
  }
  .me-level__render { grid-column: 1; grid-row: 1 / span 3; height: 56px; margin: 0; }
  .me-level__tag { grid-column: 2; grid-row: 1; font-size: 12px; margin-bottom: 2px; }
  .me-level__name { grid-column: 2; grid-row: 2; margin-bottom: 6px; }
  .me-level__bar { grid-column: 2; grid-row: 3; margin: 0; }
  .me-level__scope { display: none; }
  .me-level__price { grid-column: 3; grid-row: 1 / span 3; font-size: 13.5px; text-align: right; }
  .me-sechead { display: block; }
  .me-sechead__copy { margin-top: 10px; max-width: none; }
}


/* ─── 10. LEISTUNGEN (6 Kacheln) ──────────────────────────── */
.me-services__label { display: block; margin-bottom: 20px; }
.me-services { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.me-svc {
  display: flex; flex-direction: column; gap: 8px;
  border: 1px solid var(--me-line); border-radius: 4px;
  padding: 22px;
  text-decoration: none; color: inherit;
  transition: border-color .2s ease;
}
.me-svc:hover { border-color: rgba(201,179,126,.5); color: inherit; }
.me-svc__num { font-family: var(--me-mono); font-weight: 500; font-size: 12px; color: var(--me-acc); }
.me-svc__title { font-weight: 700; font-size: 16.5px; color: var(--me-text); }
.me-svc__desc { font-size: 13.5px; color: var(--me-text-3); line-height: 1.5; }


/* ─── 11. HALLE 2.0 — SPEC-ROWS ───────────────────────────── */
.me-specs { display: grid; margin-top: 18px; font-size: 14.5px; }
.me-spec {
  display: flex; justify-content: space-between; align-items: baseline; gap: 18px;
  padding: 12px 0;
  border-bottom: 1px dashed rgba(255,255,255,.12);
}
.me-spec:last-child { border-bottom: 0; }
.me-spec__k { color: var(--me-text-2); }
.me-spec__v { font-family: var(--me-mono); font-weight: 500; font-size: 13px; color: var(--me-text); text-align: right; letter-spacing: .02em; }
.me-spec__v--cy { color: var(--me-acc); }
@media (max-width: 480px) {
  .me-spec { gap: 12px; }
  .me-spec__v { font-size: 12px; }
}


/* ─── 12. REFERENZEN ──────────────────────────────────────── */
.me-refs__head { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 24px; }
.me-refs__head .me-h2 { margin: 0; font-size: clamp(22px, 2.4vw, 31px) !important; }
.me-refs { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.me-ref { position: relative; margin: 0; }
.me-ref__img { display: block; width: 100%; height: 230px; object-fit: cover; filter: saturate(.85); }
.me-ref .me-chip { position: absolute; left: 12px; bottom: 12px; }
/* 12b. REFERENZEN als Enfold-Blog-Grid ([av_blog blog_style='blog-grid' custom_class='me-refgrid'])
   Enfold-DOM: .avia-content-slider.me-refgrid > .avia-content-slider-inner > .slide-entry-wrap > .slide-entry
   (.slide-image > img · .entry-content-header > .slide-entry-title > a · .slide-entry-excerpt · .slide-meta).
   Ziel: Karte mit 3:2-Foto (komplett sichtbar) und Titelzeile darunter, Rest ausgeblendet. */
#top .avia-content-slider.me-refgrid { margin: 0 !important; padding: 0 !important; }
#top .me-refgrid .avia-content-slider-inner { margin: 0 !important; overflow: visible !important; }
#top .me-refgrid .slide-entry-wrap {
  display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; gap: 14px !important;
  margin: 0 !important; width: 100% !important;
}
#top .me-refgrid .slide-entry-wrap:not(:first-child) { display: none !important; } /* items='3' → nur erste Reihe */
#top .me-refgrid .slide-entry {
  position: relative !important; float: none !important; width: auto !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; box-shadow: none !important;
  display: flex !important; flex-direction: column !important;
  background: var(--me-bg-2, #0E1114) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: var(--me-radius) !important;
  overflow: hidden !important; transition: border-color .2s ease, transform .2s ease;
}
#top .me-refgrid .slide-entry:hover { border-color: rgba(201,179,126,.45) !important; transform: translateY(-2px); }
#top .me-refgrid .slide-entry.post-entry-last, #top .me-refgrid .slide-entry.first { margin: 0 !important; }
/* Bild: festes 3:2, komplett sichtbar, kein Overlay mehr */
#top .me-refgrid .slide-image {
  display: block !important; margin: 0 !important; padding: 0 !important; height: auto !important; aspect-ratio: 3 / 2;
  border: 0 !important; border-radius: 0 !important; overflow: hidden !important;
}
#top .me-refgrid .slide-image img {
  display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important;
  filter: saturate(.85); border-radius: 0 !important; transition: transform .35s ease;
}
#top .me-refgrid .slide-entry:hover .slide-image img { transform: scale(1.03); }
#top .me-refgrid .slide-image .image-overlay, #top .me-refgrid .slide-image .fallback-post-type-icon { display: none !important; }
/* Titel: eigene Zeile unter dem Bild statt Chip auf dem Foto */
#top .me-refgrid .entry-content-header {
  position: static !important; margin: 0 !important; padding: 12px 14px 14px !important;
  border-top: 1px solid rgba(201,179,126,.25) !important;
}
#top .me-refgrid .slide-entry-title { margin: 0 !important; padding: 0 !important; line-height: 1 !important; font-size: 0 !important; }
#top .me-refgrid .slide-entry-title a {
  display: block !important; background: none !important; border: 0 !important; padding: 0 !important;
  font-family: var(--me-mono) !important; font-weight: 500 !important;
  font-size: 12px !important; letter-spacing: .08em !important; text-transform: uppercase !important; line-height: 1.45 !important;
  color: var(--me-text) !important; text-decoration: none !important; text-wrap: balance;
}
#top .me-refgrid .slide-entry-title a:hover { color: var(--me-acc) !important; }
/* Alles Übrige vom Blog-Grid weg: Excerpt, Meta, Datum, Kategorie, Read-more, Trenner */
#top .me-refgrid .slide-entry-excerpt, #top .me-refgrid .slide-meta, #top .me-refgrid .blog-categories,
#top .me-refgrid .post-meta-infos, #top .me-refgrid .more-link, #top .me-refgrid .avia-arrow,
#top .me-refgrid .entry-content-header .blog-categories, #top .me-refgrid .slide-entry-wrap .av-vertical-delimiter,
#top .me-refgrid .avia-slideshow-arrows, #top .me-refgrid .avia-slideshow-dots { display: none !important; }
#top .me-refgrid .slide-entry-title::before, #top .me-refgrid .slide-entry-title::after { display: none !important; }


/* ─── 13. REVIEWS ─────────────────────────────────────────── */
.me-reviews { display: grid; grid-template-columns: auto 1fr; gap: 44px; align-items: center; }
.me-reviews__aside { text-align: center; }
.me-reviews__aside .me-label { display: block; font-size: 12px; letter-spacing: .12em; color: var(--me-text); margin-bottom: 8px; }
.me-reviews__meta { font-size: 13px; color: var(--me-text-3); margin-top: 8px; line-height: 1.5; }
.me-reviews__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.me-review { background: var(--me-panel); border: 1px solid var(--me-line); border-radius: 4px; padding: 18px 20px; }
.me-review__text { font-size: 13.5px; line-height: 1.6; color: var(--me-text-2); margin: 0; }
.me-review__src { margin-top: 10px; font-family: var(--me-mono); font-size: 12px; color: var(--me-text-3); }
@media (max-width: 989px) {
  .me-reviews { grid-template-columns: 1fr; gap: 24px; }
}


/* ─── 14. CTA-GLOWBOX ─────────────────────────────────────── */
/* Enfold setzt border-color über .main_color auf die Theme-Option „Rahmenfarbe" — für me-Karten neutralisieren */
#top .main_color .me-level, #top .main_color .me-svc, #top .main_color .me-review, #top .main_color .me-case,
#top .main_color .me-compare__panel, #top .main_color .me-faq details, #top .main_color .me-loc, #top .main_color .me-foil,
#top .main_color .me-qa__item, #top .main_color .me-sidepanel, #top .main_color .me-car, #top .main_color .me-opt label { border-color: var(--me-line) !important; }
#top .main_color .me-level--featured, #top .main_color .me-foil--featured, #top .main_color .me-opt input:checked + label { border-color: var(--me-acc) !important; }
#top .main_color .me-level:hover, #top .main_color .me-svc:hover, #top .main_color .me-opt label:hover, #top .main_color .me-faq details[open] { border-color: rgba(201,179,126,.6) !important; }
.me-glowbox, #top .main_color .me-glowbox, #top .alternate_color .me-glowbox {
  position: relative;
  border: 1px solid rgba(201,179,126,.35) !important; /* Enfold-Rahmenfarbe (#1a1c20) überstimmen */
  border-radius: 6px;
  padding: 52px 40px;
  text-align: center;
  background: radial-gradient(420px 220px at 50% 0%, rgba(201,179,126,.12), transparent 70%);
}
.me-glowbox .me-label { display: block; margin-bottom: 12px; }
.me-glowbox__title { margin: 0 0 10px !important; font-size: clamp(25px, 3vw, 37px) !important; }
.me-glowbox__copy { font-size: 15px; color: var(--me-text-2); margin: 0 0 26px; }
@media (max-width: 767px) { .me-glowbox { padding: 36px 20px; } }


/* ─── 15. FOOTER (globale ALB-Seite — Inhalt/Styles §21) + SOCKET ──
   Footer = eigene Seite „Footer (global)", zugewiesen über Enfold →
   Layout → Footer („Seite statt Widgets"). Keine Widget-Styles mehr. */
#top #footer { background-color: var(--me-bg) !important; padding: 0 !important; border-top: 0 !important; }
#top #footer .container { max-width: none; width: 100%; margin: 0 auto; float: none; padding: 0 clamp(20px, 3.4vw, 56px) !important; }
#top #socket {
  background-color: var(--me-bg) !important;
  border-top: 1px solid var(--me-line-soft) !important;
}
#top #socket .container {
  max-width: none; width: 100%; margin: 0 auto;
  padding: 18px clamp(20px, 3.4vw, 56px) !important;
  display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
  font-family: var(--me-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--me-text-3);
}
#top #socket .copyright { float: none; font-family: var(--me-mono); margin: 0; }
#top #socket .social_bookmarks { float: none; margin: 0; }
#top #socket .social_bookmarks li a { color: var(--me-text-3) !important; } #top #socket .social_bookmarks li a:hover { color: var(--me-acc) !important; }
@media (max-width: 767px) {
  #top #socket .container { padding: 14px 18px !important; }
}


/* ─── 16. STICKY-CTA MOBIL (Markup aus functions.php §7) ───── */
/* 26.10.: Grund = Footer-Schwarz (--me-bg-page), Selektoren mit #top gegen Enfolds .main_color a / Button-Regeln
   (live stand die Leiste weiß). Drei Aktionen: Persönliches Angebot (Gold) · Anrufen · E-Mail. */
#top .me-sticky-cta { display: none; }
@media (max-width: 767px) {
  #top .me-sticky-cta {
    display: flex; gap: 8px;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 999;
    background: var(--me-bg-page) !important;
    border-top: 1px solid rgba(201,179,126,.3);
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    box-shadow: 0 -12px 32px rgba(0,0,0,.45);
  }
  #top .me-sticky-cta a { text-decoration: none !important; }
  #top .me-sticky-cta a.me-sticky-cta__main { border: 0 !important; }
  #top .me-sticky-cta a.me-sticky-cta__tel { border: 1px solid rgba(255,255,255,.22) !important; }
  #top .me-sticky-cta__main {
    flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center;
    background: var(--me-acc) !important; color: var(--me-acc-ink) !important;
    font-family: var(--me-sans); font-weight: 500; font-size: 14.5px; letter-spacing: .02em; white-space: nowrap;
    min-height: 52px; padding: 0 14px;
    border: 0; border-radius: var(--me-radius);
    box-shadow: 0 0 22px rgba(201,179,126,.25);
  }
  #top .me-sticky-cta__tel {
    flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.22) !important; border-radius: var(--me-radius);
    color: var(--me-text) !important;
    font-family: var(--me-mono); font-weight: 500; font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
    min-height: 44px; padding: 0 14px;
  }
  #top .me-sticky-cta__tel { gap: 8px; }
  /* Icons unabhängig vom Markup (26.10.): Inline-SVG aus functions.php wird ausgeblendet, das Icon kommt als CSS-Maske in Gold auf ::before —
     funktioniert auch, wenn ein Sanitizer/Cache das SVG schluckt. Telefon = tel:-Link, Brief = mailto:-Link. */
  #top .me-sticky-cta__tel svg { display: none !important; }
  #top .me-sticky-cta__tel::before { content: ""; flex: 0 0 auto; width: 18px; height: 18px; background: var(--me-acc); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2Z'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2Z'/></svg>") center / contain no-repeat; }
  #top .me-sticky-cta__tel[href^="mailto"]::before { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M4 6h16v12H4zM4 7l8 6 8-6'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M4 6h16v12H4zM4 7l8 6 8-6'/></svg>"); }
  #top .me-sticky-cta__tel:active { border-color: var(--me-acc) !important; color: var(--me-acc) !important; }
  /* UPON Features „Mobile Schnellzugriff-Leiste“ (weiße Leiste Anrufen/E-Mail) — Modul im Plugin ausschalten; Sicherheitsnetz: */
  #top .upon-quickbar, #top .upon-mobile-bar, #top .upon-contact-bar, #top [class*="upon-quick"], #top [class*="upon-mobilebar"], #top [id*="upon-quick"] { display: none !important; }
}
/* 26.10.: E-Mail lief rechts aus dem Bild — Hauptbutton (nowrap, flex-basis auto) konnte nicht schrumpfen und schob die Reihe über den
   Rand. Jetzt: Leiste border-box, Hauptbutton darf schrumpfen (Ellipse), ≤ 430 px zeigen Anrufen/E-Mail nur das Icon (46 px Quadrat). */
@media (max-width: 767px) {
  #top .me-sticky-cta { box-sizing: border-box !important; width: 100% !important; max-width: 100vw; overflow: hidden; }
  /* 26.10. v3: feste Aufteilung 2/4 · 1/4 · 1/4 — Hauptbutton halbe Breite, Anrufen/E-Mail je ein Viertel, Label unter dem Icon */
  #top .me-sticky-cta { display: grid !important; grid-template-columns: 2fr 1fr 1fr; gap: 8px; }
  #top .me-sticky-cta__main { min-width: 0; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; }
  #top .me-sticky-cta__tel { flex-direction: column; justify-content: center; gap: 4px !important; padding: 6px 4px !important; min-height: 52px; font-size: 10px !important; letter-spacing: .08em !important; min-width: 0; }
  #top .me-sticky-cta__tel::before { width: 18px; height: 18px; }
}
@media (max-width: 360px) { #top .me-sticky-cta__main { font-size: 13px; } }
/* 26.10.: Bei offenem Burger-Overlay bleibt die Leiste als fester Fuß des Menüs sichtbar (über dem Overlay),
   das Menü bekommt unten Platz dafür; der „Angebot“-Button im Menü entfällt dann (Dopplung). */
@media (max-width: 767px) {
  html.av-burger-overlay-active #top .me-sticky-cta, body.av-burger-overlay-active #top .me-sticky-cta, #top.av-burger-overlay-active .me-sticky-cta { z-index: 100001 !important; border-top-color: rgba(201,179,126,.5); }
  html.av-burger-overlay-active #top .av-burger-overlay-inner, #top.av-burger-overlay-active .av-burger-overlay-inner { padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important; }
  body.me-has-sticky #top #av-burger-menu-ul > li.av-menu-button { display: none !important; }
}



/* ─── 16b. VERSALIEN NUR PER CSS ─────────────────────────── */
/* Quelltext in normaler Schreibweise (Screenreader, Snippets); Mono-Labels werden hier auf Versalien gesetzt. */
.me-checkrow, .me-level__tag, .me-level__flag, .me-svc__num, .me-case__pkg, .me-case__days, .me-endline, .me-review__src,
.me-spec__v, .me-foil__tag, .me-loc__meta, .me-crumb, .me-tick, .me-reviews__aside .me-label, .me-frame__caption, .me-map,
.me-hero__overline, .me-car__price--na { text-transform: uppercase; }

/* ─── 17. A11Y / MOTION ───────────────────────────────────── */
/* Schriftgrößen: Mindestgröße 12px (Meta/Mono-Labels), Fließtext ≥14px, Formularfelder 16px.
   Sichtbarer Fokus für Tastaturnutzer auf allen interaktiven Elementen. */
#top a:focus-visible, #top button:focus-visible, #top input:focus-visible, #top select:focus-visible, #top textarea:focus-visible, #top summary:focus-visible {
  outline: 2px solid var(--me-acc) !important; outline-offset: 3px !important; box-shadow: none;
}
#top .av-main-nav > li > a:focus-visible { outline-offset: -2px !important; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}


/* === 18. UNTERSEITE PREISE & KONFIGURATOR (Teil 02) ======== */
#top .avia-section.me-phero-sec { padding: 56px 0 4px !important; }
#top .avia-section.me-faktoren-sec,
#top .avia-section.me-cases-sec,
#top .avia-section.me-einordnung-sec,
#top .avia-section.me-vergleich-sec,
#top .avia-section.me-faq-sec { padding: 0 0 56px !important; }
#top .avia-section.me-konfig-sec { padding: 0 0 64px !important; }
#konfigurator { scroll-margin-top: 96px; }
.me-phero__label { display: block; margin-bottom: 14px; }
.me-phero__h1 { max-width: 20ch; font-size: clamp(29px, 3.6vw, 47px) !important; }
.me-phero__intro { font-size: 16.5px; line-height: 1.65; color: var(--me-text-2); max-width: 640px; margin: 0 0 26px; }
.me-h2--sub { font-size: clamp(21px, 2.4vw, 31px) !important; margin: 0 0 22px !important; }
.me-factors { display: grid; }
.me-factor {
  display: grid; grid-template-columns: 220px 1fr; gap: 24px;
  padding: 14px 0; font-size: 14.5px;
  border-bottom: 1px dashed rgba(255,255,255,.12);
}
.me-factor:last-child { border-bottom: 0; }
.me-factor__k { font-weight: 700; color: var(--me-text); }
.me-factor__v { color: var(--me-text-2); line-height: 1.6; }
.me-cases { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.me-case {
  display: flex; flex-direction: column; gap: 8px;
  background: var(--me-panel); border: 1px solid var(--me-line); border-radius: 4px;
  padding: 20px;
}
.me-case__pkg { font-family: var(--me-mono); font-weight: 500; font-size: 12px; letter-spacing: .12em; color: var(--me-acc); }
.me-case__name { font-weight: 700; font-size: 16.5px; color: var(--me-text); }
.me-case__desc { font-size: 13.5px; color: var(--me-text-3); line-height: 1.55; }
.me-case__desc a { color: var(--me-text-2); border-bottom: 1px solid rgba(255,255,255,.2); }
.me-case__desc a:hover { color: var(--me-acc); border-bottom-color: var(--me-acc); }
.me-case__meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; padding-top: 12px; border-top: 1px dashed rgba(255,255,255,.12); }
.me-case__price { font-weight: 700; font-size: 13px; }
.me-case__days { font-family: var(--me-mono); font-size: 12px; letter-spacing: .08em; color: var(--me-text-3); }
.me-endline { margin-top: 16px; font-family: var(--me-mono); font-size: 12px; letter-spacing: .08em; color: var(--me-text-3); }
.me-prose { max-width: 720px; font-size: 15.5px; line-height: 1.7; color: var(--me-text-2); margin: 0; }
.me-compare { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.me-compare__panel { background: var(--me-panel); border: 1px solid var(--me-line); border-radius: 4px; padding: 22px; }
.me-compare__title { font-weight: 700; font-size: 15px; color: var(--me-text); margin-bottom: 12px; }
.me-ticklist { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; font-size: 14px; line-height: 1.55; color: var(--me-text-2); }
.me-ticklist li { display: flex; gap: 10px; }
.me-tick { font-family: var(--me-mono); font-weight: 500; font-size: 12px; color: var(--me-acc); flex: 0 0 auto; margin-top: 2px; }
.me-tick--neg { color: var(--me-text-3); }
.me-faq { display: grid; gap: 8px; max-width: 860px; }
.me-faq details { background: var(--me-panel); border: 1px solid var(--me-line); border-radius: 4px; }
.me-faq details[open] { border-color: rgba(201,179,126,.5); }
.me-faq summary {
  cursor: pointer; list-style: none;
  display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
  padding: 14px 16px;
  font-weight: 700; font-size: 14.5px; color: var(--me-text);
}
.me-faq summary::-webkit-details-marker { display: none; }
.me-faq summary::after { content: "+"; font-family: var(--me-mono); color: var(--me-acc); font-size: 15px; }
.me-faq details[open] summary::after { content: "\2013"; }
.me-faq__a { padding: 0 16px 14px; font-size: 14px; line-height: 1.6; color: var(--me-text-2); }
.me-konfig {
  display: grid; place-items: center; text-align: center;
  min-height: 200px; padding: 28px 22px;
  border: 1px dashed rgba(201,179,126,.4); border-radius: 4px;
  background: repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0 10px, transparent 10px 20px);
  font-family: var(--me-mono); font-size: 12px; letter-spacing: .1em; color: var(--me-text-3); line-height: 2;
}
.me-konfig__copy { margin-bottom: 20px; }
.me-person { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--me-line-soft); font-size: 14.5px; color: var(--me-text-2); }
.me-person a { color: var(--me-text); border-bottom: 1px solid rgba(255,255,255,.2); }
.me-person a:hover { color: var(--me-acc); border-bottom-color: var(--me-acc); }
/* Formular-Scope (Modul C) - Gravity Forms 2.9 "Orbital" + Vorschau-Markup */
.me-form { margin-top: 26px; max-width: 860px; }
.me-form .gform_fields, .me-form .me-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; }
.me-form .gfield--width-full, .me-form .me-field--full, .me-form .gfield_consent, .me-form .gform_footer { grid-column: 1 / -1; }
.me-form label, .me-form .gform-field-label, .me-form .gfield_label {
  display: block; margin-bottom: 6px;
  font-family: var(--me-mono); font-weight: 500;
  font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--me-text-3);
}
.me-form input[type="text"], .me-form input[type="email"], .me-form input[type="tel"],
.me-form select, .me-form textarea {
  width: 100%; box-sizing: border-box; min-height: 44px;
  background: var(--me-panel) !important;
  border: 1px solid var(--me-line) !important; border-radius: var(--me-radius) !important;
  color: var(--me-text) !important;
  font-family: var(--me-sans) !important; font-size: 16px !important; /* ≥16px: kein iOS-Auto-Zoom */
  padding: 11px 12px !important;
  box-shadow: none !important;
}
.me-form select { appearance: none; color-scheme: dark; background-image: linear-gradient(45deg, transparent 50%, #7d8a90 50%), linear-gradient(135deg, #7d8a90 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; background-size: 5px 5px; background-repeat: no-repeat; }
/* Dropdown-Liste: Browser rendert Optionen hell → dunkel pinnen */
.me-form select option, .me-form select optgroup { background: #12151A !important; color: #EDE9E1 !important; }
.me-form select option:checked, .me-form select option:hover { background: #1E1C17 !important; color: #C9B37E !important; }
.me-form input::placeholder, .me-form textarea::placeholder { color: #ADA79B; opacity: 1; } /* 14.10.: --me-text-3 war zu dunkel; --me-text-2 (6,6:1), Firefox-Opacity auf 1 */
.me-form input:focus, .me-form select:focus, .me-form textarea:focus { outline: 0 !important; border-color: var(--me-acc) !important; }
.me-form .gfield_consent label, .me-form .me-consent {
  display: flex; gap: 10px; align-items: flex-start;
  font-family: var(--me-sans); font-size: 13px; letter-spacing: 0; text-transform: none;
  color: var(--me-text-2); line-height: 1.5;
}
.me-form input[type="checkbox"] { accent-color: var(--me-acc); width: 16px; height: 16px; margin-top: 1px; flex: 0 0 auto; }
.me-form .gform_footer { display: flex; justify-content: flex-start; margin-top: 4px; }
.me-form input[type="submit"], .me-form button[type="submit"], .me-form .gform_footer button {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--me-acc) !important; color: var(--me-acc-ink) !important;
  border: 1px solid var(--me-acc) !important; border-radius: var(--me-radius) !important;
  font-family: var(--me-sans) !important; font-weight: 700 !important; font-size: 16px !important;
  padding: 14px 26px !important; min-height: 44px; cursor: pointer;
  box-shadow: var(--me-acc-glow) !important;
}
.me-form .validation_message, .me-form .gfield_error .gform-field-label { color: #D98E8E !important; }
.me-form .gfield_error input, .me-form .gfield_error select { border-color: #D98E8E !important; }
@media (max-width: 767px) {
  .me-factor { grid-template-columns: 1fr; gap: 3px; }
  .me-form .gform_fields, .me-form .me-fields { grid-template-columns: 1fr; }
  .me-phero__h1 { max-width: none; }
}


/* === 19. KONTAKT & VIELEN DANK (Teil 03/04) ================ */
#top .avia-section.me-kform-sec { padding: 0 0 56px !important; }
#top .avia-section.me-locs-sec { padding: 0 0 48px !important; }
#top .avia-section.me-personsec { padding: 0 0 64px !important; }
#top .avia-section.me-next-sec { padding: 0 0 64px !important; }
.me-form--kontakt { margin-top: 6px; }
.me-locs { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; max-width: 980px; }
.me-loc {
  display: flex; flex-direction: column; gap: 10px;
  background: var(--me-panel); border: 1px solid var(--me-line); border-radius: 4px;
  padding: 22px;
}
.me-loc__city { font-weight: 700; font-size: 16.5px; color: var(--me-text); }
.me-loc__addr { font-size: 14.5px; color: var(--me-text-2); line-height: 1.55; }
.me-loc__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-family: var(--me-mono); font-weight: 500; font-size: 12px; letter-spacing: .08em; color: var(--me-text-3); }
.me-map {
  display: grid; place-items: center; text-align: center;
  min-height: 130px; padding: 16px;
  border: 1px dashed rgba(201,179,126,.35); border-radius: 3px;
  background: repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0 10px, transparent 10px 20px);
  font-family: var(--me-mono); font-size: 12px; letter-spacing: .08em; color: var(--me-text-3); line-height: 1.9;
}
.me-loc__route { align-self: flex-start; font-size: 14px; padding: 11px 18px; }
.me-person--quote { max-width: 720px; font-size: 15.5px; line-height: 1.7; }


/* === 20. LACKSCHUTZ-PILLAR (Teil 05) ======================= */
#top .avia-section.me-foils-sec { padding: 0 0 56px !important; }
#top .avia-section.me-qa-sec { padding: 56px 0 !important; }
#top .avia-section.me-final-sec { padding: 0 0 60px !important; }
#anfrage { scroll-margin-top: 96px; }
.me-crumb { display: block; margin-bottom: 14px; letter-spacing: .14em; }
.me-crumb a { color: var(--me-text-3); }
.me-crumb a:hover { color: var(--me-text); }
.me-h1--sub { font-size: clamp(27px, 3.4vw, 43px) !important; line-height: 1.05 !important; margin: 0 0 18px !important; }
.me-frame__caption { position: absolute; left: 28px; bottom: 30px; z-index: 2; }
.me-sechead__h2 { margin: 0 !important; }
.me-sechead .me-sechead__copy { text-align: right; }
.me-foils { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.me-foil {
  display: flex; flex-direction: column; gap: 4px;
  background: var(--me-panel); border: 1px solid var(--me-line); border-radius: 4px;
  padding: 22px;
}
.me-foil__name { font-weight: 700; font-size: 16px; font-style: italic; color: var(--me-text); }
.me-foil__tag { font-family: var(--me-mono); font-weight: 500; font-size: 12px; letter-spacing: .1em; color: var(--me-text-3); margin-bottom: 6px; }
.me-foil__tag--cy { color: var(--me-acc); }
.me-foil__desc { font-size: 13.5px; color: var(--me-text-2); line-height: 1.55; }
.me-foil--featured {
  background: rgba(201,179,126,.06);
  border-color: var(--me-acc);
  box-shadow: 0 0 22px rgba(201,179,126,.15);
}
.me-endline a { color: var(--me-text-2); }
.me-endline a:hover { color: var(--me-acc); }
/* Warum-Klammer: Text links / Bild rechts (Spiegel von me-halle) */
#top .av-layout-grid-container.me-warum {
  padding: 0 !important; margin: 0 !important;
  background: rgba(255,255,255,.02);
  border-top: 1px solid var(--me-line-soft);
}
#top .container_wrap:has(.av-layout-grid-container.me-warum) { padding: 0 !important; margin: 0 !important; border: 0 !important; }
#top .container_wrap:has(.av-layout-grid-container.me-warum) > .container { padding: 0 !important; max-width: none !important; width: 100% !important; }
#top .av-layout-grid-container.me-warum .avia_codeblock_section,
#top .av-layout-grid-container.me-warum .avia_codeblock { margin: 0 !important; }
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__media { box-sizing: border-box !important; }
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body .flex_cell_inner,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__media .flex_cell_inner,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body .flex_column,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__media .flex_column {
  display: block !important; padding: 0 !important; margin: 0 !important;
  width: 100% !important; max-width: none !important; height: auto !important;
}
@media (min-width: 990px) {
  .responsive #top #wrap_all .av-layout-grid-container.me-warum { display: flex !important; align-items: stretch !important; }
  .responsive #top #wrap_all .av-layout-grid-container.me-warum > .flex_cell { width: 50% !important; flex: 0 0 50% !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body {
    padding: 56px 24px 56px 48px !important;
    display: grid !important; align-content: center !important;
  }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__media {
    padding: 56px 48px 56px 24px !important;
    display: grid !important; align-content: center !important;
  }
}
@media (max-width: 989px) {
  .responsive #top #wrap_all .av-layout-grid-container.me-warum { display: block !important; }
  .responsive #top #wrap_all .av-layout-grid-container.me-warum > .flex_cell { width: 100% !important; display: block !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body { padding: 40px 18px 8px !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__media { padding: 24px 18px 44px !important; }
}
.me-checkgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 28px; font-size: 14.5px; color: var(--me-text-2); }
.me-checkgrid > div { display: flex; gap: 10px; }
.me-note {
  margin-top: 24px; padding-left: 16px;
  border-left: 2px solid var(--me-acc);
  font-size: 13.5px; color: var(--me-text-2); line-height: 1.6;
}
.me-note a { color: var(--me-text); border-bottom: 1px solid rgba(255,255,255,.2); }
.me-note a:hover { color: var(--me-acc); border-bottom-color: var(--me-acc); }
.me-qa { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px 14px; }
.me-qa__item {
  display: flex; flex-direction: column; gap: 6px;
  background: var(--me-panel); border: 1px solid var(--me-line); border-radius: 4px;
  padding: 20px 22px;
}
.me-qa__q { font-weight: 700; font-size: 15.5px; color: var(--me-text); }
.me-qa__a { font-size: 13.5px; color: var(--me-text-2); line-height: 1.6; }
.me-final { display: grid; grid-template-columns: 1.1fr .9fr; gap: 24px; align-items: stretch; }
.me-glowbox--left { text-align: left; padding: 34px; background: radial-gradient(420px 220px at 50% 0%, rgba(201,179,126,.1), transparent 70%); }
.me-glowbox__copy--left { margin-bottom: 0; }
.me-glowbox--left .me-form { margin-top: 20px; max-width: none; }
.me-sidepanel {
  border: 1px solid var(--me-line); border-radius: 6px;
  padding: 30px; background: rgba(255,255,255,.02);
}
.me-sidepanel .me-label { display: block; margin-bottom: 14px; }
.me-sidepanel__body { font-size: 15px; line-height: 1.8; color: var(--me-text-2); }
.me-sidepanel__body a { color: var(--me-text); }
@media (max-width: 989px) {
  .me-final { grid-template-columns: 1fr; }
  .me-checkgrid { grid-template-columns: 1fr; }
  .me-sechead .me-sechead__copy { text-align: left; }
}


/* === 21. FOOTER-SEITE (Teil 00 — global) =================== */
#top .avia-section.me-footer-sec {
  padding: 36px 0 !important;
  border-top: 1px solid var(--me-line-soft) !important;
}
/* Trust-Leiste über den Footer-Spalten (29.09.): Google links · XPEL-Siegel rechts */
.me-foottrust { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; align-items: end; gap: 24px 48px; padding-bottom: 28px; margin-bottom: 32px; border-bottom: 1px solid var(--me-line-soft); }
.me-foottrust .me-label { display: block; margin: 0 0 10px; }
.me-foottrust__google { display: flex; flex-direction: column; color: var(--me-text) !important; text-decoration: none; }
.me-foottrust__google:hover .me-foottrust__meta { color: var(--me-acc); }
.me-foottrust__stars { color: var(--me-acc); font-size: 22px; letter-spacing: 2px; line-height: 1; margin-bottom: 8px; }
.me-foottrust__score { font-weight: 700; font-size: var(--me-fs-body); color: var(--me-text); }
.me-foottrust__meta { margin-top: 6px; font-family: var(--me-mono); font-size: var(--me-fs-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--me-text-3); transition: color .2s; }
.me-foottrust__awards { display: flex; flex-direction: column; align-items: flex-start; }
.me-foottrust__quotes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-self: stretch; }
#top .me-footquote { margin: 0; padding: 14px 16px; background: var(--me-panel); border: 1px solid var(--me-line) !important; border-radius: 4px; border-left-width: 1px !important; display: flex; flex-direction: column; gap: 6px; font-style: normal; }
.me-footquote__stars { color: var(--me-acc); font-size: 12px; letter-spacing: 1px; line-height: 1; }
#top .me-footquote__text { display: block; margin: 0 !important; font-family: var(--me-sans) !important; font-size: var(--me-fs-card) !important; line-height: 1.5; color: var(--me-text-2); text-transform: none !important; letter-spacing: 0 !important; }
#top .me-footquote__src { display: block; font-family: var(--me-mono); font-size: var(--me-fs-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--me-text-3); font-style: normal; }
.me-foottrust__row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
#top .me-foottrust__img { display: block; height: 64px; width: auto; margin: 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
#top .me-foottrust .image-overlay, #top .me-foottrust .avia-image-overlay-wrap::after { display: none !important; }
@media (max-width: 1139px) { .me-foottrust { grid-template-columns: max-content max-content; } .me-foottrust__quotes { grid-column: 1 / -1; order: 3; } }
@media (max-width: 767px) {
  .me-foottrust { grid-template-columns: minmax(0, 1fr); gap: 22px; } .me-foottrust__quotes { grid-template-columns: minmax(0, 1fr); }
  .me-foottrust { align-items: start; padding-bottom: 22px; margin-bottom: 24px; }
  #top .me-foottrust__img { height: 52px; }
}
.me-footgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; }
.me-footgrid p {
  font-family: var(--me-mono); font-weight: 400;
  font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--me-text-3); line-height: 1.9;
  margin: 0 0 8px;
}
.me-foottitle {
  font-family: var(--me-mono); font-weight: 500;
  font-size: 12px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--me-acc);
  margin: 0 0 10px;
}
.me-footgrid a { color: var(--me-text-3) !important; }
.me-footgrid a:hover { color: var(--me-text) !important; }
@media (max-width: 767px) {
  #top .avia-section.me-footer-sec { padding: 28px 0 !important; }
  .me-footgrid { gap: 22px; }
}


/* === 22. WHATSAPP (eigene Lösung) + FORMULAR-EXTRAS ======== */
.me-wa-float {
  position: fixed; right: 22px; bottom: 22px; z-index: 998;
  display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 16px 12px 14px;
  background: rgba(8,9,11,.92);
  border: 1px solid rgba(201,179,126,.45); border-radius: var(--me-radius);
  color: var(--me-acc) !important;
  font-family: var(--me-mono); font-weight: 500; font-size: 12px; letter-spacing: .12em; text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: 0 0 22px rgba(201,179,126,.18);
  backdrop-filter: blur(8px);
  transition: border-color .2s ease, transform .2s ease;
}
.me-wa-float:hover { border-color: var(--me-acc); transform: translateY(-1px); }
.me-wa-float svg { flex: 0 0 20px; }
@media (max-width: 767px) { .me-wa-float { display: none; } }
@media (max-width: 767px) {
  .me-sticky-cta__wa {
    flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
    width: 46px; min-height: 44px;
    border: 1px solid rgba(201,179,126,.45); border-radius: var(--me-radius);
    color: var(--me-acc) !important; text-decoration: none !important;
  }
}
.me-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.me-form__err {
  grid-column: 1 / -1; margin-bottom: 16px; padding: 12px 14px;
  border: 1px solid #D98E8E; border-radius: var(--me-radius);
  color: #F0C4C4; font-size: 14px;
}
.me-form input[readonly] { color: var(--me-acc) !important; border-color: rgba(201,179,126,.35) !important; }
.me-form textarea { min-height: 88px; resize: vertical; }
.me-form .me-consent a { color: var(--me-text); text-decoration: underline; }
.me-form .me-consent a:hover { color: var(--me-acc); }
.me-form p.me-consent { display: block; margin: 0; color: var(--me-text-2); }

/* === 23. KOSTEN-RECHNER (Variante A, Re-Skin uppf → CI) ==== */
.me-rechner { border: 1px solid rgba(201,179,126,.35); border-radius: 6px; padding: 32px; background: radial-gradient(420px 220px at 50% 0%, rgba(201,179,126,.08), transparent 70%); }
.me-rechner__step { display: block; margin: 22px 0 10px; font-family: var(--me-mono); font-weight: 500; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-text-3); }
.me-rechner__step:first-of-type { margin-top: 0; }
.me-opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.me-opts--2 { grid-template-columns: repeat(2, 1fr); }
.me-opts--5 { grid-template-columns: repeat(5, 1fr); }
.me-opt { position: relative; }
#top .me-opt input[type="radio"], #top .me-opt input[type="checkbox"] {
  position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important;
  margin: 0 !important; padding: 0 !important; left: 0; top: 0; pointer-events: none; -webkit-appearance: none; appearance: none;
}
.me-opt label {
  display: block; cursor: pointer; margin: 0;
  background: var(--me-panel); border: 1px solid var(--me-line); border-radius: 4px;
  padding: 12px 14px; min-height: 44px;
  transition: border-color .15s ease, background .15s ease, opacity .15s ease;
}
.me-opt label:hover { border-color: rgba(201,179,126,.6); }
.me-opt input:checked + label { border-color: var(--me-acc); background: rgba(201,179,126,.06); box-shadow: inset 0 0 0 1px var(--me-acc); }
.me-opt input:focus-visible + label { outline: 2px solid var(--me-acc); outline-offset: 2px; }
.me-opt input:disabled + label { opacity: .35; cursor: not-allowed; }
/* Enfold färbt label/span über .main_color um → hart pinnen */
#top .main_color .me-opt label, #top .me-opt label { color: var(--me-text) !important; opacity: 1; }
#top .me-opt .me-opt__name { display: block; font-weight: 700; font-size: 15px; color: #FFFFFF !important; }
#top .me-opt .me-opt__desc { display: block; font-size: 13px; color: var(--me-text-2) !important; margin-top: 3px; line-height: 1.45; }
#top .me-opt input:checked + label .me-opt__name { color: var(--me-acc) !important; }
.me-rechner__result { margin-top: 26px; border-top: 1px solid rgba(201,179,126,.35); padding-top: 18px; }
.me-rechner__head { margin: 0 0 12px; font-family: var(--me-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--me-text-3); }
.me-cars { margin: 0 0 18px; padding: 0; list-style: none; display: grid; gap: 8px; }
.me-car { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; background: var(--me-panel); border: 1px solid var(--me-line); border-radius: 4px; padding: 12px 16px; }
.me-car__name { font-size: 15px; font-weight: 500; color: var(--me-text); }
.me-car__price { font-size: 18px; font-weight: 700; color: var(--me-acc); white-space: nowrap; }
.me-car__price--na { font-size: 14px; font-weight: 500; color: var(--me-text-3); }
.me-rechner__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; }
.me-rechner__hint { margin: 0; font-size: 14px; color: var(--me-text-2); max-width: 420px; }
.me-rechner__note { margin: 18px 0 0; font-size: 13px; line-height: 1.55; color: var(--me-text-3); }
@media (max-width: 767px) {
  .me-rechner { padding: 22px 16px; }
  .me-opts, .me-opts--5 { grid-template-columns: 1fr 1fr; }
  .me-opts--2 { grid-template-columns: 1fr; }
  .me-rechner__cta .me-cta-row { width: 100%; }
}
.me-anchor { position: relative; top: -96px; height: 0; }
.me-anfrage__h3 { margin: 40px 0 14px !important; }
.me-glowbox--left .me-form, .me-form--kontakt .me-form { margin-top: 0; }


/* === 24. ÜBER UNS — TIMELINE (Enfold av_timeline, Bestand 1:1) ==
   Regel: Enfold-Layout (absolute Positionierung, JS-Höhen) NICHT anfassen —
   nur Farben, Typo, Bildoptik. Keine Margin/Padding/Position-Overrides. */
#top .me-timeline .av-milestone-date { font-family: var(--me-mono) !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--me-text) !important; }
#top .me-timeline .av-milestone-date .av-milestone-date-inner { font-size: clamp(22px, 2.2vw, 30px) !important; line-height: 1.2 !important; }
#top .me-timeline .av-milestone-content-wrap { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
#top .me-timeline .av-milestone-content-wrap::before, #top .me-timeline .av-milestone-content-wrap::after { border-color: transparent !important; }
#top .me-timeline .av-milestone-content-wrap-inner { border-color: transparent !important; background: transparent !important; }
/* Enfold-Farbset (.main_color/.alternate_color) legt eigenes Grau auf Wrap/Inner/Content → alle Ebenen transparent */
#top .main_color .me-timeline .av-milestone-content-wrap, #top .alternate_color .me-timeline .av-milestone-content-wrap,
#top .main_color .me-timeline .av-milestone-content-wrap-inner, #top .alternate_color .me-timeline .av-milestone-content-wrap-inner,
#top .main_color .me-timeline .av-milestone-content, #top .alternate_color .me-timeline .av-milestone-content,
#top .me-timeline .av-milestone-content-wrap .av-milestone-content, #top .me-timeline .av-milestone-content-wrap .entry-content-wrapper,
#top .me-timeline .av-milestone-content-wrap article, #top .me-timeline .av-milestone-content-wrap .av-milestone-content-wrap-inner > * {
  background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important;
}
#top .me-timeline .av-milestone-content-wrap h3, #top .me-timeline .av-milestone-content-wrap h4 { font-family: var(--me-sans) !important; font-weight: 700 !important; font-size: 16.5px !important; line-height: 1.35; color: var(--me-text) !important; text-transform: uppercase; }
#top .me-timeline .av-milestone-content { color: var(--me-text-2) !important; }
#top .me-timeline .av-milestone-content img { max-width: 100%; height: auto; border-radius: 3px; filter: saturate(.9); }
#top .me-timeline .av-milestone-icon { background: var(--me-bg) !important; border: 2px solid var(--me-acc) !important; color: var(--me-acc) !important; box-shadow: 0 0 14px rgba(201,179,126,.35); }
/* 26.10.: Enfold legt icon_custom_bg/font als Inline-Style auf .milestone_inner (innerer 60-px-Kreis) → hier mit !important auf CI. */
#top .me-timeline .av-milestone-icon-inner, #top .me-timeline .milestone_inner { background: var(--me-bg) !important; background-color: var(--me-bg) !important; color: var(--me-acc) !important; border-color: var(--me-acc) !important; }
#top .me-timeline .av-milestone-icon-inner::before, #top .me-timeline .milestone_inner::before, #top .me-timeline .av-milestone-icon-inner .avia-font-entypo-fontello { color: var(--me-acc) !important; }
#top .me-timeline .avia-timeline::before, #top .me-timeline .av-milestone-icon-wrap::before, #top .me-timeline .av-timeline-vertical::before { background: var(--me-line) !important; }
/* Galerie im Timeline-Item — robust auch OHNE Enfold-Galerie-Modul-CSS (Performance-Option
   „nur genutzte Elemente" erkennt verschachtelte av_gallery nicht → Thumbs stapeln, bleiben ausgegraut). */
#top .av-milestone .avia-gallery { margin-top: 12px; display: block; }
#top .av-milestone .avia-gallery .avia-gallery-big { display: block; border: 0 !important; border-radius: 3px; overflow: hidden; padding: 0 !important; background: transparent !important; }
#top .av-milestone .avia-gallery .avia-gallery-big img { display: block; width: 100%; height: auto; opacity: 1 !important; }
#top .av-milestone .avia-gallery .avia-gallery-thumb { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); gap: 6px; margin-top: 6px; }
#top .av-milestone .avia-gallery .avia-gallery-thumb a { float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; display: block; }
#top .av-milestone .avia-gallery .avia-gallery-thumb img { display: block; width: 100%; height: 64px; object-fit: cover; border: 1px solid var(--me-line) !important; border-radius: 3px; padding: 0 !important; margin: 0 !important; opacity: .8 !important; transition: opacity .2s, border-color .2s; }
#top .av-milestone .avia-gallery .avia-gallery-thumb a:hover img, #top .av-milestone .avia-gallery .avia-gallery-thumb img.avia_active { opacity: 1 !important; border-color: var(--me-acc) !important; }
#top .av-milestone .avia-gallery img.avia_lazyload, #top .av-milestone .avia-gallery img[class*="lazy"] { opacity: 1 !important; }
#top .av-milestone .avia-gallery-caption { display: none !important; }
@media (max-width: 767px) {
  #top .me-timeline .av-milestone-date .av-milestone-date-inner { font-size: 20px !important; }
  #top .me-timeline .avia-gallery .avia-gallery-thumb { grid-template-columns: repeat(auto-fit, minmax(52px, 1fr)); }
}

/* === 25. AUSZEICHNUNGEN (XPEL-Siegel) — seit 29.09. nur im Footer (.me-footawards, §21). .me-awards bleibt als Reserve. */
.me-awards { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--me-line-soft); }
.me-awards .me-label { display: block; margin-bottom: 16px; }
.me-awards__row { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 40px; }
#top .me-awards__img { display: block; height: 96px; width: auto; max-width: 100%; margin: 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
#top .me-awards .image-overlay, #top .me-awards .avia-image-overlay-wrap::after { display: none !important; }
@media (max-width: 767px) { #top .me-awards__img { height: 72px; } .me-awards__row { gap: 14px 24px; } }

/* === 26. STARTSEITE V2 — VOLLBILD-HERO MIT SLIDESHOW (Add-on) ==
   Reines CSS-Crossfade (4 Slides × 6 s = 24 s Zyklus), kein JS, kein Enfold-Slider.
   Slides: me-hero2__slide--1…4 · Bilder 1920×1080 (16:9), Motiv links frei lassen (Text). */
#top .avia-section.me-hero2-sec { padding: 0 !important; min-height: 0 !important; }
/* Spezifität > §7 (#top .avia-section.me-section > .container), sonst bleibt rechts der 48px-Innenabstand sichtbar */
#top .avia-section.me-section.me-hero2-sec > .container, #top .avia-section.me-hero2-sec .container.av-section-cont-open { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
#top .avia-section.me-hero2-sec { overflow: hidden; }
#top .me-hero2-sec .flex_column, #top .me-hero2-sec .avia_codeblock_section, #top .me-hero2-sec .avia_codeblock { margin: 0 !important; padding: 0 !important; width: 100% !important; }
.me-hero2 { position: relative; overflow: hidden; min-height: clamp(560px, 82vh, 860px); display: flex; align-items: flex-end; background: var(--me-bg); }
.me-hero2__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; filter: saturate(.85) contrast(1.05); transform: translateZ(0); }
/* Nur Fade (Zoom deaktiviert 29.09. — wirkte unruhig). Reaktivieren: ", me-hero2-zoom 24s linear infinite" an animation anhängen */
.me-hero2__slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; transform: translate3d(0,0,0) scale(1); transform-origin: 60% 50%; backface-visibility: hidden; animation: me-hero2-fade 24s ease-in-out infinite; will-change: opacity; }
.me-hero2__slide--1 { animation-delay: 0s; opacity: 1; }
.me-hero2__slide--2 { animation-delay: 6s; }
.me-hero2__slide--3 { animation-delay: 12s; }
.me-hero2__slide--4 { animation-delay: 18s; }
@keyframes me-hero2-fade { 0% { opacity: 0; } 5% { opacity: 1; } 25% { opacity: 1; } 32% { opacity: 0; } 100% { opacity: 0; } }
/* Ken-Burns: langsamer Zoom 1.0 → 1.08 über die sichtbare Zeit eines Slides (~7,7 s), danach Reset außerhalb der Sichtbarkeit */
@keyframes me-hero2-zoom { 0% { transform: translate3d(0,0,0) scale(1); } 34% { transform: translate3d(0,0,0) scale(1.07); } 34.01% { transform: translate3d(0,0,0) scale(1); } 100% { transform: translate3d(0,0,0) scale(1); } }
.me-hero2__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,9,11,.92) 0%, rgba(8,9,11,.72) 38%, rgba(8,9,11,.25) 70%, rgba(8,9,11,.35) 100%), linear-gradient(180deg, rgba(8,9,11,.35) 0%, transparent 30%, rgba(8,9,11,.85) 100%); }
.me-hero2__c { position: absolute; z-index: 2; width: 40px; height: 40px; top: 36px; pointer-events: none; }
.me-hero2__c--tl { left: 40px; border-top: 2px solid var(--me-acc); border-left: 2px solid var(--me-acc); }
.me-hero2__c--tr { right: 40px; border-top: 2px solid var(--me-acc); border-right: 2px solid var(--me-acc); }
#top .main_color .me-hero2__c { border-color: var(--me-acc) !important; }
.me-hero2__inner { position: relative; z-index: 2; width: 100%; max-width: 1240px; margin: 0 auto; padding: 120px 48px 64px; box-sizing: border-box; }
.me-hero2__inner .me-h1 { font-size: clamp(40px, 5.4vw, 74px) !important; line-height: .98 !important; text-transform: uppercase; max-width: 14ch; text-shadow: 0 2px 24px rgba(0,0,0,.45); }
.me-hero2__inner .me-lede { max-width: 560px; color: var(--me-text); text-shadow: 0 1px 12px rgba(0,0,0,.6); }
.me-hero2__inner .me-trust { color: var(--me-text-2); }
.me-hero2__dots { position: absolute; z-index: 2; right: 48px; bottom: 34px; display: flex; gap: 8px; }
.me-hero2__dots span { width: 22px; height: 2px; background: rgba(255,255,255,.22); overflow: hidden; position: relative; }
.me-hero2__dots span::after { content: ""; position: absolute; inset: 0; background: var(--me-acc); transform: scaleX(0); transform-origin: left; animation: me-hero2-dot 24s infinite; }
.me-hero2__dots span:nth-child(2)::after { animation-delay: 6s; } .me-hero2__dots span:nth-child(3)::after { animation-delay: 12s; } .me-hero2__dots span:nth-child(4)::after { animation-delay: 18s; }
@keyframes me-hero2-dot { 0% { transform: scaleX(0); } 25% { transform: scaleX(1); } 25.01% { transform: scaleX(0); } 100% { transform: scaleX(0); } }
@media (prefers-reduced-motion: reduce) { .me-hero2__slide, .me-hero2__dots span::after { animation: none !important; } .me-hero2__slide--1 { opacity: 1; } .me-hero2__dots { display: none; } }
@media (max-width: 767px) {
  .me-hero2 { min-height: 88vh; }
  .me-hero2__inner { padding: 96px 18px 56px; }
  .me-hero2__inner .me-h1 { font-size: clamp(34px, 11vw, 46px) !important; }
  .me-hero2__c { top: 18px; width: 28px; height: 28px; } .me-hero2__c--tl { left: 18px; } .me-hero2__c--tr { right: 18px; }
  .me-hero2__dots { right: 18px; bottom: 18px; }
  .me-hero2__shade { background: linear-gradient(180deg, rgba(8,9,11,.55) 0%, rgba(8,9,11,.35) 35%, rgba(8,9,11,.92) 100%); }
}


/* ─── 27. TYPO-SKALA (29.09., rev. 2 — vier feste Stufen) ──────
   Zu viele Zwischengrößen wirkten unruhig. Jetzt: Headline-Skala (H1/H2/H3) + genau vier Textstufen:
   --me-fs-body 17 (Lede, Prose, Glowbox-Copy, Sechead-Copy)  ·  --me-fs-card 15 (alle Kartentexte, FAQ, Listen, Footer-Grid)
   --me-fs-mono 13 (alle Mono-Labels, Tags, Crumbs, Trust, Endlines)  ·  --me-fs-btn 17 (Buttons)
   Titel in Karten: 17 fett (= body). Mobil: body 16, card 14.5, mono 12.5. */
:root { --me-fs-body: 17px; --me-fs-card: 15px; --me-fs-mono: 13px; --me-fs-btn: 17px; }
@media (max-width: 767px) { :root { --me-fs-body: 16px; --me-fs-card: 14.5px; --me-fs-mono: 12.5px; --me-fs-btn: 16px; } }
#top h1, #top .me-h1 { font-size: clamp(34px, 5vw, 66px) !important; line-height: 1.02 !important; letter-spacing: -.022em !important; }
#top .me-h1--sub { font-size: clamp(32px, 4.4vw, 58px) !important; }
#top h2, #top .me-h2, .me-refs__head .me-h2 { font-size: clamp(25px, 3.1vw, 44px) !important; line-height: 1.08 !important; }
#top .me-h2--sub { font-size: clamp(24px, 2.8vw, 40px) !important; }
#top h3 { font-size: 21px !important; }
/* Stufe body */
body, #top, #top #wrap_all, #top .me-prose, #top .me-section p:not([class]):not(.me-footgrid p),
.me-lede, .me-sechead__copy, .me-glowbox__copy, .me-compare__panel p { font-size: var(--me-fs-body) !important; line-height: 1.6; }
.me-lede { max-width: 540px; } .me-prose { max-width: 68ch; } .me-sechead__copy { max-width: 460px; }
/* Titel in Karten = body fett */
.me-level__name, .me-case__name, .me-foil__name, .me-factor__k, .me-qa__q, .me-svc__title, .me-compare__title, .me-loc__name, .me-level__price, .me-case__price { font-size: var(--me-fs-body) !important; }
/* Stufe card */
.me-level__scope, .me-case__desc, .me-foil__desc, .me-factor__v, .me-qa__a, .me-svc__desc, .me-checkgrid, .me-ticklist, .me-sidepanel__body, .me-person, .me-note, .me-review__text, .me-reviews__meta, .me-loc__body,
.me-form label, .me-form input, .me-form select, .me-form textarea { font-size: var(--me-fs-card) !important; line-height: 1.6; }
/* Stufe mono */
.me-label, .me-morelink, .me-trust, .me-checkrow, .me-level__tag, .me-level__flag, .me-hero__overline, .me-badge, .me-chip, .me-hud, .me-crumb, .me-endline, .me-case__pkg, .me-case__days, .me-foil__tag, .me-svc__num, .me-review__src, .me-loc__meta, .me-frame__caption, .me-brands__item--text, .me-reviews__aside .me-label,
#top .av-main-nav > li > a, #top .av-main-nav .sub-menu li a, #top #socket .container,
#top .me-footgrid p, #top .me-foottitle, .me-foottrust__meta { font-size: var(--me-fs-mono) !important; line-height: 1.7; }
/* Stufe btn */
.me-btn, .me-form input[type="submit"], .me-form button[type="submit"] { font-size: var(--me-fs-btn) !important; padding: 15px 30px; }
.me-levels--stack .me-level__name, .me-levels--stack .me-level__price { font-size: 19px !important; }
.me-level__render { height: 96px; }
.me-stars { font-size: 23px; }
/* Container + Abstände */
#top .avia-section.me-section > .container { max-width: none; padding: 0 clamp(20px, 3.4vw, 56px) !important; }
.me-levels, .me-cases, .me-foils, .me-factors, .me-checkgrid { gap: clamp(12px, 1.2vw, 18px); }
@media (min-width: 1140px) {
  .me-hero .me-lede { max-width: 560px; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body { padding: clamp(56px, 5.2vw, 72px) 28px clamp(50px, 4.6vw, 60px) 56px !important; }
}
@media (max-width: 1139px) and (min-width: 768px) { .me-lede { max-width: 100%; } }
@media (max-width: 767px) {
  .me-btn { padding: 14px 22px; }
  #top .avia-section.me-section > .container { padding: 0 18px !important; }
}


/* ─── 28. FULL-BLEED HERO IM BOXED-LAYOUT (29.09.) ────────────
   Theme = Boxed 1410px. Nur der Hero (V2-Slideshow ODER Slider Revolution) bricht auf Viewportbreite aus,
   alles darunter bleibt boxed. Funktioniert für Code-Block-Hero und für den RevSlider-Container. */
#top .avia-section.me-hero2-sec,
#top .avia-section.me-hero3-sec,
#top .avia-section.me-hero4-sec,
#top .avia-section.me-revhero-sec,
#top .me-revhero-wrap {
  position: relative; width: 100vw !important; max-width: 100vw !important;
  left: 50% !important; margin-left: -50vw !important; margin-right: 0 !important;
  overflow: hidden;
}
/* Boxed erzeugt horizontales Scrollen bei 100vw → am Wrapper unterbinden */
#top.boxed #wrap_all, #top #main { overflow-x: clip; }
#top .boxed #wrap_all .avia-section.me-hero2-sec, #top .boxed #wrap_all .avia-section.me-revhero-sec { box-shadow: none !important; }

/* RevSlider-Sektion: Slider volle Breite, Textoverlay wie Hero V2 (Klassen wiederverwendbar in Slider-Layern) */
#top .avia-section.me-revhero-sec > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
#top .me-revhero-sec rs-module-wrap, #top .me-revhero-sec rs-module, #top .me-revhero-sec .rev_slider_wrapper, #top .me-revhero-sec sr7-module, #top .me-revhero-sec sr7-adjuster, #top .me-revhero-sec sr7-content { width: 100% !important; max-width: none !important; left: 0 !important; }
/* SR7-Template-Test (Filmstrip 3D Carousel): eigener Verlauf/Layer-Typo des Templates bleiben, nur Breite + dunkler Grund */
#top .me-revhero-sec sr7-module { background: var(--me-bg) !important; }
/* Slide-Bild leicht entsättigt + dunkler Verlauf links, damit Overlay-Text (Layer) lesbar bleibt */
#top .me-revhero-sec rs-sbg-wrap { filter: saturate(.85) contrast(1.05); }
#top .me-revhero-sec rs-module::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(8,9,11,.82) 0%, rgba(8,9,11,.55) 45%, rgba(8,9,11,.15) 100%),
              linear-gradient(0deg, rgba(8,9,11,.85) 0%, rgba(8,9,11,0) 40%);
}
#top .me-revhero-sec rs-layer-wrap, #top .me-revhero-sec rs-layer { z-index: 2; }
/* Layer-Typo: im Slider den Layern class="me-h1" / "me-lede" / "me-btn" / "me-label" geben → CI greift automatisch */
#top .me-revhero-sec rs-layer.me-h1 { font-family: var(--me-sans) !important; font-weight: 700 !important; letter-spacing: -.022em !important; color: var(--me-text) !important; }
#top .me-revhero-sec rs-layer.me-lede { font-family: var(--me-sans) !important; color: var(--me-text-2) !important; }
#top .me-revhero-sec rs-layer.me-label { font-family: var(--me-mono) !important; text-transform: uppercase !important; letter-spacing: .18em !important; color: var(--me-acc) !important; }
#top .me-revhero-sec rs-layer.me-btn { font-family: var(--me-sans) !important; background: var(--me-acc) !important; color: var(--me-acc-ink) !important; border: 1px solid var(--me-acc) !important; }
#top .me-revhero-sec rs-layer.me-btn--ghost { background: transparent !important; color: var(--me-text) !important; border-color: rgba(255,255,255,.28) !important; }
/* Bullets/Pfeile in CI */
#top .me-revhero-sec rs-bullets .rs-bullet { background: rgba(255,255,255,.28) !important; border: 0 !important; width: 24px !important; height: 2px !important; border-radius: 0 !important; }
#top .me-revhero-sec rs-bullets .rs-bullet.selected { background: var(--me-acc) !important; }
#top .me-revhero-sec rs-arrow { background: rgba(8,9,11,.5) !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 0 !important; }
@media (max-width: 767px) { #top .me-revhero-sec rs-module::after { background: linear-gradient(0deg, rgba(8,9,11,.9) 0%, rgba(8,9,11,.45) 55%, rgba(8,9,11,.2) 100%); } }


/* ─── 29. FESTE SPALTENZAHLEN STATT auto-fit (29.09.) ─────────
   Bei 1410px brachen auto-fit-Grids frei um (z. B. Leistungen 4×2 statt 3×3).
   Desktop fest · Tablet 2 · Mobil 1 — gilt global für alle Karten-Grids. */
.me-services, .me-cases, .me-refs, .me-qa, .me-compare, .me-locs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#top .me-refgrid .slide-entry-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.me-foils, .me-reviews__grid, .me-footgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.me-compare, .me-locs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.me-foils:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.me-foils:has(> :nth-child(2):last-child), .me-cases:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.me-cases:has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.me-cases:has(> :nth-child(1):last-child) { grid-template-columns: minmax(0, 1fr); max-width: 560px; }
@media (max-width: 1139px) and (min-width: 768px) {
  .me-services, .me-cases, .me-refs, .me-qa, .me-compare, .me-locs, .me-foils, .me-reviews__grid, .me-footgrid,
  .me-foils:has(> :nth-child(3):last-child), .me-cases:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #top .me-refgrid .slide-entry-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  .me-services, .me-cases, .me-refs, .me-qa, .me-compare, .me-locs, .me-foils, .me-reviews__grid, .me-footgrid,
  .me-foils:has(> :nth-child(3):last-child), .me-cases:has(> :nth-child(4):last-child), .me-cases:has(> :nth-child(2):last-child), .me-foils:has(> :nth-child(2):last-child) { grid-template-columns: minmax(0, 1fr); }
  #top .me-refgrid .slide-entry-wrap { grid-template-columns: minmax(0, 1fr) !important; }
  .me-checkgrid { grid-template-columns: minmax(0, 1fr); }
}


/* ─── 30. STARTSEITE V3 — VIDEO-HERO, ZENTRIERT (29.09.) ──────
   Full-bleed (§28), Hintergrundvideo object-fit: cover, Text mittig. Video ist Hochkant → auf Desktop
   wird links/rechts beschnitten; Shade sorgt für Lesbarkeit. Querformat-Video später einfach austauschen. */
#top .avia-section.me-section.me-hero3-sec > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.me-hero3 { position: relative; min-height: clamp(560px, 82vh, 860px); display: grid; place-items: center; overflow: hidden; background: var(--me-bg); }
.me-hero3__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.85) contrast(1.05); }
.me-hero3__shade { position: absolute; inset: 0; z-index: 1; background:
  radial-gradient(ellipse 70% 60% at 50% 50%, rgba(8,9,11,.55), rgba(8,9,11,.75) 70%, rgba(8,9,11,.9) 100%),
  linear-gradient(0deg, var(--me-bg) 0%, rgba(8,9,11,0) 28%); }
.me-hero3__inner { position: relative; z-index: 2; text-align: center; padding: clamp(96px, 12vh, 150px) 24px clamp(80px, 10vh, 130px); max-width: 980px; display: grid; justify-items: center; }
.me-hero3__overline { margin-bottom: 18px; }
#top .me-hero3__h1 { font-size: clamp(40px, 6.2vw, 84px) !important; margin: 0 0 22px !important; text-wrap: balance; }
.me-hero3__lede { max-width: 640px; margin: 0 0 32px; color: var(--me-text); }
.me-hero3__cta { justify-content: center; margin-bottom: 30px; }
.me-hero3__trust { justify-content: center; }
.me-hero3__pause { position: absolute; right: 22px; bottom: 22px; z-index: 3; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.25); background: rgba(8,9,11,.55); color: var(--me-text); font-size: 14px; line-height: 1; cursor: pointer; border-radius: 0; }
.me-hero3__pause:hover { border-color: var(--me-acc); color: var(--me-acc); }
@media (max-width: 767px) {
  .me-hero3 { min-height: 78vh; }
  .me-hero3__inner { padding: 88px 18px 64px; }
  .me-hero3__cta { display: grid; width: 100%; }
  .me-hero3__trust { justify-content: center; gap: 10px 18px; }
  .me-hero3__pause { right: 14px; bottom: 14px; }
}
@media (prefers-reduced-motion: reduce) { .me-hero3__video { display: none; } .me-hero3 { background: url(/wp-content/uploads/me-start-hero.jpg) center/cover; } }


/* ─── 31. STARTSEITE V4 „LICHTKANAL" (29.09.) ─────────────────
   Video-Hero + wandernder Lichtstreifen + HUD-Zähler + Logo-Ticker · Schutzlevel als Bühne mit Hotspots
   · Leistungen mit Ecken-Hover · Referenzen mit Farb-Hover. Alles reines CSS + 2 kleine Inline-Scripts.
   prefers-reduced-motion schaltet Bewegung ab. */
#top .avia-section.me-section.me-hero4-sec > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.me-hero4 { --mx: 50%; --my: 40%; position: relative; min-height: clamp(600px, 88vh, 900px); display: grid; grid-template-rows: 1fr auto; overflow: hidden; background: var(--me-bg); isolation: isolate; }
.me-hero4__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.8) contrast(1.05) brightness(.9); z-index: 0; }
.me-hero4__shade { position: absolute; inset: 0; z-index: 1; background:
  radial-gradient(520px 380px at var(--mx) var(--my), rgba(201,179,126,.14), transparent 70%),
  linear-gradient(90deg, rgba(8,9,11,.9) 0%, rgba(8,9,11,.7) 42%, rgba(8,9,11,.35) 100%),
  linear-gradient(0deg, var(--me-bg) 0%, rgba(8,9,11,0) 30%); }
.me-hero4__grid { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .18;
  background-image: linear-gradient(rgba(201,179,126,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(201,179,126,.35) 1px, transparent 1px);
  background-size: 96px 96px; mask-image: radial-gradient(60% 60% at 60% 50%, #000 30%, transparent 100%); }
.me-hero4__scan { position: absolute; top: -10%; bottom: -10%; width: 18vw; min-width: 160px; z-index: 2; pointer-events: none; left: -20vw;
  background: linear-gradient(90deg, transparent, rgba(201,179,126,.05) 30%, rgba(201,179,126,.22) 50%, rgba(201,179,126,.05) 70%, transparent); filter: blur(2px);
  animation: me-scan 9s cubic-bezier(.45,0,.55,1) infinite; }
.me-hero4__scan::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: rgba(201,179,126,.55); box-shadow: 0 0 18px 2px rgba(201,179,126,.45); }
@keyframes me-scan { 0% { left: -20vw; } 55% { left: 110vw; } 100% { left: 110vw; } }
.me-hero4__inner { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: end; gap: 40px 64px; padding: clamp(110px, 14vh, 170px) clamp(20px, 3.4vw, 56px) 48px; }
.me-hero4__overline { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.me-hero4__dot { width: 7px; height: 7px; background: var(--me-acc); box-shadow: 0 0 12px var(--me-acc); animation: me-pulse 2.4s ease-in-out infinite; }
@keyframes me-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
#top .me-hero4__h1 { font-size: clamp(40px, 6vw, 84px) !important; margin: 0 0 22px !important; }
.me-hero4__lede { max-width: 560px; margin-bottom: 32px; color: var(--me-text); }
.me-hero4__cta { margin: 0; }
.me-hud4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: rgba(201,179,126,.18); border: 1px solid rgba(201,179,126,.18); backdrop-filter: blur(6px); }
.me-hud4__item { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: baseline; padding: 20px 22px; background: rgba(8,9,11,.72); }
.me-hud4__num { font-family: var(--me-mono); font-weight: 500; font-size: clamp(30px, 2.8vw, 40px); line-height: 1; color: var(--me-text); font-variant-numeric: tabular-nums; }
.me-hud4__unit { font-family: var(--me-mono); font-size: var(--me-fs-mono); color: var(--me-acc); letter-spacing: .06em; }
.me-hud4__k { grid-column: 1 / -1; margin-top: 8px; font-family: var(--me-mono); font-size: var(--me-fs-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--me-text-3); }
.me-ticker { position: relative; z-index: 3; overflow: hidden; border-top: 1px solid var(--me-line-soft); background: rgba(8,9,11,.7); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.me-ticker__track { display: flex; align-items: center; gap: clamp(56px, 6vw, 110px); width: max-content; padding: 20px clamp(28px, 3vw, 55px); animation: me-ticker 38s linear infinite; }
.me-ticker:hover .me-ticker__track { animation-play-state: paused; }
@keyframes me-ticker { to { transform: translateX(-50%); } }
#top .me-ticker .me-brands__logo { height: 32px; width: auto; margin: 0 !important; opacity: .85; filter: none; }
.me-hero4__pause { position: absolute; right: 22px; bottom: 92px; z-index: 4; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.25); background: rgba(8,9,11,.55); color: var(--me-text); font-size: 14px; cursor: pointer; border-radius: 0; }
.me-hero4__pause:hover { border-color: var(--me-acc); color: var(--me-acc); }
/* Schutzlevel-Bühne */
.me-lv4 { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 28px; align-items: stretch; }
.me-lv4__stage { position: relative; background: var(--me-panel); border: 1px solid var(--me-line); padding: 32px 32px 84px; display: grid; place-items: center; min-height: 420px; overflow: hidden;
  background-image: radial-gradient(60% 50% at 50% 60%, rgba(201,179,126,.08), transparent 70%); }
.me-lv4__render { grid-area: 1 / 1; width: 100%; height: auto; max-height: 380px; object-fit: contain; opacity: 0; transform: scale(.97); transition: opacity .45s ease, transform .6s cubic-bezier(.2,.7,.2,1); }
.me-lv4__render.is-on { opacity: 1; transform: scale(1); }
.me-lv4__stage .me-frame__c { position: absolute; width: 22px; height: 22px; border-color: var(--me-acc); }
.me-lv4__readout { position: absolute; left: 32px; right: 32px; bottom: 28px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; }
.me-lv4__readout .me-label { margin: 0; }
.me-lv4__bar { height: 3px; background: rgba(255,255,255,.08); }
.me-lv4__fill { display: block; height: 3px; background: var(--me-acc); box-shadow: 0 0 10px rgba(201,179,126,.6); transition: width .6s cubic-bezier(.2,.7,.2,1); }
.me-lv4__pct { font-family: var(--me-mono); font-size: var(--me-fs-mono); color: var(--me-acc); min-width: 4ch; text-align: right; font-variant-numeric: tabular-nums; }
.me-lv4__list { display: grid; gap: 8px; align-content: stretch; }
#top .me-lv4__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 16px; align-items: center; padding: 14px 18px; border: 1px solid var(--me-line) !important; background: transparent; color: inherit; text-decoration: none; position: relative; transition: border-color .25s, background .25s; }
#top .me-lv4__item::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--me-acc); transform: scaleY(0); transition: transform .3s; }
#top .me-lv4__item.is-on { background: rgba(201,179,126,.06); border-color: rgba(201,179,126,.5) !important; }
#top .me-lv4__item.is-on::before { transform: scaleY(1); }
.me-lv4__item .me-level__tag { grid-column: 1; }
.me-lv4__name { grid-column: 1; font-weight: 700; font-size: var(--me-fs-body); color: var(--me-text); }
.me-lv4__scope { display: none; }
.me-lv4__price { grid-column: 2; grid-row: 1 / span 2; font-weight: 700; font-size: var(--me-fs-card); color: var(--me-text); white-space: nowrap; }
.me-lv4__item.is-on .me-lv4__scope { display: block; grid-column: 1; font-size: var(--me-fs-card); color: var(--me-text-2); margin-top: 4px; }
/* Leistungen: Ecken-Hover */
.me-svc4-sec .me-svc { position: relative; overflow: hidden; }
.me-svc4-sec .me-svc::before, .me-svc4-sec .me-svc::after { content: ""; position: absolute; width: 18px; height: 18px; border: 1px solid var(--me-acc); opacity: 0; transition: opacity .25s, transform .35s cubic-bezier(.2,.7,.2,1); }
.me-svc4-sec .me-svc::before { top: 8px; left: 8px; border-right: 0; border-bottom: 0; transform: translate(-6px, -6px); }
.me-svc4-sec .me-svc::after { bottom: 8px; right: 8px; border-left: 0; border-top: 0; transform: translate(6px, 6px); }
.me-svc4-sec .me-svc:hover::before, .me-svc4-sec .me-svc:hover::after { opacity: 1; transform: none; }
/* Referenzen: Farb-Hover */
#top .me-refs4-sec .me-refgrid .slide-image img { filter: saturate(.35) brightness(.85); transition: filter .5s ease, transform .5s ease; }
#top .me-refs4-sec .me-refgrid .slide-entry:hover .slide-image img { filter: saturate(1) brightness(1); transform: scale(1.03); }
@media (max-width: 1139px) {
  .me-hero4__inner { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .me-hud4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .me-lv4 { grid-template-columns: minmax(0, 1fr); }
  .me-lv4__stage { min-height: 320px; }
}
@media (max-width: 767px) {
  .me-hero4 { min-height: 0; }
  .me-hero4__inner { padding: 96px 18px 32px; gap: 28px; }
  .me-hero4__cta { display: grid; }
  .me-hud4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .me-hud4__item { padding: 14px 16px; }
  .me-hero4__scan, .me-hero4__grid { display: none; }
  .me-hero4__pause { bottom: 84px; right: 14px; }
  .me-ticker__track { padding: 14px 18px; gap: 40px; }
  #top .me-ticker .me-brands__logo { height: 24px; }
  .me-lv4__stage { padding: 20px 18px 70px; min-height: 240px; }
  .me-lv4__readout { left: 18px; right: 18px; bottom: 20px; }
  .me-lv4__render { max-height: 220px; }
}
@media (prefers-reduced-motion: reduce) {
  .me-hero4__video { display: none; } .me-hero4 { background: url(/wp-content/uploads/me-start-hero.jpg) center/cover; }
  .me-hero4__scan, .me-hero4__dot { animation: none; } .me-hero4__scan { display: none; }
  .me-ticker__track { animation: none; width: auto; flex-wrap: wrap; justify-content: center; }
  .me-ticker__track > :nth-child(n+6) { display: none; }
  .me-lv4__render, .me-lv4__fill { transition: none; }
}


/* ─── 32. HERO V1 — FADE-SLIDER IM RAHMEN (29.09., rev. 2: JS-gesteuert) ──
   3 Bilder im me-frame, Crossfade per .is-on (Inline-Script im Code-Block, 6 s Takt, 1,2 s Blende).
   Ohne JS / reduced-motion bleibt Bild 1 stehen. */
.me-frame__slides { position: relative; display: grid; }
.me-frame__slides .me-frame__slide { grid-area: 1 / 1; opacity: 0; transition: opacity 1.2s ease-in-out; }
.me-frame__slides .me-frame__slide:first-child { opacity: 1; }
.me-frame__slides .me-frame__slide.is-on { opacity: 1; }
.me-frame__slides.js .me-frame__slide:first-child:not(.is-on) { opacity: 0; }
.me-frame__slides .me-frame__slide:first-child:not(.is-on):not(:only-child) { opacity: 0; }
.me-frame__slides:not(:has(.is-on)) .me-frame__slide:first-child { opacity: 1; }


/* ─── 33. SPALTENZAHL = KARTENZAHL (29.09.) ───────────────────
   Kein leerer Slot mehr: Grids mit 1–4 Kindern spannen exakt so viele Spalten auf, wie Karten da sind.
   Gilt für Level (Unterseiten mit 4 statt 5), Cases, Foils, Services, FAQ, Factors. Tablet/Mobil aus §29. */
@media (min-width: 1140px) {
  .me-levels:not(.me-levels--stack):has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .me-levels:not(.me-levels--stack):has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .me-services:has(> :nth-child(4):last-child), .me-qa:has(> :nth-child(4):last-child), .me-cases:has(> :nth-child(4):last-child), .me-foils:has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .me-services:has(> :nth-child(2):last-child), .me-qa:has(> :nth-child(2):last-child), .me-cases:has(> :nth-child(2):last-child), .me-foils:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .me-services:has(> :nth-child(3):last-child), .me-qa:has(> :nth-child(3):last-child), .me-cases:has(> :nth-child(3):last-child), .me-foils:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  /* 5 Karten in 3er-Grid → letzte Reihe 2 Karten mittig (2×3-Raster mit span 3) */
  .me-qa:has(> :nth-child(5):last-child), .me-cases:has(> :nth-child(5):last-child), .me-services:has(> :nth-child(5):last-child) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .me-qa:has(> :nth-child(5):last-child) > *, .me-cases:has(> :nth-child(5):last-child) > *, .me-services:has(> :nth-child(5):last-child) > * { grid-column: span 2; }
  .me-qa:has(> :nth-child(5):last-child) > :nth-child(4), .me-cases:has(> :nth-child(5):last-child) > :nth-child(4), .me-services:has(> :nth-child(5):last-child) > :nth-child(4) { grid-column: 2 / span 2; }
  /* 7 Karten (4er-Grid) → letzte Reihe 3 mittig: 8er-Raster */
  .me-foils:has(> :nth-child(7):last-child) { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .me-foils:has(> :nth-child(7):last-child) > * { grid-column: span 2; }
  .me-foils:has(> :nth-child(7):last-child) > :nth-child(5) { grid-column: 2 / span 2; }
}
@media (max-width: 1139px) and (min-width: 768px) {
  /* Tablet 2-spaltig: ungerade Anzahl → letzte Karte volle Breite */
  .me-levels:not(.me-levels--stack) > :nth-child(odd):last-child, .me-cases > :nth-child(odd):last-child, .me-foils > :nth-child(odd):last-child,
  .me-services > :nth-child(odd):last-child, .me-qa > :nth-child(odd):last-child { grid-column: 1 / -1; }
}


/* ─── 34. EINHEITLICHER SEKTIONS-RHYTHMUS + MOBIL (29.09.) ────
   Ein Wert für alle Content-Sektionen (statt 48/56/60/64 gemischt, teils nur unten):
   Desktop 72 · Tablet 56 · Mobil 44 px oben UND unten. Hero/Brands/Footer/Full-bleed haben eigene Regeln.
   Inner-Padding (Container) Desktop 56 · Tablet 32 · Mobil 18 px. Karten-Padding Mobil einheitlich 16 px. */
:root { --me-sec: 72px; --me-gutter: clamp(20px, 3.4vw, 56px); --me-card-pad: 22px; --me-gap: 14px; }
@media (max-width: 1139px) { :root { --me-sec: 56px; --me-gutter: 32px; --me-card-pad: 18px; --me-gap: 12px; } }
@media (max-width: 767px)  { :root { --me-sec: 44px; --me-gutter: 18px; --me-card-pad: 16px; --me-gap: 10px; } }

#top .avia-section.me-section:not(.me-brands-sec):not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-footer-sec) { padding: var(--me-sec) 0 !important; }
/* Zwei aufeinanderfolgende Content-Sektionen: Abstand = 1× --me-sec (nicht 2×) → obere Kante der Folge-Sektion auf 0 */
#top .avia-section.me-section + .avia-section.me-section:not(.me-brands-sec):not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-footer-sec) { padding-top: 0 !important; }
/* Ausnahme: nach Vollbild-Heros (padding 0) braucht die Folge-Sektion ihren oberen Abstand */
#top .avia-section.me-section.me-hero2-sec + .avia-section.me-section:not(.me-brands-sec):not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-footer-sec),
#top .avia-section.me-section.me-hero3-sec + .avia-section.me-section:not(.me-brands-sec):not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-footer-sec),
#top .avia-section.me-section.me-hero4-sec + .avia-section.me-section:not(.me-brands-sec):not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-footer-sec),
#top .avia-section.me-section.me-hero5-sec + .avia-section.me-section:not(.me-brands-sec):not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-footer-sec),
#top .avia-section.me-section.me-revhero-sec + .avia-section.me-section:not(.me-brands-sec):not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-footer-sec) { padding-top: var(--me-sec) !important; }
#top .avia-section.me-brands-sec + .avia-section.me-section { padding-top: var(--me-sec) !important; }
#top .av-layout-grid-container + .avia-section.me-section:not(.me-brands-sec) { padding-top: var(--me-sec) !important; }
#top .avia-section.me-section > .container { padding: 0 var(--me-gutter) !important; }
#top #footer .container, #top #socket .container { padding-left: var(--me-gutter) !important; padding-right: var(--me-gutter) !important; }
#top .avia-section.me-brands-sec { padding: 16px 0 !important; }
#top .avia-section.me-footer-sec { padding: calc(var(--me-sec) * .6) 0 !important; }
/* Überschriften-Abstände einheitlich */
.me-section .me-label:first-child, .me-section .me-crumb { margin-bottom: 14px; }
.me-sechead { margin: 0 0 32px; }
#top .me-h2--sub, #top .me-section > .container .me-h2:not(.me-sechead__h2):not(.me-refs__head .me-h2) { margin: 0 0 24px !important; }
.me-endline, .me-checkrow { margin-top: 20px; }
/* Karten-Innenabstand + Gaps vereinheitlicht */
.me-level, .me-svc, .me-case, .me-foil, .me-qa__item, .me-compare__panel, .me-loc, .me-review, .me-factor, .me-sidepanel, .me-lv4__item { padding: var(--me-card-pad) !important; }
.me-levels, .me-services, .me-cases, .me-foils, .me-qa, .me-compare, .me-locs, .me-factors, .me-refs, .me-lv4__list, .me-checkgrid { gap: var(--me-gap) !important; }
#top .me-refgrid .slide-entry-wrap { gap: var(--me-gap) !important; }
.me-glowbox, .me-glowbox--left { padding: calc(var(--me-card-pad) + 10px) !important; }

@media (max-width: 767px) {
  /* Hero (V1/Unterseiten): Text-Block Padding vereinheitlicht, Frame ohne Extra-Rahmen */
  /* 26.10.: kein Hochziehen mehr (Breadcrumb/H1 lagen im Bild), Text beginnt 28 px unter dem Bild */
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body { padding: 28px var(--me-gutter) var(--me-sec) !important; margin-top: 0 !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body { padding: 24px var(--me-gutter) var(--me-sec) !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__media,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__media { padding: var(--me-sec) var(--me-gutter) 0 !important; }
  .me-hero__frame .me-frame__img { height: auto; aspect-ratio: 4 / 3; min-height: 390px; max-height: 560px; object-fit: cover; } /* 27.10.: +50 % Höhe (mind. 390 px, Bild bleibt 4:3-Ausschnitt) */
  .me-h1, #top h1 { margin-bottom: 16px !important; }
  .me-lede { margin-bottom: 22px; }
  .me-cta-row { display: grid; gap: 10px; margin-bottom: 18px; }
  .me-cta-row .me-btn { width: 100%; min-height: 48px; }
  .me-trust { gap: 8px 16px; justify-content: flex-start; }
  .me-sechead { margin-bottom: 22px; }
  .me-sechead__copy { margin-top: 8px; }
  /* Final-Block (Glowbox + Sidepanel) untereinander, gleiche Innenabstände */
  .me-final { grid-template-columns: minmax(0, 1fr); gap: var(--me-gap); }
  .me-glowbox, .me-glowbox--left { padding: var(--me-card-pad) !important; }
  .me-person { margin-top: 20px; }
  /* Referenz-Grid: Bild 3:2, Titel darunter — Abstand wie Karten */
  #top .me-refgrid .slide-entry { margin-bottom: 0 !important; }
  /* Tabellen/Factors: einspaltig, Key über Value */
  .me-factor { grid-template-columns: minmax(0, 1fr) !important; row-gap: 4px; }
  /* Footer */
  .me-footgrid { gap: 24px; }
  .me-foottrust { gap: 20px; padding-bottom: 20px; margin-bottom: 20px; }
  /* Sticky-CTA-Höhe als Body-Abstand */
  body.me-has-sticky #footer { padding-bottom: 8px !important; }
  #top #socket .container { padding-top: 14px !important; padding-bottom: calc(14px + 74px) !important; }
}
@media (max-width: 1139px) and (min-width: 768px) {
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body { padding: var(--me-sec) 24px var(--me-sec) var(--me-gutter) !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body { padding: var(--me-sec) var(--me-gutter) var(--me-sec) 24px !important; }
  .me-cta-row .me-btn { min-height: 48px; }
}

/* ============================================================
   §35 HERO V4 (LICHTKANAL) IM BOXED-LAYOUT
   Der 100vw-Ausbruch (§ Hero-Vollbreite) wird von #wrap_all (boxed, 1410px,
   overflow-x: clip) beschnitten → Text/HUD laufen links/rechts aus dem Bild.
   Lösung: In .boxed bleibt der Hero in der Box (volle Boxbreite, kein Shift),
   der Inhalt wird zusätzlich auf die Containerbreite zentriert.
   ============================================================ */
#top.boxed .avia-section.me-hero4-sec,
#top .boxed .avia-section.me-hero4-sec,
#top.boxed .avia-section.me-hero5-sec,
#top .boxed .avia-section.me-hero5-sec {
  width: 100% !important; max-width: 100% !important;
  left: auto !important; margin-left: 0 !important;
  box-shadow: none !important;
}
.me-hero4__inner { max-width: 1410px; margin: 0 auto; width: 100%; box-sizing: border-box; }
.me-hero4 > .me-ticker { max-width: 1410px; margin-left: auto; margin-right: auto; }
@media (max-width: 1139px) { .me-hero4__inner { padding-left: var(--me-gutter, 32px); padding-right: var(--me-gutter, 32px); } }

/* ============================================================
   §36 STARTSEITE V5 — „FUTURE“ (Kommandozentrale)
   Neue Bereiche: Hero 5 mit Telemetrie-Rail · Impact-Scanner (Vorher/Nachher)
   · Coverage-Ring (Schutzlevel) · Material-Lab (Folien-Matrix) · Prozess-Timeline
   · Stimmen-Ticker · Live-Kalkulation-CTA. Reines CSS + 1 Inline-Script pro Block.
   Nutzt Variablen aus §1 und Rhythmus aus §34. prefers-reduced-motion respektiert.
   ============================================================ */
#top .avia-section.me-section.me-hero5-sec > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
#top .avia-section.me-section.me-hero5-sec { padding: 0 !important; }
.me-hero5 { --mx: 50%; --my: 40%; position: relative; min-height: clamp(640px, 92vh, 960px); display: grid; grid-template-rows: 1fr auto; overflow: hidden; background: var(--me-bg); isolation: isolate; }
.me-hero5__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.7) contrast(1.08) brightness(.8); z-index: 0; }
.me-hero5__shade { position: absolute; inset: 0; z-index: 1; background: radial-gradient(520px 420px at var(--mx) var(--my), rgba(201,179,126,.16), transparent 70%), linear-gradient(90deg, rgba(8,9,11,.92) 0%, rgba(8,9,11,.6) 45%, rgba(8,9,11,.35) 100%), linear-gradient(180deg, rgba(8,9,11,.5), rgba(8,9,11,.15) 40%, rgba(8,9,11,.95)); }
.me-hero5__grid { position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: .5; background-image: linear-gradient(rgba(201,179,126,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(201,179,126,.07) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(60% 60% at 60% 45%, #000 30%, transparent 100%); }
.me-hero5__hline { position: absolute; top: 0; bottom: 0; width: 1px; z-index: 2; background: linear-gradient(180deg, transparent, rgba(201,179,126,.7), transparent); box-shadow: 0 0 16px rgba(201,179,126,.5); pointer-events: none; animation: me-hscan 7s linear infinite; } /* 07.10.: läuft links → rechts */
@keyframes me-hscan { 0% { left: -2%; opacity: 0 } 8% { opacity: 1 } 60% { left: 102%; opacity: 1 } 61%, 100% { left: 102%; opacity: 0 } }
.me-hero5__inner { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px 56px; align-items: end; max-width: 1410px; width: 100%; box-sizing: border-box; margin: 0 auto; padding: clamp(120px, 15vh, 180px) var(--me-gutter, 56px) 40px; }
.me-hero5__tag { display: inline-flex; align-items: center; gap: 12px; font-family: var(--me-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-acc); margin-bottom: 22px; }
.me-hero5__tag::before { content: ""; width: 34px; height: 1px; background: var(--me-acc); box-shadow: 0 0 10px var(--me-acc); }
.me-hero5__h1 { font-family: var(--me-sans); font-weight: 700; font-size: clamp(48px, 7.4vw, 118px); line-height: .92; letter-spacing: -.035em; margin: 0 0 26px; color: var(--me-text); text-transform: uppercase; }
.me-hero5__h1 .is-outline { color: transparent; -webkit-text-stroke: 1.5px rgba(237,233,225,.75); }
.me-hero5__h1 .is-acc { color: var(--me-acc); text-shadow: 0 0 40px rgba(201,179,126,.45); }
.me-hero5__lede { max-width: 580px; margin: 0 0 32px; color: var(--me-text); }
.me-hero5__cta { margin: 0; }
.me-rail5 { display: grid; gap: 1px; background: rgba(201,179,126,.16); border: 1px solid rgba(201,179,126,.2); backdrop-filter: blur(8px); }
.me-rail5__head { font-family: var(--me-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-acc); padding: 12px 16px; background: rgba(8,9,11,.8); display: flex; justify-content: space-between; }
.me-rail5__head::after { content: "● LIVE"; animation: me-pulse 2.2s ease-in-out infinite; }
.me-rail5__row { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 12px; padding: 14px 16px; background: rgba(8,9,11,.74); }
.me-rail5__k { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--me-text-3); }
.me-rail5__v { font-family: var(--me-mono); font-weight: 500; font-size: 22px; color: var(--me-text); font-variant-numeric: tabular-nums; }
.me-rail5__v small { font-size: 12px; color: var(--me-acc); margin-left: 4px; }
.me-rail5__bar { grid-column: 1 / -1; height: 2px; background: rgba(255,255,255,.08); overflow: hidden; }
.me-rail5__bar i { display: block; height: 100%; width: var(--w, 0%); background: var(--me-acc); box-shadow: 0 0 8px var(--me-acc); transition: width 1.6s cubic-bezier(.2,.8,.2,1); }
.me-hero5__status { position: relative; z-index: 3; border-top: 1px solid rgba(201,179,126,.2); background: rgba(8,9,11,.85); display: grid; grid-template-columns: auto 1fr; align-items: center; }
.me-hero5__sys { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-acc); padding: 14px var(--me-gutter, 56px); border-right: 1px solid rgba(201,179,126,.2); white-space: nowrap; }
.me-hero5__status .me-ticker { border: 0; background: transparent; }
/* Impact-Scanner */
.me-scan5 { position: relative; aspect-ratio: 16 / 8; min-height: 320px; overflow: hidden; border: 1px solid var(--me-line); background: #0b0d10; user-select: none; touch-action: pan-y; }
.me-scan5__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.me-scan5__after { clip-path: inset(0 0 0 var(--x, 50%)); }
.me-scan5__handle { position: absolute; top: 0; bottom: 0; left: var(--x, 50%); width: 1px; background: var(--me-acc); box-shadow: 0 0 18px 2px rgba(201,179,126,.55); z-index: 3; }
.me-scan5__handle::after { content: "◂ ▸"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-family: var(--me-mono); font-size: 12px; letter-spacing: .1em; color: var(--me-acc-ink); background: var(--me-acc); padding: 10px 12px; border-radius: var(--me-radius); white-space: nowrap; }
.me-scan5__range { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; z-index: 4; margin: 0; }
.me-scan5__tag { position: absolute; top: 16px; font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; padding: 8px 12px; background: rgba(8,9,11,.8); border: 1px solid var(--me-line); z-index: 2; }
.me-scan5__tag--l { left: 16px; color: var(--me-text-2); } .me-scan5__tag--r { right: 16px; color: var(--me-acc); border-color: rgba(201,179,126,.35); }
.me-scan5__hud { position: absolute; left: 16px; bottom: 16px; right: 16px; display: flex; gap: var(--me-gap, 14px); flex-wrap: wrap; z-index: 2; }
.me-scan5__hud span { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .1em; color: var(--me-text-2); background: rgba(8,9,11,.8); border: 1px solid var(--me-line); padding: 8px 12px; }
.me-scan5__hud b { color: var(--me-acc); font-weight: 500; }
/* Coverage-Ring */
.me-ring5 { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--me-gap, 14px) 48px; align-items: center; }
.me-ring5__stage { position: relative; display: grid; place-items: center; aspect-ratio: 1; max-width: 460px; margin: 0 auto; width: 100%; }
.me-ring5__svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.me-ring5__track { fill: none; stroke: rgba(255,255,255,.08); stroke-width: 6; }
.me-ring5__arc { fill: none; stroke: var(--me-acc); stroke-width: 6; stroke-linecap: butt; stroke-dasharray: 100 100; stroke-dashoffset: 80; filter: drop-shadow(0 0 10px rgba(201,179,126,.5)); transition: stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1); }
.me-ring5__ticks { fill: none; stroke: rgba(201,179,126,.35); stroke-width: 1; stroke-dasharray: 1 5.3; }
.me-ring5__center { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 18%; }
.me-ring5__pct { font-family: var(--me-mono); font-weight: 500; font-size: clamp(44px, 6vw, 72px); line-height: 1; color: var(--me-text); font-variant-numeric: tabular-nums; }
.me-ring5__pct small { font-size: .4em; color: var(--me-acc); }
.me-ring5__lvl { font-family: var(--me-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-acc); margin-top: 10px; }
.me-ring5__name { font-family: var(--me-sans); font-weight: 700; font-size: clamp(20px, 2vw, 26px); color: var(--me-text); margin-top: 6px; }
.me-ring5__render { position: absolute; inset: 22%; object-fit: contain; width: 56%; height: 56%; opacity: 0; transition: opacity .5s; pointer-events: none; }
.me-ring5__render.is-on { opacity: .35; }
/* Material-Lab */
.me-lab5 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--me-gap, 14px); }
.me-lab5__card { position: relative; padding: var(--me-card-pad, 22px); border: 1px solid var(--me-line); background: var(--me-panel); display: grid; gap: 14px; transition: border-color .25s, transform .25s; }
.me-lab5__card:hover { border-color: rgba(201,179,126,.45); transform: translateY(-2px); }
.me-lab5__card--top { border-color: rgba(201,179,126,.35); box-shadow: inset 0 1px 0 rgba(201,179,126,.35); }
.me-lab5__brand { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.me-lab5__brand img { height: 26px; width: auto; filter: brightness(0) invert(1); opacity: .9; }
.me-lab5__flag { font-family: var(--me-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-acc); }
.me-lab5__name { font-family: var(--me-sans); font-weight: 700; font-size: 19px; color: var(--me-text); }
.me-lab5__spec { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; font-family: var(--me-mono); font-size: 12px; letter-spacing: .06em; color: var(--me-text-3); }
.me-lab5__spec b { color: var(--me-text); font-weight: 500; }
.me-lab5__bar { grid-column: 1 / -1; height: 3px; background: rgba(255,255,255,.08); }
.me-lab5__bar i { display: block; height: 100%; width: var(--w, 50%); background: linear-gradient(90deg, rgba(201,179,126,.5), var(--me-acc)); }
.me-lab5__foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 12px; border-top: 1px solid var(--me-line-soft); font-size: 13px; color: var(--me-text-2); }
/* Prozess-Timeline */
.me-phase5 { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--me-gap, 14px); padding-top: 34px; }
.me-phase5::before { content: ""; position: absolute; top: 12px; left: 0; right: 0; height: 1px; background: var(--me-line); }
.me-phase5__line { position: absolute; top: 12px; left: 0; height: 1px; width: var(--p, 0%); background: var(--me-acc); box-shadow: 0 0 10px var(--me-acc); transition: width 1.4s cubic-bezier(.2,.8,.2,1); }
.me-phase5__step { position: relative; display: grid; gap: 8px; padding: 0 4px; }
.me-phase5__step::before { content: ""; position: absolute; top: -26px; left: 4px; width: 9px; height: 9px; background: var(--me-bg); border: 1px solid var(--me-acc); transform: rotate(45deg); }
.me-phase5__step.is-on::before { background: var(--me-acc); box-shadow: 0 0 10px var(--me-acc); }
.me-phase5__num { font-family: var(--me-mono); font-size: 12px; letter-spacing: .14em; color: var(--me-acc); }
.me-phase5__t { font-family: var(--me-sans); font-weight: 700; font-size: 17px; color: var(--me-text); }
.me-phase5__d { font-size: 14px; line-height: 1.5; color: var(--me-text-2); }
.me-phase5__time { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .1em; color: var(--me-text-3); }
/* Stimmen-Ticker */
.me-voices5 { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.me-voices5__track { display: flex; gap: var(--me-gap, 14px); width: max-content; animation: me-voices 46s linear infinite; }
.me-voices5:hover .me-voices5__track { animation-play-state: paused; }
@keyframes me-voices { to { transform: translateX(-50%); } }
.me-voice5 { width: 360px; flex: 0 0 auto; padding: var(--me-card-pad, 22px); border: 1px solid var(--me-line); background: var(--me-panel); display: grid; gap: 12px; }
.me-voice5__stars { font-family: var(--me-mono); font-size: 12px; letter-spacing: .2em; color: var(--me-acc); }
.me-voice5__q { font-size: 15px; line-height: 1.55; color: var(--me-text); margin: 0; }
.me-voice5__m { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--me-text-3); }
/* Live-Kalkulation CTA */
.me-calc5 { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: var(--me-gap, 14px) 48px; align-items: center; padding: clamp(28px, 4vw, 56px); border: 1px solid rgba(201,179,126,.3); background: radial-gradient(600px 300px at 20% 0%, rgba(201,179,126,.12), transparent 70%), var(--me-panel); overflow: hidden; }
.me-calc5::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(201,179,126,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(201,179,126,.05) 1px, transparent 1px); background-size: 48px 48px; }
.me-calc5__demo { position: relative; z-index: 1; display: grid; gap: 1px; background: rgba(201,179,126,.16); border: 1px solid rgba(201,179,126,.2); }
.me-calc5__row { display: grid; grid-template-columns: 1fr auto; padding: 14px 16px; background: rgba(8,9,11,.85); font-family: var(--me-mono); font-size: 12.5px; letter-spacing: .08em; color: var(--me-text-2); }
.me-calc5__row b { color: var(--me-text); font-weight: 500; }
.me-calc5__row--sum { color: var(--me-acc); } .me-calc5__row--sum b { color: var(--me-acc); font-size: 20px; }
@media (max-width: 1139px) {
  .me-hero5__inner { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .me-rail5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .me-rail5__head { grid-column: 1 / -1; }
  .me-ring5, .me-calc5 { grid-template-columns: minmax(0, 1fr); }
  .me-lab5 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
  .me-phase5 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
  .me-phase5::before, .me-phase5__line { display: none; } .me-phase5 { padding-top: 0; } .me-phase5__step { padding-left: 20px; } .me-phase5__step::before { top: 6px; left: 0; }
}
@media (max-width: 767px) {
  .me-hero5 { min-height: 0; } .me-hero5__inner { padding: 96px var(--me-gutter, 18px) 28px; gap: 24px; }
  .me-hero5__h1 { font-size: clamp(40px, 12vw, 56px); } .me-hero5__cta { display: grid; }
  .me-rail5 { grid-template-columns: minmax(0, 1fr); }
  .me-hero5__status { grid-template-columns: minmax(0, 1fr); } .me-hero5__sys { border-right: 0; border-bottom: 1px solid rgba(201,179,126,.2); padding: 10px var(--me-gutter, 18px); }
  .me-hero5__grid, .me-hero5__hline { display: none; }
  .me-scan5 { aspect-ratio: 4 / 3; } .me-scan5__hud { display: none; }
  .me-voice5 { width: 280px; }
}
@media (prefers-reduced-motion: reduce) {
  .me-hero5__video { display: none; } .me-hero5 { background: url(/wp-content/uploads/me-start-hero.jpg) center/cover; }
  .me-hero5__hline, .me-rail5__head::after { animation: none; }
  .me-voices5__track { animation: none; width: auto; flex-wrap: wrap; } .me-voices5 { mask-image: none; }
  .me-ring5__arc, .me-phase5__line, .me-rail5__bar i { transition: none; }
}

/* ============================================================
   §37 STARTSEITE V6 — „FUTURE II“ (Orbit)
   Erbt komplett §36 (V5) und ergänzt: Hero mit Parallax-Tiefe & Aurora,
   Silber-Logos (04-bilder/logos/silber/*), 6 Referenzen (Bento),
   Ratgeber-Matrix (6 Felder, ohne Links), Story-Galerie „Best of Über uns“.
   ============================================================ */
.me-hero6 { --mx: 50%; --my: 40%; }
.me-hero6 .me-hero5__shade { background: radial-gradient(640px 480px at var(--mx) var(--my), rgba(201,179,126,.22), transparent 70%), linear-gradient(90deg, rgba(8,9,11,.94) 0%, rgba(8,9,11,.62) 48%, rgba(8,9,11,.3) 100%), linear-gradient(180deg, rgba(8,9,11,.55), rgba(8,9,11,.1) 40%, rgba(8,9,11,.97)); }
.me-hero6__aurora { position: absolute; inset: -20% -10%; z-index: 1; pointer-events: none; opacity: .55; mix-blend-mode: screen; background: conic-gradient(from 200deg at 70% 30%, transparent 0 40%, rgba(201,179,126,.35) 50%, transparent 60%), radial-gradient(40% 30% at 80% 20%, rgba(201,179,126,.25), transparent 70%); filter: blur(60px); animation: me-aurora 18s ease-in-out infinite alternate; }
@keyframes me-aurora { from { transform: translate3d(-3%, -2%, 0) rotate(-2deg); } to { transform: translate3d(3%, 3%, 0) rotate(3deg); } }
.me-hero6__orbit { position: absolute; z-index: 2; right: -8%; top: 8%; width: min(62vw, 900px); aspect-ratio: 1; pointer-events: none; opacity: .5; }
.me-hero6__orbit circle { fill: none; stroke: rgba(201,179,126,.25); stroke-width: .3; }
.me-hero6__orbit .o1 { stroke-dasharray: 1 3; animation: me-spin 60s linear infinite; transform-origin: 50% 50%; }
.me-hero6__orbit .o2 { stroke-dasharray: 8 14; animation: me-spin 90s linear infinite reverse; transform-origin: 50% 50%; }
.me-hero6__orbit .o3 { stroke: rgba(201,179,126,.5); stroke-dasharray: .6 99.4; stroke-width: 1.4; stroke-linecap: round; animation: me-spin 14s linear infinite; transform-origin: 50% 50%; }
@keyframes me-spin { to { transform: rotate(360deg); } }
.me-hero6 .me-hero5__h1 { font-size: clamp(52px, 8.2vw, 132px); line-height: .96; }
.me-hero6 .me-hero5__h1 .is-glass { background: linear-gradient(180deg, #F2F5F6 0%, #B8C0C6 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.me-hero6__kicker { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 26px; font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-text-3); }
.me-hero6__kicker b { color: var(--me-text); font-weight: 500; }
.me-hero6 .me-rail5 { transform: perspective(900px) rotateY(-6deg); transform-origin: right center; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.me-hero6:hover .me-rail5 { transform: perspective(900px) rotateY(0); }
.me-hero6 .me-hero5__status { background: rgba(8,9,11,.92); }
/* Silber-Logos: keine Filter, native Silber-PNG */
.me-silver .me-brands__logo, .me-silver .me-lab5__brand img { filter: none !important; opacity: .95; }
.me-silver .me-brands__logo { height: 34px; }
/* Referenzen: 6 Beiträge im V1-Grid (3 Spalten). Enfold rendert items='6' als zwei .slide-entry-wrap-Reihen —
   die globale Regel blendet Reihe 2 aus (items='3'); hier wieder freigeben und Reihen mit Gap stapeln. */
#top .me-refs6 .me-refgrid .slide-entry-wrap:not(:first-child) { display: grid !important; margin-top: var(--me-gap, 14px) !important; }
.me-refs6__meta { display: flex; gap: var(--me-gap, 14px); flex-wrap: wrap; font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--me-text-3); margin-bottom: 18px; }
.me-refs6__meta b { color: var(--me-acc); font-weight: 500; }
/* Ratgeber-Matrix */
.me-guide6 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--me-line); border: 1px solid var(--me-line); }
.me-guide6__cell { position: relative; padding: calc(var(--me-card-pad, 22px) + 6px) var(--me-card-pad, 22px); background: var(--me-bg); display: grid; gap: 12px; align-content: start; min-height: 200px; transition: background .3s; }
.me-guide6__cell:hover { background: var(--me-panel); }
.me-guide6__cell::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--me-acc); transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.me-guide6__cell:hover::after { transform: scaleX(1); }
.me-guide6__idx { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .16em; color: var(--me-acc); }
.me-guide6__t { font-family: var(--me-sans); font-weight: 700; font-size: 19px; line-height: 1.2; color: var(--me-text); }
.me-guide6__d { font-size: 14.5px; line-height: 1.55; color: var(--me-text-2); margin: 0; text-wrap: pretty; }
/* Story-Galerie */
.me-story6 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: 120px; gap: var(--me-gap, 14px); }
.me-story6__item { position: relative; overflow: hidden; border: 1px solid var(--me-line); background: var(--me-panel); grid-column: span 3; grid-row: span 2; }
.me-story6__item--w { grid-column: span 6; } .me-story6__item--t { grid-row: span 3; }
.me-story6__item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.75) contrast(1.05); transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .5s; }
.me-story6__item:hover img { transform: scale(1.04); filter: saturate(1) contrast(1.05); }
.me-story6__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 16px; display: grid; gap: 3px; background: linear-gradient(180deg, transparent, rgba(8,9,11,.92)); }
.me-story6__y { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .16em; color: var(--me-acc); }
.me-story6__t { font-family: var(--me-sans); font-weight: 700; font-size: 15px; color: var(--me-text); line-height: 1.25; }
@media (max-width: 1139px) {
  .me-hero6__orbit { right: -30%; top: 0; width: 90vw; opacity: .3; }
  .me-hero6 .me-rail5 { transform: none; }
  .me-guide6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .me-story6 { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: 110px; }
}
@media (max-width: 767px) {
  .me-hero6__orbit, .me-hero6__aurora { display: none; }
  .me-hero6 .me-hero5__h1 { font-size: clamp(42px, 13vw, 60px); }
  .me-guide6 { grid-template-columns: minmax(0, 1fr); }
  .me-story6 { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 90px; }
  .me-story6__item, .me-story6__item--w { grid-column: span 1; } .me-story6__item--t, .me-story6__item { grid-row: span 2; }
}
@media (prefers-reduced-motion: reduce) { .me-hero6__aurora, .me-hero6__orbit circle { animation: none; } .me-hero6 .me-rail5 { transform: none; } }

/* ============================================================
   §38 LACKSCHUTZ-HUB V2 — „LEVEL FOCUS“ (Stil V6)
   Erbt §36/§37. Neu: Level-Rail im Hero, Zonen-Matrix, Profil-Matcher, Folien-Aufbau.
   ============================================================ */
.me-hero7 .me-hero5__h1 { font-size: clamp(48px, 7.2vw, 112px); }
.me-lvrail { display: grid; gap: 1px; background: rgba(201,179,126,.16); border: 1px solid rgba(201,179,126,.2); backdrop-filter: blur(8px); }
.me-lvrail__row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 12px 16px; background: rgba(8,9,11,.78); color: inherit; text-decoration: none; transition: background .25s; }
.me-lvrail__row:hover { background: rgba(201,179,126,.12); }
.me-lvrail__n { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .12em; color: var(--me-acc); }
.me-lvrail__name { font-family: var(--me-sans); font-weight: 700; font-size: 14.5px; color: var(--me-text); }
.me-lvrail__pct { font-family: var(--me-mono); font-size: 13px; color: var(--me-text-2); font-variant-numeric: tabular-nums; }
.me-lvrail__bar { grid-column: 1 / -1; height: 2px; background: rgba(255,255,255,.08); }
.me-lvrail__bar i { display: block; height: 100%; width: var(--w, 0%); background: var(--me-acc); box-shadow: 0 0 8px var(--me-acc); }
/* Zonen-Matrix */
.me-matrix { display: grid; grid-template-columns: minmax(160px, 1.4fr) repeat(5, minmax(0, 1fr)); gap: 1px; background: var(--me-line); border: 1px solid var(--me-line); font-family: var(--me-mono); font-size: 12.5px; letter-spacing: .04em; }
.me-matrix > * { background: var(--me-bg); padding: 12px 14px; display: flex; align-items: center; min-height: 44px; }
.me-matrix__h { color: var(--me-acc); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; justify-content: center; text-align: center; background: var(--me-panel) !important; }
.me-matrix__h:first-child { justify-content: flex-start; text-align: left; }
.me-matrix__z { color: var(--me-text); font-family: var(--me-sans); font-size: 14px; font-weight: 500; }
.me-matrix__c { justify-content: center; color: var(--me-text-3); }
.me-matrix__c.is-on { color: var(--me-acc); background: rgba(201,179,126,.06); }
.me-matrix__c.is-on::before { content: "■"; font-size: 10px; text-shadow: 0 0 8px var(--me-acc); }
.me-matrix__c:not(.is-on)::before { content: "·"; }
.me-matrix__c.is-col { background: rgba(201,179,126,.1); }
.me-matrix__foot { grid-column: 1 / -1; font-size: 12px; color: var(--me-text-3); }
/* Profil-Matcher */
.me-match { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--me-gap, 14px); }
.me-match__card { position: relative; padding: var(--me-card-pad, 22px); border: 1px solid var(--me-line); background: var(--me-panel); display: grid; gap: 12px; align-content: start; color: inherit; text-decoration: none; transition: border-color .25s, transform .25s; }
.me-match__card:hover { border-color: rgba(201,179,126,.45); transform: translateY(-2px); }
.me-match__who { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-text-3); }
.me-match__t { font-family: var(--me-sans); font-weight: 700; font-size: 19px; line-height: 1.2; color: var(--me-text); }
.me-match__d { font-size: 14.5px; line-height: 1.55; color: var(--me-text-2); margin: 0; }
.me-match__lv { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--me-line-soft); display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-family: var(--me-mono); font-size: 12px; letter-spacing: .1em; color: var(--me-text-3); }
.me-match__lv b { color: var(--me-acc); font-weight: 500; font-size: 16px; }
/* Folien-Aufbau */
.me-layers { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--me-gap, 14px) 48px; align-items: center; }
.me-layers__stack { position: relative; display: grid; gap: 0; padding: 150px 40px 30px 230px; }
.me-layers__l { --d: 14px; position: relative; height: var(--d); margin-top: -2px; width: 100%; margin-left: 0; margin-right: 0; transform: translateY(calc(var(--i) * -28px)) skewX(-38deg); transform-origin: left bottom; background: linear-gradient(90deg, rgba(201,179,126,.32), rgba(201,179,126,.12)); border: 1px solid rgba(201,179,126,.55); box-shadow: 0 0 22px rgba(201,179,126,.12), inset 0 1px 0 rgba(255,255,255,.18); transition: transform .6s cubic-bezier(.2,.8,.2,1); font-size: 0; }
.me-layers__l::before { content: ""; position: absolute; left: -1px; right: -1px; top: 100%; height: 10px; background: rgba(201,179,126,.16); border: 1px solid rgba(201,179,126,.35); border-top: 0; }
.me-layers__l:nth-child(1) { --d: 10px; background: linear-gradient(90deg, rgba(237,233,225,.42), rgba(237,233,225,.14)); border-color: rgba(237,233,225,.7); }
.me-layers__l:nth-child(2) { --d: 26px; }
.me-layers__l:nth-child(3) { --d: 8px; background: linear-gradient(90deg, rgba(201,179,126,.18), rgba(201,179,126,.06)); border-style: dashed; }
.me-layers__l:nth-child(4) { --d: 20px; background: linear-gradient(90deg, #2A3036, #15181C); border-color: rgba(237,233,225,.3); box-shadow: 0 18px 40px rgba(0,0,0,.6); }
.me-layers__l:nth-child(4)::before { background: #101316; border-color: rgba(237,233,225,.2); }
.me-layers__l::after { content: attr(data-label); position: absolute; right: calc(100% + 34px); top: 50%; transform: translateY(-50%) skewX(38deg); white-space: nowrap; font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-text-2); padding-right: 14px; border-right: 1px solid rgba(201,179,126,.45); line-height: 1; }
.me-layers__l:nth-child(4)::after { color: var(--me-text-3); }
.me-layers__stack:hover .me-layers__l { transform: translateY(calc(var(--i) * -44px)) skewX(-38deg); }
.me-layers__stack::after { content: "≈ 200 µm"; position: absolute; right: 0; bottom: 4px; font-family: var(--me-mono); font-size: 11px; letter-spacing: .14em; color: var(--me-acc); padding-top: 8px; border-top: 1px solid rgba(201,179,126,.35); }
.me-layers__list { display: grid; gap: 1px; background: var(--me-line); border: 1px solid var(--me-line); }
.me-layers__row { display: grid; grid-template-columns: 36px 1fr; gap: 14px; padding: 16px 18px; background: var(--me-bg); }
.me-layers__num { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .14em; color: var(--me-acc); padding-top: 3px; }
.me-layers__t { font-family: var(--me-sans); font-weight: 700; font-size: 16px; color: var(--me-text); margin-bottom: 4px; }
.me-layers__d { font-size: 14px; line-height: 1.5; color: var(--me-text-2); }
@media (max-width: 1139px) {
  .me-match { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .me-layers { grid-template-columns: minmax(0, 1fr); }
  .me-matrix { font-size: 11.5px; } .me-matrix > * { padding: 10px 8px; } .me-matrix__z { font-size: 13px; }
}
@media (max-width: 767px) {
  .me-match { grid-template-columns: minmax(0, 1fr); }
  .me-matrix { grid-template-columns: minmax(110px, 1.2fr) repeat(5, minmax(0, 1fr)); font-size: 10.5px; } .me-matrix > * { padding: 9px 4px; min-height: 40px; } .me-matrix__h { font-size: 9.5px; letter-spacing: .08em; }
  .me-layers__stack { padding: 130px 20px 30px 30px; } .me-layers__l { width: 82%; margin-left: auto; margin-right: 0; } .me-layers__l::after { right: auto; left: 0; top: auto; bottom: calc(100% + 12px); transform: skewX(38deg); border-right: 0; padding-right: 0; font-size: 10px; } .me-layers__stack::after { display: none; }
}
@media (prefers-reduced-motion: reduce) { .me-layers__stack:hover .me-layers__l { transform: translateY(calc(var(--i) * -28px)) skewX(-38deg); } }


/* ============================================================
   §39 DROPDOWN-SUBMENÜ „FUTURE“ (04.10.)
   Enfold-Standardmenü (kein Mega-Menü). Überschreibt die Submenü-Regeln aus §5
   (höhere Spezifität über ul.sub-menu). Enfold-Defaults, die hier weichen:
   ul + a je 208 px breit (→ Umbrüche), Separator-Border, Bullet-Span.
   Panel: Glas (blur) + 2 px Cyan-Topline · Einträge: einzeilig, Index 01…n per
   CSS-Counter, Hover = Index cyan + Text weiß · Elternpunkt: Caret ▾, Text weiß
   im Offen-Zustand (eine Cyan-Linie: die Panel-Topline) · Einblenden per Keyframe (unabhängig vom Enfold-JS), Stagger
   25 ms · 2. Ebene als Flyout rechts · Tastatur: focus-within öffnet.
   ============================================================ */
#top .av-main-nav li.menu-item-has-children { position: relative; }
#top .av-main-nav ul.sub-menu {
  width: max-content !important; min-width: 300px; max-width: none !important;   /* wächst mit dem längsten Eintrag */
  padding: 8px 0 !important; margin: 0 !important;
  background: rgba(12,13,15,.92) !important;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border: 1px solid var(--me-line) !important;
  border-top: 2px solid var(--me-acc) !important;
  box-shadow: 0 28px 48px -16px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04) !important;
  counter-reset: me-dd;
  animation: me-dd-in .2s cubic-bezier(.2,.7,.2,1) both;
}
/* 2. Ebene (z. B. Hersteller): Flyout rechts, Oberkante bündig mit dem Elterneintrag */
#top .av-main-nav ul.sub-menu ul.sub-menu {
  left: 100% !important; top: -9px !important;            /* 8 px Panel-Padding + 1 px Rahmen */
  min-width: 240px;
  border-top: 1px solid var(--me-line) !important;
}
@keyframes me-dd-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes me-dd-item { from { opacity: 0; transform: translateX(-4px); } to { opacity: 1; transform: none; } }
#top .av-main-nav ul.sub-menu li { position: relative; margin: 0; padding: 0; float: none; width: auto; }
#top .av-main-nav ul.sub-menu li a {
  position: relative; display: flex !important; align-items: baseline; gap: 14px;
  width: auto !important; max-width: none !important; min-height: 0 !important;
  padding: 11px 20px 11px 18px !important;
  white-space: nowrap;
  font-family: var(--me-mono) !important; font-weight: 500 !important;
  letter-spacing: .08em !important; line-height: 1.35 !important; text-transform: uppercase !important;
  color: var(--me-text-2) !important; background: transparent !important; border: 0 !important;
  text-decoration: none !important;
  transition: color .15s ease, background-color .15s ease;
  animation: me-dd-item .28s cubic-bezier(.2,.7,.2,1) both;
}
#top .av-main-nav ul.sub-menu li:nth-child(2) > a { animation-delay: 25ms; }
#top .av-main-nav ul.sub-menu li:nth-child(3) > a { animation-delay: 50ms; }
#top .av-main-nav ul.sub-menu li:nth-child(4) > a { animation-delay: 75ms; }
#top .av-main-nav ul.sub-menu li:nth-child(5) > a { animation-delay: 100ms; }
#top .av-main-nav ul.sub-menu li:nth-child(6) > a { animation-delay: 125ms; }
#top .av-main-nav ul.sub-menu li:nth-child(n+7) > a { animation-delay: 150ms; }
/* Index 01…n (ersetzt Enfolds Bullet) */
#top .av-main-nav ul.sub-menu li a .avia-bullet { display: none !important; }
#top .av-main-nav ul.sub-menu li a::before {
  counter-increment: me-dd; content: counter(me-dd, decimal-leading-zero);
  flex: 0 0 auto; font-size: 10.5px; letter-spacing: .12em; color: var(--me-text-3);
  transition: color .15s ease;
}
#top .av-main-nav ul.sub-menu li a .avia-menu-text { flex: 1 1 auto; min-width: 0; }
/* Haarlinie zwischen den Einträgen */
#top .av-main-nav ul.sub-menu li + li > a { box-shadow: inset 0 1px 0 var(--me-line-soft); }
/* Hover / Fokus / aktuelle Seite */
#top .av-main-nav ul.sub-menu li a:hover,
#top .av-main-nav ul.sub-menu li a:focus-visible,
#top .av-main-nav ul.sub-menu li:hover > a,
#top .av-main-nav ul.sub-menu li.current-menu-item > a,
#top .av-main-nav ul.sub-menu li.current_page_item > a,
#top .av-main-nav ul.sub-menu li.current-menu-ancestor > a {
  color: var(--me-text) !important; background: rgba(201,179,126,.05) !important;
}
#top .av-main-nav ul.sub-menu li a:hover::before,
#top .av-main-nav ul.sub-menu li a:focus-visible::before,
#top .av-main-nav ul.sub-menu li:hover > a::before,
#top .av-main-nav ul.sub-menu li.current-menu-item > a::before,
#top .av-main-nav ul.sub-menu li.current_page_item > a::before,
#top .av-main-nav ul.sub-menu li.current-menu-ancestor > a::before { color: var(--me-acc); }
#top .av-main-nav ul.sub-menu li a:focus-visible { outline: 1px solid var(--me-acc); outline-offset: -1px; }
/* Eintrag mit eigener 2. Ebene: Pfeil rechts */
#top .av-main-nav ul.sub-menu li.menu-item-has-children > a::after {
  content: "›"; margin-left: auto; padding-left: 14px; font-size: 15px; line-height: 1;
  color: var(--me-text-3); transition: color .15s ease, transform .15s ease;
}
#top .av-main-nav ul.sub-menu li.menu-item-has-children:hover > a::after,
#top .av-main-nav ul.sub-menu li.menu-item-has-children:focus-within > a::after { color: var(--me-acc); transform: translateX(2px); }
/* Elternpunkt (1. Ebene): Caret, Text weiß im Offen-Zustand — die einzige Cyan-Linie ist die Topline des Panels */
#top .av-main-nav > li.menu-item-has-children > a .avia-menu-text::after {
  content: "▾"; display: inline-block; margin-left: 7px; font-size: 10px; opacity: .55;
  transition: transform .2s ease, opacity .2s ease;
}
#top .av-main-nav > li.menu-item-has-children:hover > a .avia-menu-text::after,
#top .av-main-nav > li.menu-item-has-children:focus-within > a .avia-menu-text::after { opacity: 1; transform: translateY(1px); }
#top .av-main-nav > li:hover > a, #top .av-main-nav > li:focus-within > a { color: var(--me-text) !important; }
/* Tastatur: Dropdown bei Fokus öffnen (Enfold öffnet per JS nur bei Hover) */
#top .av-main-nav li:focus-within > ul.sub-menu { display: block; }
@media (prefers-reduced-motion: reduce) {
  #top .av-main-nav ul.sub-menu, #top .av-main-nav ul.sub-menu li a { animation: none; }
}

/* §39 Mobil / Burger-Overlay (≤ 1099 px, Enfold klont das Menü nach #av-burger-menu-ul) — 26.10. aufgeräumt:
   deckender Grund (Footer-Schwarz), linksbündige Liste im Gutter, Hauptpunkte Jost 600 / 20 px mit Trennlinie,
   Unterpunkte Mono 12.5 px mit Index 01…n an einer Goldlinie, Enfolds Auf/Zu-Indikator rechts in Gold, Menü-Button
   „Angebot“ als voller Gold-Button am Ende. Theme-Option: Burger-Untermenüs „ausgeblendet, per Klick öffnen“ —
   sonst stehen alle Unterpunkte offen (so sah es live aus). */
@media (max-width: 1099px) {
  #top .av-burger-overlay-bg { background: var(--me-bg-page) !important; opacity: .98 !important; }
  #top .av-burger-overlay-scroll { background: transparent !important; }
  #top .av-burger-overlay-inner { max-width: 560px; margin: 0 auto; padding: 0 var(--me-gutter, 18px) 48px; box-sizing: border-box; }
  #top #av-burger-menu-ul { background: transparent !important; text-align: left !important; margin: 0 !important; padding: 10px 0 0 !important; width: 100% !important; display: block !important; }
  #top #av-burger-menu-ul li { float: none !important; width: 100% !important; text-align: left !important; border: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
  #top #av-burger-menu-ul .avia-bullet, #top #av-burger-menu-ul .avia-menu-fx { display: none !important; }
  /* Hauptpunkte */
  #top #av-burger-menu-ul > li > a {
    position: relative; display: flex !important; align-items: center !important; justify-content: space-between; gap: 12px;
    width: 100% !important; min-height: 56px; padding: 14px 0 !important; margin: 0 !important; box-sizing: border-box;
    font-family: var(--me-sans) !important; font-weight: 600 !important; font-size: 20px !important; line-height: 1.2 !important;
    letter-spacing: 0 !important; text-transform: none !important; color: var(--me-text) !important;
    background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--me-line) !important;
    box-shadow: none !important; opacity: 1 !important; text-decoration: none !important;
  }
  #top #av-burger-menu-ul > li > a .avia-menu-text { font: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; color: inherit !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
  #top #av-burger-menu-ul > li > a .avia-menu-text::after, #top #av-burger-menu-ul li a::after { content: none !important; }
  #top #av-burger-menu-ul > li.current-menu-item > a, #top #av-burger-menu-ul > li.current-menu-ancestor > a,
  #top #av-burger-menu-ul > li.current_page_item > a, #top #av-burger-menu-ul > li.current_page_ancestor > a { color: var(--me-acc) !important; }
  /* Enfolds Auf/Zu-Indikator: rechts, 44 px Tap-Ziel, Gold */
  #top #av-burger-menu-ul .av-submenu-indicator {
    position: static !important; order: 2; flex: 0 0 44px; min-width: 44px; min-height: 44px; margin: -8px -10px -8px 0 !important; padding: 0 !important;
    display: flex !important; align-items: center; justify-content: center; color: var(--me-acc) !important; font-size: 18px; line-height: 1;
  }
  /* Unterpunkte */
  #top #av-burger-menu-ul ul.sub-menu {
    position: static !important; float: none !important; width: auto !important; min-width: 0 !important; max-width: none !important;
    margin: 6px 0 12px 2px !important; padding: 0 0 0 14px !important;
    background: transparent !important; border: 0 !important; border-left: 1px solid rgba(201,179,126,.45) !important; border-radius: 0 !important;
    box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; animation: none; opacity: 1 !important; visibility: visible !important; transform: none !important;
    counter-reset: me-dd;
  }
  #top #av-burger-menu-ul ul.sub-menu li a {
    display: flex !important; align-items: baseline; justify-content: flex-start; gap: 12px;
    width: auto !important; min-height: 44px !important; padding: 11px 8px !important; margin: 0 !important; box-sizing: border-box;
    font-family: var(--me-mono) !important; font-weight: 500 !important; font-size: 12.5px !important; line-height: 1.45 !important;
    letter-spacing: .1em !important; text-transform: uppercase !important; white-space: normal !important;
    color: var(--me-text-2) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; animation: none; opacity: 1 !important; text-decoration: none !important;
  }
  #top #av-burger-menu-ul ul.sub-menu li a .avia-menu-text { font: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; color: inherit !important; }
  #top #av-burger-menu-ul ul.sub-menu li a::before { counter-increment: me-dd; content: counter(me-dd, decimal-leading-zero); flex: 0 0 auto; font-size: 10.5px; letter-spacing: .12em; color: var(--me-text-3); }
  #top #av-burger-menu-ul ul.sub-menu li a:active, #top #av-burger-menu-ul ul.sub-menu li.current-menu-item > a, #top #av-burger-menu-ul ul.sub-menu li.current_page_item > a { color: var(--me-text) !important; }
  #top #av-burger-menu-ul ul.sub-menu li.current-menu-item > a::before, #top #av-burger-menu-ul ul.sub-menu li.current_page_item > a::before { color: var(--me-acc); }
  #top #av-burger-menu-ul ul.sub-menu .av-submenu-indicator { margin: -8px -4px -8px auto !important; }
  /* 2. Ebene (Hersteller & Folien): eine Stufe weiter, graue Linie */
  #top #av-burger-menu-ul ul.sub-menu ul.sub-menu { left: auto !important; top: auto !important; margin: 0 0 6px 6px !important; border-left-color: var(--me-line) !important; }
  /* Menü-Buttons (Angebot / Preise) im Overlay: voller Button, Abstand nach oben, keine Trennlinie */
  #top #av-burger-menu-ul > li.av-menu-button > a { margin-top: 20px !important; padding: 0 !important; min-height: 0; border-bottom: 0 !important; }
  #top #av-burger-menu-ul > li.av-menu-button > a .avia-menu-text {
    display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 50px; padding: 0 18px !important; box-sizing: border-box;
    font-family: var(--me-sans) !important; font-weight: 700 !important; font-size: 15px !important; border-radius: var(--me-radius);
  }
  #top #av-burger-menu-ul > li.av-menu-button-colored > a .avia-menu-text { background: var(--me-acc) !important; color: var(--me-acc-ink) !important; }
  #top #av-burger-menu-ul > li.av-menu-button-bordered > a .avia-menu-text { background: transparent !important; border: 1px solid var(--me-acc) !important; color: var(--me-acc) !important; }
  #top #av-burger-menu-ul > li.av-menu-button + li.av-menu-button > a { margin-top: 10px !important; }
}


/* ============================================================
   §40 MOBIL/TABLET-KONSISTENZ (04.10.) — Befund Live-Test Startseite V1
   1 Loch unter dem Header: Enfold stellt den Header ≤ 989 px statisch (position: relative);
     unser Sticky-Padding aus §5 (104 px auf #main) blieb stehen → 104 px Leerraum vor dem Hero.
   2 Seitenränder: Enfolds .responsive-Regel setzt .container auf 85 % Breite (≈ 32 px Rand)
     PLUS unser Gutter → Sektionen/Footer ~50 px, Hero-Zellen 18 px. Jetzt überall exakt
     --me-gutter (Desktop 56 · Tablet 32 · Mobil 18): Sektionen, Rasterreihen, Marken-Leiste,
     Referenzen, Footer, Socket — auch Desktop (Hero/Halle-Außenkanten 48 px → Gutter).
   3 Schutzlevel: .me-levels hatte unter 768 px keine Spaltenregel (blieb 5-spaltig, Karten
     nebeneinander, abgeschnitten) → eine Spalte, Zeilenkarten. Tablet: 2 Spalten, 5. Karte
     als Zeilenkarte über volle Breite statt 3-Spalten-Rest.
   ============================================================ */
/* 1 — kein Sticky-Padding, solange der Header statisch ist */
@media (max-width: 989px) {
  .html_header_top.html_header_sticky #top #main,
  .responsive #top #main { padding-top: 0 !important; }
}
/* 2 — ein Seitenrand für alles */
@media (max-width: 1139px) {
  .responsive #top #wrap_all .avia-section.me-section:not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-footer-sec--v3) > .container,
  .responsive #top #wrap_all .avia-section.me-section:not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec) .container.av-section-cont-open,
  .responsive #top #wrap_all .avia-section.me-brands-sec > .container,
  .responsive #top #wrap_all #footer .container,
  .responsive #top #wrap_all #socket .container {
    width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;
    padding-left: var(--me-gutter) !important; padding-right: var(--me-gutter) !important; box-sizing: border-box !important;
  }
}
@media (max-width: 989px) {
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__media,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__media { padding-left: var(--me-gutter) !important; padding-right: var(--me-gutter) !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__media { padding-left: 0 !important; padding-right: 0 !important; } /* Bildbühne bleibt full-bleed */
}
@media (min-width: 990px) {
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__media,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body { padding-left: var(--me-gutter) !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__media,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__media { padding-right: var(--me-gutter) !important; }
}
/* 3 — Schutzlevel */
@media (max-width: 767px) {
  .me-levels, .me-levels:not(.me-levels--stack) { grid-template-columns: minmax(0, 1fr) !important; }
  .me-level { grid-template-columns: 92px minmax(0, 1fr) max-content !important; }
  .me-level__price { white-space: nowrap; }
}
@media (max-width: 1139px) and (min-width: 768px) {
  .me-levels:not(.me-levels--stack) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .me-levels:not(.me-levels--stack) > .me-level:nth-child(odd):last-child {
    display: grid; grid-template-columns: 150px minmax(0, 1fr) max-content; grid-template-rows: auto auto auto auto;
    column-gap: 22px; align-items: center;
  }
  .me-levels:not(.me-levels--stack) > .me-level:nth-child(odd):last-child .me-level__render { grid-column: 1; grid-row: 1 / span 4; height: 84px; margin: 0; }
  .me-levels:not(.me-levels--stack) > .me-level:nth-child(odd):last-child .me-level__tag { grid-column: 2; grid-row: 1; }
  .me-levels:not(.me-levels--stack) > .me-level:nth-child(odd):last-child .me-level__name { grid-column: 2; grid-row: 2; }
  .me-levels:not(.me-levels--stack) > .me-level:nth-child(odd):last-child .me-level__bar { grid-column: 2; grid-row: 3; max-width: 320px; }
  .me-levels:not(.me-levels--stack) > .me-level:nth-child(odd):last-child .me-level__scope { grid-column: 2; grid-row: 4; margin: 0; }
  .me-levels:not(.me-levels--stack) > .me-level:nth-child(odd):last-child .me-level__price { grid-column: 3; grid-row: 1 / span 4; text-align: right; white-space: nowrap; }
}

/* 4 — Enfolds Sektions-Innenhülle: avia-section-default gibt .content 50 px oben/unten (mobil ebenso).
   In der Vorschau-DOM nicht enthalten, live aber da → Sektionsabstände verdoppelten sich (z. B. ~150 px
   zwischen Schutzlevel und Leistungen statt 44 px). Nur innerhalb me-Sektionen genullt (keine globale
   .content-Nullung → Blog/404 bleiben unberührt). */
#top .avia-section.me-section .container > .content,
#top .avia-section.me-section .template-page.content,
#top .avia-section.me-section .template-page.content .post-entry,
#top .avia-section.me-section .template-page.content .entry-content-wrapper {
  padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important;
}
#top .avia-section.me-section .template-page.content.units, #top .avia-section.me-section .template-page.content.alpha { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
/* 5 — Hero mobil: Bildbühne läuft nach unten vollständig in den Seitenhintergrund aus (vorher 94 % →
   helle Bildkanten schimmerten hinter Trust-Zeile und Zellen-Padding als „Striche“ durch). */
@media (max-width: 989px) {
  .me-hero__frame::after { background: linear-gradient(rgba(8,9,11,.2) 22%, rgba(8,9,11,.86) 64%, var(--me-bg) 100%) !important; }
}


/* ============================================================
   §41 STARTSEITE V7 — NEUE STARTSEITE (04.10.)
   Hero = V6 (Glas-H1, Kicker, Perspektiv-Rail, Silber-Ticker als Markenleiste), Hintergrund = V5
   (Video + Shade + Raster + Scanlinie; kein Aurora, keine Orbit-Ringe). Sektionen: Hero · Schutzlevel-Stage
   (V4, me-levels4-sec) · Material-Lab · Prozess · Referenzen Bento · Ratgeber-Matrix · Live-Kalkulation (alle V6).
   Ohne Impact-Scanner, Stimmen-Ticker und Story-Galerie. Markup: alt-startseiten/Avia-01-V7-Startseite.txt.
   ============================================================ */
.me-hero6.me-hero7 .me-hero5__shade { background: radial-gradient(520px 420px at var(--mx) var(--my), rgba(201,179,126,.16), transparent 70%), linear-gradient(90deg, rgba(8,9,11,.92) 0%, rgba(8,9,11,.6) 45%, rgba(8,9,11,.35) 100%), linear-gradient(180deg, rgba(8,9,11,.5), rgba(8,9,11,.15) 40%, rgba(8,9,11,.95)); }

/* Vollbild-Heros (V2–V7, Lackschutz V2) bleiben auch ≤ 1139 px randlos — höchste Spezifität, damit §40/2 nicht greift */
@media (max-width: 1139px) {
  .responsive #top #wrap_all .avia-section.me-section.me-hero2-sec > .container, .responsive #top #wrap_all .avia-section.me-section.me-hero3-sec > .container,
  .responsive #top #wrap_all .avia-section.me-section.me-hero4-sec > .container, .responsive #top #wrap_all .avia-section.me-section.me-hero5-sec > .container,
  .responsive #top #wrap_all .avia-section.me-section.me-revhero-sec > .container { padding-left: 0 !important; padding-right: 0 !important; max-width: none !important; }
}

/* 6 — Folge-Sektion nach der Marken-Leiste bekommt ihren oberen Abstand zurück. Die §34-Regel dafür unterlag
   der „Folge-Sektion = 0“-Regel (geringere Spezifität); Enfolds .content-50px hatten das bisher kaschiert und
   fielen mit §40/4 weg → Schutzlevel klebte an der Marken-Leiste. */
#top .avia-section.me-section.me-brands-sec + .avia-section.me-section:not(.me-brands-sec):not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-footer-sec) { padding-top: var(--me-sec) !important; }


/* ============================================================
   §42 STARTSEITE V8 — LEISTUNGEN ALS TEXT-MATRIX (05.10.)
   Wie V7, aber ohne Material-Lab und Prozess; alle Leistungen außer Lackschutz als letzte Sektion nach der
   Live-Kalkulation. Reine Text-Matrix im Stil der Ratgeber-Matrix (§37 me-guide6), verfeinert: 3 Spalten
   (Tablet 2, mobil 1), große Ordnungszahl als Wasserzeichen, Mono-Kicker (Folierung/Detailing), Zellen mit
   Hairline-Raster, Hover = Panel hellt auf, Cyan-Linie fährt am Fuß ein, Pfeil rückt nach. Markup: alt-startseiten/Avia-01-V8-Startseite.txt.
   (Die Bild-Kacheln me-leistung-*.jpg bleiben im Paket, sind in V8 nicht mehr eingebunden.)
   ============================================================ */
.me-svc8 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1px; background: var(--me-line); border: 1px solid var(--me-line); }
.me-svc8__cell { position: relative; display: grid; grid-template-rows: auto auto 1fr auto; gap: 10px; min-height: 236px; padding: 26px 26px 22px; background: var(--me-bg); color: inherit; text-decoration: none !important; overflow: hidden; isolation: isolate; transition: background .35s; }
.me-svc8__cell:hover, .me-svc8__cell:focus-visible { background: var(--me-panel); color: inherit; outline: none; }
.me-svc8__k { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-acc); }
.me-svc8__n { position: absolute; right: 18px; top: 6px; z-index: 0; font-family: var(--me-mono); font-size: 112px; line-height: 1; font-weight: 500; letter-spacing: -.04em; color: transparent; -webkit-text-stroke: 1px rgba(237,233,225,.14); transition: -webkit-text-stroke-color .35s, transform .6s cubic-bezier(.2,.8,.2,1); pointer-events: none; }
.me-svc8__cell:hover .me-svc8__n { -webkit-text-stroke-color: rgba(201,179,126,.4); transform: translateY(-4px); }
.me-svc8__t { position: relative; z-index: 1; font-family: var(--me-sans); font-weight: 700; font-size: 21px; line-height: 1.2; color: var(--me-text); max-width: 14ch; text-wrap: balance; }
.me-svc8__d { position: relative; z-index: 1; font-size: 14.5px; line-height: 1.55; color: var(--me-text-2); max-width: 34ch; text-wrap: pretty; }
.me-svc8__go { position: relative; z-index: 1; justify-self: start; font-family: var(--me-mono); font-size: 16px; color: var(--me-acc); opacity: .6; transition: transform .3s, opacity .3s; }
.me-svc8__cell:hover .me-svc8__go { transform: translateX(6px); opacity: 1; }
.me-svc8__cell::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--me-acc); transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.me-svc8__cell:hover::after, .me-svc8__cell:focus-visible::after { transform: scaleX(1); }
@media (max-width: 1139px) { .me-svc8 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .me-svc8__cell { min-height: 210px; padding: 22px 22px 18px; } .me-svc8__n { font-size: 96px; } .me-svc8__t { font-size: 19px; } }
@media (max-width: 767px) { .me-svc8 { grid-template-columns: minmax(0, 1fr) !important; } .me-svc8__cell { min-height: 0; padding: 20px 18px 16px; } .me-svc8__n { font-size: 80px; right: 14px; } .me-svc8__t { max-width: none; } }
@media (prefers-reduced-motion: reduce) { .me-svc8__n, .me-svc8__go, .me-svc8__cell::after { transition: none; } }

/* ============================================================
   §43 PREISE + KONTAKT — VOLLE BREITE (04.10.)
   Preise: Faktoren als 4er-Matrix (me-factors--grid), „Warum nicht unter 500 €?“ als zweispaltiges Panel
   (me-why), FAQ ohne 860-px-Deckel in 2 Spalten. Kontakt: Formular links + Ansprechpartner-Karte rechts
   (me-contact), Standorte in voller Breite.
   ============================================================ */
.me-factors--grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px !important; background: var(--me-line); border: 1px solid var(--me-line); counter-reset: me-fx; }
.me-factors--grid .me-factor { position: relative; grid-template-columns: minmax(0, 1fr); gap: 10px; align-content: start; padding: calc(var(--me-card-pad, 22px) + 4px) var(--me-card-pad, 22px) !important; background: var(--me-bg); border: 0; min-height: 190px; transition: background .3s; }
.me-factors--grid .me-factor:hover { background: var(--me-panel); }
.me-factors--grid .me-factor::before { counter-increment: me-fx; content: counter(me-fx, decimal-leading-zero); font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .16em; color: var(--me-acc); }
.me-factors--grid .me-factor::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--me-acc); transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.me-factors--grid .me-factor:hover::after { transform: scaleX(1); }
.me-factors--grid .me-factor__k { font-size: 17px; line-height: 1.25; }
.me-factors--grid .me-factor__v { font-size: 14.5px; }
.me-why { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 24px 56px; align-items: start; padding: 30px 0; border-top: 1px solid var(--me-line-soft); border-bottom: 1px solid var(--me-line-soft); }
#top .me-why .me-h2 { margin: 0 !important; }
.me-why .me-prose { max-width: none; column-count: 2; column-gap: 40px; }
.me-faq { max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.me-contact { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr); gap: 28px 40px; align-items: start; }
.me-contact__form .me-form { max-width: none; }
.me-contact__aside { position: sticky; top: calc(var(--me-header-h, 104px) + 24px); }
.me-person-card { border: 1px solid var(--me-line); border-radius: 4px; background: var(--me-panel); overflow: hidden; }
.me-person-card__img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; filter: saturate(.85); margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
.me-person-card__body { padding: var(--me-card-pad, 22px); display: grid; gap: 12px; }
.me-person-card__body .me-label { display: block; margin: 0; }
.me-person-card__q { margin: 0; font-size: 15.5px; line-height: 1.65; color: var(--me-text); text-wrap: pretty; }
.me-person-card__links { display: grid; gap: 6px; font-family: var(--me-mono); font-size: 13px; letter-spacing: .04em; }
.me-person-card__links a { color: var(--me-text-2) !important; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,.14); width: max-content; max-width: 100%; }
.me-person-card__links a:hover { color: var(--me-acc) !important; border-bottom-color: var(--me-acc); }
.me-locs { max-width: none; }
@media (max-width: 1139px) {
  .me-factors--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .me-why .me-prose { column-count: 1; }
  .me-contact { grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); }
}
@media (max-width: 989px) {
  .me-contact { grid-template-columns: minmax(0, 1fr); row-gap: 40px; }
  .me-contact__aside { position: static; max-width: 640px; padding-top: 32px; border-top: 1px solid var(--me-line-soft); }
  .me-person-card { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; }
  .me-person-card__img { height: 100%; aspect-ratio: auto; }
}
@media (max-width: 767px) {
  .me-factors--grid { grid-template-columns: minmax(0, 1fr); } .me-factors--grid .me-factor { min-height: 0; }
  .me-why { grid-template-columns: minmax(0, 1fr); padding: 22px 0; }
  .me-faq { grid-template-columns: minmax(0, 1fr); }
  .me-person-card { grid-template-columns: 96px minmax(0, 1fr); }
}


/* ============================================================
   §44 HERO MOBIL/TABLET — GESTAPELT (07.10.)
   ≤ 989 px (Enfold-Mobilbereich, Header statisch): Video läuft oben als 16:9-Bühne, darunter Tag, H1, Lede,
   CTAs, Kicker, dann die Rail als Kennzahlen-Reihe (Tablet 4 nebeneinander, Phone 2×2), zuletzt die
   Status-/Markenzeile. Statt Text über dem Video (schlecht lesbar, Video kaum sichtbar). Shade liegt nur
   noch über der Video-Bühne und blendet sie unten in den Seitenhintergrund. Gilt für Hero 5/6/7 (final).
   ============================================================ */
@media (max-width: 989px) {
  .me-hero5 { display: flex !important; flex-direction: column; min-height: 0 !important; }
  .me-hero5__video { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; order: 0; filter: saturate(.8) contrast(1.05) brightness(.9); }
  .me-hero5__shade { inset: 0 0 auto 0 !important; height: auto; aspect-ratio: 16 / 9; z-index: 1; background: linear-gradient(180deg, rgba(8,9,11,.35) 0%, rgba(8,9,11,0) 30%, rgba(8,9,11,0) 60%, rgba(8,9,11,.55) 85%, var(--me-bg) 100%) !important; }
  .me-hero5__grid, .me-hero5__hline, .me-hero6__aurora, .me-hero6__orbit { display: none !important; }
  .me-hero5__inner { order: 1; grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; padding: 8px var(--me-gutter, 32px) 36px !important; margin-top: -40px; }
  .me-hero5__copy { position: relative; z-index: 2; }
  .me-hero5__tag { margin-bottom: 14px; }
  #top .me-hero5 .me-hero5__h1, .me-hero6 .me-hero5__h1, .me-hero5__h1 { font-size: clamp(40px, 7.2vw, 64px) !important; line-height: .98 !important; margin-bottom: 18px !important; }
  .me-hero5__lede { margin-bottom: 22px; }
  .me-hero6__kicker { margin-top: 18px; gap: 12px 20px; }
  .me-hero6 .me-rail5 { transform: none !important; }
  .me-rail5 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; backdrop-filter: none; }
  .me-rail5__row { grid-template-columns: minmax(0, 1fr); padding: 12px 14px; gap: 4px; align-content: start; } /* Label über Wert — Zellen sind für „Herstellergarantie · 10 Jahre“ nebeneinander zu schmal */
  .me-rail5__k { overflow-wrap: anywhere; }
  .me-rail5__bar { margin-top: 4px; }
  .me-rail5__k { font-size: 10.5px; letter-spacing: .1em; }
  .me-rail5__v { font-size: 20px; }
  .me-hero5__status { order: 2; }
}
@media (max-width: 767px) {
  .me-hero5__inner { padding: 4px var(--me-gutter, 18px) 30px !important; gap: 22px !important; margin-top: -28px; }
  #top .me-hero5 .me-hero5__h1, .me-hero6 .me-hero5__h1, .me-hero5__h1 { font-size: clamp(38px, 11.5vw, 50px) !important; } /* #top schlägt die globale #top h1-Regel */
  .me-hero5__cta { display: grid !important; }
  .me-rail5 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .me-rail5__row { padding: 12px; }
  .me-rail5__v { font-size: 19px; }
}


/* ============================================================
   §45 STARTSEITE FINAL — H1 „Die Zukunft fährt geschützt.“ + Topbar (07.10.)
   Kundenwunsch: H1 aus V4 (Weiß, Zeile 3 im Verlauf Weiß → Cyan) statt Glas/Outline/Cyan-Mix; leuchtende
   Lichtleiste an der Oberkante des Heros (wie V4). Textblock vertikal zentriert statt unten verankert.
   ============================================================ */
.me-hero5__h1--v4 { font-size: clamp(48px, 7vw, 108px) !important; line-height: .96; letter-spacing: -.03em; color: var(--me-text); }
.me-hero6 .me-hero5__h1--v4 .me-h1__grad { background: linear-gradient(90deg, #EDE9E1 0%, #C9B37E 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; }
.me-hero5__topbar { position: absolute; left: 0; right: 0; top: 0; height: 3px; z-index: 4; pointer-events: none; background: linear-gradient(90deg, rgba(201,179,126,0) 0%, rgba(201,179,126,.55) 18%, rgba(240,232,214,.95) 50%, rgba(201,179,126,.55) 82%, rgba(201,179,126,0) 100%); box-shadow: 0 0 18px 2px rgba(201,179,126,.45), 0 6px 40px rgba(201,179,126,.25); }
.me-hero5__topbar::after { content: ""; position: absolute; left: 0; right: 0; top: 3px; height: 110px; background: radial-gradient(55% 100% at 50% 0%, rgba(201,179,126,.16), rgba(201,179,126,0) 70%); } /* 07.10.: seitlich weich statt harter Kante bei 10 % */
@media (min-width: 990px) { .me-hero5 .me-hero5__inner { align-items: center; padding-top: clamp(120px, 14vh, 180px); padding-bottom: clamp(56px, 8vh, 96px); } }
@media (max-width: 989px) { .me-hero5__h1--v4 { font-size: clamp(40px, 7.2vw, 64px) !important; } .me-hero5__topbar { height: 2px; } .me-hero5__topbar::after { height: 50px; } }
@media (max-width: 767px) { .me-hero5__h1--v4 { font-size: clamp(38px, 11.5vw, 50px) !important; } }


/* ============================================================
   §46 FOOTER V2 — FUTURE (07.10.) · Avia-00-V2-Footer-global-Future.txt
   Gleicher Inhalt wie Footer V1, Optik wie Ratgeber-Matrix/Leistungen: Hairline-Raster aus 8 nummerierten
   Zellen (01 Google · 02/03 Stimmen · 04 XPEL-Siegel · 05–08 Kontakt/Einzugsgebiet/Standorte/Unternehmen),
   Cyan-Linie bei Hover, feines Raster + Lichtleiste an der Oberkante, Outline-Wortmarke als Wasserzeichen,
   Mono-Statuszeile. Section-Klasse me-foot8-sec, Container me-foot8. V1 (me-foottrust/me-footgrid) bleibt gültig.
   ============================================================ */
#top .avia-section.me-footer-sec.me-foot8-sec { position: relative; overflow: hidden; }
#top .avia-section.me-foot8-sec::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .4; background-image: linear-gradient(rgba(201,179,126,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(201,179,126,.07) 1px, transparent 1px); background-size: 96px 96px; -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 80%); mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 80%); }
#top .avia-section.me-foot8-sec::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; pointer-events: none; background: linear-gradient(90deg, rgba(201,179,126,0) 0%, rgba(201,179,126,.55) 20%, rgba(240,232,214,.9) 50%, rgba(201,179,126,.55) 80%, rgba(201,179,126,0) 100%); box-shadow: 0 0 18px 2px rgba(201,179,126,.35); }
.me-foot8 { position: relative; z-index: 1; }
.me-foot8__trust, .me-foot8__cols { display: grid; gap: 1px; background: var(--me-line); border: 1px solid var(--me-line); }
.me-foot8__trust { grid-template-columns: 1.05fr 1fr 1fr 1.1fr; }
.me-foot8__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 0; }
#top .me-foot8__cell { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 24px 24px 22px; background: var(--me-bg); color: var(--me-text) !important; text-decoration: none !important; overflow: hidden; transition: background .35s; }
#top .me-foot8__cell:hover { background: var(--me-panel); }
.me-foot8__cell::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--me-acc); transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.me-foot8__cell:hover::after { transform: scaleX(1); }
.me-foot8__k { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-acc); margin-bottom: 8px; }
#top .me-foot8__cell p { font-family: var(--me-mono); font-weight: 400; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; line-height: 1.7; color: var(--me-text-3); margin: 0; }
#top .me-foot8__cell a { color: var(--me-text-3) !important; text-decoration: none; } #top .me-foot8__cell a:hover { color: var(--me-text) !important; }
.me-foot8 .me-foottrust__stars { margin: 0 0 2px; } .me-foot8 .me-foottrust__meta { margin-top: 4px; }
#top .me-foot8 .me-footquote__text { margin: 0 !important; } .me-foot8 .me-footquote__src { margin-top: auto; }
.me-foot8 .me-foottrust__row { margin-top: 4px; }
.me-foot8__mark { margin: 30px 0 0; font-family: var(--me-sans); font-weight: 700; font-size: clamp(40px, 9.4vw, 148px); line-height: .9; letter-spacing: -.04em; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1px rgba(237,233,225,.16); white-space: nowrap; overflow: hidden; user-select: none; pointer-events: none; }
.me-foot8__status { display: flex; justify-content: space-between; gap: 10px 24px; flex-wrap: wrap; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--me-line); font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-text-3); }
.me-foot8__status b { color: var(--me-acc); font-weight: 500; }
@media (max-width: 1139px) { .me-foot8__trust, .me-foot8__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .me-foot8__trust, .me-foot8__cols { grid-template-columns: minmax(0, 1fr); } #top .me-foot8__cell { padding: 18px 16px 16px; } .me-foot8__mark { font-size: 12.5vw; margin-top: 22px; } }
@media (prefers-reduced-motion: reduce) { .me-foot8__cell::after, #top .me-foot8__cell { transition: none; } }

/* Footer V1 Trust-Leiste: ≤ 1139 px einspaltig (max-content-Spalten liefen am Tablet über) */
@media (max-width: 1139px) { .me-foottrust { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 20px; } .me-foottrust__quotes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .me-foottrust__quotes { grid-template-columns: minmax(0, 1fr); } }

/* 07.10.: Raster („Schachbrett“) im finalen Hero deutlicher — Werte wie V4 (§35), radial zur Mitte hin maskiert.
   12.10.: Kundenwunsch — Raster im Startseiten-Hero (Slider) komplett aus, hell + dunkel. Markup bleibt, Regel darunter. */
.me-hero7 .me-hero5__grid { opacity: .85; background-image: linear-gradient(rgba(201,179,126,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(201,179,126,.16) 1px, transparent 1px); background-size: 96px 96px; -webkit-mask-image: radial-gradient(70% 70% at 55% 45%, #000 20%, transparent 100%); mask-image: radial-gradient(70% 70% at 55% 45%, #000 20%, transparent 100%); }


/* ============================================================
   §47 LACKSCHUTZ-HUB V3 (08.10.) · Avia-05-Lackschutz-Hub.txt
   Formensprache der finalen Startseite: Hero 7 (Topbar, Raster, Scanlinie, H1 V4-Stil), Entscheidungshilfe
   als 4er-Text-Matrix (me-svc8--4), Referenzen Bento (6), Ratgeber-Matrix (von der Startseite übernommen),
   Final mit Level-Übersicht. NEU: Level-Details als Anker-Abschnitte (#front-core · #front-pro-plus ·
   #front-prestige · #track-performance), Complete → eigene Seite. Startseite: Referenzen auf 3 (me-refs6--3).
   ============================================================ */
.me-svc8--4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 1139px) { .me-svc8--4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 767px) { .me-svc8--4 { grid-template-columns: minmax(0, 1fr) !important; } }
#top .me-refs6--3 .me-refgrid .slide-entry-wrap:not(:first-child) { display: none !important; }
.me-lvdetails { display: grid; gap: 1px; background: var(--me-line); border: 1px solid var(--me-line); }
.me-lvdetail { display: grid; grid-template-columns: 300px minmax(0, 1fr); background: var(--me-bg); color: inherit; text-decoration: none !important; scroll-margin-top: 120px; position: relative; }
.me-lvdetail::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--me-acc); transform: scaleY(0); transform-origin: top; transition: transform .45s cubic-bezier(.2,.8,.2,1); z-index: 1; }
.me-lvdetail:target::before { transform: scaleY(1); }
.me-lvdetail__head { position: relative; padding: 28px 28px 26px; border-right: 1px solid var(--me-line); display: grid; gap: 8px; align-content: start; overflow: hidden; }
.me-lvdetail--rec .me-lvdetail__head { background: var(--me-panel); }
.me-lvdetail__n { position: absolute; right: 14px; top: 8px; font-family: var(--me-mono); font-size: 96px; line-height: 1; letter-spacing: -.04em; color: transparent; -webkit-text-stroke: 1px rgba(237,233,225,.14); pointer-events: none; }
.me-lvdetail__head .me-level__tag { position: relative; }
.me-lvdetail__name { position: relative; font-family: var(--me-sans); font-weight: 700; font-size: 24px; line-height: 1.15; color: var(--me-text); }
.me-lvdetail__meta { position: relative; font-family: var(--me-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--me-acc); }
.me-lvdetail__bar { position: relative; height: 2px; background: rgba(255,255,255,.08); margin-top: 6px; overflow: hidden; }
.me-lvdetail__bar i { display: block; height: 100%; width: var(--w, 0%); background: var(--me-acc); box-shadow: 0 0 8px var(--me-acc); }
.me-lvdetail__body { padding: 28px; display: grid; gap: 20px; align-content: start; }
#top .me-lvdetail__lead { margin: 0; font-size: 16.5px; line-height: 1.6; color: var(--me-text); max-width: 64ch; text-wrap: pretty; }
.me-lvdetail__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.me-lvdetail__k { display: block; font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-acc); margin-bottom: 8px; }
#top .me-lvdetail__cols ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
#top .me-lvdetail__cols li { font-size: 14px; line-height: 1.5; color: var(--me-text-2); padding-left: 16px; position: relative; }
.me-lvdetail__cols li::before { content: "■"; position: absolute; left: 0; top: 0; font-size: 9px; line-height: 21px; color: var(--me-acc); }
#top .me-lvdetail__cols p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--me-text-2); text-wrap: pretty; }
.me-lvdetail--link { transition: background .3s; } .me-lvdetail--link:hover { background: var(--me-panel); } .me-lvdetail--link .me-morelink { justify-self: start; }
.me-lvsum { align-self: stretch; }
.me-lvsum .me-calc5__row { align-items: center; gap: 12px; } .me-lvsum .me-calc5__row:last-child { font-size: 11.5px; } .me-lvsum .me-calc5__row a { color: var(--me-acc) !important; }
@media (max-width: 1139px) { .me-lvdetail { grid-template-columns: 240px minmax(0, 1fr); } .me-lvdetail__n { font-size: 72px; } }
@media (max-width: 989px) { .me-lvdetail { grid-template-columns: minmax(0, 1fr); scroll-margin-top: 90px; } .me-lvdetail__head { border-right: 0; border-bottom: 1px solid var(--me-line); padding: 22px 22px 20px; } .me-lvdetail__body { padding: 22px; } .me-lvrail { backdrop-filter: none; } }
@media (max-width: 767px) { .me-lvdetail__cols { grid-template-columns: minmax(0, 1fr); gap: 16px; } .me-lvdetail__body .me-cta-row { display: grid; } .me-lvdetail__name { font-size: 20px; } }
@media (prefers-reduced-motion: reduce) { .me-lvdetail::before { transition: none; } }

/* §47b Level-Vorwahl im Formular (08.10.) */
.me-level-hint { margin: 8px 0 0; font-family: var(--me-mono); font-size: 12px; letter-spacing: .04em; color: var(--me-acc); }
#top .me-form select.is-prefilled { box-shadow: 0 0 0 2px var(--me-acc); transition: box-shadow .4s; }
#top .me-lvsum a.me-calc5__row { color: inherit; text-decoration: none !important; } #top .me-lvsum a.me-calc5__row:hover { background: var(--me-panel); }
/* §47c Level-Explorer: Luft zwischen Ring/Level-Liste und Bauteil-Matrix (08.10.) */
#top .me-ring5-sec .me-matrix { margin-top: 40px; }
@media (max-width: 989px) { #top .me-ring5-sec .me-matrix { margin-top: 28px; } }

/* §47d Ratgeber-Matrix mit 7 Zellen (Hub): letzte Zelle über volle Breite, Antwort zweispaltig (08.10.) */
#top .me-guide6 > .me-guide6__cell:nth-child(7) { grid-column: 1 / -1; }
#top .me-guide6 > .me-guide6__cell:nth-child(7) .me-guide6__a { column-count: 2; column-gap: 32px; max-width: none; }
/* 27.10.: Zelle 07 nutzt __q/__a statt __t/__d → gleiche Typo/Farben wie 01–06 (Frage weiß fett, Antwort text-2) */
#top .me-guide6__q { display: block; font-family: var(--me-sans) !important; font-weight: 700 !important; font-size: 19px !important; line-height: 1.2 !important; color: var(--me-text) !important; letter-spacing: 0 !important; text-transform: none !important; }
#top .me-guide6__a { display: block; font-family: var(--me-sans) !important; font-size: 14.5px !important; line-height: 1.55 !important; color: var(--me-text-2) !important; letter-spacing: 0 !important; margin: 0; text-wrap: pretty; }
@media (max-width: 767px) { #top .me-guide6 > .me-guide6__cell:nth-child(7) .me-guide6__a { column-count: 1; } }

/* §48 URL-Silos Folierung/Detailing (08.10.): Leistungs-Karten im Hub Autofolierung sind Links */
#top a.me-case { color: inherit; text-decoration: none !important; transition: border-color .3s, transform .3s; }
#top a.me-case:hover, #top a.me-case:focus-visible { border-color: rgba(201,179,126,.45); transform: translateY(-2px); outline: none; }
#top a.me-case .me-morelink { margin-top: auto; }

/* ============================================================
   §49 LEVEL-EXPLORER = BAUTEIL-MATRIX MIT LEVEL-KÖPFEN (09.10.)
   Der große Coverage-Ring + Level-Liste entfallen im Hub; jede Level-Spalte trägt oben Titel · Mini-Ring (% Fläche) ·
   Render · Richtpreis. Spalte wechselt automatisch alle 3,4 s (stoppt bei Hover), Kopf ist Link zum Level-Anker.
   ============================================================ */
#top .me-matrix--lv { grid-template-columns: minmax(150px, 1.1fr) repeat(5, minmax(0, 1fr)); margin-top: 0 !important; }
#top .me-matrix--lv .me-matrix__h--z { align-items: flex-end; padding-bottom: 16px; }
#top .me-matrix--lv .me-mlv { display: grid; grid-template-rows: auto auto auto auto auto; justify-items: center; gap: 8px; padding: 16px 10px 14px; min-height: 0; text-align: center; color: inherit; text-decoration: none !important; position: relative; transition: background .35s; letter-spacing: 0; text-transform: none; }
#top .me-matrix--lv .me-mlv::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--me-acc); transform: scaleX(0); transition: transform .35s cubic-bezier(.2,.8,.2,1); }
#top .me-matrix--lv .me-mlv.is-on { background: rgba(201,179,126,.1) !important; }
#top .me-matrix--lv .me-mlv.is-on::after { transform: scaleX(1); }
.me-mlv__tag { font-family: var(--me-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-acc); }
.me-mlv__name { font-family: var(--me-sans); font-weight: 700; font-size: 15px; line-height: 1.2; color: var(--me-text); text-wrap: balance; }
.me-mlv__ring { position: relative; width: 72px; height: 72px; display: grid; place-items: center; }
.me-mlv__ring svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.me-mlv__track { fill: none; stroke: rgba(255,255,255,.08); stroke-width: 7; }
.me-mlv__arc { fill: none; stroke: var(--me-acc); stroke-width: 7; stroke-dasharray: 100 100; filter: drop-shadow(0 0 6px rgba(201,179,126,.5)); transition: stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1); }
.me-mlv__pct { font-family: var(--me-mono); font-size: 17px; font-weight: 500; color: var(--me-text); font-variant-numeric: tabular-nums; }
.me-mlv__pct small { font-size: .6em; color: var(--me-acc); }
.me-mlv__img { width: 100%; max-width: 150px; height: auto; aspect-ratio: 1200 / 640; object-fit: contain; opacity: .55; filter: saturate(.7); transition: opacity .4s, filter .4s, transform .5s; }
#top .me-matrix--lv .me-mlv.is-on .me-mlv__img { opacity: 1; filter: none; transform: scale(1.04); }
.me-mlv__price { font-family: var(--me-sans); font-weight: 700; font-size: 14px; color: var(--me-text); white-space: nowrap; }
#top .me-matrix--lv .me-matrix__c.is-col { background: rgba(201,179,126,.12); }
#top .me-matrix--lv .me-matrix__c.is-col.is-on::before { text-shadow: 0 0 12px var(--me-acc), 0 0 2px #fff; }
@media (max-width: 1139px) { #top .me-matrix--lv { grid-template-columns: minmax(120px, 1fr) repeat(5, minmax(0, 1fr)); } .me-mlv__name { font-size: 13px; } .me-mlv__ring { width: 58px; height: 58px; } .me-mlv__pct { font-size: 14px; } .me-mlv__img { max-width: 110px; } .me-mlv__price { font-size: 12.5px; } }
@media (max-width: 767px) {
  /* Mobil: Matrix wird zur Level-Liste — Kopf-Reihe horizontal scrollbar, Spalten als Zeilen untereinander wären zu lang → Kopfzeile scrollt, Matrix darunter 1 Bauteil + 5 Punkte kompakt */
  #top .me-matrix--lv { grid-template-columns: minmax(96px, 1.2fr) repeat(5, minmax(0, 1fr)); font-size: 12px; }
  #top .me-matrix--lv > * { padding: 8px 6px; min-height: 36px; }
  #top .me-matrix--lv .me-mlv { padding: 10px 4px 10px; gap: 6px; }
  .me-mlv__name, .me-mlv__img, .me-mlv__price { display: none; }
  .me-mlv__tag { font-size: 9px; letter-spacing: .08em; }
  .me-mlv__ring { width: 40px; height: 40px; } .me-mlv__pct { font-size: 11px; } .me-mlv__track, .me-mlv__arc { stroke-width: 9; }
  .me-matrix__z { font-size: 12px; }
  #top .me-matrix--lv .me-matrix__h--z { padding-bottom: 10px; }
}
@media (prefers-reduced-motion: reduce) { .me-mlv__arc, .me-mlv__img, #top .me-matrix--lv .me-mlv::after { transition: none; } }

#top .me-matrix--lv .me-mlv { grid-template-rows: 1.4em 2.6em auto auto auto; }
.me-mlv__tag { white-space: nowrap; }
.me-mlv__name { display: grid; align-content: start; }
.me-mlv__badge { display: block; font-style: normal; font-family: var(--me-mono); font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--me-acc); margin-top: 3px; }
@media (max-width: 767px) { #top .me-matrix--lv .me-mlv { grid-template-rows: auto auto; } }

/* §50 Marken-Leiste = Silber-Ticker wie Startseite (09.10.) — ersetzt die farbige me-brands-Reihe auf Unterseiten */
#top .me-brandstrip { position: relative; display: flex; align-items: center; min-height: 72px; padding: 0 var(--me-gutter, 56px); border-top: 1px solid var(--me-line); border-bottom: 1px solid var(--me-line); background: var(--me-bg); overflow: hidden; }
#top .me-brandstrip .me-ticker { width: 100%; }
#top .avia-section.me-brands-sec > .container { max-width: none !important; width: 100% !important; padding: 0 !important; }

/* ============================================================
   §51 STEINSCHLAGSCHUTZFOLIE — LEVEL-KARTEN GETRENNT, RENDER IM KOPF, FINISH/ABLAUF NEU (09.10.)
   ============================================================ */
#top .me-lvdetails { gap: 16px; background: transparent; border: 0; }
#top .me-lvdetail { border: 1px solid var(--me-line); transition: border-color .3s; }
#top .me-lvdetail--rec { border-color: rgba(201,179,126,.45); }
#top .me-lvdetail:target { border-color: var(--me-acc); }
.me-lvdetail__render { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 1200 / 640; object-fit: contain; margin-top: 22px; filter: saturate(.85); }
#top .me-lvdetail__body .me-cta-row { margin: 4px 0 0 !important; }
/* Finish */
.me-finish { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--me-gap, 14px); }
.me-finish__card { display: grid; gap: 10px; align-content: start; padding: 28px; background: var(--me-panel); border: 1px solid var(--me-line); position: relative; overflow: hidden; }
.me-finish__card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--me-acc); opacity: .9; }
.me-finish__card--matt::after { background: var(--me-text-3); }
.me-finish__k { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-acc); }
.me-finish__card--matt .me-finish__k { color: var(--me-text-2); }
.me-finish__t { font-family: var(--me-sans); font-weight: 700; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.1; color: var(--me-text); }
#top .me-finish__d { margin: 0; font-size: 15px; line-height: 1.6; color: var(--me-text-2); text-wrap: pretty; }
#top .me-finish__specs { list-style: none; margin: 10px 0 0; padding: 0; border-top: 1px solid var(--me-line); }
#top .me-finish__specs li { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--me-line); font-size: 13.5px; }
.me-finish__specs span { font-family: var(--me-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--me-text-3); }
.me-finish__specs b { color: var(--me-text); font-weight: 600; text-align: right; }
/* Ablauf */
#top .me-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--me-line); border: 1px solid var(--me-line); counter-reset: none; }
.me-steps__item { display: grid; gap: 8px; align-content: start; padding: 26px 24px 24px; background: var(--me-bg); position: relative; }
.me-steps__n { font-family: var(--me-mono); font-size: 40px; line-height: 1; letter-spacing: -.03em; color: transparent; -webkit-text-stroke: 1px rgba(201,179,126,.6); }
.me-steps__t { font-family: var(--me-sans); font-weight: 700; font-size: 18px; color: var(--me-text); }
.me-steps__d { font-size: 14px; line-height: 1.55; color: var(--me-text-2); text-wrap: pretty; }
@media (max-width: 1139px) { #top .me-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .me-finish { grid-template-columns: minmax(0, 1fr); } #top .me-steps { grid-template-columns: minmax(0, 1fr); } .me-finish__card { padding: 22px; } .me-lvdetail__render { margin-top: 14px; max-width: 220px; } }

/* §51b Ablauf-Schritte: ohne Hairline-Raster, Karten mit Luft — kein dicker Rand links (09.10.) */
#top .me-steps { gap: var(--me-gap, 14px); background: transparent; border: 0; }
.me-steps__item { padding: 26px 26px 26px; background: var(--me-panel); border: 1px solid var(--me-line); gap: 10px; }
.me-steps__n { font-size: 34px; -webkit-text-stroke: 1px rgba(201,179,126,.5); margin-bottom: 6px; }
/* Level-Karten: Target-Markierung über Rahmenfarbe statt 3-px-Balken */
#top .me-lvdetail::before { display: none; }

/* §51c FAQ-Raster: feste 3 Spalten (Tablet 2, mobil 1) statt auto-fit — kein zentrierter Rest (09.10.) */
#top .me-qa-sec .me-qa { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1139px) { #top .me-qa-sec .me-qa { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { #top .me-qa-sec .me-qa { grid-template-columns: minmax(0, 1fr); } }

/* ============================================================
   §52 FOOTER V3 — HERO-VIBE, KOMPAKT (09.10.) · Avia-00-V3-Footer-global-Hero.txt
   Raster + Lichtstreifen wie der Startseiten-Hero, Tag/Claim/Lede/CTAs links, Kontakt als Telemetrie-Rail rechts,
   darunter vier Link-Spalten, Abschluss = Status-Zeile mit Silber-Ticker. Option zu Footer V1 (Entscheidung offen).
   ============================================================ */
#top .me-footer-sec--v3 > .container { max-width: none !important; width: 100% !important; padding: 0 !important; }
#top .me-footer-sec--v3 { padding: 0 !important; }
.me-foot3 { position: relative; overflow: hidden; background: radial-gradient(900px 480px at 78% 20%, rgba(201,179,126,.10), transparent 70%), linear-gradient(180deg, #0B0D11 0%, var(--me-bg-page, #050607) 100%); border-top: 1px solid rgba(201,179,126,.18); }
.me-foot3__grid { position: absolute; inset: 0; pointer-events: none; opacity: .55; background-image: linear-gradient(rgba(201,179,126,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(201,179,126,.07) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(70% 80% at 65% 30%, #000 20%, transparent 100%); }
.me-foot3__beam { position: absolute; top: -10%; bottom: -10%; left: 56%; width: 1px; background: linear-gradient(180deg, transparent, rgba(201,179,126,.55), transparent); box-shadow: 0 0 18px rgba(201,179,126,.35); pointer-events: none; }
.me-foot3__top { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 420px); gap: 48px; align-items: center; padding: 72px var(--me-gutter, 56px) 48px; }
.me-foot3__claim { margin: 0 0 16px; font-family: var(--me-sans); font-weight: 700; font-size: clamp(32px, 4vw, 52px); line-height: .98; letter-spacing: -.01em; text-transform: uppercase; color: var(--me-text); text-wrap: balance; }
#top .me-foot3__lede { margin: 0 0 26px; max-width: 54ch; font-size: 15.5px; line-height: 1.6; color: var(--me-text-2); text-wrap: pretty; }
.me-foot3 .me-cta-row { margin-bottom: 0; }
.me-foot3 .me-hero6__kicker { margin-top: 24px; }
.me-foot3 .me-hero6__kicker b { color: var(--me-text); font-weight: 700; }
#top .me-foot3__rail .me-rail5__row { grid-template-columns: 1fr; gap: 6px; padding: 14px 18px 12px; color: inherit; text-decoration: none !important; transition: background .3s; }
#top a.me-rail5__row:hover { background: rgba(201,179,126,.08); }
.me-foot3__v { font-size: 17px !important; }
.me-foot3__v small { font-size: 12px; color: var(--me-text-3); font-weight: 500; }
.me-foot3__nav { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; padding: 36px var(--me-gutter, 56px) 44px; border-top: 1px solid var(--me-line); }
.me-foot3__col { display: grid; gap: 8px; align-content: start; }
.me-foot3__col .me-foottitle { margin-bottom: 4px; }
#top .me-foot3__col a { color: var(--me-text-2); text-decoration: none; font-size: 14px; line-height: 1.5; transition: color .25s; }
#top .me-foot3__col a:hover { color: var(--me-acc); }
#top .me-foot3__col p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--me-text-2); }
#top .me-foot3__status { position: relative; border-top: 1px solid var(--me-line); }
@media (max-width: 1139px) { .me-foot3__top { grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 56px var(--me-gutter, 32px) 40px; } .me-foot3__rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .me-foot3__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } .me-foot3__beam { left: 72%; } }
@media (max-width: 767px) { .me-foot3__top { padding: 44px var(--me-gutter, 18px) 32px; } .me-foot3__rail { grid-template-columns: minmax(0, 1fr); } .me-foot3__nav { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 30px var(--me-gutter, 18px) 36px; } .me-foot3 .me-cta-row .me-btn { width: 100%; justify-content: center; } }

/* §52b Footer V3 — Rail und CTAs gegen die Hero-Mobilregeln (§44) absichern (09.10.) */
@media (max-width: 1139px) { #top .me-foot3 .me-foot3__rail { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 767px) { #top .me-foot3 .me-foot3__rail { grid-template-columns: minmax(0, 1fr) !important; } }
@media (min-width: 768px) { #top .me-foot3 .me-cta-row { display: flex !important; } }

/* §52c Footer V3: Lichtstreifen raus, Google-Bewertungen + XPEL-Auszeichnungen (wie V1) zwischen Kopf und Navigation, kein Silber-Ticker (09.10.) */
.me-foot3__beam { display: none; }
.me-foot3__trust { position: relative; display: grid; grid-template-columns: minmax(240px, .9fr) minmax(0, 1.6fr) minmax(220px, .8fr); gap: 32px; align-items: start; padding: 36px var(--me-gutter, 56px); border-top: 1px solid var(--me-line); }
#top .me-foot3__google { display: grid; gap: 6px; color: inherit; text-decoration: none !important; }
.me-foot3__stars { color: var(--me-acc); letter-spacing: 3px; font-size: 18px; text-shadow: 0 0 10px rgba(201,179,126,.45); }
.me-foot3__score { font-family: var(--me-sans); font-weight: 700; font-size: 17px; color: var(--me-text); }
.me-foot3__meta { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--me-text-3); }
#top .me-foot3__google:hover .me-foot3__meta { color: var(--me-acc); }
.me-foot3__quotes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--me-gap, 14px); }
.me-foot3__awards { display: grid; gap: 10px; align-content: start; }
.me-foot3__awardrow { display: flex; gap: 14px; flex-wrap: wrap; }
.me-foot3__awardrow img { height: 52px; width: auto; filter: grayscale(1) brightness(1.15); opacity: .85; transition: filter .3s, opacity .3s; }
.me-foot3__awardrow img:hover { filter: none; opacity: 1; }
@media (max-width: 1139px) { .me-foot3__trust { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 32px var(--me-gutter, 32px); } .me-foot3__quotes { grid-column: 1 / -1; } }
@media (max-width: 767px) { .me-foot3__trust { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 28px var(--me-gutter, 18px); } .me-foot3__quotes { grid-template-columns: minmax(0, 1fr); } }

/* §52d Footer V3: zwei Logoleisten — Hersteller (Silber-Ticker) + Marken (Porsche · BMW · Lamborghini · Tesla, Links auf die Marken-Seiten) (09.10.) */
.me-foot3__logos { position: relative; border-top: 1px solid var(--me-line); }
#top .me-foot3__logorow { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; gap: 24px; min-height: 72px; padding: 0 var(--me-gutter, 56px); border-bottom: 1px solid var(--me-line); background: transparent; }
#top .me-foot3__logorow:last-child { border-bottom: 0; }
#top .me-foot3__logorow .me-hero5__sys { white-space: nowrap; }
.me-marken__row { display: flex; align-items: center; gap: 48px; flex-wrap: wrap; }
#top .me-marken__item { display: inline-flex; align-items: center; min-height: 44px; color: var(--me-text-2); text-decoration: none !important; transition: color .25s, opacity .25s; }
#top .me-marken__item:hover { color: var(--me-text); }
.me-marken__logo { height: 34px; width: auto; opacity: .8; filter: grayscale(1) brightness(1.1); transition: opacity .25s, filter .25s; }
#top .me-marken__item:hover .me-marken__logo { opacity: 1; filter: grayscale(1) brightness(1.35); }
.me-marken__name { font-family: var(--me-sans); font-weight: 700; font-size: 18px; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 989px) { #top .me-foot3__logorow { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 14px var(--me-gutter, 32px); } .me-marken__row { gap: 28px; } .me-marken__name { font-size: 15px; } .me-marken__logo { height: 28px; } }

/* §52e Footer V3: nur Marken-Leiste (Hersteller-Ticker raus), dezentes Schachbrett im Hintergrund (09.10.) */
.me-foot3__check { position: absolute; inset: 0; pointer-events: none; opacity: .32; background-image: repeating-conic-gradient(rgba(201,179,126,.06) 0% 25%, transparent 0% 50%); background-size: 144px 144px; mask-image: radial-gradient(75% 85% at 70% 35%, #000 10%, transparent 100%); }
.me-foot3__grid { opacity: .35; }

/* §53 SOCKET (09.10.): Social-Icons bündig rechts; Einträge ohne Enfold-Icon (z. B. WhatsApp als Social-Profil) ausblenden —
   WhatsApp läuft über den Float-Button/Sticky-CTA. Copyright + Icons in einer Zeile, mobil untereinander. */
#top #socket .container { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#top #socket .social_bookmarks { display: flex; align-items: center; justify-content: flex-end; gap: 6px; padding: 0; margin: 0; }
#top #socket .social_bookmarks li { float: none; margin: 0; padding: 0; }
#top #socket .social_bookmarks li a { width: 34px; height: 34px; line-height: 34px; display: grid; place-items: center; }
#top #socket .social_bookmarks li[class*="whatsapp"], #top #socket .social_bookmarks li a:empty { display: none !important; }
#top #socket .copyright a { color: var(--me-text-2); border-bottom: 1px solid rgba(255,255,255,.18); }
#top #socket .copyright a:hover { color: var(--me-acc); border-bottom-color: var(--me-acc); }
@media (max-width: 767px) { #top #socket .container { flex-direction: column; align-items: flex-start; gap: 10px; } #top #socket .social_bookmarks { justify-content: flex-start; } }

/* §52f Footer V3: Auszeichnungen in Farbe · Marken-Leiste als Lauf-Ticker mit allen Marken, ohne Links (09.10.) */
.me-foot3__awardrow img { filter: none; opacity: 1; height: 56px; }
#top .me-foot3__logorow.me-marken { grid-template-columns: max-content minmax(0, 1fr); column-gap: 32px; overflow: hidden; } /* Label „Marken-Expertise“ (23.10.): Spalte folgt dem Inhalt statt fester 120px */
.me-marken > .me-hero5__sys { white-space: nowrap; padding-right: 0; }
.me-marken__ticker { width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.me-marken__ticker .me-ticker__track { display: flex; width: max-content; animation: me-marken-run 70s linear infinite; }
.me-marken__ticker .me-marken__row { display: flex; align-items: center; gap: 56px; flex-wrap: nowrap; padding-right: 56px; }
#top .me-marken__item { cursor: default; }
.me-marken__ticker:hover .me-ticker__track { animation-play-state: paused; }
@keyframes me-marken-run { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .me-marken__ticker .me-ticker__track { animation: none; } .me-marken__ticker .me-marken__row:last-child { display: none; } .me-marken__ticker .me-marken__row { flex-wrap: wrap; gap: 20px 36px; } }
@media (max-width: 989px) { .me-marken__ticker .me-marken__row { gap: 36px; padding-right: 36px; } }

/* §52g Footer V3: XPEL-Siegel nebeneinander (09.10.) */
.me-foot3__trust { grid-template-columns: minmax(240px, .9fr) minmax(0, 1.4fr) minmax(300px, 1fr); }
.me-foot3__awardrow { flex-wrap: nowrap; gap: 12px; }
.me-foot3__awardrow img { height: 52px; flex: 0 1 auto; max-width: calc(50% - 6px); width: auto; object-fit: contain; }
@media (max-width: 1139px) { .me-foot3__awardrow img { height: 48px; } }

/* §52h Footer V3: Fließtext in den Spalten auf Link-Größe (Enfold-/§16-Stufen überschrieben) (09.10.) */
#top .me-foot3__col p, #top .me-foot3__col a { font-size: var(--me-fs-mono, 12.5px) !important; line-height: 1.7 !important; }
#top .me-foot3__col p { color: var(--me-text-2); margin: 0 !important; }

/* §52i Footer V3: Marken-Ticker ohne doppelten Abstand am Schleifenübergang (09.10.) */
.me-marken__ticker .me-marken__row { padding-right: 0; margin-right: 56px; }
@media (max-width: 989px) { .me-marken__ticker .me-marken__row { padding-right: 0; margin-right: 36px; } }

/* §52j Footer V3 FULL-WIDE (09.10.): Sektion bricht aus dem Boxed-Layout aus — Hintergrund, Raster und Schachbrett
   laufen über die gesamte Viewport-Breite; die Inhalte selbst bleiben auf Container-Breite (Rand = Seiten-Gutter). */
#top .me-footer-sec--v3 { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 0 !important; }
#top .me-footer-sec--v3 > .container { max-width: none !important; width: 100% !important; padding: 0 !important; }
.me-foot3 { border-left: 0; border-right: 0; }
.me-foot3__top, .me-foot3__trust, .me-foot3__nav, .me-foot3__status, .me-marken { padding-left: max(var(--me-gutter, 56px), calc(50vw - 640px)) !important; padding-right: max(var(--me-gutter, 56px), calc(50vw - 640px)) !important; }
@media (max-width: 1139px) { .me-foot3__top, .me-foot3__trust, .me-foot3__nav, .me-foot3__status, .me-marken { padding-left: var(--me-gutter, 32px) !important; padding-right: var(--me-gutter, 32px) !important; } }

/* §52k Footer V3 Full-Wide — Spezifität gegen Enfold-/§34-Container-Regeln (2 IDs + 4 Klassen) + Overflow-Schutz (09.10.) */
#top #wrap_all .avia-section.me-section.me-footer-sec--v3 > .container { padding: 0 !important; max-width: none !important; width: 100% !important; margin: 0 !important; }
.responsive #top #wrap_all .avia-section.me-section.me-footer-sec--v3 > .container { padding: 0 !important; }
#top #wrap_all .avia-section.me-section.me-footer-sec--v3 { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 0 !important; }
#top #wrap_all { overflow-x: clip; }

/* §53 Referenz-Streams ohne Overlay (09.10.): Bilder immer in voller Farbe/Helligkeit — kein Grau-/Dunkel-Filter im Ruhezustand,
   Hover zeigt nur noch leichten Zoom + Cyan-Rahmen. Gilt für alle Referenz-Grids (Startseite, Hub, Unterseiten, Marken). */
#top .me-refs6__img img, #top .me-refs6__media img, #top .me-refs6__item img, #top .me-refs__img img, #top .me-refs__item img, #top .me-reffeed__img img, #top .me-reffeed__item img, #top .me-ref__img img, #top .me-case__img img, #top .me-case img, #top .me-refgrid img, #top .me-refs6 img, #top .me-refs img { filter: none !important; opacity: 1 !important; mix-blend-mode: normal !important; }
#top .me-refs6__img::after, #top .me-refs6__img::before, #top .me-refs6__media::after, #top .me-refs6__media::before, #top .me-refs6__item::before, #top .me-refs__img::after, #top .me-refs__img::before, #top .me-reffeed__img::after, #top .me-reffeed__img::before, #top .me-ref__img::after, #top .me-ref__img::before, #top .me-case__img::after, #top .me-case__img::before { opacity: 0 !important; background: transparent !important; }
#top .me-refs6__item:hover img, #top .me-refs__item:hover img, #top .me-reffeed__item:hover img, #top .me-ref:hover img, #top .me-case:hover img { filter: none !important; transform: scale(1.03); }
#top .me-refgrid .slide-image img, #top .me-refs4-sec .me-refgrid .slide-image img, #top .me-refs6 .me-refgrid .slide-image img, #top .me-refs-sec .slide-image img { filter: none !important; opacity: 1 !important; }
#top .me-refgrid .slide-image::after, #top .me-refgrid .slide-image::before, #top .me-refgrid .slide-entry::before, #top .me-refgrid .slide-entry::after { opacity: 0 !important; background: transparent !important; }
#top .me-refgrid .slide-entry:hover .slide-image img { filter: none !important; transform: scale(1.03); }

/* §52l Footer V3: XPEL-Siegel größer (09.10.) */
#top .me-foot3__awardrow img { height: 72px; max-width: calc(50% - 8px); }
#top .me-foot3__awardrow { gap: 16px; }
@media (max-width: 1139px) { #top .me-foot3__awardrow img { height: 64px; } }
@media (max-width: 767px) { #top .me-foot3__awardrow img { height: 56px; } }

/* §52m Footer V3: Google-Wortmarke über den Sternen (09.10.) · Datei 04-bilder/logos/me-google-logo.svg → Mediathek */
.me-foot3__glogo { display: block; height: 30px; width: auto; margin: 4px 0 2px; }
@media (max-width: 767px) { .me-foot3__glogo { height: 26px; } }

/* ============================================================
   §54 FORMULAR — FOTO-UPLOAD (10.10.) · Dropzone im Formularstil, Dateiliste mit Vorschau, JS in functions.php (me_form_upload_js)
   ============================================================ */
.me-upload__drop { position: relative; display: flex; align-items: center; justify-content: center; min-height: 92px; padding: 18px 20px; border: 1px dashed rgba(237,233,225,.28); background: rgba(255,255,255,.02); text-align: center; transition: border-color .25s, background .25s; }
.me-upload__drop:hover, .me-upload__drop.is-over { border-color: var(--me-acc); background: rgba(201,179,126,.06); }
.me-upload__drop:focus-within { border-color: var(--me-acc); }
.me-upload__drop input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.me-upload__text { font-size: 13.5px; line-height: 1.5; color: var(--me-text-2); pointer-events: none; }
.me-upload__text b { color: var(--me-text); font-weight: 600; }
#top .me-upload__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 8px; }
#top .me-upload__list:not(:empty) { margin-top: 10px; }
.me-upload__item { position: relative; aspect-ratio: 1; border: 1px solid var(--me-line); background: var(--me-panel); overflow: hidden; }
.me-upload__item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.me-upload__item span { position: absolute; left: 0; right: 0; bottom: 0; padding: 3px 5px; font-family: var(--me-mono); font-size: 9.5px; color: var(--me-text-2); background: rgba(8,9,11,.8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.me-upload__item button { position: absolute; top: 2px; right: 2px; width: 22px; height: 22px; border: 0; border-radius: 0; background: rgba(8,9,11,.85); color: var(--me-text); font-size: 14px; line-height: 1; cursor: pointer; padding: 0; }
.me-upload__item button:hover { background: var(--me-acc); color: var(--me-acc-ink); }
.me-upload__err { margin: 8px 0 0; font-size: 13px; color: #F0C4C4; }

/* §52n Footer V3: Einzugsgebiet als <span> statt <p> — Enfolds #top #footer p (höhere Spezifität) griff live; Größe exakt wie die Links (10.10.) */
#top #footer .me-foot3__col .me-foot3__txt, #top .me-foot3__col .me-foot3__txt, #top #footer .me-foot3__col a, #top #footer .me-foot3__col p { font-size: var(--me-fs-mono, 12.5px) !important; line-height: 1.7 !important; color: var(--me-text-2); margin: 0 !important; display: block; text-wrap: pretty; }

/* §55 Formular zentriert (Preise/Konfigurator): Button und Datenschutz-Hinweis mittig, Formular selbst mittig — Formulare in
   linksbündigen Boxen (me-glowbox--left, Kontakt) bleiben linksbündig (10.10.) */
#top .me-glowbox:not(.me-glowbox--left) .me-form, #top .me-anfrage__h3 ~ .me-form { margin-left: auto; margin-right: auto; }
#top .me-glowbox:not(.me-glowbox--left) .me-form .gform_footer, #top .me-anfrage__h3 ~ .me-form .gform_footer { justify-content: center; }
#top .me-glowbox:not(.me-glowbox--left) .me-form .me-consent, #top .me-anfrage__h3 ~ .me-form .me-consent { justify-content: center; text-align: center; }
#top .me-glowbox--left .me-form .gform_footer, #top .me-contact__form .me-form .gform_footer { justify-content: flex-start; }
@media (max-width: 767px) { #top .me-form .gform_footer .me-btn { width: 100%; justify-content: center; } }

/* §55b Konfigurator-Anfrage: H3 und Personenzeile auf die Formular-Achse (max-width 860, zentriert) — eine gemeinsame Spalte (10.10.) */
#top .me-anfrage__h3, #top .me-anfrage__h3 ~ .me-person { max-width: 860px; margin-left: auto !important; margin-right: auto !important; }
#top .me-anfrage__h3 ~ .me-person { padding-left: 0; padding-right: 0; }

/* ============================================================
   §56 CHECKLISTEN (me-checkgrid) VEREINHEITLICHT (10.10.) — gilt für alle Unterseiten:
   Innenaufbereitung/Sonderleistungen (Detailing-Hub, Innenaufbereitung, Wohnmobil), Vorteile (Design, Werbefolierung, Keramik),
   Car Wrapping, Vollfolierung „Wann Complete“, Folien & Hersteller (Autofolierung-Hub).
   Vorher: lose 2-Spalten-Liste mit frei schwebenden Haken. Jetzt: gleich hohe Panels im Raster (3 Spalten, Tablet 2, mobil 1),
   Haken als Marke links auf einer Linie, einheitlicher Abstand zur H2. Kein Markup-Änderung nötig.
   ============================================================ */
#top .me-checkgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 22px; font-size: 14.5px; line-height: 1.5; color: var(--me-text); }
#top .me-checkgrid > div { align-items: flex-start; gap: 12px; padding: 14px 16px; background: var(--me-panel); border: 1px solid var(--me-line); text-wrap: pretty; }
#top .me-checkgrid > div .me-tick { margin-top: 3px; font-size: 11.5px; letter-spacing: .04em; }
#top .me-h2--sub + .me-checkgrid, #top .me-prose + .me-checkgrid { margin-top: 22px; }
#top .me-checkgrid + .me-note, #top .me-checkgrid + .me-endline { margin-top: 20px; }
@media (max-width: 1139px) { #top .me-checkgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { #top .me-checkgrid { grid-template-columns: minmax(0, 1fr); gap: 8px; } #top .me-checkgrid > div { padding: 12px 14px; } }
/* Preis-Stufenlisten (me-factors) auf derselben Seite: gleicher Panel-Look statt Hairline-Zeilen */
#top .me-faktoren-sec .me-factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#top .me-faktoren-sec .me-factor { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 14px 16px; background: var(--me-panel); border: 1px solid var(--me-line); }
#top .me-faktoren-sec .me-factor__v { text-align: right; white-space: nowrap; }
@media (max-width: 767px) { #top .me-faktoren-sec .me-factors { grid-template-columns: minmax(0, 1fr); } }

/* ============================================================
   §57 ENTSCHEIDUNGSHILFE ALS KACHEL-RASTER (10.10.) · me-decide — ersetzt me-factors überall dort, wo der Schlüssel ein
   Fragesatz ist (Hub Fahrzeugaufbereitung, Hub Autofolierung). Frage klein in Cyan, Ziel groß, eine Zeile Erklärung, Pfeil.
   ============================================================ */
.me-decide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--me-gap, 14px); }
#top .me-decide__cell { position: relative; display: grid; grid-template-rows: auto auto 1fr auto; gap: 8px; min-height: 180px; padding: 22px 22px 18px; background: var(--me-panel); border: 1px solid var(--me-line); color: inherit; text-decoration: none !important; transition: border-color .3s, background .3s; }
#top .me-decide__cell:hover, #top .me-decide__cell:focus-visible { border-color: var(--me-acc); background: rgba(201,179,126,.05); outline: none; }
.me-decide__q { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--me-acc); line-height: 1.5; }
.me-decide__t { font-family: var(--me-sans); font-weight: 700; font-size: 19px; line-height: 1.2; color: var(--me-text); }
.me-decide__d { font-size: 14px; line-height: 1.55; color: var(--me-text-2); text-wrap: pretty; }
.me-decide__go { justify-self: start; font-family: var(--me-mono); font-size: 16px; color: var(--me-acc); opacity: .6; transition: transform .3s, opacity .3s; }
#top .me-decide__cell:hover .me-decide__go { transform: translateX(6px); opacity: 1; }
@media (max-width: 1139px) { .me-decide { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .me-decide { grid-template-columns: minmax(0, 1fr); } #top .me-decide__cell { min-height: 0; padding: 18px 18px 16px; } }

/* §51d FAQ-Raster global (10.10.): feste Spalten für JEDE .me-qa — unabhängig von der Sektionsklasse (Keramik u. a. liegen
   nicht in me-qa-sec, dort griff §51c nicht → auto-fit mit zentriertem Rest). */
#top .me-qa { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--me-gap, 14px); justify-items: stretch; }
#top .me-qa__item { width: auto; max-width: none; margin: 0; }
@media (max-width: 1139px) { #top .me-qa { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { #top .me-qa { grid-template-columns: minmax(0, 1fr); } }

/* §55c Zentrierte Formulare: Submit + Consent mittig (10.10.) — überall dort, wo das Formular nicht in einer linksbündigen
   Box (me-glowbox--left, Kontakt me-contact__form) oder neben einem Seitenpanel liegt. Unterseiten-Anfrage (me-final-sec) inklusive. */
#top .me-form .gform_footer { justify-content: center; }
#top .me-form .me-consent, #top .me-form p.me-consent { text-align: center; justify-content: center; }
#top .me-glowbox--left .me-form .gform_footer, #top .me-contact__form .me-form .gform_footer, #top .me-form--left .gform_footer { justify-content: flex-start; }
#top .me-glowbox--left .me-form .me-consent, #top .me-contact__form .me-form .me-consent, #top .me-form--left .me-consent { text-align: left; justify-content: flex-start; }

/* ============================================================
   §58 EINLEITUNGSTEXT → INHALT: EINHEITLICHER ABSTAND (10.10.)
   Überall, wo auf eine H2 ein Absatz (me-prose / me-sechead__copy / me-note) folgt und direkt danach ein Raster oder eine
   Liste beginnt, fehlte der Abstand (Absatz margin 0). Jetzt global: 28 px zwischen Einleitung und erstem Inhaltsblock,
   Einleitung max. 68 Zeichen breit, Schlusszeile (me-endline) mit 28 px Luft nach oben.
   ============================================================ */
#top .me-prose, #top .me-sechead__copy, #top .me-section .me-note { margin: 0 0 28px !important; max-width: 68ch; }
#top .me-sechead { margin-bottom: 36px; }
#top .me-sechead .me-sechead__copy { margin-bottom: 0 !important; }
#top .me-h2--sub + .me-prose, #top .me-h2--sub + .me-note { margin-top: -6px !important; }
#top .me-section .me-endline { margin-top: 28px !important; }
#top .me-h2--sub + .me-factors, #top .me-h2--sub + .me-cases, #top .me-h2--sub + .me-checkgrid, #top .me-h2--sub + .me-decide, #top .me-h2--sub + .me-qa, #top .me-h2--sub + .me-steps, #top .me-h2--sub + .me-finish, #top .me-h2--sub + .me-lvdetails { margin-top: 4px; }
@media (max-width: 767px) { #top .me-prose, #top .me-sechead__copy, #top .me-section .me-note { margin-bottom: 20px !important; } #top .me-section .me-endline { margin-top: 20px !important; } }

/* ============================================================
   §56b CHECKLISTEN IN ZWEISPALTIGEN ZEILEN (10.10.) — korrigiert §56:
   In av_layout_row / Zwei-Spalten-Kontexten (Vollfolierung „Wann Complete“, Car Wrapping, Keramik, Design, Werbefolierung
   neben Bild/Panel) wurde das 3er-Kachelraster in die halbe Breite gequetscht (Text umbrach wortweise, 2. Reihe lief über).
   Dort: EINSPALTIGE Zeilenliste — Häkchen links, Text in einer Zeile, Hairline zwischen den Zeilen. Das Kachelraster
   bleibt nur in voller Breite (me-section > .container direkt).
   ============================================================ */
#top .av-layout-grid-container .me-checkgrid, #top .flex_cell .me-checkgrid, #top .av_one_half .me-checkgrid, #top .av_two_third .me-checkgrid, #top .av_one_third .me-checkgrid, #top .me-split .me-checkgrid, #top .me-twocol .me-checkgrid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; border-top: 1px solid var(--me-line); }
#top .av-layout-grid-container .me-checkgrid > div, #top .flex_cell .me-checkgrid > div, #top .av_one_half .me-checkgrid > div, #top .av_two_third .me-checkgrid > div, #top .av_one_third .me-checkgrid > div, #top .me-split .me-checkgrid > div, #top .me-twocol .me-checkgrid > div { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px 0 !important; min-height: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--me-line) !important; font-size: 15px; line-height: 1.5; color: var(--me-text); text-wrap: pretty; overflow-wrap: anywhere; }
#top .av-layout-grid-container .me-checkgrid .me-tick, #top .flex_cell .me-checkgrid .me-tick, #top .av_one_half .me-checkgrid .me-tick, #top .av_two_third .me-checkgrid .me-tick, #top .av_one_third .me-checkgrid .me-tick, #top .me-split .me-checkgrid .me-tick, #top .me-twocol .me-checkgrid .me-tick { margin-top: 1px; }
/* Hinweis-Absatz nach der Liste */
#top .av-layout-grid-container .me-checkgrid + .me-note, #top .flex_cell .me-checkgrid + .me-note, #top .av_one_half .me-checkgrid + .me-note, #top .me-split .me-checkgrid + .me-note { margin-top: 22px !important; max-width: none; }
/* Volle Breite: Kacheln dürfen nicht enger als 240 px werden, sonst 2 Spalten */
#top .me-section > .container > .av_one_full .me-checkgrid, #top .me-section > .container > .flex_column.av_one_full .me-checkgrid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
#top .me-checkgrid > div { overflow-wrap: anywhere; text-wrap: pretty; }
@media (max-width: 989px) { #top .me-checkgrid { grid-template-columns: minmax(0, 1fr) !important; } }

/* §56b Ergänzung: Enfold rendert av_cell_one_half als .flex_cell, av_one_half als .av_one_half — beide abgedeckt; Hinweis-Box
   (me-note) in Spalten ohne Cyan-Balken, als ruhiger Absatz. */
#top .flex_cell .me-note, #top .av_one_half .me-note { border-left: 0; padding-left: 0; margin-top: 22px !important; font-size: 14.5px; line-height: 1.6; color: var(--me-text-2); }
#top .flex_cell .me-note strong, #top .av_one_half .me-note strong { color: var(--me-text); }

/* ============================================================
   §59 BLOG & KATEGORIE-ARCHIVE IM ME-STIL (10.10.) — /blog/, /category/referenzen/(lackschutz|wrap)/
   Sidebar aus (functions.php avia_layout_filter), Enfold-Titelleiste aus, eigener Kopf (Crumb · H1 · Beschreibung · Filter-Chips),
   Grid wie Startseiten-Referenzen (me-refgrid-Optik), Pagination im Mono-Stil.
   ============================================================ */
#top.archive .sidebar, #top.blog .sidebar, #top.archive .content, #top.blog .content { border: 0 !important; }
#top.archive #main .container, #top.blog #main .container { padding-left: var(--me-gutter, 56px) !important; padding-right: var(--me-gutter, 56px) !important; }
#top.archive .content, #top.blog .content { width: 100% !important; max-width: none !important; padding-top: 0 !important; padding-bottom: 72px !important; }
#top.archive .title_container, #top.blog .title_container { display: none !important; }
/* Kopf */
#top .me-archive__head { padding: 56px var(--me-gutter, 56px) 8px; max-width: var(--me-container, 1310px); margin: 0 auto; }
#top .me-archive__head .me-h1 { margin: 0 0 14px; }
#top .me-archive__head .me-lede { max-width: 68ch; margin: 0 0 24px; }
#top .me-archive__head .me-lede p { margin: 0; }
#top .me-archive__filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
#top .me-archive__filter a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid var(--me-line); font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-text-2); text-decoration: none; transition: border-color .25s, color .25s, background .25s; }
#top .me-archive__filter a:hover { border-color: var(--me-acc); color: var(--me-text); }
#top .me-archive__filter a.is-active { border-color: var(--me-acc); background: rgba(201,179,126,.08); color: var(--me-acc); }
/* Grid */
#top.archive .template-blog .post-entry, #top.blog .template-blog .post-entry, #top.archive .template-archives .post-entry { border: 0 !important; margin: 0 !important; padding: 0 !important; }
#top.archive #main .template-blog .slide-entry-wrap, #top.blog #main .template-blog .slide-entry-wrap, #top.archive .template-archives .slide-entry-wrap, #top.blog .template-archives .slide-entry-wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--me-gap, 14px); margin: 0 0 var(--me-gap, 14px) !important; }
#top.archive .slide-entry, #top.blog .slide-entry { width: auto !important; margin: 0 !important; padding: 0 !important; background: var(--me-panel); border: 1px solid var(--me-line) !important; transition: border-color .3s; }
#top.archive .slide-entry:hover, #top.blog .slide-entry:hover { border-color: rgba(201,179,126,.6) !important; }
#top.archive .slide-entry .slide-image, #top.blog .slide-entry .slide-image { aspect-ratio: 4 / 3; overflow: hidden; border-radius: 0 !important; }
#top.archive .slide-entry .slide-image img, #top.blog .slide-entry .slide-image img { width: 100%; height: 100%; object-fit: cover; filter: none !important; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
#top.archive .slide-entry:hover .slide-image img, #top.blog .slide-entry:hover .slide-image img { transform: scale(1.03); }
#top.archive .slide-content, #top.blog .slide-content { padding: 18px 20px 20px !important; }
#top.archive .slide-entry-title, #top.blog .slide-entry-title { font-family: var(--me-sans) !important; font-weight: 700 !important; font-size: 18px !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important; margin: 0 0 8px !important; text-wrap: balance; }
#top.archive .slide-entry-title a, #top.blog .slide-entry-title a { color: var(--me-text) !important; }
#top.archive .slide-entry-title a:hover, #top.blog .slide-entry-title a:hover { color: var(--me-acc) !important; }
#top.archive .slide-meta, #top.blog .slide-meta { font-family: var(--me-mono) !important; font-size: 11.5px !important; letter-spacing: .12em; text-transform: uppercase; color: var(--me-text-3) !important; margin: 0 0 10px !important; }
#top.archive .slide-meta-time, #top.blog .slide-meta-time { display: inline-block; }
#top.archive .slide-meta-del, #top.archive .slide-meta-comments, #top.blog .slide-meta-del, #top.blog .slide-meta-comments, #top.archive .blog-categories, #top.blog .blog-categories { display: none !important; }
#top.archive .slide-entry-excerpt, #top.blog .slide-entry-excerpt { font-size: 14px !important; line-height: 1.55 !important; color: var(--me-text-2) !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#top.archive .read-more-link, #top.blog .read-more-link { margin-top: 12px; }
#top.archive .read-more-link a, #top.blog .read-more-link a { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-acc) !important; text-decoration: none; }
#top.archive .read-more-link a:hover, #top.blog .read-more-link a:hover { color: var(--me-text) !important; }
#top.archive .read-more-link .more-link-arrow, #top.blog .read-more-link .more-link-arrow { display: none; }
/* Pagination */
#top.archive .pagination, #top.blog .pagination { margin-top: 28px; padding: 0; border: 0; display: flex; gap: 8px; justify-content: center; }
#top.archive .pagination .pagination-meta, #top.blog .pagination .pagination-meta { display: none; }
#top.archive .pagination a, #top.archive .pagination span, #top.blog .pagination a, #top.blog .pagination span { min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid var(--me-line) !important; border-radius: 0 !important; background: transparent !important; font-family: var(--me-mono); font-size: 12px; color: var(--me-text-2) !important; text-decoration: none; }
#top.archive .pagination a:hover, #top.blog .pagination a:hover { border-color: var(--me-acc) !important; color: var(--me-text) !important; }
#top.archive .pagination .current, #top.blog .pagination .current { border-color: var(--me-acc) !important; color: var(--me-acc) !important; }
@media (max-width: 1139px) { #top.archive #main .template-blog .slide-entry-wrap, #top.blog #main .template-blog .slide-entry-wrap, #top.archive .template-archives .slide-entry-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); } #top .me-archive__head { padding: 44px var(--me-gutter, 32px) 8px; } }
@media (max-width: 767px) { #top.archive #main .template-blog .slide-entry-wrap, #top.blog #main .template-blog .slide-entry-wrap, #top.archive .template-archives .slide-entry-wrap { grid-template-columns: minmax(0, 1fr); } #top .me-archive__head { padding: 32px var(--me-gutter, 18px) 8px; } #top.archive .content, #top.blog .content { padding-bottom: 48px !important; } }

/* §59b /blog/ als ALB-Seite (Avia-31-Blog.txt): ein av_blog-Grid für alle Breiten (Magazine-Fallback entfällt), gleiche Karten-
   Optik wie die Kategorie-Archive. Filter-Chips im Kopf wie §59. */
#top .me-archive-sec .me-h1 { margin: 0 0 14px; }
#top .me-archive-sec .me-lede { max-width: 68ch; margin: 0 0 24px; }
#top .me-archive-sec .me-archive__filter { margin: 0 0 32px; }
#top .me-bloggrid .slide-entry-wrap { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: var(--me-gap, 14px) !important; margin: 0 0 var(--me-gap, 14px) !important; width: 100% !important; }
#top .me-bloggrid .slide-entry { position: relative !important; float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: var(--me-panel); border: 1px solid var(--me-line) !important; box-shadow: none !important; transition: border-color .3s; }
#top .me-bloggrid .slide-entry:hover { border-color: rgba(201,179,126,.6) !important; }
#top .me-bloggrid .slide-image { display: block !important; margin: 0 !important; aspect-ratio: 4 / 3; height: auto !important; overflow: hidden !important; border-radius: 0 !important; }
#top .me-bloggrid .slide-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; filter: none !important; border-radius: 0 !important; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
#top .me-bloggrid .slide-entry:hover .slide-image img { transform: scale(1.03); }
#top .me-bloggrid .slide-image .image-overlay, #top .me-bloggrid .fallback-post-type-icon { display: none !important; }
#top .me-bloggrid .slide-content { padding: 18px 20px 20px !important; }
#top .me-bloggrid .entry-content-header { position: static !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
#top .me-bloggrid .slide-entry-title { font-size: 18px !important; line-height: 1.25 !important; margin: 0 0 8px !important; padding: 0 !important; }
#top .me-bloggrid .slide-entry-title a { display: block; font-family: var(--me-sans) !important; font-weight: 700 !important; font-size: 18px !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--me-text) !important; text-decoration: none !important; text-wrap: balance; background: none !important; border: 0 !important; padding: 0 !important; }
#top .me-bloggrid .slide-entry-title a:hover { color: var(--me-acc) !important; }
#top .me-bloggrid .slide-meta { font-family: var(--me-mono) !important; font-size: 11.5px !important; letter-spacing: .12em; text-transform: uppercase; color: var(--me-text-3) !important; margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; }
#top .me-bloggrid .slide-meta-del, #top .me-bloggrid .slide-meta-comments, #top .me-bloggrid .blog-categories, #top .me-bloggrid .avia-arrow, #top .me-bloggrid .av-vertical-delimiter { display: none !important; }
#top .me-bloggrid .slide-entry-excerpt { font-size: 14px !important; line-height: 1.55 !important; color: var(--me-text-2) !important; padding: 0 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#top .me-bloggrid .read-more-link { margin-top: 12px; }
#top .me-bloggrid .read-more-link a { font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-acc) !important; text-decoration: none; }
#top .me-bloggrid .read-more-link a:hover { color: var(--me-text) !important; }
#top .me-bloggrid .more-link-arrow { display: none; }
#top .me-bloggrid .pagination { margin-top: 28px; padding: 0; border: 0; display: flex; gap: 8px; justify-content: center; }
#top .me-bloggrid .pagination .pagination-meta { display: none; }
#top .me-bloggrid .pagination a, #top .me-bloggrid .pagination span { min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid var(--me-line) !important; border-radius: 0 !important; background: transparent !important; font-family: var(--me-mono); font-size: 12px; color: var(--me-text-2) !important; text-decoration: none; }
#top .me-bloggrid .pagination a:hover { border-color: var(--me-acc) !important; color: var(--me-text) !important; }
#top .me-bloggrid .pagination .current { border-color: var(--me-acc) !important; color: var(--me-acc) !important; }
@media (max-width: 1139px) { #top .me-bloggrid .slide-entry-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 767px) { #top .me-bloggrid .slide-entry-wrap { grid-template-columns: minmax(0, 1fr) !important; } }

/* ============================================================
   §60 SEITENPANEL NEBEN DEN FORMULAREN (10.10.) · me-side — füllt die bisher leere Spalte: Telemetrie-Rail (Telefon, WhatsApp,
   E-Mail, Öffnungszeiten, Halle, Hol- & Bring — klickbar), „So geht es weiter“ (3 Schritte), Google 5.0 + XPEL-Siegel.
   Mobil: unter dem Formular, Rail zweispaltig.
   ============================================================ */
#top .me-side { display: grid; gap: 26px; align-content: start; padding: 0 !important; background: transparent !important; border: 0 !important; }
#top .me-side .me-label { margin: 0 0 12px; }
#top .me-side__rail { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--me-line); border: 1px solid var(--me-line); }
#top .me-side__rail .me-rail5__row { display: grid; grid-template-columns: 1fr; gap: 6px; padding: 13px 16px 11px; background: var(--me-bg); color: inherit; text-decoration: none !important; transition: background .3s; }
#top .me-side__rail a.me-rail5__row:hover { background: rgba(201,179,126,.08); }
#top .me-side__rail .me-rail5__v { font-size: 15.5px; }
#top .me-side__rail .me-rail5__v small { font-size: 12px; color: var(--me-text-3); font-weight: 500; }
#top .me-side__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; counter-reset: step; }
#top .me-side__steps li { position: relative; padding-left: 34px; font-size: 14px; line-height: 1.55; color: var(--me-text-2); counter-increment: step; }
#top .me-side__steps li::before { content: "0" counter(step); position: absolute; left: 0; top: 2px; font-family: var(--me-mono); font-size: 11.5px; letter-spacing: .08em; color: var(--me-acc); }
#top .me-side__steps b { color: var(--me-text); font-weight: 600; }
#top .me-side__trust { display: grid; gap: 16px; padding-top: 22px; border-top: 1px solid var(--me-line); }
#top .me-side__google { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; color: inherit; text-decoration: none !important; }
#top .me-side__glogo { grid-row: 1 / 3; height: 26px; width: auto; display: block; }
#top .me-side__stars { font-size: 13px; letter-spacing: .12em; color: var(--me-acc); line-height: 1; }
#top .me-side__rating { font-size: 13px; color: var(--me-text-2); }
#top .me-side__rating b { color: var(--me-text); font-weight: 700; }
#top .me-side__awards { display: flex; flex-wrap: nowrap; gap: 12px; }
#top .me-side__awards img { height: 56px; width: auto; max-width: calc(50% - 6px); object-fit: contain; }
@media (max-width: 989px) { #top .me-side { padding-top: 8px !important; } #top .me-side__rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } #top .me-side__next { display: none; } }
@media (max-width: 767px) { #top .me-side__rail { grid-template-columns: minmax(0, 1fr); } #top .me-side__awards img { height: 48px; } }

/* ============================================================
   §60b FORMULAR VOLLE BREITE + ANFAHRTSZEILE (10.10.) — ersetzt §60 (Seitenpanel raus, Infos stehen im Footer).
   Formular über die ganze Inhaltsbreite, Felder dreispaltig (Vorname · Name · E-Mail / Telefon · Fahrzeug · Leistung),
   Nachricht, Upload, Consent, Button über die volle Zeile. Darunter eine Anfahrtszeile: Pin, Adresse + Weg, „Route berechnen“.
   ============================================================ */
#top .me-final-sec .me-final, #top .me-final-sec .me-glowbox--left { display: block !important; grid-template-columns: none !important; }
#top .me-final-sec .me-final > .me-final__form, #top .me-final-sec .me-glowbox--left > div:first-child { width: 100%; max-width: none; }
#top .me-final-sec .me-form { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
#top .me-final-sec .me-fields { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
#top .me-final-sec .me-fields > .me-field--full, #top .me-final-sec .me-fields > .me-upload { grid-column: 1 / -1 !important; }
#top .me-final-sec .me-form .gform_footer { justify-content: flex-start; }
#top .me-final-sec .me-form .me-consent, #top .me-final-sec .me-form p.me-consent { text-align: left; justify-content: flex-start; }
#top .me-final-sec .me-side, #top .me-final-sec .me-sidepanel { display: none !important; }
/* Anfahrt */
#top .me-route { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 18px; align-items: center; margin-top: 28px; padding: 20px 22px; background: var(--me-panel); border: 1px solid var(--me-line); }
#top .me-route__pin { position: relative; width: 44px; height: 44px; border: 1px solid rgba(201,179,126,.45); border-radius: 50%; display: grid; place-items: center; }
#top .me-route__pin::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; border: 1px dashed rgba(201,179,126,.35); }
#top .me-route__pin span { width: 10px; height: 10px; border-radius: 50%; background: var(--me-acc); box-shadow: 0 0 12px var(--me-acc); }
#top .me-route__txt { font-size: 14.5px; line-height: 1.55; color: var(--me-text-2); text-wrap: pretty; }
#top .me-route__txt b { color: var(--me-text); font-weight: 600; }
#top .me-route__btn { white-space: nowrap; }
@media (max-width: 1139px) { #top .me-final-sec .me-fields { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 767px) { #top .me-final-sec .me-fields { grid-template-columns: minmax(0, 1fr) !important; } #top .me-route { grid-template-columns: 44px minmax(0, 1fr); } #top .me-route__btn { grid-column: 1 / -1; justify-content: center; } }

/* §61 Submenü: jeder Eintrag in eigener Zeile (10.10.) — Enfold setzt li als inline/float, bei kurzen Titeln rutschen zwei
   nebeneinander (Lackschutz: „03 COLOR PPF“ + „04 Referenzen“). Fix: ul als Block-Flex-Spalte, li display:block, volle Breite. */
#top .av-main-nav ul.sub-menu, #top #header .av-main-nav .sub-menu { display: flex; flex-direction: column; align-items: stretch; }
#top .av-main-nav ul.sub-menu > li, #top #header .av-main-nav .sub-menu > li { display: block !important; float: none !important; width: 100% !important; clear: both; }
#top .av-main-nav ul.sub-menu > li > a, #top #header .av-main-nav .sub-menu > li > a { display: flex !important; width: 100% !important; box-sizing: border-box; }

/* §56c me-factors in Panel-Optik: Werte dürfen umbrechen, Schlüssel über Wert (10.10.) — §56 setzte white-space: nowrap auf
   den Wert und Flex-Zeile → lange Sätze (Keramik „Vier Schritte“, Ablauf-Listen) liefen in die Nachbarzelle. */
#top .me-faktoren-sec .me-factor { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 6px; align-items: start; }
#top .me-faktoren-sec .me-factor__k { font-size: 15px; line-height: 1.3; }
#top .me-faktoren-sec .me-factor__v { text-align: left !important; white-space: normal !important; overflow-wrap: anywhere; font-size: 14.5px; line-height: 1.55; }
/* Kurze Preislisten (Schlüssel + kurzer Wert wie „Preis auf Anfrage“, „ab 680 € →“) bleiben zweispaltig in einer Zeile */
#top .me-faktoren-sec .me-factors--price .me-factor { grid-template-columns: minmax(0, 1fr) auto; }
#top .me-faktoren-sec .me-factors--price .me-factor__v { text-align: right !important; white-space: nowrap !important; }

/* ============================================================
   §57 STARTSEITE — ÜBER MOTIVE (Text / Bild) (12.10.) · zwischen Marken-Leiste und Schutzlevel
   Text links (Label, H2, Absatz, drei Fakten, Ghost-Button), Bild der Halle rechts mit Mono-Caption.
   Bild: 04-bilder/me-halle-quickborn.jpg (1600×1100, 16:11) → Mediathek. Mobil: Bild über Text.
   ============================================================ */
.me-about { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.me-about__copy { display: grid; gap: 18px; justify-items: start; }
#top .me-about__copy .me-h2 { margin: 0; }
#top .me-about__text { margin: 0; max-width: 52ch; font-size: 16px; line-height: 1.65; color: var(--me-text-2); text-wrap: pretty; }
.me-about__facts { display: flex; flex-wrap: wrap; gap: 10px 22px; padding-top: 6px; border-top: 1px solid var(--me-line); width: 100%; font-family: var(--me-mono); font-size: 12px; letter-spacing: .06em; color: var(--me-text-2); }
.me-about__facts b { color: var(--me-text); font-weight: 600; }
#top .me-about__copy .me-btn { margin-top: 4px; }
#top .me-about__media { position: relative; margin: 0; border: 1px solid var(--me-line); background: var(--me-panel); overflow: hidden; }
#top .me-about__media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 11; object-fit: cover; filter: saturate(.9); }
#top .me-about__media::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 60%, rgba(8,9,11,.55)); }
.me-about__cap { position: absolute; left: 16px; bottom: 14px; font-family: var(--me-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--me-text-2); }
@media (max-width: 989px) { .me-about { grid-template-columns: minmax(0, 1fr); gap: 28px; } .me-about__media { order: -1; } }
@media (max-width: 767px) { #top .me-about__media img { aspect-ratio: 4 / 3; } #top .me-about__copy .me-btn { width: 100%; justify-content: center; } }

/* §57b Über Motive — Slider-Galerie (12.10., ersetzt das 2×2-Raster): 3 Bilder, Fade 1,2 s, Autoplay 6 s, Pause bei Hover/Fokus,
   Punkte klickbar, Pfeiltasten, prefers-reduced-motion = nur Bild 1. Script im Codeblock (Muster wie Hero/Ring).
   Bilder: me-about-01…03.jpg (je 1600×1200, 4:3) → Mediathek. Caption je Bild im <figcaption>. */
#top .me-about__slider { position: relative; margin: 0; aspect-ratio: 4 / 3; border: 1px solid var(--me-line); background: var(--me-panel); overflow: hidden; }
#top .me-about__slider .me-about__media { position: absolute; inset: 0; margin: 0; border: 0; opacity: 0; transition: opacity 1.2s ease; }
#top .me-about__slider .me-about__media.is-on { opacity: 1; z-index: 1; }
#top .me-about__slider .me-about__media img { aspect-ratio: auto; height: 100%; }
#top .me-about__slider .me-about__media::before { background: linear-gradient(180deg, transparent 55%, rgba(8,9,11,.6)); }
.me-about__dots { position: absolute; right: 14px; bottom: 14px; z-index: 2; display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.me-about__dots button { width: 24px; height: 2px; padding: 0; border: 0; border-radius: 0; background: rgba(255,255,255,.35); cursor: pointer; transition: background .3s; box-sizing: content-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; background-clip: padding-box; }
.me-about__dots button[aria-current="true"] { background-color: var(--me-acc); }
.me-about__dots button:focus-visible { outline: 1px solid var(--me-acc); outline-offset: 2px; }
@media (max-width: 989px) { #top .me-about__slider { order: -1; } }
@media (max-width: 767px) { .me-about__cap { left: 10px; bottom: 10px; font-size: 10px; max-width: calc(100% - 150px); } }
@media (prefers-reduced-motion: reduce) { #top .me-about__slider .me-about__media { transition: none; } }

/* ─── §64 STARTSEITEN-HERO OHNE RASTER (12.10.) ────────────────────────────
   Das Linienraster („Schachbrett“) ist im Hero/Slider der Startseite entfernt — gilt für Hell und Dunkel.
   Hub-/Leistungs-Heros (.me-hero6 ohne .me-hero7) behalten ihr Raster. */
#top .me-hero7 .me-hero5__grid { display: none !important; }

/* ─── §65 STRETCHED-LAYOUT: EINHEITLICHE INHALTSBREITE 1410 PX (12.10.) ─────────────
   Theme-Option „Flexible Seite“ = Stretched (nicht mehr Boxed). Bisher nullten §7/§34 die Container-Breite
   (max-width: none), weil #wrap_all im Boxed-Modus die 1410 px vorgab — im Stretched-Layout liefen Inhalt,
   Footer und Socket dadurch über die volle Viewportbreite. Hier: EIN Maß für alles.
   Inhaltsbreite = 1410 px inkl. 56 px Rand → 1298 px Nutzbreite, identisch zu .me-hero5__inner / .me-hero4__inner.
   Full-Bleed bleiben bewusst: Heros (V2–V5, RevSlider), Marken-Ticker (Band), Footer V3/V4 (Hintergrund);
   deren INHALT wird auf dasselbe Maß gesetzt. */
:root { --me-container: 1410px; }
#top #wrap_all .avia-section.me-section:not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-brands-sec):not(.me-footer-sec--v3) > .container,
#top #wrap_all .avia-section.me-section:not(.me-hero2-sec):not(.me-hero3-sec):not(.me-hero4-sec):not(.me-hero5-sec):not(.me-revhero-sec):not(.me-brands-sec):not(.me-footer-sec--v3) .container.av-section-cont-open {
  max-width: var(--me-container) !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important;
}
#top #wrap_all #footer .container, #top #wrap_all #socket .container { max-width: var(--me-container) !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
#top #wrap_all #header_main > .container { max-width: var(--me-container) !important; padding-left: var(--me-gutter, 56px) !important; padding-right: var(--me-gutter, 56px) !important; }
/* Layout-Grid-Sektionen (Hub-/Leistungs-Heros §9/§20: me-hero, me-halle, me-warum) — Zellen-Innenabstand so, dass der Text auf der 1298-px-Linie steht */
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__media,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body { padding-left: max(var(--me-gutter, 56px), calc(50vw - (var(--me-container) / 2) + var(--me-gutter, 56px))) !important; }
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__media,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body,
.responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__media { padding-right: max(var(--me-gutter, 56px), calc(50vw - (var(--me-container) / 2) + var(--me-gutter, 56px))) !important; }
/* Marken-Ticker: Band bleibt full-bleed, Logos laufen innerhalb der 1410-px-Linie (wie .me-hero4 > .me-ticker) */
#top .me-brandstrip { padding: 0 !important; }
#top .me-brandstrip .me-ticker { max-width: var(--me-container); margin-left: auto; margin-right: auto; }
/* Footer V3/V4: Innenabstand aus 1410 statt der alten 1280-Linie (50vw − 640) */
.me-foot3__top, .me-foot3__trust, .me-foot3__nav, .me-foot3__status, .me-marken {
  padding-left: max(var(--me-gutter, 56px), calc(50% - (var(--me-container) / 2) + var(--me-gutter, 56px))) !important;
  padding-right: max(var(--me-gutter, 56px), calc(50% - (var(--me-container) / 2) + var(--me-gutter, 56px))) !important;
}
/* Blog-Archiv (§54) und Single-Post folgen demselben Maß */
#top.archive #main .container, #top.blog #main .container, #top.single-post:not(.me-post-alb) #main .container { max-width: var(--me-container) !important; margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 1139px) {
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__body, .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__media, .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__body,
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-halle__body, .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-warum__media { padding-left: var(--me-gutter) !important; padding-right: var(--me-gutter) !important; }
  .responsive #top #wrap_all .flex_cell.av-gridrow-cell.me-hero__media { padding-left: 0 !important; padding-right: 0 !important; }
  .me-foot3__top, .me-foot3__trust, .me-foot3__nav, .me-foot3__status, .me-marken { padding-left: var(--me-gutter, 32px) !important; padding-right: var(--me-gutter, 32px) !important; }
  #top #wrap_all #header_main > .container { padding-left: var(--me-gutter, 32px) !important; padding-right: var(--me-gutter, 32px) !important; }
}

/* ─── §66 STARTSEITE V10 „GOLD“ (12.10.) · Avia-01-V10-Startseite-Gold.txt ─────────────────────
   Stufe 2 der Test-Richtung „edler, weniger futuristisch“: ruhige Fotografie-Startseite. Hero mit großem Bild,
   Vier-Punkte-Leiste mit Linien-Icons, drei Foto-Karten (Hubs), zwei Foto/Text-Splits (Halle, Handwerk),
   Schutzlevel als Hairline-Liste, Referenzen (Blog-Grid wie bisher). Kein Ring, keine Rail, kein Ticker.
   Alles über Tokens → läuft in V1 (Cyan) und V2 (Gold, me-v2-gold.css). Full-Bleed per 100vw-Ausbruch am
   Element, unabhängig von den §65-Containern. Text über Fotos trägt eigene helle Tokens (auch im Hell-Schema). */
#top #wrap_all .avia-section.me-section.me-hero10-sec, #top #wrap_all .avia-section.me-section.me-usp10-sec { padding: 0 !important; }
#top #wrap_all .avia-section.me-hero10-sec + .avia-section.me-section { padding-top: 0 !important; }
#top #wrap_all .avia-section.me-usp10-sec + .avia-section.me-section { padding-top: var(--me-sec, 72px) !important; }
.me-hero10 { position: relative; width: 100vw; margin-left: calc(50% - 50vw); min-height: clamp(560px, 88vh, 900px); display: grid; align-items: center; isolation: isolate; background: var(--me-bg); --me-text: #EDEBE6; --me-text-2: #B9B5AD; color: var(--me-text); }
.me-hero10__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 68% 50%; filter: saturate(.85) brightness(.9); }
.me-hero10__shade { position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(8,9,11,.9) 0%, rgba(8,9,11,.62) 40%, rgba(8,9,11,.18) 72%, rgba(8,9,11,.06) 100%), linear-gradient(180deg, rgba(8,9,11,.4) 0%, rgba(8,9,11,0) 35%, rgba(8,9,11,.9) 100%); }
.me-hero10__inner { position: relative; z-index: 1; width: 100%; max-width: var(--me-container, 1410px); margin: 0 auto; padding: calc(var(--me-header-h, 104px) + 56px) var(--me-gutter, 56px) 72px; box-sizing: border-box; }
.me-hero10__copy { max-width: 640px; display: grid; gap: 22px; justify-items: start; }
#top #wrap_all .me-hero10 .me-label { margin: 0; color: var(--me-text-2); }
#top #wrap_all .me-hero10__h1 { margin: 0 !important; color: var(--me-text); }
.me-hero10__h1b { display: block; color: var(--me-text-2); font-weight: inherit; }
.me-hero10__lede { margin: 0; max-width: 56ch; color: var(--me-text); font-size: var(--me-fs-body, 17px); line-height: 1.6; text-wrap: pretty; }
.me-hero10 .me-cta-row { margin-top: 6px; }
/* Vier-Punkte-Leiste */
.me-usp10 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--me-line); }
.me-usp10__item { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 4px 18px; align-items: start; padding: 30px 28px; border-left: 1px solid var(--me-line); }
.me-usp10__item:first-child { border-left: 0; padding-left: 0; }
.me-usp10__item:last-child { padding-right: 0; }
.me-usp10__ico { grid-row: 1 / span 2; width: 40px; height: 40px; color: var(--me-acc); }
.me-usp10__ico svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
.me-usp10__t { font-family: var(--me-mono); font-weight: 500; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-text); line-height: 1.45; }
.me-usp10__d { font-size: 13.5px; color: var(--me-text-3); line-height: 1.5; }
/* Drei Foto-Karten */
.me-cards10 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
#top a.me-card10 { position: relative; display: block; aspect-ratio: 4 / 3.4; min-height: 300px; overflow: hidden; background: var(--me-bg-2); color: inherit; text-decoration: none !important; isolation: isolate; --me-text: #EDEBE6; --me-text-2: #B9B5AD; }
.me-card10__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.85) brightness(.85); transition: transform .9s cubic-bezier(.2,.7,.2,1); }
#top a.me-card10:hover .me-card10__img, #top a.me-card10:focus-visible .me-card10__img { transform: scale(1.04); }
#top a.me-card10::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(8,9,11,0) 28%, rgba(8,9,11,.55) 58%, rgba(8,9,11,.93) 100%); }
.me-card10__body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: grid; gap: 10px; justify-items: start; padding: 28px; }
#top #wrap_all .me-card10__t { margin: 0 !important; font-size: 20px !important; letter-spacing: .08em !important; text-transform: uppercase; font-weight: 400 !important; color: var(--me-text); line-height: 1.2 !important; }
.me-card10__d { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--me-text-2); max-width: 32ch; }
.me-card10__go { font-family: var(--me-mono); font-weight: 500; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-acc); margin-top: 4px; }
/* Foto/Text-Split — Bild läuft bis zum linken Viewportrand */
.me-split10 { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 88px); align-items: center; }
.me-split10__media { position: relative; margin: 0 0 0 calc(-1 * max(var(--me-gutter, 56px), (100vw - var(--me-container, 1410px)) / 2 + var(--me-gutter, 56px))); overflow: hidden; background: var(--me-bg-2); }
.me-split10__media img { display: block; width: 100%; height: 100%; aspect-ratio: 16 / 10; object-fit: cover; filter: saturate(.85) brightness(.92); }
.me-split10__copy { display: grid; gap: 20px; justify-items: start; padding: 24px 0; }
#top #wrap_all .me-split10__copy .me-label { margin: 0; }
#top #wrap_all .me-split10__copy .me-h2 { margin: 0 !important; }
.me-split10__text { margin: 0; max-width: 46ch; color: var(--me-text-2); font-size: var(--me-fs-body, 17px); line-height: 1.65; text-wrap: pretty; }
.me-split10__copy .me-btn { margin-top: 6px; }
/* Schutzlevel als Hairline-Liste */
.me-levels10 { display: grid; border-top: 1px solid var(--me-line); }
#top a.me-levels10__row { display: grid; grid-template-columns: 110px minmax(0, 1.1fr) minmax(0, 1.4fr) auto; gap: 24px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--me-line); color: inherit; text-decoration: none !important; transition: border-color .25s; }
#top a.me-levels10__row:hover, #top a.me-levels10__row:focus-visible { border-bottom-color: var(--me-acc); outline: none; color: inherit; }
.me-levels10__k { font-family: var(--me-mono); font-weight: 500; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-text-3); }
.me-levels10__n { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-family: var(--me-sans); font-weight: 400; font-size: 19px; letter-spacing: .06em; text-transform: uppercase; color: var(--me-text); }
.me-levels10__tag { font-family: var(--me-mono); font-weight: 500; font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-acc); border: 1px solid var(--me-acc-line, rgba(201,179,126,.35)); padding: 4px 8px; }
.me-levels10__s { font-size: 15px; color: var(--me-text-2); }
.me-levels10__p { font-family: var(--me-sans); font-weight: 400; font-size: 19px; color: var(--me-text); white-space: nowrap; }
.me-levels10__foot { display: flex; justify-content: space-between; align-items: center; gap: 16px 24px; flex-wrap: wrap; margin-top: 28px; }
#top #wrap_all .me-levels10__foot .me-endline { margin: 0 !important; }
@media (max-width: 1139px) {
  .me-usp10 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .me-usp10__item { padding: 24px 22px; } .me-usp10__item:nth-child(3) { border-left: 0; padding-left: 0; } .me-usp10__item:nth-child(2) { padding-right: 0; }
  .me-usp10__item:nth-child(n+3) { border-top: 1px solid var(--me-line); }
  .me-cards10 { gap: 14px; } #top a.me-card10 { min-height: 260px; } .me-card10__body { padding: 20px; }
}
@media (max-width: 989px) {
  .me-hero10 { min-height: clamp(520px, 80vh, 720px); } .me-hero10__inner { padding-top: calc(var(--me-header-h, 72px) + 40px); padding-bottom: 48px; }
  .me-hero10__shade { background: linear-gradient(180deg, rgba(8,9,11,.5) 0%, rgba(8,9,11,.25) 35%, rgba(8,9,11,.92) 100%); }
  .me-cards10 { grid-template-columns: minmax(0, 1fr); } #top a.me-card10 { aspect-ratio: 16 / 9; }
  .me-split10 { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .me-split10__media { margin-left: calc(-1 * var(--me-gutter, 32px)); margin-right: calc(-1 * var(--me-gutter, 32px)); } .me-split10__copy { padding: 0; }
  #top a.me-levels10__row { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 16px; padding: 18px 0; } .me-levels10__k, .me-levels10__s { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .me-usp10 { grid-template-columns: minmax(0, 1fr); }
  .me-usp10__item, .me-usp10__item:nth-child(3) { border-left: 0; padding: 18px 0; border-top: 1px solid var(--me-line); } .me-usp10__item:first-child { border-top: 0; }
  .me-hero10 .me-cta-row { display: grid; width: 100%; } .me-hero10 .me-cta-row .me-btn { width: 100%; justify-content: center; }
  .me-split10__copy .me-btn { width: 100%; justify-content: center; }
}

/* ─── §67 GOLD-STANDARD (12.10., Kundenentscheidung) ─────────────────────────────────────────────
   Ehemals css/me-v2-gold.css (Test-Blatt), eingearbeitet: Tokens §1, Fonts §2, Cyan-Festwerte global ersetzt,
   hier Typografie und Dekoration. Hell-Schema entfällt — nur schwarzer Hintergrund. */
/* §67.2 — Typografie --------------------------------------------- */
#top h1, #top h2, #top h3, #top .me-h1, #top .me-h2, .me-refs__head .me-h2,
.me-hero5__h1, .me-foot3__claim, .me-ring5__name, .me-svc8__t, .me-lv4__name, .me-about__h2 {
  font-family: var(--me-sans) !important; font-weight: 300 !important; letter-spacing: .06em !important; text-transform: uppercase;
}
#top h1, #top .me-h1 { font-size: clamp(32px, 4.4vw, 60px) !important; line-height: 1.1 !important; }
#top h2, #top .me-h2, .me-refs__head .me-h2 { font-size: clamp(24px, 2.7vw, 38px) !important; line-height: 1.15 !important; }
#top .me-h2--sub { font-size: clamp(22px, 2.3vw, 32px) !important; }
#top h3 { font-size: 19px !important; letter-spacing: .08em !important; }
.me-hero5__h1, .me-hero6 .me-hero5__h1, .me-hero7 .me-hero5__h1, .me-hero5__h1--v4 { font-size: clamp(38px, 5.4vw, 86px) !important; line-height: 1.06 !important; letter-spacing: .05em !important; margin-bottom: 28px; }
.me-hero5__h1 .is-outline { color: var(--me-text-2); -webkit-text-stroke: 0; }
.me-hero5__h1 .is-acc { color: var(--me-acc); text-shadow: none; }
.me-hero6 .me-hero5__h1 .is-glass, .me-h1__grad, .me-hero6 .me-hero5__h1--v4 .me-h1__grad { background: none; -webkit-background-clip: initial; background-clip: initial; color: var(--me-text); -webkit-text-fill-color: var(--me-text); }
.me-hero5__h1 .me-h1__grad, .me-hero5__h1--v4 .me-h1__grad { color: var(--me-text-2); -webkit-text-fill-color: var(--me-text-2); font-weight: 300; }
.me-foot3__claim { font-size: clamp(28px, 3.2vw, 44px) !important; }
.me-svc8__t { font-size: 18px !important; letter-spacing: .08em !important; }
.me-lv4__name, .me-lv4__price, .me-ring5__name { font-weight: 400 !important; }
.me-lv4__name { letter-spacing: .06em !important; }
.me-lv4__price { font-family: var(--me-sans); letter-spacing: .02em; }
body, #top, #top #wrap_all, .me-lede, .me-prose, .me-sechead__copy, .me-hero5__lede { font-weight: 400; color: var(--me-text-2); }
.me-hero5__lede { color: var(--me-text); }
/* ehemalige Mono-Rollen → gesperrte Sans, Gewicht 500 */
.me-label, .me-hero5__tag, .me-hero5__sys, .me-hero6__kicker, .me-refs6__meta, .me-rail5__k, .me-ring5__lvl,
.me-level__tag, .me-checkrow, .me-endline, .me-morelink, .me-calc5__row, .me-foottitle, .me-foot3__k, .me-about__facts,
.me-crumb, .me-chip, .me-badge, .me-trust, .me-scan5__tag, .me-scan5__hud span, .me-guide6__n, .me-svc8__k, .me-foot3__tag {
  font-family: var(--me-sans) !important; font-weight: 500 !important; letter-spacing: .18em !important; text-transform: uppercase;
}
.me-hero5__tag::before { box-shadow: none; }
.me-rail5__v, .me-ring5__pct, .me-foot3__v, .me-calc5__row b { font-family: var(--me-sans) !important; font-weight: 300 !important; letter-spacing: .02em; }
.me-svc8__n, .me-lvdetail__n, .me-steps__n { font-family: var(--me-sans); font-weight: 300; -webkit-text-stroke: 1px var(--me-acc-line); }
.me-svc8__cell:hover .me-svc8__n { -webkit-text-stroke-color: var(--me-acc-dim); }
#top .me-refgrid .slide-entry-title a { font-family: var(--me-sans) !important; font-weight: 400 !important; letter-spacing: .1em; text-transform: uppercase; font-size: 12.5px !important; }

/* §67.3 — Buttons / Links ---------------------------------------- */
.me-btn, #top .avia-button, .me-form input[type="submit"], .me-form button[type="submit"] {
  font-family: var(--me-sans) !important; font-weight: 500 !important; font-size: 12.5px !important; letter-spacing: .18em !important; text-transform: uppercase;
  border-radius: 0 !important; box-shadow: none !important; padding: 17px 30px;
}
.me-btn:hover, #top .avia-button:hover { background: #D8C494; border-color: #D8C494; transform: none; }
.me-btn--ghost, #top a.me-btn--ghost { border-color: rgba(237,233,225,.35) !important; }
.me-btn--ghost:hover, #top a.me-btn--ghost:hover { border-color: var(--me-acc) !important; color: var(--me-acc) !important; transform: none; }
.me-morelink { border-bottom-color: var(--me-acc-line); font-size: 12px !important; }
.me-morelink:hover, .me-endline a:hover, #top .me-refgrid .slide-entry-title a:hover { color: var(--me-acc) !important; }
#top .av-main-nav > li > a, #top .av-main-nav .sub-menu li a { font-family: var(--me-sans) !important; font-weight: 400 !important; letter-spacing: .14em !important; text-transform: uppercase; }
#top .av-main-nav .sub-menu li a:hover { background: var(--me-acc-soft) !important; }
#top #header { border-bottom-color: rgba(201,179,126,.16) !important; }
#top .av-main-nav .sub-menu, #top .avia_mega_div { box-shadow: 0 24px 48px -16px rgba(0,0,0,.6) !important; }

/* §67.4 — Futuristische Dekoration aus ---------------------------- */
.me-hero5__grid, .me-hero4__grid, .me-hero5__hline, .me-hero5__topbar, .me-hero6__aurora, .me-hero6__orbit,
.me-hero4__scan, .me-foot3__grid, .me-foot3__beam, .me-foot3__check, .me-rail5__head::after { display: none !important; }
#top .avia-section.me-foot8-sec::before, #top .avia-section.me-foot8-sec::after, .me-calc5::after { display: none !important; }
.me-hero5__shade, .me-hero6 .me-hero5__shade, .me-hero6.me-hero7 .me-hero5__shade {
  background: linear-gradient(90deg, rgba(10,10,11,.90) 0%, rgba(10,10,11,.55) 45%, rgba(10,10,11,.15) 100%), linear-gradient(180deg, rgba(10,10,11,.35), rgba(10,10,11,.05) 40%, rgba(10,10,11,.96));
}
.me-hero5__video { filter: saturate(.6) contrast(1.04) brightness(.92); }
.me-rail5 { background: var(--me-acc-line); border-color: var(--me-acc-line); backdrop-filter: blur(10px); }
.me-rail5__head, .me-rail5__row { background: rgba(10,10,11,.78); }
.me-rail5__bar, .me-lv4__bar, .me-level__bar, .me-lab5__bar, .me-lvrail__bar, .me-lvdetail__bar, .me-hud__track { background: rgba(255,255,255,.08); height: 1px; }
.me-rail5__bar i, .me-lv4__fill, .me-level__fill, .me-hud__fill, .me-lab5__bar i { background: var(--me-acc); box-shadow: none; }
.me-hero5__status { border-top-color: var(--me-acc-line); background: rgba(10,10,11,.88); }
.me-hero5__sys { border-right-color: var(--me-acc-line); color: var(--me-acc); }
.me-ticker { border-top-color: var(--me-line-soft); background: rgba(10,10,11,.7); }
.me-silver .me-brands__logo { filter: brightness(1.05) sepia(.35) saturate(.6) !important; opacity: .72; }
.me-ring5__arc, .me-mlv__arc { filter: none; stroke-width: 3; }
.me-ring5__track, .me-mlv__track { stroke: rgba(255,255,255,.08); }
.me-ring5__ticks { stroke: var(--me-acc-line); }
#top .me-lv4__item.is-on { background: var(--me-acc-soft); border-color: var(--me-acc-dim) !important; }
.me-level:hover, .me-svc:hover, .me-faq details[open], #top .me-refgrid .slide-entry:hover, .me-lab5__card:hover, .me-match__card:hover, #top a.me-case:hover,
#top .main_color .me-level:hover, #top .main_color .me-svc:hover, #top .main_color .me-opt label:hover, #top .main_color .me-faq details[open],
#top.archive .slide-entry:hover, #top .me-bloggrid .slide-entry:hover, #top .me-lvdetail--rec { border-color: var(--me-acc-dim) !important; box-shadow: none !important; }
.me-level--featured, .me-glowbox, .me-rechner, .me-glowbox--left { background: var(--me-panel); box-shadow: none; }
.me-calc5 { border-color: var(--me-acc-line); background: var(--me-panel); }
.me-calc5__demo { background: var(--me-acc-line); border-color: var(--me-acc-line); }
.me-calc5__row { background: rgba(10,10,11,.85); letter-spacing: .12em !important; font-size: 11.5px !important; }
#top .me-refgrid .slide-entry .slide-content { border-top-color: var(--me-acc-line) !important; }
.me-foot3 { background: linear-gradient(180deg, #0D0D0F 0%, var(--me-bg-page) 100%); border-top-color: var(--me-acc-line); }
.me-foot3__stars, .me-stars { text-shadow: none; color: var(--me-acc); }
.me-opt input:checked + label { background: var(--me-acc-soft); }
.me-form input[readonly] { border-color: var(--me-acc-line) !important; }
.me-form select option:checked, .me-form select option:hover { background: #1E1C17 !important; color: var(--me-acc) !important; }
.me-upload__drop { border-color: var(--me-acc-line); }
.me-upload__drop:hover, .me-upload__drop.is-over, #top .me-decide__cell:hover, #top .me-archive__filter a.is-active { background: var(--me-acc-soft); }
#top .me-timeline .av-milestone-icon { box-shadow: none; }
.me-about__media::before { border-color: var(--me-acc-line); }
.me-svc8__cell::after { height: 1px; }
#top .me-sticky-cta { border-top-color: var(--me-acc-line); }
@media (max-width: 989px) {
  .me-hero5__shade { background: linear-gradient(180deg, rgba(10,10,11,.35) 0%, rgba(10,10,11,0) 30%, rgba(10,10,11,0) 60%, rgba(10,10,11,.6) 85%, var(--me-bg) 100%) !important; }
  .me-hero5__h1, .me-hero6 .me-hero5__h1 { font-size: clamp(30px, 8.5vw, 48px) !important; }
}

/* ─── §68 STARTSEITEN-HERO V1: VIER AUSSCHNITTE AUS EINEM BILD, FADE-ÜBERGANG (12.10.) ─────────────────
   Bild: /wp-content/uploads/me-start-hero.jpg (Lounge, 1599×984). Vier Ebenen mit demselben Bild, je ein eigener
   Ausschnitt (Totale · Wandlogo · 911 Heck · Lounge/Gemälde). Pro Slide 7 s, Überblendung 1,6 s: die neue Ebene
   blendet ÜBER der alten ein (z-index), kein Helligkeitseinbruch. Bewegung = nur transform (eigene Compositor-Ebene,
   startet beim Einblenden neu → immer gleiche Bildführung), Filter liegt auf dem Wrapper. Script im Codeblock.
   Mobil (≤ 989) und prefers-reduced-motion: nur Slide 1, keine Bewegung. V10 (§66) bleibt Standbild. */
.me-hs { overflow: hidden; }
.me-hs__slide { position: absolute; inset: 0; opacity: 0; z-index: 0; }
.me-hs__slide.is-on { opacity: 1; z-index: 2; transition: opacity 1.6s cubic-bezier(.4,0,.2,1); }
.me-hs__slide.is-off { opacity: 1; z-index: 1; }
.me-hs__img { display: block; width: 100%; height: 100%; object-fit: cover; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }
.me-hs__slide:nth-child(1) .me-hs__img { object-position: 62% 50%; transform-origin: 62% 50%; }
.me-hs__slide:nth-child(2) .me-hs__img { object-position: 58% 30%; transform-origin: 58% 30%; }
.me-hs__slide:nth-child(3) .me-hs__img { object-position: 100% 62%; transform-origin: 100% 62%; }
.me-hs__slide:nth-child(4) .me-hs__img { object-position: 14% 56%; transform-origin: 14% 56%; }
.me-hs__slide.is-on .me-hs__img, .me-hs__slide.is-off .me-hs__img { animation-duration: 9.6s; animation-timing-function: cubic-bezier(.33,0,.67,1); animation-fill-mode: forwards; }
.me-hs__slide:nth-child(1).is-on .me-hs__img, .me-hs__slide:nth-child(1).is-off .me-hs__img { animation-name: me-hs-1; }
.me-hs__slide:nth-child(2).is-on .me-hs__img, .me-hs__slide:nth-child(2).is-off .me-hs__img { animation-name: me-hs-2; }
.me-hs__slide:nth-child(3).is-on .me-hs__img, .me-hs__slide:nth-child(3).is-off .me-hs__img { animation-name: me-hs-3; }
.me-hs__slide:nth-child(4).is-on .me-hs__img, .me-hs__slide:nth-child(4).is-off .me-hs__img { animation-name: me-hs-4; }
@keyframes me-hs-1 { from { transform: translate3d(.8%,0,0) scale(1.04); } to { transform: translate3d(-.8%,0,0) scale(1.1); } }
@keyframes me-hs-2 { from { transform: translate3d(0,0,0) scale(1.48); } to { transform: translate3d(0,0,0) scale(1.6); } }
@keyframes me-hs-3 { from { transform: translate3d(0,.6%,0) scale(1.42); } to { transform: translate3d(-1.2%,0,0) scale(1.5); } }
@keyframes me-hs-4 { from { transform: translate3d(-.8%,0,0) scale(1.38); } to { transform: translate3d(.8%,0,0) scale(1.46); } }
.me-hs.me-hero5__video { filter: saturate(.9) contrast(1.02) brightness(.88); }
@media (max-width: 989px) { .me-hs__slide:not(:first-child) { display: none; } .me-hs__slide:first-child { opacity: 1 !important; } .me-hs__img { animation: none !important; transform: none !important; will-change: auto; } }
@media (prefers-reduced-motion: reduce) { .me-hs__slide:not(:first-child) { display: none; } .me-hs__slide:first-child { opacity: 1 !important; } .me-hs__img { animation: none !important; transform: none !important; } .me-hs.me-hero5__video { display: block; } .me-hero5 { background: none; } }

/* ─── §69 UPON FEATURES: KEINE WERKZEUGE IM HEADER (12.10.) ───────────────────────────────────────
   Das „Mehr“-Icon (Tooltip „Mehr“) ist das Werkzeug-Menü des Plugins (Kern-Modul „Werkzeuge: Platzierung“), gespeist aus
   „Kontakt als Werkzeuge“ (Standard an). Sauber: Plugin → Werkzeuge: Platzierung → Kontakt als Werkzeuge AUS bzw.
   Platzierung „Footer-Werkzeugzeile“. Dieses Netz fängt den Rest ab, falls das Plugin trotzdem ein Element in den Header
   rendert — Menüpunkte und Container des Plugins im Header ausblenden. */
#top #header li[class*="upon-"], #top #header .av-main-nav > li[class*="upon"], #top #header [class*="upon-tool"], #top #header [class*="upon-more"],
#top #header [data-upon-tools], #top #header [data-upon-more], #top #header_meta [class*="upon-"] { display: none !important; }

/* ─── §70 STARTSEITE V10: HERO-SEQUENZ „DRIFT“ (12.10.) ──────────────────────────────────────────────
   Gleiches Bild, vier Ausschnitte wie V1 (§68), aber andere Mechanik: Maßstab je Slide KONSTANT (einmal gerastert, immer
   scharf), Bewegung nur als langsamer seitlicher Drift per translate3d; Überblendung 2 s über der alten Ebene; 8 s je Slide.
   Dazu eine Fortschrittslinie aus vier Gold-Hairlines unter den CTAs (füllt sich je Slide). Script im Codeblock.
   Mobil (≤ 989) und prefers-reduced-motion: Slide 1 als Standbild, Linie ausgeblendet. */
.me-hs10 { position: absolute; inset: 0; z-index: 0; overflow: hidden; filter: saturate(.85) brightness(.9); }
.me-hs10__slide { position: absolute; inset: 0; opacity: 0; z-index: 0; }
.me-hs10__slide.is-on { opacity: 1; z-index: 2; transition: opacity 2s cubic-bezier(.4,0,.2,1); }
.me-hs10__slide.is-off { opacity: 1; z-index: 1; }
.me-hs10__img { display: block; width: 100%; height: 100%; object-fit: cover; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0) scale(1.12); }
.me-hs10__slide:nth-child(1) .me-hs10__img { object-position: 62% 50%; }
.me-hs10__slide:nth-child(2) .me-hs10__img { object-position: 58% 30%; transform: scale(1.5); }
.me-hs10__slide:nth-child(3) .me-hs10__img { object-position: 100% 62%; transform: scale(1.42); }
.me-hs10__slide:nth-child(4) .me-hs10__img { object-position: 14% 56%; transform: scale(1.4); }
.me-hs10__slide.is-on .me-hs10__img, .me-hs10__slide.is-off .me-hs10__img { animation-duration: 10.5s; animation-timing-function: cubic-bezier(.37,0,.63,1); animation-fill-mode: forwards; }
.me-hs10__slide:nth-child(1).is-on .me-hs10__img, .me-hs10__slide:nth-child(1).is-off .me-hs10__img { animation-name: me-hs10-1; }
.me-hs10__slide:nth-child(2).is-on .me-hs10__img, .me-hs10__slide:nth-child(2).is-off .me-hs10__img { animation-name: me-hs10-2; }
.me-hs10__slide:nth-child(3).is-on .me-hs10__img, .me-hs10__slide:nth-child(3).is-off .me-hs10__img { animation-name: me-hs10-3; }
.me-hs10__slide:nth-child(4).is-on .me-hs10__img, .me-hs10__slide:nth-child(4).is-off .me-hs10__img { animation-name: me-hs10-4; }
@keyframes me-hs10-1 { from { transform: translate3d(1.4%,0,0) scale(1.12); } to { transform: translate3d(-1.4%,0,0) scale(1.12); } }
@keyframes me-hs10-2 { from { transform: translate3d(-1%,.6%,0) scale(1.5); } to { transform: translate3d(1%,-.6%,0) scale(1.5); } }
@keyframes me-hs10-3 { from { transform: translate3d(1.2%,0,0) scale(1.42); } to { transform: translate3d(-1.2%,0,0) scale(1.42); } }
@keyframes me-hs10-4 { from { transform: translate3d(-1.2%,0,0) scale(1.4); } to { transform: translate3d(1.2%,0,0) scale(1.4); } }
.me-hs10__prog { display: flex; gap: 8px; margin-top: 10px; }
.me-hs10__prog i { position: relative; display: block; width: 40px; height: 1px; background: rgba(237,235,230,.22); overflow: hidden; }
.me-hs10__prog i::after { content: ""; position: absolute; inset: 0; background: var(--me-acc); transform: scaleX(0); transform-origin: left center; }
.me-hs10__prog i.is-on::after { animation: me-hs10-prog 8s linear forwards; }
.me-hs10__prog i.is-done::after { transform: scaleX(1); }
@keyframes me-hs10-prog { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (max-width: 989px) { .me-hs10__slide:not(:first-child), .me-hs10__prog { display: none; } .me-hs10__slide:first-child { opacity: 1 !important; } .me-hs10__img { animation: none !important; transform: none !important; will-change: auto; } }
@media (prefers-reduced-motion: reduce) { .me-hs10__slide:not(:first-child), .me-hs10__prog { display: none; } .me-hs10__slide:first-child { opacity: 1 !important; } .me-hs10__img { animation: none !important; transform: none !important; } }

/* ─── §71 HERO V1: KENNZAHLEN ALS WAAGERECHTE ZEILE UNTEN RECHTS (12.10.) — nur .me-hero5, Footer-Rail (§52) unberührt ──
   Kundenwunsch: Die vier Zahlen liegen in einer Zeile unten rechts (Höhe der Einleitung), nicht als Stapel über dem
   Wandlogo. Keine Box, keine Balken — eine Gold-Hairline oben, Zahl groß (Jost Light 32 px, Gold), Label klein darunter. */
.me-hero5 .me-hero5__inner { grid-template-columns: minmax(min(560px, 100%), 1fr) auto; gap: 40px 48px; align-items: end; }
.me-hero5 .me-rail5, .me-hero6 .me-rail5 { display: grid; grid-template-columns: repeat(4, auto); column-gap: clamp(28px, 3vw, 48px); gap: 0 clamp(28px, 3vw, 48px); justify-self: end; align-self: end; margin-bottom: clamp(56px, 6vw, 84px); padding-top: 14px; background: transparent !important; border: 0 !important; border-top: 1px solid var(--me-acc-line) !important; backdrop-filter: none !important; }
.me-hero5 .me-rail5__row { grid-template-columns: minmax(0, 1fr); gap: 4px; align-content: start; padding: 0 !important; background: transparent !important; }
.me-hero5 .me-rail5__k { font-size: 10.5px !important; letter-spacing: .16em !important; color: var(--me-text-3); order: 2; white-space: nowrap; }
.me-hero5 .me-rail5__v { font-family: var(--me-sans) !important; font-weight: 300 !important; font-size: 32px !important; line-height: 1; color: var(--me-acc); letter-spacing: .01em; order: 1; white-space: nowrap; }
.me-hero5 .me-rail5__v small { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--me-text-2); margin-left: 5px; font-weight: 500; }
.me-hero5 .me-rail5__bar { display: none !important; }
.me-hero5 .me-rail5__pre { font-style: normal; font-weight: 500; font-size: .78em; color: #EDE9E1; margin-right: 3px; vertical-align: .06em; } /* „+“ vor der Zahl: +15 Jahre · +1000 · +150 */
/* Zwischenbreiten 990–1279: Rail unter die Copy (einspaltig), sonst läuft die H1 in die Zahlen */
@media (max-width: 1279px) and (min-width: 990px) { .me-hero5 .me-hero5__inner { grid-template-columns: minmax(0, 1fr); } .me-hero5 .me-rail5 { justify-self: start; margin-bottom: 0; margin-top: 8px; } }
@media (max-width: 989px) { .me-hero5 .me-rail5 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; column-gap: 16px; margin-bottom: 0; justify-self: stretch; } .me-hero5 .me-rail5__row { padding: 12px 0 0 !important; } .me-hero5 .me-rail5__v { font-size: 26px !important; } .me-hero5 .me-rail5__k, .me-hero5 .me-rail5__v { white-space: normal; } }
@media (max-width: 767px) { .me-hero5 .me-rail5 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* ─── §72 H1: LANGE WÖRTER TRENNEN (14.10.) ────────────────────────────────────────────────────────
   Versal-H1 in Jost wird bei Komposita („Fahrzeugaufbereitung“) breiter als die Textspalte und läuft ins Hero-Bild.
   Nur weiche Trennstellen (&shy;) in den Blöcken — KEIN hyphens:auto (trennt sonst „Ham-burg“, „Le-vel“). */
#top h1, #top .me-h1, .me-hero5__h1, .me-hero10__h1 { hyphens: manual; -webkit-hyphens: manual; overflow-wrap: normal; }
/* 26.10.: functions.php §13 umschließt in H1 jedes Wort ab 12 Buchstaben mit .me-hy → nur dort automatische Trennung (de). */
#top h1 .me-hy { hyphens: auto; -webkit-hyphens: auto; -webkit-hyphenate-limit-before: 4; -webkit-hyphenate-limit-after: 4; hyphenate-limit-chars: 12 4 4; } /* 14.10.: auto trennte „Ham-burg“, „Le-vel“ — nur &shy; im Markup gilt */

/* ─── §73 ÜBER UNS — HERO RECHTS: LOGO-TAFEL + PERSONENKARTE (14.10.) ──────────────────────────────
   Statt Porträt im Gold-Rahmen: Wortmarke auf dunkler Tafel (object-fit contain), Personenkarte (Aufbau/Größe wie /kontakt/)
   sitzt in der Gründer-Sektion neben dem Text im .me-contact-Raster. Mobil: Tafel ohne Bild-Overlay. */
.me-frame--logo { background: var(--me-bg-2); }
.me-frame__img--logo { height: clamp(200px, 18vw, 240px) !important; object-fit: contain !important; object-position: center; padding: 48px 56px; filter: none !important; background: var(--me-bg-2); }
/* Gründer-Sektion: ein Block — Porträt links (300 px, 1:1), rechts Label · Name · Text · Kontakt. Kein doppelter Name mehr. */
.me-founder { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 40px 56px; align-items: center; }
.me-founder__img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; filter: saturate(.85); border: 1px solid var(--me-line); margin: 0 !important; }
.me-founder__body .me-label { display: block; margin-bottom: 12px; }
#top .me-founder__body .me-h2 { margin-bottom: 14px !important; }
.me-founder__body .me-prose { max-width: 62ch; margin-bottom: 0; }
.me-founder__links { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 20px; }
@media (max-width: 989px) { .me-founder { grid-template-columns: 220px minmax(0, 1fr); gap: 28px; align-items: start; } }
@media (max-width: 767px) { .me-founder { grid-template-columns: minmax(0, 1fr); } .me-founder__img { max-width: 260px; } }
@media (max-width: 989px) {
  .me-hero__frame.me-frame--logo { padding: 0; }
  .me-hero__frame.me-frame--logo::after { display: none; }
  .me-hero__frame .me-frame__img--logo { height: 180px !important; padding: 36px 40px; }
}
@media (max-width: 767px) { .me-frame__img--logo { height: 150px !important; padding: 30px 32px; } }
/* 26.10.: §40 zieht den Hero-Textblock ≤ 767 px um −64 px unter das Hero-Bild (Foto mit Verlauf). Über der Logo-Tafel
   überlappte so der Breadcrumb die Wortmarke. Fix direkt an der Tafel (kein :has, unabhängig von Enfolds Zellen):
   64 px Versatz + 28 px Abstand = 92 px Luft unter der Tafel; Tafel im Gutter mit feiner Linie. */
@media (max-width: 767px) {
  #top .me-hero__frame.me-frame--logo, #top .me-frame.me-frame--logo { margin: 0 var(--me-gutter) 0 !important; border: 1px solid var(--me-line); } /* 26.10.: 92 px waren Ausgleich für −64 px, entfällt */
  #top .me-hero__frame .me-frame__img--logo { width: 100%; }
  /* 26.10.: Plakette bleibt ≤ 767 px oben rechts IM Bild (§78e) — vorher zog bottom:-46px sie in den hochgezogenen Textblock (Preise). */
#top .me-hero__media-wrap .me-aktion--hero { top: auto !important; bottom: 14px !important; right: 12px !important; } /* 28.10.: unten rechts */
}


/* ─── §75 CHECKROW-HAKEN IN GOLD (15.10.) ─────────────────────────────────────────────────────────
   Live zeigte „[✓]“ in der Checkrow (Lackschutz-Hub, Startseite, Marken) noch türkis — der Haken stand als nackter Text
   im <span>, die Farbe kam nicht aus diesem Blatt. Markup jetzt wie im Checkgrid (<span class="me-tick">[✓]</span>);
   zusätzlich alle denkbaren Reste (Inline-Style, b/i/em, Pseudo-Elemente) hart auf Gold, Text bleibt --me-text-3. */
.me-checkrow .me-tick, .me-checkrow span > b, .me-checkrow span > i, .me-checkrow span > em, .me-checkrow [style*="color"],
.me-checkrow span::before, .me-checkrow span::first-letter { color: var(--me-acc) !important; }
.me-checkrow > span { color: var(--me-text-3) !important; }
.me-checkrow .me-tick { margin-right: 2px; }

/* ─── §76 STARTSEITE V11 GOLD (19.10., Kundenfeedback) ────────────────────────────────────────────
   Kopie von V10 (§66/§70), Hero-Text nach Kundenvorlage: Kicker gold, H1 zwei Zeilen, goldene Sub-Zeile (SEO-Keyword),
   Lede länger. Bilder: bestehende Mediathek-Dateien der Leistungsseiten (me-leistung-*.jpg), Halle (me-halle-2026-03),
   Handwerk (me-about-02) — keine neuen Uploads nötig. */
#top #wrap_all .me-hero11 .me-label { color: var(--me-acc); }
.me-hero11__sub { margin: -6px 0 0; font-family: var(--me-sans); font-weight: 500; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.35; color: var(--me-acc); letter-spacing: .01em; text-wrap: pretty; }
.me-hero11 .me-hero10__copy { max-width: 680px; }
.me-hero11 .me-hero10__lede { max-width: 60ch; color: var(--me-text-2); }
@media (max-width: 767px) { .me-hero11__sub { font-size: 17px; } }

/* ─── §77 STARTSEITE FINAL (19.10., Kundenfreigabe Aufbau) ───────────────────────────────────────
   Hero V1 (Text „Dein Folierer im Norden.“) → Über Motive → Sektions-Hero „Fünf Schutzpakete“ + Ring → USP-Leiste (4 Icons)
   → Referenzen → Ratgeber → Live-Kalkulation → 6 Leistungen als Foto-Karten (Darstellung V11). */
.me-sechero { display: grid; gap: 12px; padding-bottom: 36px; margin-bottom: 40px; border-bottom: 1px solid var(--me-acc-line); }
#top #wrap_all .me-sechero__h2 { margin: 0 !important; font-size: clamp(34px, 4.2vw, 62px) !important; line-height: 1.04 !important; letter-spacing: .05em !important; color: var(--me-text); }
#top #wrap_all .me-sechero .me-label { margin: 0 0 4px; }
.me-sechero__copy { margin: 4px 0 0; max-width: 64ch; font-size: var(--me-fs-body, 17px); line-height: 1.6; color: var(--me-text-2); text-wrap: pretty; }
.me-sechero { margin-bottom: 36px; padding-bottom: 28px; }
/* Checkrow im Sektionskopf (19.10., Korrektur): Felder nach Inhalt breit, Freiraum gleichmäßig zwischen den Feldern verteilt
   (statt vier starrer Spalten, bei denen das lange Feld an den Trenner stieß). Nur eine Hairline oben — unten schließt die
   Gold-Hairline des Sektionskopfs ab, keine Doppellinie. */
.me-sechero .me-sechero__check { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 0; margin-top: 18px; padding: 16px 0 0; border-top: 1px solid var(--me-line); }
.me-sechero .me-sechero__check > span { white-space: nowrap; }
@media (max-width: 989px) { .me-sechero .me-sechero__check { justify-content: flex-start; gap: 12px 32px; } }
@media (max-width: 600px) { .me-sechero .me-sechero__check { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; } .me-sechero .me-sechero__check > span { white-space: normal; } }
.me-usp10-sec .me-usp10 { border-top: 1px solid var(--me-line); }
#top .avia-section.me-usp10-sec { padding-top: 0 !important; }
.me-cards10--6 { margin-top: 8px; }
#top .me-cards10--6 a.me-card10 { aspect-ratio: 4 / 3; min-height: 260px; }
@media (max-width: 989px) { .me-cards10--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .me-cards10--6 { grid-template-columns: minmax(0, 1fr); } .me-sechero { padding-bottom: 24px; margin-bottom: 28px; } }

/* §77b Farbsäume an großen Versal-Headlines (rot/cyan an den Kanten, Windows-Screenshot 19.10.): Subpixel-Glättung von
   Chrome/Edge auf dunklem Grund. Headlines auf eigene Ebene → Graustufen-Glättung, keine Farbsäume. */
#top h1, #top h2, #top .me-h1, #top .me-h2, .me-sechero__h2, .me-hero5__h1 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; backface-visibility: hidden; transform: translateZ(0); }

/* ─── §78 AKTIONS-BADGE (20.10.) — [me_aktion] aus functions.php §9 ──────────────────────────────────
   Runde Gold-Plakette über der Hero-Bildzelle rechts oben (Unterseiten: Shortcode in der Zelle me-hero__media, Wrapper
   .me-hero__media-wrap). Mobil: Zeile unter dem Bild. Schaltet sich per PHP (Einstellungen → Aktion) ab. Kein Bild, kein Rot. */
.me-aktion { --sz: clamp(150px, 12vw, 196px); position: absolute; z-index: 6; display: grid; align-content: center; justify-items: center; gap: 2px; width: var(--sz); height: var(--sz); padding: 14px; border-radius: 50%; background: var(--me-acc); color: var(--me-acc-ink); text-align: center; text-decoration: none !important; box-shadow: 0 0 0 1px var(--me-acc-ink) inset, 0 0 0 7px var(--me-bg), 0 0 0 8px var(--me-acc-line), 0 20px 40px -16px rgba(0,0,0,.7); transform: rotate(-6deg); transition: transform .35s ease, box-shadow .35s ease; }
.me-aktion:hover { transform: rotate(-2deg) scale(1.03); color: var(--me-acc-ink); }
.me-aktion--hero { top: calc(var(--me-header-h) + 12px); right: clamp(4px, 3vw, 40px); }
.me-aktion__k { font-size: 10px; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; opacity: .75; }
.me-aktion__t { font-family: var(--me-sans); font-weight: 500; font-size: clamp(12.5px, .95vw, 15px); line-height: 1.15; letter-spacing: .04em; text-transform: uppercase; }
.me-aktion__v { font-family: var(--me-sans); font-weight: 300; font-size: clamp(30px, 2.6vw, 42px); line-height: 1; letter-spacing: -.01em; margin-top: 4px; }
.me-aktion__s { font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; opacity: .8; max-width: 90%; line-height: 1.3; }
.me-aktion__d { margin-top: 4px; font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; border-top: 1px solid rgba(11,10,8,.35); padding-top: 4px; }
.me-hero__media-wrap { position: relative; }
.me-hero__media-wrap .me-aktion--hero { top: -34px; right: -30px; }
.me-hero5 .me-aktion--hero { top: calc(var(--me-header-h) + 20px); bottom: auto; right: clamp(12px, 4vw, 56px); }
.me-aktion--inline { position: static; transform: none; margin: 8px 0 24px; }
.me-aktion__s--top { margin-top: 6px; opacity: .85; }
.me-aktion--beide .me-aktion__v { margin-top: 0; }
/* §78b Härtung gegen Enfold-Linkfarben/-Schriftgrößen (Live-Befund 21.10.: Text türkis + zu groß). Variante „beide“ ist
   höher (6 Zeilen) → größere Plakette, kleinere Schrift. Startseite: rechts oben unter dem Header. */
#top .me-aktion, #top .me-aktion *, #top .me-aktion:hover, #top .me-aktion:hover *, #top .main_color .me-aktion, #top .main_color .me-aktion:hover { color: var(--me-acc-ink) !important; text-decoration: none !important; }
#top .me-aktion__k { font-size: 10px !important; line-height: 1.2 !important; }
#top .me-aktion__t { font-size: clamp(11.5px, .8vw, 13px) !important; line-height: 1.12 !important; letter-spacing: .06em !important; }
#top .me-aktion__v { font-size: clamp(28px, 2.3vw, 36px) !important; line-height: 1 !important; }
#top .me-aktion__s { font-size: 9px !important; line-height: 1.3 !important; }
#top .me-aktion__d { font-size: 9.5px !important; line-height: 1.2 !important; }
.me-aktion--beide { --sz: clamp(180px, 13.5vw, 224px); }
/* „sparen“ gehört zum Betrag (24.10.): fett, gesperrt, direkt unter der Zahl; Textzeile nennt nur den Geltungsbereich */
#top .me-aktion__v em { display: block; font-style: normal; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .26em; text-transform: uppercase; margin-top: 5px; line-height: 1 !important; }
#top .me-aktion--beide .me-aktion__s--top { font-size: 8.5px !important; opacity: .8; }
#top .me-aktion--beide .me-aktion__s:not(.me-aktion__s--top) { margin-top: 6px; }
/* §78c Tablet quer 990–1240: Hero zweispaltig, Bildzelle schmal → Plakette kleiner, bündig an der rechten Kante der Zelle
   (kein Überhang nach links in den Text), Hebung nach oben bleibt. */
/* §78d Startseiten-Hero 990–1400 (Burger-Menü-Bereich, 24.10.): Plakette in die rechte obere Ecke, kleiner — sonst sitzt sie
   vor dem Wandlogo und dem Porsche. Ab 1401 wie gehabt (unter dem Header, rechts). */
@media (min-width: 990px) and (max-width: 1400px) {
  #top .me-hero5 .me-aktion--hero, #top .me-hero5 .me-aktion--beide { --sz: 150px; top: 18px !important; right: 18px !important; bottom: auto !important; }
  .me-hero5 #top .me-aktion__t, #top .me-hero5 .me-aktion__t { font-size: 10px !important; }
  #top .me-hero5 .me-aktion__v { font-size: 24px !important; }
  #top .me-hero5 .me-aktion__v em { font-size: 9px !important; }
  #top .me-hero5 .me-aktion__s, #top .me-hero5 .me-aktion__d { font-size: 8px !important; }
}
@media (min-width: 990px) and (max-width: 1240px) {
  .me-aktion--hero, .me-aktion--beide { --sz: 156px; }
  .me-hero__media-wrap .me-aktion--hero { top: -26px; right: -10px; }
  #top .me-aktion__t { font-size: 10.5px !important; }
  #top .me-aktion__v { font-size: 26px !important; }
  #top .me-aktion__s { font-size: 8px !important; }
  #top .me-aktion__d { font-size: 8.5px !important; }
}
/* §78e Mobil/Tablet ≤ 989 (26.10., Kundenwunsch): kein Balken mehr, sondern die runde Plakette — klein (140 px), rechts oben
   im Bildbereich des Heros, wo kein Text liegt (Startseite: 16:9-Bildbühne, der Text beginnt erst 40 px vor deren Unterkante;
   Unterseiten: Bildzelle liegt über dem Text, Plakette oben rechts im Bild). Nimmt keinen Platz im Fluss ein. */
@media (max-width: 989px) {
  .me-aktion, .me-aktion--hero, .me-hero5 .me-aktion--hero, .me-aktion--beide {
    --sz: 140px; position: absolute; width: var(--sz); height: var(--sz); margin: 0; padding: 10px; border-radius: 50%;
    transform: rotate(-6deg); grid-template-columns: none; grid-template-areas: none; justify-items: center; align-content: center;
    text-align: center; row-gap: 1px; column-gap: 0;
    box-shadow: 0 0 0 1px var(--me-acc-ink) inset, 0 0 0 5px var(--me-bg), 0 0 0 6px var(--me-acc-line), 0 14px 28px -12px rgba(0,0,0,.7);
  }
  /* 28.10.: Plakette unten rechts im Bild statt oben – Startseite: Bildbühne ist 16:9 (Breite/1.777), Text beginnt 40 px vor deren Unterkante,
     daher Plakette 56 px über der Bühnen-Unterkante; Unterseiten: Bildzelle ist der Bezug, 14 px vom unteren Rand. */
  /* 28.10. (Kunden-Skizze): Plakette am unteren Bildrand, rechts, leicht in den Textbereich ragend – direkt über der Overline-Zeile.
     Bezug ist die Hero-Sektion selbst (position:relative), die Bildbühne endet bei 100vw/1.777; Plakette steht mit ihrer Mitte auf dieser Kante. */
  #top .me-hero5 > .me-aktion--hero, .me-hero5 .me-aktion--hero { order: 0; top: calc(100vw / 1.777 - var(--sz) * .5 - 8px) !important; right: 18px !important; bottom: auto !important; left: auto !important; z-index: 6; margin: 0 !important; }
  @media (min-width: 560px) and (max-width: 989px) { #top .me-hero5 > .me-aktion--hero, .me-hero5 .me-aktion--hero { --sz: 160px; right: 28px !important; } }
  .me-hero__media-wrap { position: relative; }
  .me-hero__media-wrap .me-aktion--hero { top: auto !important; bottom: 14px !important; right: 12px !important; }
  .me-aktion__k { grid-area: auto; writing-mode: horizontal-tb; transform: none; align-self: auto; }
  #top .me-aktion__k { font-size: 8px !important; letter-spacing: .2em; }
  #top .me-aktion__t { grid-area: auto; font-size: 9.5px !important; line-height: 1.1 !important; letter-spacing: .04em !important; } .me-aktion__t br { display: none; }
  .me-aktion__s { grid-area: auto; max-width: 92%; } .me-aktion__s--top { display: none; }
  #top .me-aktion__s { font-size: 7.5px !important; line-height: 1.25 !important; }
  #top .me-aktion__v { grid-area: auto; display: block; font-size: 24px !important; align-self: auto; margin: 2px 0 0; }
  .me-aktion--beide .me-aktion__v { display: block; align-items: center; }
  .me-aktion--beide .me-aktion__v::before { content: "bis zu"; display: block; font-size: 7.5px; letter-spacing: .16em; text-transform: uppercase; opacity: .85; margin-bottom: 2px; }
  #top .me-aktion__v em { font-size: 8px !important; margin-top: 3px; letter-spacing: .2em; }
  #top .me-aktion--beide .me-aktion__s:not(.me-aktion__s--top) { font-size: 7.5px !important; margin-top: 2px; }
  .me-aktion__d { grid-area: auto; } #top .me-aktion__d { font-size: 8px !important; margin: 3px 0 0; padding-top: 3px; border-top: 1px solid rgba(11,10,8,.35); }
  .me-hero5 { grid-template-rows: 1fr auto; }
  .me-hero5__inner { order: 1; } .me-hero5__status { order: 2; }
}

/* ─── §79 BLOG-EINZELBEITRAG (24.10.) — Enfold Single-Post ohne Sidebar ─────────────────────────────────
   Aufbau: Pfad + Lesezeit (functions.php §12) · Kategorie-Label, H1, Datum zentriert · Titelbild über die volle Containerbreite ·
   Lesespalte 820 px · Tags als Chips · CTA-Box · „Mehr aus der Halle“ (3 Beiträge derselben Kategorie, Karten wie §59b).
   Enfold-Teile aus: Titelleiste, Sidebar, Autor-Box, Beitragsnavigation, Social-Share, Kommentare, Autor-Meta.
   Reihenfolge Kopf → Bild → Text per display:contents + order (Enfold rendert das Titelbild vor dem Kopf).
   Theme-Option nötig: Blog-Layout → Einzelbeitrag „Großes Vorschaubild“ (sonst kein Titelbild). */
#top.single-post:not(.me-post-alb) .title_container, #top.single-post:not(.me-post-alb) .sidebar, #top.single-post:not(.me-post-alb) .blog-meta, #top.single-post:not(.me-post-alb) .post_delimiter,
#top.single-post:not(.me-post-alb) .av-author-description, #top.single-post:not(.me-post-alb) .avia-post-nav, #top.single-post:not(.me-post-alb) .av-social-sharing-box,
#top.single-post:not(.me-post-alb) .comment-entry, #top.single-post:not(.me-post-alb) #comments, #top.single-post:not(.me-post-alb) .related_posts, #top.single-post:not(.me-post-alb) .post_author_timeline,
#top.single-post:not(.me-post-alb) .blog-author, #top.single-post:not(.me-post-alb) .text-sep, #top.single-post:not(.me-post-alb) .comment-container, #top.single-post:not(.me-post-alb) .post-meta-infos .avia-arrow { display: none !important; }
#top.single-post:not(.me-post-alb) .content { border: 0 !important; width: 100% !important; max-width: none !important; padding-top: 0 !important; padding-bottom: 72px !important; }
#top.single-post:not(.me-post-alb) #main .container { padding-left: var(--me-gutter, 56px) !important; padding-right: var(--me-gutter, 56px) !important; }
#top.single-post:not(.me-post-alb) .post-entry { display: flex; flex-direction: column; border: 0 !important; margin: 0 !important; padding: 0 !important; }
#top.single-post:not(.me-post-alb) .entry-content-wrapper { display: contents; }
#top.single-post:not(.me-post-alb) .entry-content-header { order: 1; }
#top.single-post:not(.me-post-alb) .big-preview { order: 2; }
#top.single-post:not(.me-post-alb) .entry-content { order: 3; }
/* Pfad + Lesezeit */
#top .me-post__crumb { max-width: var(--me-container, 1310px); margin: 0 auto; padding: 40px var(--me-gutter, 56px) 0; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
#top .me-post__crumb .me-crumb { margin: 0; }
#top .me-post__time { display: none !important; } /* 26.10.: Lesezeit raus */
/* Kopf */
#top.single-post:not(.me-post-alb) .entry-content-header { position: static !important; width: 100%; max-width: 920px; margin: 0 auto !important; padding: 36px 0 40px !important; border: 0 !important; text-align: center; }
#top.single-post:not(.me-post-alb) .blog-categories { display: block !important; margin: 0 0 18px !important; font-family: var(--me-sans); font-weight: 500; font-size: 11.5px; letter-spacing: .18em; text-transform: uppercase; }
#top.single-post:not(.me-post-alb) .blog-categories a { color: var(--me-acc) !important; text-decoration: none; }
#top.single-post:not(.me-post-alb) .blog-categories a:hover { color: var(--me-text) !important; }
#top.single-post:not(.me-post-alb) .post-title { margin: 0 0 20px !important; text-wrap: balance; }
#top.single-post:not(.me-post-alb) .post-meta-infos { display: block; margin: 0 !important; font-family: var(--me-sans) !important; font-weight: 500; font-size: 11.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--me-text-3) !important; }
#top.single-post:not(.me-post-alb) .post-meta-infos .date-container { display: inline; color: var(--me-text-3); }
/* Titelbild */
#top.single-post:not(.me-post-alb) .big-preview { width: 100%; margin: 0 0 52px !important; padding: 0 !important; border: 1px solid var(--me-line); background: var(--me-bg-2); aspect-ratio: 21 / 9; overflow: hidden; }
#top.single-post:not(.me-post-alb) .big-preview a, #top.single-post:not(.me-post-alb) .big-preview img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; filter: none !important; }
#top.single-post:not(.me-post-alb) .big-preview .image-overlay { display: none !important; }
/* Lesespalte */
#top.single-post:not(.me-post-alb) .entry-content { width: 100%; font-size: 17px; line-height: 1.75; color: var(--me-text-2); }
#top.single-post:not(.me-post-alb) .entry-content > :not(.alignwide):not(.alignfull):not(.me-post__more) { max-width: 820px; margin-left: auto; margin-right: auto; }
#top.single-post:not(.me-post-alb) .entry-content > p { margin-top: 0; margin-bottom: 26px; }
#top.single-post:not(.me-post-alb) .entry-content > p:first-child, #top.single-post:not(.me-post-alb) .entry-content > .me-lede { font-size: 20px; line-height: 1.6; color: var(--me-text); margin-bottom: 40px; }
#top.single-post:not(.me-post-alb) .entry-content h2 { margin: 52px auto 18px !important; }
#top.single-post:not(.me-post-alb) .entry-content h3 { margin: 36px auto 12px !important; }
#top.single-post:not(.me-post-alb) .entry-content p a, #top.single-post:not(.me-post-alb) .entry-content li a, #top.single-post:not(.me-post-alb) .entry-content td a, #top.single-post:not(.me-post-alb) .entry-content figcaption a { color: var(--me-acc); text-decoration: none; border-bottom: 1px solid var(--me-acc-line); }
#top.single-post:not(.me-post-alb) .entry-content p a:hover, #top.single-post:not(.me-post-alb) .entry-content li a:hover { color: var(--me-text); border-bottom-color: var(--me-text); }
#top.single-post:not(.me-post-alb) .entry-content ul, #top.single-post:not(.me-post-alb) .entry-content ol { margin-top: 0; margin-bottom: 28px; padding-left: 22px; }
#top.single-post:not(.me-post-alb) .entry-content li { margin: 0 0 10px; padding-left: 6px; }
#top.single-post:not(.me-post-alb) .entry-content li::marker { color: var(--me-acc); }
#top.single-post:not(.me-post-alb) .entry-content strong { color: var(--me-text); font-weight: 500; }
#top.single-post:not(.me-post-alb) .entry-content blockquote { margin-top: 40px; margin-bottom: 40px; padding: 4px 0 4px 28px; border-left: 1px solid var(--me-acc); font-family: var(--me-sans); font-weight: 300; font-size: 24px; line-height: 1.4; color: var(--me-text); }
#top.single-post:not(.me-post-alb) .entry-content blockquote p { margin: 0; font-size: inherit; line-height: inherit; color: inherit; }
#top.single-post:not(.me-post-alb) .entry-content blockquote cite { display: block; margin-top: 14px; font-style: normal; font-size: 11.5px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--me-text-3); }
#top.single-post:not(.me-post-alb) .entry-content hr { border: 0; border-top: 1px solid var(--me-line-soft); margin-top: 48px; margin-bottom: 48px; }
#top.single-post:not(.me-post-alb) .entry-content figure, #top.single-post:not(.me-post-alb) .entry-content .wp-block-image { margin-top: 40px; margin-bottom: 40px; }
#top.single-post:not(.me-post-alb) .entry-content img { display: block; width: 100%; height: auto; border: 1px solid var(--me-line); border-radius: 0 !important; filter: none !important; }
#top.single-post:not(.me-post-alb) .entry-content figcaption { margin-top: 10px; font-family: var(--me-sans); font-weight: 500; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-text-3); text-align: left; }
#top.single-post:not(.me-post-alb) .entry-content .wp-block-gallery, #top.single-post:not(.me-post-alb) .entry-content .me-post__gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--me-gap, 14px); margin-top: 40px; margin-bottom: 40px; }
#top.single-post:not(.me-post-alb) .entry-content .wp-block-gallery figure, #top.single-post:not(.me-post-alb) .entry-content .me-post__gallery figure { margin: 0; }
#top.single-post:not(.me-post-alb) .entry-content .wp-block-gallery img, #top.single-post:not(.me-post-alb) .entry-content .me-post__gallery img { aspect-ratio: 4 / 3; object-fit: cover; }
#top.single-post:not(.me-post-alb) .entry-content .alignwide { max-width: 1100px; margin-left: auto; margin-right: auto; }
#top.single-post:not(.me-post-alb) .entry-content table { width: 100%; border-collapse: collapse; margin-top: 32px; margin-bottom: 32px; font-size: 15px; }
#top.single-post:not(.me-post-alb) .entry-content th, #top.single-post:not(.me-post-alb) .entry-content td { padding: 12px 14px; border-bottom: 1px solid var(--me-line); text-align: left; }
#top.single-post:not(.me-post-alb) .entry-content th { font-family: var(--me-sans); font-weight: 500; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-text-3); }
/* Tags — aus functions.php §12 (vor der CTA-Box); Enfolds entry-footer aus */
#top.single-post:not(.me-post-alb) .entry-footer, #top.single-post:not(.me-post-alb) .blog-tags { display: none !important; }
#top.single-post:not(.me-post-alb) .me-post__tags { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; }
#top.single-post:not(.me-post-alb) .me-post__tags a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border: 1px solid var(--me-line); font-family: var(--me-sans); font-weight: 500; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--me-text-2) !important; text-decoration: none; }
#top.single-post:not(.me-post-alb) .me-post__tags a:hover { border-color: var(--me-acc); color: var(--me-text) !important; }
/* CTA-Box (Texte: Platzhalter → Wording) */
#top.single-post:not(.me-post-alb) .me-post__cta { margin-top: 56px; padding: 40px 44px; border: 1px solid var(--me-acc-line); background: var(--me-panel); }
#top.single-post:not(.me-post-alb) .me-post__cta .me-label { display: block; margin-bottom: 14px; }
#top.single-post:not(.me-post-alb) .me-post__cta .me-h2 { margin: 0 0 14px !important; }
#top.single-post:not(.me-post-alb) .me-post__cta .me-prose { max-width: 60ch; margin: 0 0 24px; font-size: 16px; line-height: 1.6; }
#top.single-post:not(.me-post-alb) .me-post__cta .me-cta-row { margin: 0; }
/* Mehr aus der Halle — volle Containerbreite, Karten aus §59b */
#top.single-post:not(.me-post-alb) .me-post__more { margin: 72px 0 0; padding-top: 48px; border-top: 1px solid var(--me-line-soft); }
#top .me-post__morehead { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin: 0 0 28px; }
#top .me-post__morehead .me-label { display: block; margin-bottom: 10px; }
#top .me-post__morehead .me-h2 { margin: 0 !important; }
#top.single-post:not(.me-post-alb) .me-post__more .slide-entry-wrap { margin-bottom: 0 !important; }
#top.single-post:not(.me-post-alb) .me-post__more .slide-image img { border: 0; aspect-ratio: auto; }
@media (max-width: 1139px) { #top .me-post__crumb { padding: 32px var(--me-gutter, 32px) 0; } #top.single-post:not(.me-post-alb) .big-preview { aspect-ratio: 16 / 9; margin-bottom: 40px !important; } }
@media (max-width: 767px) {
  /* 26.10.: Pfad mobil kompakter — kleiner, enger gesperrt, einzeilig mit Ellipse; Lesezeit ist raus (functions.php §12) */
  #top .me-post__crumb { padding: 14px var(--me-gutter, 18px) 0; }
  #top .me-post__crumb .me-crumb { font-size: 10.5px !important; letter-spacing: .1em !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
  #top .me-post__time { display: none !important; }
  #top.single-post:not(.me-post-alb) .entry-content-header { padding: 24px 0 28px !important; }
  #top.single-post:not(.me-post-alb) .big-preview { aspect-ratio: 4 / 3; margin-bottom: 32px !important; }
  #top.single-post:not(.me-post-alb) .entry-content { font-size: 16px; }
  #top.single-post:not(.me-post-alb) .entry-content > p:first-child { font-size: 18px; }
  #top.single-post:not(.me-post-alb) .entry-content blockquote { font-size: 20px; padding-left: 20px; }
  #top.single-post:not(.me-post-alb) .entry-content .wp-block-gallery, #top.single-post:not(.me-post-alb) .entry-content .me-post__gallery { grid-template-columns: minmax(0, 1fr); }
  #top.single-post:not(.me-post-alb) .me-post__cta { padding: 28px 22px; }
  #top.single-post:not(.me-post-alb) .me-post__more { margin-top: 48px; padding-top: 32px; }
  #top.single-post:not(.me-post-alb) .content { padding-bottom: 48px !important; }
}

/* ─── §79b BESTANDSBEITRÄGE IM CI — ohne Änderung am Beitrag (24.10.) ────────────────────────────────────
   Gilt NUR für Beiträge aus dem WordPress-Standard-Editor (Classic/Gutenberg): Inline-Farben/-Schriften/-Größen/-Hintergründe
   neutralisiert, Captions, Floats, Embeds im ME-Stil. Beiträge mit Enfold-Layout-Builder (Body-Klasse me-post-alb, functions.php §12b)
   bleiben unverändert — §79/§79b greifen dort nicht (Kundenentscheidung 24.10.). */
/* Inline-Styles aus dem Editor neutralisieren (eigene me-Elemente ausgenommen) */
#top.single-post:not(.me-post-alb) .entry-content [style*="color"]:not([class*="me-"]) { color: inherit !important; }
#top.single-post:not(.me-post-alb) .entry-content [style*="font-family"]:not([class*="me-"]), #top.single-post:not(.me-post-alb) .entry-content font { font-family: inherit !important; }
#top.single-post:not(.me-post-alb) .entry-content [style*="font-size"]:not([class*="me-"]), #top.single-post:not(.me-post-alb) .entry-content font { font-size: inherit !important; }
#top.single-post:not(.me-post-alb) .entry-content [style*="line-height"]:not([class*="me-"]) { line-height: inherit !important; }
#top.single-post:not(.me-post-alb) .entry-content [style*="background"]:not([class*="me-"]):not(img) { background: transparent !important; }
#top.single-post:not(.me-post-alb) .entry-content h2 [style*="color"], #top.single-post:not(.me-post-alb) .entry-content h3 [style*="color"], #top.single-post:not(.me-post-alb) .entry-content h2 font, #top.single-post:not(.me-post-alb) .entry-content h3 font { color: inherit !important; }
#top.single-post:not(.me-post-alb) .entry-content h1 { font-size: clamp(24px, 2.7vw, 38px) !important; line-height: 1.15 !important; margin: 52px auto 18px !important; } /* H1 im Text wie H2 — kein zweiter Seitentitel */
#top.single-post:not(.me-post-alb) .entry-content h4, #top.single-post:not(.me-post-alb) .entry-content h5, #top.single-post:not(.me-post-alb) .entry-content h6 { font-family: var(--me-sans) !important; font-weight: 500 !important; font-size: 15px !important; letter-spacing: .1em; text-transform: uppercase; color: var(--me-text) !important; margin: 32px auto 10px !important; }
#top.single-post:not(.me-post-alb) .entry-content p, #top.single-post:not(.me-post-alb) .entry-content li { color: var(--me-text-2); }
#top.single-post:not(.me-post-alb) .entry-content b { color: var(--me-text); font-weight: 500; }
#top.single-post:not(.me-post-alb) .entry-content em, #top.single-post:not(.me-post-alb) .entry-content i { font-style: italic; }
#top.single-post:not(.me-post-alb) .entry-content u { text-decoration: none; }
#top.single-post:not(.me-post-alb) .entry-content mark { background: var(--me-acc-soft); color: var(--me-text); padding: 0 3px; }
#top.single-post:not(.me-post-alb) .entry-content p:empty { display: none; }
/* Classic-Editor: Captions, Floats, Embeds */
#top.single-post:not(.me-post-alb) .entry-content .wp-caption { max-width: 100%; margin-top: 40px; margin-bottom: 40px; padding: 0; background: transparent; border: 0; } /* 28.10.: kein width – Inline-Breite aus [caption] gilt */
#top.single-post:not(.me-post-alb) .entry-content .wp-caption-text, #top.single-post:not(.me-post-alb) .entry-content .wp-element-caption { margin-top: 10px; font-family: var(--me-sans); font-weight: 500; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--me-text-3); text-align: left; }
#top.single-post:not(.me-post-alb) .entry-content img.alignleft, #top.single-post:not(.me-post-alb) .entry-content .alignleft:not(.wp-caption) { float: left; max-width: 50%; width: auto; margin: 6px 28px 20px 0; }
#top.single-post:not(.me-post-alb) .entry-content img.alignright, #top.single-post:not(.me-post-alb) .entry-content .alignright:not(.wp-caption) { float: right; max-width: 50%; width: auto; margin: 6px 0 20px 28px; }
#top.single-post:not(.me-post-alb) .entry-content img.aligncenter, #top.single-post:not(.me-post-alb) .entry-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
#top.single-post:not(.me-post-alb) .entry-content img.alignnone { width: 100%; }
#top.single-post:not(.me-post-alb) .entry-content > p:first-child img, #top.single-post:not(.me-post-alb) .entry-content > p:first-child iframe { margin-bottom: 0; }
#top.single-post:not(.me-post-alb) .entry-content iframe, #top.single-post:not(.me-post-alb) .entry-content video, #top.single-post:not(.me-post-alb) .entry-content embed { max-width: 100%; border: 0; display: block; }
#top.single-post:not(.me-post-alb) .entry-content iframe[src*="youtube"], #top.single-post:not(.me-post-alb) .entry-content iframe[src*="vimeo"], #top.single-post:not(.me-post-alb) .entry-content .wp-block-embed__wrapper, #top.single-post:not(.me-post-alb) .entry-content .avia-video, #top.single-post:not(.me-post-alb) .entry-content .avia-iframe-wrap { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 1px solid var(--me-line); background: var(--me-bg-2); margin-top: 40px; margin-bottom: 40px; }
#top.single-post:not(.me-post-alb) .entry-content .wp-block-embed__wrapper iframe, #top.single-post:not(.me-post-alb) .entry-content .avia-video iframe, #top.single-post:not(.me-post-alb) .entry-content .avia-iframe-wrap iframe { width: 100%; height: 100%; margin: 0; border: 0; }
#top.single-post:not(.me-post-alb) .entry-content pre, #top.single-post:not(.me-post-alb) .entry-content code { font-family: var(--me-sans); font-size: 15px; background: var(--me-panel); border: 1px solid var(--me-line); padding: 2px 6px; }
#top.single-post:not(.me-post-alb) .entry-content dl dt { color: var(--me-text); font-weight: 500; }
#top.single-post:not(.me-post-alb) .entry-content dl dd { margin: 0 0 12px; }
@media (max-width: 767px) {
  #top.single-post:not(.me-post-alb) .entry-content img.alignleft, #top.single-post:not(.me-post-alb) .entry-content .alignleft, #top.single-post:not(.me-post-alb) .entry-content img.alignright, #top.single-post:not(.me-post-alb) .entry-content .alignright { float: none; max-width: 100%; width: 100%; margin: 24px 0; }
}

/* ─── §79c BLOCKSATZ AUS (24.10.) — Enfold setzt Auszüge/Textblöcke auf text-align: justify → Wortlücken in schmalen Karten.
   Alle Blog-Karten (Archiv, /blog/, „Mehr aus der Halle“) und der Beitragstext linksbündig, Silbentrennung für lange Wörter. */
#top .slide-entry-excerpt, #top .slide-entry-excerpt p, #top .slide-entry-title, #top .slide-entry-title a, #top .slide-meta,
#top.archive .entry-content, #top.blog .entry-content, #top .me-bloggrid .entry-content,
#top.single-post .entry-content, #top.single-post .entry-content p, #top.single-post .entry-content li, #top.single-post .me-post__cta .me-prose,
#top.single-post .entry-content h1, #top.single-post .entry-content h2, #top.single-post .entry-content h3, #top.single-post .entry-content h4,
#top.single-post .entry-content [style*="justify"], #top.single-post .entry-content [align="justify"], #top.single-post .entry-content p[style*="text-align"] { text-align: left !important; text-justify: none; hyphens: auto; -webkit-hyphens: auto; word-spacing: normal !important; }
/* Schrift im Beitragstext: Jost erzwingen (Enfold-Body-Font / alte Inline-Fonts greifen sonst) */
#top.single-post .entry-content, #top.single-post .entry-content p, #top.single-post .entry-content li, #top.single-post .entry-content span, #top.single-post .entry-content td, #top.single-post .entry-content a, #top.single-post .entry-content blockquote, #top.single-post .entry-content figcaption { font-family: var(--me-sans) !important; }

/* ─── §79d ALB-BEITRÄGE: NUR SCHRIFTFARBEN (24.10.) ──────────────────────────────────────────────────────
   Beiträge mit Enfold-Layout-Builder (Body-Klasse me-post-alb, functions.php §12b) behalten ihr Layout komplett.
   Angepasst wird ausschließlich die Farbe: Textblock → warmes Grau, Fettes/Links → Gold-CI, Special-Heading-Subheading → Gold-Label,
   Headline → warmes Weiß. Gilt nur für Beiträge (single-post), keine Seiten. */
#top.single-post.me-post-alb .avia_textblock, #top.single-post.me-post-alb .avia_textblock p, #top.single-post.me-post-alb .avia_textblock li { color: var(--me-text-2) !important; }
#top.single-post.me-post-alb .avia_textblock strong, #top.single-post.me-post-alb .avia_textblock b { color: var(--me-text) !important; }
#top.single-post.me-post-alb .avia_textblock a { color: var(--me-acc) !important; }
#top.single-post.me-post-alb .avia_textblock a:hover { color: var(--me-text) !important; }
#top.single-post.me-post-alb .avia_textblock h1, #top.single-post.me-post-alb .avia_textblock h2, #top.single-post.me-post-alb .avia_textblock h3, #top.single-post.me-post-alb .avia_textblock h4 { color: var(--me-text) !important; }
#top.single-post.me-post-alb .avia_textblock [style*="color"], #top.single-post.me-post-alb .avia_textblock font { color: inherit !important; }
#top.single-post.me-post-alb .av-special-heading .av-special-heading-tag { color: var(--me-text) !important; }
#top.single-post.me-post-alb .av-special-heading .av-subheading, #top.single-post.me-post-alb .av-special-heading .av-subheading p { color: var(--me-acc) !important; }
#top.single-post.me-post-alb .av-special-heading .special-heading-border .special-heading-inner-border { border-color: var(--me-line) !important; }

/* ─── §80 LINKFARBEN GLOBAL (24.10.) — Enfold-Theme-Options-Farben (Standardblau/Türkis) in allen Farbbereichen überschreiben.
   Fließtext-Links Gold, Hover warmes Weiß; Schrift im Fließtext Jost. Buttons/Navigation/Karten haben eigene Regeln (höhere Spezifität). */
#top .main_color a:not(.me-btn):not(.avia-button):not(.me-morelink):not([class*="me-"]), #top .alternate_color a:not(.me-btn):not(.avia-button):not([class*="me-"]), #top .footer_color a:not([class*="me-"]),
#top .me-lede a, #top .me-prose a, #top .me-glowbox__copy a, #top .me-person a, #top .me-contact__aside a, #top .entry-content p a { color: var(--me-acc) !important; text-decoration: none; }
#top .main_color a:not(.me-btn):not(.avia-button):not([class*="me-"]):hover, #top .alternate_color a:not(.me-btn):not(.avia-button):not([class*="me-"]):hover, #top .footer_color a:not([class*="me-"]):hover,
#top .me-lede a:hover, #top .me-prose a:hover, #top .me-glowbox__copy a:hover, #top .me-person a:hover, #top .me-contact__aside a:hover, #top .entry-content p a:hover { color: var(--me-text) !important; }
#top .main_color, #top .main_color p, #top .me-lede, #top .me-prose, #top .me-glowbox__copy { font-family: var(--me-sans); }

/* §80a Footer V3/V4: Marken-Ticker — Schleifenübergang exakt (24.10.). Die generische .me-ticker__track-Regel (V4-Hero, Z. ~1455) gab dem Track
   gap clamp(56–110px) + Innenabstand 28–55px: zwischen letztem und erstem Logo lag dadurch 56 px + gap, und der Loop sprang um gap/2.
   Track ohne gap/padding → Abstand am Übergang = margin-right der Reihe = Logo-Abstand (56 / 36 px). */
.me-marken__ticker .me-ticker__track { gap: 0 !important; padding: 0 !important; }

/* §80b Footer V3/V4: Einzugsgebiet-Spalte hervorgehoben (24.10.) — Städte als Hairline-Chips (Quickborn = Halle, gold gefüllt),
   darunter zwei Schlüssel/Wert-Zeilen (Hol- & Bring, Zweigstelle) mit goldenem Key. Ersetzt die zwei Fließtext-Zeilen. */
.me-foot3__areas { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 8px !important; padding: 0 !important; list-style: none; }
#top .me-foot3__areas li { margin: 0; padding: 5px 9px 4px; border: 1px solid var(--me-acc-line); color: var(--me-text); font-family: var(--me-sans); font-weight: 500; font-size: 11.5px; line-height: 1.2; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; list-style: none; }
#top .me-foot3__areas li.is-home { background: var(--me-acc); border-color: var(--me-acc); color: var(--me-acc-ink); }
.me-foot3__fact { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; padding-top: 8px; border-top: 1px solid var(--me-line-soft); }
#top .me-foot3__fact .me-foot3__k { color: var(--me-acc); font-size: 11px !important; letter-spacing: .14em !important; line-height: 1.5; }
#top .me-foot3__fact .me-foot3__v2 { color: var(--me-text-2); font-size: var(--me-fs-mono, 12.5px); line-height: 1.6; }

/* §80c Level-Renders im Lieferformat (24.10.): Marken-/Level-Bilder kommen als 900×600 (3:2) statt 1200×640. Detail-Karte nimmt die
   Bildproportion aus der Datei (kein fester 15:8-Kasten → keine Seitenbalken); Übersichtskarten bleiben höhenfix (contain). */
.me-lvdetail__render { aspect-ratio: auto; }

/* §80d Footer V4: Spalte „Standorte“ statt Städte-Chips (25.10.) — drei Key/Wert-Zeilen: Halle Quickborn (Adresse) · Zweigstelle · Hol- & Bring. */
.me-foot3__fact--first { padding-top: 0; border-top: 0; }
#top .me-foot3__col--areas .me-foot3__fact + .me-foot3__fact { margin-top: 10px; }

/* §80e Footer V3/V4: Spalten-Links grau statt Gold (25.10.). Live griff Enfolds Theme-Option „Footer-Linkfarbe“ über #top #footer a
   (höhere Spezifität als §52 #top .me-foot3__col a) → alle Links golden, wirkte überladen. Jetzt: Links Sekundärgrau, Gold nur bei Hover/Fokus. */
#top #footer .me-foot3__col a, #top #footer .me-foot3__nav a, #top .me-foot3__col a, .me-foot3__col a { color: var(--me-text-2) !important; }
#top #footer .me-foot3__col a:hover, #top #footer .me-foot3__nav a:hover, #top .me-foot3__col a:hover, .me-foot3__col a:hover,
#top #footer .me-foot3__col a:focus-visible, #top .me-foot3__col a:focus-visible { color: var(--me-acc) !important; }

/* §80f Hersteller-Ticker (Hero/Unterseiten): ruckelfreie Schleife (25.10.). Ursache: Track hatte seitliches Padding + Flex-gap; beim
   translateX(-50 %) lag die Trackmitte nicht am Anfang des zweiten Logo-Satzes → sichtbarer Sprung, verstärkt durch das breitere
   Pure-PPF-Siegel. Jetzt: kein Track-Padding, Abstand als padding-right je Item (Satz 1 = exakt 50 %), translate3d für GPU-Glätte,
   Hover-Pause bleibt. Siegel (zweizeilig) laufen mit 42 px, Wortmarken mit 30 px. */
#top .me-ticker .me-ticker__track { gap: 0 !important; padding: 0 !important; will-change: transform; animation: me-ticker 44s linear infinite; }
#top .me-ticker .me-brands__item { padding-right: clamp(56px, 6vw, 110px); flex: 0 0 auto; display: inline-flex; align-items: center; }
@keyframes me-ticker { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
#top .me-ticker .me-brands__logo { height: 30px; }
#top .me-ticker .me-brands__logo[src*="-zert-silber"] { height: 42px; }
@media (max-width: 767px) { #top .me-ticker .me-brands__item { padding-right: 40px; } #top .me-ticker .me-brands__logo { height: 22px; } #top .me-ticker .me-brands__logo[src*="-zert-silber"] { height: 32px; } }

/* §81 Timeline „Die Stationen“ mobil (26.10.): Avia-30 hatte die Enfold-Flags av-medium/small/mini-hide gesetzt → Timeline fehlte
   ≤ 989 px komplett. Flags entfernt; hier die Mobil-Darstellung: eine Spalte, Linie links, Datum groß, Bild max. 320 px. */
@media (max-width: 989px) {
  /* 26.10.: Inhalt lief rechts aus dem Viewport (Enfold rechnet Content-Breite = 100 % + Icon-Spalte). Icon-Kreis 40 px,
     Inhaltsspalte = 100 % − 56 px, alles box-sizing border-box, Bilder/Galerie auf Spaltenbreite begrenzt. */
  #top .me-timeline, #top .me-timeline .avia-timeline, #top .me-timeline .av-milestone { max-width: 100%; overflow: hidden; box-sizing: border-box; }
  #top .me-timeline .av-milestone { width: 100% !important; margin-left: 0 !important; padding-left: 0 !important; }
  #top .me-timeline .av-milestone-icon-wrap { width: 40px !important; left: 0 !important; }
  #top .me-timeline .av-milestone-icon, #top .me-timeline .av-milestone-icon-inner, #top .me-timeline .milestone_inner { width: 40px !important; height: 40px !important; line-height: 36px !important; font-size: 16px !important; margin: 0 !important; }
  #top .me-timeline .av-milestone-icon { border-width: 1.5px !important; }
  /* Datum + Headline als ein Block auf Icon-Höhe: Datum als kleine Zeile (Mono, Gold) direkt über der Headline, kein Versatz. */
  #top .me-timeline .av-milestone-date { position: static !important; margin: 0 0 0 56px !important; padding: 0 !important; width: auto !important; min-height: 0 !important; text-align: left !important; line-height: 1 !important; }
  #top .me-timeline .av-milestone-date .av-milestone-date-inner { display: block; font-size: 12px !important; letter-spacing: .18em !important; color: var(--me-acc) !important; line-height: 1 !important; padding: 10px 0 6px !important; margin: 0 !important; }
  #top .me-timeline .av-milestone-content-wrap { width: calc(100% - 56px) !important; max-width: calc(100% - 56px) !important; margin: 0 0 0 56px !important; padding: 0 !important; box-sizing: border-box; }
  #top .me-timeline .av-milestone-content-wrap h3, #top .me-timeline .av-milestone-content-wrap h4 { margin: 0 0 10px !important; padding: 0 !important; font-size: 17px !important; line-height: 1.25 !important; }
  #top .me-timeline .av-milestone-content-wrap::before, #top .me-timeline .av-milestone-content-wrap::after { display: none !important; }
  #top .me-timeline .av-milestone-content-wrap-inner, #top .me-timeline .av-milestone-content { width: 100% !important; max-width: 100% !important; padding: 0 !important; box-sizing: border-box; }
  #top .me-timeline .av-milestone-content img, #top .me-timeline .av-milestone-content-wrap img { max-width: 100% !important; width: auto !important; height: auto !important; } /* 26.10.: width-Attribut (1042) + Inline-max-width überschreiben */
  #top .me-timeline .av-milestone { padding-top: 34px !important; } /* Luft zum vorherigen Eintrag */
  #top .me-timeline .av-milestone:first-child { padding-top: 0 !important; }
  #top .me-timeline .av-milestone-icon-wrap { top: 34px !important; }
  #top .me-timeline .av-milestone:first-child .av-milestone-icon-wrap { top: 0 !important; }
  #top .me-timeline .avia-gallery, #top .me-timeline .avia-gallery-thumb { max-width: 100%; }
}

/* §82 Material-Lab 6 Hersteller (26.10.): XPEL · SunTek · Pure PPF · LLumar · LEGEND · TeckWrap, 3×2. Daten aus
   „Lackschutzfolien im Vergleich“ (24.10.), nur bestätigte Werte. TeckWrap ohne Logo-Datei → Wortmarke in Silber-Typo. */
.me-lab5__wordmark { font-family: var(--me-sans); font-weight: 500; font-size: 17px; letter-spacing: .18em; text-transform: uppercase; color: #d9dde3; line-height: 26px; }
#top .me-lab5__note { grid-column: 1 / -1; margin: 22px 0 0 !important; padding: 14px 0 0 !important; border: 0 !important; border-top: 1px solid var(--me-line) !important; background: transparent !important; max-width: none; font-family: var(--me-sans); font-size: 12.5px; line-height: 1.55; letter-spacing: 0; color: var(--me-text-3) !important; }
@media (max-width: 1139px) and (min-width: 768px) { .me-lab5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* §83 CTA-Box „Persönliches Angebot einholen“ (26.10., Preise: zwischen Mit/Ohne Folie und FAQ) — Goldfläche, Typo durchgehend
   Schwarz (#0b0a08, gegen Enfolds .main_color-Farben mit !important), kein Fließtext, dunkler Button „Jetzt anfragen“. */
#top .me-ctabox { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 48px; align-items: center; margin: 40px 0 8px; padding: clamp(26px, 3vw, 40px) clamp(24px, 3.4vw, 48px); background: var(--me-acc); color: #0b0a08 !important; border: 0; box-shadow: 0 24px 60px -30px rgba(201,179,126,.45); }
/* 26.10.: dezenter — kein schwarzer Rahmen, kein Goldring. Verschachtelte Box (alte <aside> + neue <div> live ineinander) wird neutralisiert. */
#top .me-ctabox .me-ctabox { padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#top .me-ctabox__copy { display: grid; gap: 10px; }
#top .me-ctabox__k { display: block; font-family: var(--me-sans) !important; font-weight: 500 !important; font-size: 11.5px !important; letter-spacing: .2em !important; text-transform: uppercase; color: #0b0a08 !important; opacity: 1 !important; }
#top .me-ctabox__h { display: block !important; margin: 0 !important; padding: 0 !important; font-family: var(--me-sans) !important; font-weight: 400 !important; font-size: clamp(24px, 2.4vw, 34px) !important; line-height: 1.1 !important; letter-spacing: .04em !important; text-transform: uppercase; color: #0b0a08 !important; }
#top .me-ctabox__act { display: grid; gap: 12px; justify-items: start; }
#top .me-ctabox__btn, #top .me-ctabox__btn:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 28px; background: #0b0a08 !important; color: var(--me-acc) !important; font-family: var(--me-sans) !important; font-weight: 500 !important; font-size: 15px !important; letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; border: 1px solid #0b0a08 !important; border-radius: var(--me-radius); white-space: nowrap; transition: background .2s, color .2s; }
#top .me-ctabox__btn:hover { background: transparent !important; color: #0b0a08 !important; }
#top .me-ctabox__alt, #top .me-ctabox__alt:visited { font-family: var(--me-sans) !important; font-size: 13px !important; letter-spacing: .04em; color: #0b0a08 !important; text-decoration: none !important; border-bottom: 1px solid rgba(11,10,8,.4); }
#top .me-ctabox__alt:hover { border-bottom-color: #0b0a08; }
@media (max-width: 989px) { #top .me-ctabox { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 28px; } #top .me-ctabox__act { justify-items: stretch; } #top .me-ctabox__btn { width: 100%; white-space: normal; text-align: center; } }

/* §84 LEVEL-MATRIX MOBIL (26.10.) — ≤ 767 px wird die 6-spaltige Tabelle zur Level-Liste: oben fünf Chips (Level + Ring),
   darunter Name + Preis des aktiven Levels, dann die 13 Bauteile einspaltig mit genau EINER Statusspalte (aktives Level).
   Nutzt den vorhandenen Zustand aus dem Block-Script (data-level am Container, .is-on/.is-col) — kein neues Markup.
   Tipp auf einen Chip wechselt das Level (Script, hover:none), zweiter Tipp öffnet die Detailseite. Desktop unverändert. */
@media (max-width: 767px) {
  #top .me-matrix--lv { display: flex !important; flex-wrap: wrap; gap: 0 !important; position: relative; background: transparent !important; border: 0 !important; font-size: 12px; }
  #top .me-matrix--lv .me-matrix__h--z { display: none !important; }
  /* Chips */
  #top .me-matrix--lv .me-mlv { order: 1; flex: 1 1 0; min-width: 0; height: 84px; display: grid !important; grid-template-rows: auto auto !important; align-content: start; justify-items: center; gap: 7px !important; padding: 10px 2px 0 !important; background: var(--me-panel) !important; border: 1px solid var(--me-line); border-right-width: 0; position: static !important; box-sizing: border-box; }
  #top .me-matrix--lv > a:last-of-type { border-right-width: 1px; }
  #top .me-matrix--lv .me-mlv.is-on { background: rgba(201,179,126,.14) !important; }
  #top .me-matrix--lv .me-mlv::after { display: none !important; }
  #top .me-matrix--lv .me-mlv__tag { font-size: 9px; letter-spacing: .08em; }
  #top .me-matrix--lv .me-mlv__ring { width: 40px; height: 40px; } #top .me-matrix--lv .me-mlv__pct { font-size: 11px; }
  #top .me-matrix--lv .me-mlv__img { display: none !important; }
  /* Band unter den Chips: Name + Preis des aktiven Levels (Spacer = ::before, Inhalte absolut aus dem aktiven Chip) */
  #top .me-matrix--lv::before { content: ""; order: 2; flex: 1 0 100%; height: 48px; box-sizing: border-box; background: var(--me-panel); border: 1px solid var(--me-line); border-top: 0; }
  #top .me-matrix--lv .me-mlv__name, #top .me-matrix--lv .me-mlv__price { display: none !important; }
  #top .me-matrix--lv .me-mlv.is-on .me-mlv__name { display: flex !important; align-items: center; position: absolute; left: 0; top: 84px; height: 48px; padding: 0 14px; margin: 0; font-size: 15px; line-height: 1.2; text-align: left; white-space: nowrap; }
  #top .me-matrix--lv .me-mlv.is-on .me-mlv__name .me-mlv__badge { display: inline; margin: 0 0 0 8px; font-size: 9px; }
  #top .me-matrix--lv .me-mlv.is-on .me-mlv__price { display: flex !important; align-items: center; position: absolute; right: 0; top: 84px; height: 48px; padding: 0 14px; font-size: 14px; color: var(--me-acc); }
  /* Bauteile: eine Zeile = Name + Status des aktiven Levels */
  #top .me-matrix--lv .me-matrix__z { order: 3; flex: 1 1 calc(100% - 56px); min-width: 0; min-height: 44px; padding: 10px 14px !important; background: var(--me-bg); border: 1px solid var(--me-line); border-top: 0; border-right: 0; box-sizing: border-box; font-size: 13.5px; transition: opacity .3s; }
  #top .me-matrix--lv .me-matrix__c { display: none !important; }
  #top .me-matrix--lv[data-level="1"] .me-matrix__c[data-col="1"], #top .me-matrix--lv[data-level="2"] .me-matrix__c[data-col="2"], #top .me-matrix--lv[data-level="3"] .me-matrix__c[data-col="3"], #top .me-matrix--lv[data-level="4"] .me-matrix__c[data-col="4"], #top .me-matrix--lv[data-level="5"] .me-matrix__c[data-col="5"] { display: flex !important; order: 3; flex: 0 0 56px; min-height: 44px; padding: 0 !important; background: var(--me-bg) !important; border: 1px solid var(--me-line); border-top: 0; box-sizing: border-box; }
  #top .me-matrix--lv .me-matrix__c.is-on { background: rgba(201,179,126,.1) !important; }
  #top .me-matrix--lv .me-matrix__c.is-on::before { font-size: 11px; }
  #top .me-matrix--lv .me-matrix__c:not(.is-on)::before { content: "–"; color: var(--me-text-3); }
  /* Nicht enthaltene Bauteile gedimmt (Browser mit :has) */
  #top .me-matrix--lv[data-level="1"] .me-matrix__z:has(+ .me-matrix__c:not(.is-on)),
  #top .me-matrix--lv[data-level="2"] .me-matrix__z:has(+ .me-matrix__c + .me-matrix__c:not(.is-on)),
  #top .me-matrix--lv[data-level="3"] .me-matrix__z:has(+ .me-matrix__c + .me-matrix__c + .me-matrix__c:not(.is-on)),
  #top .me-matrix--lv[data-level="4"] .me-matrix__z:has(+ .me-matrix__c + .me-matrix__c + .me-matrix__c + .me-matrix__c:not(.is-on)),
  #top .me-matrix--lv[data-level="5"] .me-matrix__z:has(+ .me-matrix__c + .me-matrix__c + .me-matrix__c + .me-matrix__c + .me-matrix__c:not(.is-on)) { opacity: .45; }
  #top .me-matrix--lv .me-matrix__foot { order: 4; flex: 1 1 100%; display: block; padding: 10px 14px !important; border: 1px solid var(--me-line); border-top: 0; box-sizing: border-box; font-size: 11.5px; line-height: 1.55; }
}

/* §85 HEADER MOBIL: LOGO UND BURGER AUFEINANDER ABGESTIMMT (27.10.) — ≤ 1099 px. Logo links im Gutter, Burger rechts exakt im
   Gutter (Enfold schiebt ihn sonst um sein Innen-Padding nach innen), beide vertikal auf der Header-Mitte, Burger-Linien in
   Logo-Proportion (26 px breit, 2 px stark, 7 px Abstand), 44-px-Tap-Ziel. */
@media (max-width: 1099px) {
  #top #header_main > .container, #top #header_main .inner-container { gap: 16px; }
  #top .main_menu { margin: 0 !important; padding: 0 !important; }
  #top .main_menu .av-main-nav { display: flex !important; align-items: center !important; height: var(--me-header-h) !important; margin: 0 !important; }
  #top .av-burger-menu-main { margin: 0 !important; padding: 0 !important; }
  #top .av-burger-menu-main > a { margin: 0 !important; padding: 0 !important; min-width: 44px; height: var(--me-header-h) !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; }
  #top .av-hamburger { width: 26px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; display: block !important; }
  #top .av-hamburger-box { width: 26px !important; height: 20px !important; display: block !important; }
  #top .av-hamburger-inner, #top .av-hamburger-inner::before, #top .av-hamburger-inner::after { width: 26px !important; height: 2px !important; border-radius: 0 !important; }
  #top .av-hamburger-inner { top: 50% !important; margin-top: -1px !important; }
  #top .av-hamburger-inner::before { top: -7px !important; } #top .av-hamburger-inner::after { bottom: -7px !important; }
  #top .av-burger-menu-main .avia_hidden_link_text, #top .av-burger-menu-main .av-hamburger-label { display: none !important; }
  /* Enfold-Overlay-Zustand: X behält Linienstärke */
  #top .av-hamburger.is-active .av-hamburger-inner::before, #top .av-hamburger.is-active .av-hamburger-inner::after { top: 0 !important; bottom: auto !important; }
}

/* §86 FOOTER MOBIL — Nachzügler-Regeln korrigiert (27.10.). Die Desktop-Regeln .me-foot3__trust (3 Spalten, min. 540 px),
   .me-foot3__awardrow (nowrap) und .me-foot3__logorow.me-marken (Label neben Ticker) stehen im Blatt HINTER den Mobil-Regeln
   und gewannen → Bewertungskarten liefen aus dem Viewport, Marken-Ticker war ~130 px schmal. Hier mit #top-Spezifität. */
@media (max-width: 1139px) {
  #top .me-foot3__trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 989px) {
  #top .me-foot3__logorow.me-marken { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
  #top .me-foot3__logorow.me-marken > .me-hero5__sys { border-bottom: 0; padding: 0; }
  #top .me-marken__ticker { width: 100%; }
}
@media (max-width: 767px) {
  #top .me-foot3__trust { grid-template-columns: minmax(0, 1fr); }
  #top .me-foot3__quotes { grid-template-columns: minmax(0, 1fr); }
  #top .me-footquote { min-width: 0; }
  #top .me-footquote__text { white-space: normal; overflow-wrap: anywhere; }
  #top .me-foot3__awardrow { flex-wrap: wrap; }
}

/* §87 ABLAUF-KARTEN MOBIL (27.10.) — ≤ 767 px hoben sich die Karten kaum vom Seitengrund ab, Text wirkte „frei schwebend“.
   Jetzt sichtbare Fläche (aufgehellter Grund + Goldlinie) und kompakt: Ziffer links, Titel + Text rechts. Desktop unverändert. */
@media (max-width: 767px) {
  #top .me-steps { gap: 10px; }
  #top .me-steps .me-steps__item { grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; align-items: start; padding: 16px 18px 16px 16px; background: rgba(255,255,255,.045) !important; border: 1px solid rgba(201,179,126,.3) !important; border-radius: var(--me-radius, 0); }
  #top .me-steps .me-steps__n { grid-row: 1 / span 2; margin: 2px 0 0; font-size: 26px; line-height: 1; }
  #top .me-steps .me-steps__t { grid-column: 2; font-size: 17px; line-height: 1.25; }
  #top .me-steps .me-steps__d { grid-column: 2; font-size: 14.5px; line-height: 1.5; }
}

/* §88 STARTSEITEN-HERO MOBIL: BILDBÜHNE HÖHER (27.10.) — ≤ 989 px war die Slideshow eine 16:9-Bühne (~210 px bei 375 px Breite).
   Jetzt +50 %: Phone 4:5 (mind. 420 px), Tablet 4:3; Shade folgt der Bühne. Text beginnt weiterhin leicht über der Unterkante
   (−28 px / −40 px, Verlauf darunter). Plakette (§78e) bleibt oben rechts in der Bühne. Desktop unverändert. */
/* 27.10. (2): exakt wie Unterseiten-Hero §40 — Tablet 3:2 (mind. 420 px, max. 620), Phone 4:3 (mind. 390 px, max. 560). */
@media (max-width: 989px) {
  #top .me-hero5__video, #top .me-hero5__video.me-hs { aspect-ratio: 3 / 2 !important; min-height: 420px; max-height: 620px; }
  #top .me-hero5__shade { aspect-ratio: 3 / 2; min-height: 420px; max-height: 620px; }
}
@media (max-width: 767px) {
  #top .me-hero5__video, #top .me-hero5__video.me-hs { aspect-ratio: 4 / 3 !important; min-height: 390px; max-height: 560px; }
  #top .me-hero5__shade { aspect-ratio: 4 / 3; min-height: 390px; max-height: 560px; }
  #top .me-hs__slide .me-hs__img { object-position: 60% 50%; }
}

/* §89 ÜBER UNS — HERO MOBIL: FOTO STATT LOGO-TAFEL (27.10.). ≤ 989 px zeigt der Hero ein Slider-Foto der Startseite
   (.me-frame__img--mobile, im Avia-30-Codeblock neben dem Logo), Desktop weiterhin die Logo-Tafel. Höhe wie §40 (4:3, mind. 390 px). */
.me-frame__img--mobile { display: none; }
@media (max-width: 989px) {
  #top .me-hero__frame.me-frame--logo .me-frame__img--logo { display: none !important; }
  #top .me-hero__frame.me-frame--logo { margin: 0 !important; padding: 0 !important; border: 0 !important; }
  #top .me-hero__frame.me-frame--logo .me-frame__img--mobile { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; min-height: 420px; max-height: 620px; object-fit: cover; object-position: 50% 50%; }
}
@media (max-width: 767px) {
  #top .me-hero__frame.me-frame--logo .me-frame__img--mobile { aspect-ratio: 4 / 3; min-height: 390px; max-height: 560px; }
}

/* §90 HERO-LEDE WEISS (27.10.) — Startseite (.me-hero5__lede) stand schon in --me-text, Hubs/Unterseiten/Marken (.me-hero .me-lede)
   in --me-text-2 (goldgrau). Jetzt überall gleich: Hero-Einleitung in --me-text. Sonstige .me-lede (Archiv, Blog) unverändert. */
#top .me-hero .me-lede, #top .me-hero__body .me-lede, #top .me-hero2__inner .me-lede { color: var(--me-text) !important; }

/* §91 MARKEN-LEISTE DESKTOP: RUHIGER (27.10.) — Zeile ~3614 (#top .me-ticker .me-ticker__track) überschrieb die Marken-Leiste
   mit dem 44-s-Hero-Ticker. Marken jetzt eigener, langsamer Lauf (110 s) auf dem Compositor (translate3d, will-change,
   backface-visibility), Subpixel-Zittern der Wortmarken unterbunden. Hover pausiert weiterhin. */
#top .me-marken__ticker .me-ticker__track { animation: me-marken-run-3d 110s linear infinite !important; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }
#top .me-marken__ticker .me-marken__item, #top .me-marken__ticker .me-marken__logo, #top .me-marken__ticker .me-marken__name { backface-visibility: hidden; transform: translateZ(0); -webkit-font-smoothing: antialiased; }
#top .me-marken__ticker:hover .me-ticker__track { animation-play-state: paused !important; }
@keyframes me-marken-run-3d { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
@media (max-width: 989px) { #top .me-marken__ticker .me-ticker__track { animation-duration: 70s !important; } }
@media (prefers-reduced-motion: reduce) { #top .me-marken__ticker .me-ticker__track { animation: none !important; } }

/* 27.10.: Karten-Platzhalter auf Kontakt entfernt (nur Routen-Link); Rest-Markup ausblenden, Button rückt an die Öffnungszeiten */
#top .me-map { display: none !important; }

/* §92 BLOG: BILDER MIT BILDUNTERSCHRIFT (27.10.) — Ursache: §79 setzt .entry-content figure/img auf width:100%/max-width:100%.
   Der klassische Editor packt Bilder mit Caption in <figure class="wp-caption alignright" style="width:210px"> bzw.
   <div class="wp-caption"> – unsere 100 %-Regel überschrieb die Inline-Breite, die Figur wuchs auf Spaltenbreite,
   Bilder ohne Caption (nacktes <img width="200">) blieben richtig. Fix: Caption-Container behalten ihre Inline-Breite
   (width:auto = Inline-Style gewinnt), Bild darin 100 % der Figur, Caption-Typo CI. Floats behalten Umfluss mit Abstand;
   mobil (≤ 767) stehen Caption-Bilder zentriert unter dem Text, volle Breite max. 420 px. */
#top.single-post .entry-content .wp-caption,
#top.single-post .entry-content figure.wp-caption,
#top.single-post .entry-content figure.wp-block-image.alignright,
#top.single-post .entry-content figure.wp-block-image.alignleft { max-width: 100% !important; margin: 6px 0 18px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
#top.single-post .entry-content .wp-caption.alignright, #top.single-post .entry-content figure.alignright { float: right !important; margin: 6px 0 18px 28px !important; }
/* 28.10.: [caption] rendert <div class="wp-caption alignright" style="width:210px"> – §79-Regel .alignright{width:auto;max-width:50%} gewann und
   ließ den Container frei wachsen. Jetzt: Container-Breite = Inline-Style (width:auto!important lässt style="" gewinnen, kein max-width-Zwang),
   Bild = seine Attribut-Breite (width:200) statt 100 % der Figur, nie breiter als der Container. */
/* v3 28.10.: KEIN width am Container – `width:auto !important` hatte den Inline-Style style="width:210px" aus [caption] überschrieben
   (important im Stylesheet schlägt Inline ohne important). Container = Inline-Breite, Bild füllt ihn zu 100 %, Floats max. 50 %. */
#top.single-post .entry-content div.wp-caption { display: block !important; box-sizing: content-box !important; }
#top.single-post .entry-content div.wp-caption img { display: block; width: 100% !important; max-width: 100% !important; height: auto !important; }
#top.single-post .entry-content div.wp-caption.alignright, #top.single-post .entry-content div.wp-caption.alignleft { max-width: 50% !important; }
#top.single-post .entry-content div.wp-caption:not([style*="width"]) { width: fit-content !important; }
#top.single-post .entry-content .wp-caption.alignleft, #top.single-post .entry-content figure.alignleft { float: left !important; margin: 6px 28px 18px 0 !important; }
#top.single-post .entry-content .wp-caption.aligncenter, #top.single-post .entry-content figure.aligncenter { float: none !important; margin: 24px auto !important; }
#top.single-post .entry-content .wp-caption img, #top.single-post .entry-content figure.wp-caption img, #top.single-post .entry-content figure.wp-block-image img { display: block; width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 !important; border: 1px solid var(--me-line) !important; }
#top.single-post .entry-content .wp-caption-text, #top.single-post .entry-content figcaption { margin: 8px 0 0 !important; padding: 0 !important; font-family: var(--me-mono) !important; font-size: 10.5px !important; letter-spacing: .14em !important; text-transform: uppercase !important; line-height: 1.5 !important; color: var(--me-text-3) !important; text-align: left !important; font-style: normal !important; }
/* nacktes Bild mit Ausrichtung (ohne Caption) gleich behandeln */
#top.single-post .entry-content img.alignright { float: right; margin: 6px 0 18px 28px !important; }
#top.single-post .entry-content img.alignleft { float: left; margin: 6px 28px 18px 0 !important; }
#top.single-post .entry-content img.alignright, #top.single-post .entry-content img.alignleft { width: auto; max-width: 50% !important; height: auto; }
#top.single-post .entry-content::after { content: ""; display: table; clear: both; }
@media (max-width: 767px) {
  #top.single-post .entry-content .wp-caption, #top.single-post .entry-content figure.wp-caption, #top.single-post .entry-content figure.wp-block-image,
  #top.single-post .entry-content img.alignright, #top.single-post .entry-content img.alignleft { float: none !important; width: 100% !important; max-width: 420px !important; margin: 20px auto !important; }
}