/* hm-app 2.2.5 - A468. Etappe 1 Desktop (>= 1025 px) + Kacheln ueberall; Etappe 2 Handy (<= 767 px); Etappe 3 Tablet-Rail (768-1024 px). */
@media (min-width: 1025px) {
  /* D1 Kopf: eine Zeile, 64 px */
  #masthead .elementor-3466 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    height: 64px;
    min-height: 64px;
    padding: 0 24px;
    box-sizing: border-box;
    background: #000;
  }
  #masthead .elementor-element-b856080,
  #masthead .elementor-element-e0259a6 { display: contents; }
  #masthead .elementor-element-6df67e5,
  #masthead .elementor-element-4a1a2f1,
  #masthead .elementor-element-08ec959,
  #masthead .elementor-element-a74843b {
    --width: auto;
    --content-width: auto;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    flex: 0 0 auto;
    padding: 0 !important;
    margin: 0 !important;
  }
  #masthead .elementor-element-6df67e5 { order: 1; }
  #masthead .elementor-element-4a1a2f1 { order: 2; flex: 0 0 auto; }
  #masthead .elementor-element-4a1a2f1 .elementor-widget,
  #masthead .elementor-element-4a1a2f1 .elementor-widget-container,
  #masthead .elementor-element-4a1a2f1 .hfe-nav-menu__layout-horizontal,
  #masthead .elementor-element-4a1a2f1 nav,
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu { width: auto !important; max-width: none !important; margin: 0 !important; }
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu { flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 0 !important; }
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li { width: auto !important; min-width: 0 !important; margin: 0 !important; flex: 0 0 auto; }
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li > a, #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li > .hfe-menu-item { padding: 0 10px !important; margin: 0 !important; white-space: nowrap; }
  #masthead .elementor-element-08ec959 { order: 3; margin-left: auto !important; }
  #masthead .elementor-element-a74843b { order: 4; position: static !important; }
  #masthead .elementor-element-e07cf83 { display: none; }

  #masthead .hfe-site-logo-img { height: 44px !important; width: auto !important; max-width: none !important; }

  /* Plattform-Logos als kleine Chips (echte Logo-Bilder) */
  #masthead .elementor-element-08ec959 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 8px !important;
  }
  #masthead .elementor-element-08ec959 > .e-con-inner {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center;
    gap: 8px !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important;
  }
  #masthead .elementor-element-08ec959 .elementor-widget-image {
    --width: auto; width: auto !important; max-width: none !important; margin: 0 !important;
  }
  #masthead .elementor-element-08ec959 .elementor-widget-container { padding: 0 !important; margin: 0 !important; line-height: 0; }
  #masthead .elementor-element-08ec959 img { height: 22px !important; width: auto !important; max-width: none !important; }

  /* JOIN NOW gefuellt, LOG IN Textlink */
  #masthead .elementor-element-a74843b ul.hfe-nav-menu { gap: 2px; align-items: center; }
  #masthead #menu-item-3473 a, #masthead #menu-item-3475 a {
    color: #fff !important; background: #ea2e1b !important; border: 2px solid #ea2e1b !important;
    border-radius: 999px !important; padding: 9px 16px !important; white-space: nowrap;
  }
  #masthead #menu-item-3473 a:hover, #masthead #menu-item-3475 a:hover { color: #ea2e1b !important; background: #000 !important; }
  #masthead #menu-item-3474 a {
    color: #fff !important; background: transparent !important; border: 2px solid transparent !important;
    border-radius: 999px !important; padding: 9px 10px !important; white-space: nowrap;
  }
  #masthead #menu-item-3474 a:hover { color: #ff0 !important; }

  /* Kopf klebt beim Scrollen (Klasse setzt hm-app.js) */
  #masthead.hm-app-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 9990; box-shadow: 0 6px 24px rgba(0,0,0,.6); }

  /* Sale-Zeile (Announcer 8123): eine Zeile, zentriert, scrollt mit weg */
  .ancr-group.ancr-pos-top { position: static !important; }
  #ancr-8123 { position: relative !important; padding-right: 56px !important; }
  #ancr-8123 .ancr-btn { padding: 6px 16px !important; }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  #masthead .elementor-3466 { padding: 0 18px; gap: 10px; }
  #masthead .elementor-element-08ec959 img { height: 17px !important; }
  #masthead .elementor-element-08ec959, #masthead .elementor-element-08ec959 > .e-con-inner { gap: 4px !important; }
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li > a, #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li > .hfe-menu-item { padding: 0 7px !important; }
  #masthead #menu-item-3473 a, #masthead #menu-item-3475 a { padding: 8px 13px !important; }
  #masthead #menu-item-3474 a { padding: 8px 8px !important; }
  #masthead .hfe-site-logo-img { height: 38px !important; }
}
@media (min-width: 1025px) and (max-width: 1239px) {
  #masthead .elementor-element-08ec959 { display: none !important; }
  #masthead .elementor-element-a74843b { margin-left: auto !important; }
}

/* ---------- D2 Kacheln (alle Breiten) ---------- */
/* Einblend-Zoom der Royal-Kacheln aus (Widget-Einstellung opacity:0 + scale(0.01) ueberstimmen): LCP */
.wpr-grid .wpr-grid-item-inner { opacity: 1 !important; transform: none !important; }
/* Avatar-Chips in der Modelzeile */
.hm-av { display: inline-block !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; object-fit: cover !important; vertical-align: middle !important; margin: -3px 5px 0 0 !important; border: 1.5px solid #ea2e1b !important; background: #222 !important; }
.wpr-grid-item-post_tag .inner-block { line-height: 26px !important; margin-top: 8px !important; }
.wpr-grid-item-post_tag .inner-block a[data-hm-av] { white-space: nowrap; }
.wpr-grid-item-post_tag .inner-block a[data-hm-av] .tax-sep { font-size: 0 !important; margin-right: 9px !important; }
.wpr-grid-item-below-content:has(> .wpr-grid-item-post_tag) > .wpr-grid-item-date .inner-block { line-height: 26px !important; margin-top: 8px !important; }
.hm-ms-models { line-height: 26px !important; }
.hm-ms-models .hm-av-name { white-space: nowrap; }
.hmd-meta .hmd-models { line-height: 26px !important; }

/* ---------- D3 Kategorie-Chips (Desktop + Tablet) ---------- */
@media (min-width: 768px) {
  ul.wpr-grid-filters.hm-chips { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
  ul.wpr-grid-filters.hm-chips > li { display: block !important; margin: 0 !important; padding: 0 !important; float: none !important; }
  ul.wpr-grid-filters.hm-chips > li > span { display: inline-block !important; border: 1px solid #3a3a3a !important; border-radius: 999px !important; padding: 8px 14px !important; margin: 0 !important;
    font-family: "Nunito Sans", sans-serif !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; line-height: 1 !important; color: #ddd !important; background: #000 !important; cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
  ul.wpr-grid-filters.hm-chips > li > span:hover { border-color: #ea2e1b !important; color: #fff !important; }
  ul.wpr-grid-filters.hm-chips > li > span.wpr-active-filter { background: #fff !important; color: #000 !important; border-color: #fff !important; }
  ul.wpr-grid-filters.hm-chips > li > .wpr-grid-filters-sep { display: none !important; }
  ul.wpr-grid-filters.hm-chips > li > span::before, ul.wpr-grid-filters.hm-chips > li > span::after { display: none !important; }
  .hm-filter-wrap .hm-filter-more { display: inline-block !important; margin: 8px 0 0 !important; border: 1px dashed #555 !important; border-radius: 999px !important; padding: 8px 14px !important;
    font-family: "Nunito Sans", sans-serif !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; line-height: 1 !important; color: #aaa !important; background: #000 !important; }
  .hm-filter-wrap .hm-filter-more:hover { color: #fff !important; border-color: #aaa !important; }
  /* Startseite u. a.: Filter ohne hm-filter-wrap bekommen eigene 1-Zeilen-Klappung */
  ul.wpr-grid-filters.hm-chips.hm-chips-collapsed { max-height: 32px !important; overflow: hidden !important; }
  .hm-chips-more { display: inline-block !important; margin: 8px 0 0 !important; border: 1px dashed #555 !important; border-radius: 999px !important; padding: 8px 14px !important; background: #000 !important; color: #aaa !important;
    font-family: "Nunito Sans", sans-serif !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; line-height: 1 !important; cursor: pointer; }
  .hm-chips-more:hover { color: #fff !important; border-color: #aaa !important; }
}
@media (max-width: 767px) { .hm-chips-more { display: none !important; } }
/* Wenn taglist.php den Filter nachtraeglich in .hm-filter-wrap klappt, hat er schon einen More-Knopf */
.hm-filter-wrap + .hm-chips-more { display: none !important; }

/* ---------- D4 Hero (Startseite, Desktop) ---------- */
.hm-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 40px; align-items: center; padding: 28px 0 10px; }
.hm-hero-h1 { margin: 0 0 14px !important; font-family: futura-extra-black, sans-serif !important; font-weight: 800 !important; font-size: 60px !important; line-height: .98 !important; text-transform: uppercase; color: #fff !important; letter-spacing: .3px; }
.hm-hero-h1 span { color: #ea2e1b; }
.hm-hero-facts { margin: 0 0 18px !important; font: 700 18px/1.5 "Nunito Sans", sans-serif !important; color: #ddd !important; }
.hm-hero-facts b { color: #ffff00; font-weight: 800; }
.hm-hero-facts del { color: #888; font-weight: 700; margin-right: 4px; }
.hm-hero-cta { margin: 0 !important; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.hm-hero-btn { display: inline-block; background: #ea2e1b; color: #fff !important; border: 2px solid #ea2e1b; border-radius: 999px; padding: 15px 26px; font: 800 15px/1 "Nunito Sans", sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; transition: background .15s, color .15s; }
.hm-hero-btn:hover { background: #000; color: #ea2e1b !important; }
.hm-hero-cta small { color: #9a9a9a; font: 700 13px/1.4 "Nunito Sans", sans-serif; }
.hm-hero-vis { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #111; }
.hm-hero-vis img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hm-hero-badge { position: absolute; right: 12px; top: 12px; background: rgba(0,0,0,.8); color: #fff; border-radius: 4px; padding: 5px 9px; font: 800 11px/1 "Nunito Sans", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.hm-hero-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 14px 12px; background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,0)); color: #fff; font: 800 15px/1.2 futura-extra-black, sans-serif; text-transform: uppercase; letter-spacing: .4px; }
@media (max-width: 1024px) { .hm-hero { grid-template-columns: 1fr; } .hm-hero-h1 { font-size: 40px !important; } }

/* ---------- D5 Systemseiten im Hausdesign (alle Breiten) ---------- */
/* Seitentitel (klassische Seiten: Newsletter, FAQ) */
.page-id-16616 .aux-breadcrumbs, .page-id-17031 .aux-breadcrumbs { display: none !important; }
.page-id-16616 .page-title-group, .page-id-17031 .page-title-group { border: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.page-id-16616 .page-title-group::after, .page-id-17031 .page-title-group::after, .page-id-16616 .page-title-group + hr, .page-id-17031 .page-title-group + hr { display: none !important; }
.page-id-16616 h1.page-title, .page-id-17031 h1.page-title { font-family: futura-extra-black, sans-serif !important; font-weight: 800 !important; font-size: 40px !important; line-height: 1.05 !important; text-transform: uppercase !important; color: #ea2e1b !important; letter-spacing: .3px; margin: 10px 0 18px !important; }
.page-id-16616 .aux-page-title-divider, .page-id-17031 .aux-page-title-divider, .page-id-16616 .aux-title-divider, .page-id-17031 .aux-title-divider { display: none !important; }
/* Kontakt (Elementor): Ueberschriften + HappyForms-Felder */
.page-id-596 h2.elementor-heading-title { font-family: futura-extra-black, sans-serif !important; font-weight: 800 !important; text-transform: uppercase !important; color: #ea2e1b !important; letter-spacing: .3px; }
.page-id-596 .happyforms-form label, .page-id-596 .happyforms-form .happyforms-part__label { color: #ddd !important; font-family: "Nunito Sans", sans-serif !important; font-weight: 800 !important; font-size: 12px !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
.page-id-596 .happyforms-form input[type="text"], .page-id-596 .happyforms-form input[type="email"], .page-id-596 .happyforms-form textarea { background: #111 !important; border: 1px solid #333 !important; color: #fff !important; border-radius: 10px !important; padding: 12px 14px !important; font-family: "Nunito Sans", sans-serif !important; font-size: 15px !important; box-shadow: none !important; }
.page-id-596 .happyforms-form input:focus, .page-id-596 .happyforms-form textarea:focus { border-color: #ea2e1b !important; outline: none !important; }
.page-id-596 .happyforms-form input[type="submit"], .page-id-596 .happyforms-form button[type="submit"], .page-id-596 .happyforms-styles button[type="submit"].happyforms-button--submit, .page-id-596 .happyforms-styles button[type="submit"][disabled].happyforms-button--submit, .page-id-596 .happyforms-submit { background: #ea2e1b !important; color: #fff !important; border: 2px solid #ea2e1b !important; border-radius: 999px !important; padding: 12px 26px !important; font-family: "Nunito Sans", sans-serif !important; font-weight: 800 !important; font-size: 14px !important; letter-spacing: .06em !important; text-transform: uppercase !important; cursor: pointer; box-shadow: none !important; }
.page-id-596 .happyforms-form input[type="submit"]:hover, .page-id-596 .happyforms-form button[type="submit"]:hover, .page-id-596 .happyforms-submit:hover { background: #000 !important; color: #ea2e1b !important; }
/* 404 */
.error404 .entry-content h2 { font-family: futura-extra-black, sans-serif !important; font-weight: 800 !important; font-size: 110px !important; line-height: 1 !important; color: #ea2e1b !important; margin: 0 0 6px !important; }
.error404 .aux-404-icon { display: none !important; }
.error404 h3.entry-title { font-family: futura-extra-black, sans-serif !important; font-weight: 800 !important; font-size: 30px !important; text-transform: uppercase !important; color: #fff !important; margin: 0 0 8px !important; }
.error404 .message404 { color: #bbb !important; font-family: "Nunito Sans", sans-serif !important; font-size: 16px !important; }
.error404 .aux-search-field { background: #111 !important; border: 1px solid #333 !important; color: #fff !important; border-radius: 10px !important; padding: 12px 14px !important; }
.error404 .aux-back-to-home { color: #fff !important; font-family: "Nunito Sans", sans-serif !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .06em !important; font-size: 13px !important; }
.hm-app-404 { margin: 40px 0 10px; }
.hm-app-404-h { font-family: futura-extra-black, sans-serif !important; font-weight: 800 !important; font-size: 28px !important; text-transform: uppercase !important; color: #ea2e1b !important; margin: 0 0 16px !important; }
.hm-app-404-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 18px; }
.hm-app-404-tile { display: block; min-width: 0; color: #fff !important; text-decoration: none !important; }
.hm-app-404-img { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #111; }
.hm-app-404-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hm-app-404-models { display: block; margin-top: 8px; color: #ea2e1b; font: 800 13px/20px "Nunito Sans", sans-serif; letter-spacing: .9px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hm-app-404-title { display: block; font: 800 16px/1.25 futura-extra-black, sans-serif; text-transform: uppercase; letter-spacing: .4px; }
@media (max-width: 767px) { .hm-app-404-grid { grid-template-columns: 1fr; } .error404 .entry-content h2 { font-size: 72px !important; } }
/* FAQ-Seite */
.hm-app-faq .hm-faq { max-width: 900px; margin: 0 auto; }

/* ===================== Etappe 2: Handy-Huelle (<= 767 px) ===================== */
.hm-tabbar, .hm-burger, .hm-autoplay-switch, .hm-menu-backdrop, .hm-rail, .hm-head-search { display: none; }
@media (max-width: 767px) {
  /* Kopf 58 px: Logo links, LOG IN + JOIN rechts, Burger */
  #masthead .elementor-3466 { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 6px !important; height: 58px !important; min-height: 58px !important; padding: 0 8px 0 14px !important; box-sizing: border-box; background: #000; position: relative; }
  #masthead .elementor-element-b856080, #masthead .elementor-element-e0259a6 { display: contents !important; }
  #masthead .elementor-element-6df67e5, #masthead .elementor-element-a74843b { --width: auto; --content-width: auto; width: auto !important; max-width: none !important; min-height: 0 !important; flex: 0 0 auto !important; padding: 0 !important; margin: 0 !important; }
  #masthead .elementor-element-6df67e5 { order: 1; }
  #masthead .elementor-element-08ec959, #masthead .elementor-element-e07cf83 { display: none !important; }
  #masthead .hfe-site-logo-img { height: 36px !important; width: auto !important; max-width: none !important; }
  #masthead .elementor-element-a74843b { order: 3; position: static !important; margin-left: auto !important; }
  #masthead .elementor-element-a74843b ul.hfe-nav-menu { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 0 !important; align-items: center; justify-content: flex-end !important; }
  #masthead .elementor-element-a74843b ul.hfe-nav-menu > li { width: auto !important; margin: 0 !important; }
  #masthead #menu-item-3473 a, #masthead #menu-item-3475 a { color: #fff !important; background: #ea2e1b !important; border: 2px solid #ea2e1b !important; border-radius: 999px !important; padding: 8px 12px !important; font-size: 12px !important; line-height: 1 !important; white-space: nowrap; }
  #masthead #menu-item-3474 a { color: #fff !important; background: transparent !important; border: 2px solid transparent !important; border-radius: 999px !important; padding: 8px 8px !important; font-size: 12px !important; line-height: 1 !important; white-space: nowrap; }
  #masthead .hm-burger { display: block; order: 4; flex: 0 0 auto; width: 40px; height: 40px; border: 0; background: transparent; color: #fff; padding: 8px; cursor: pointer; }
  #masthead .hm-burger svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; display: block; }
  #masthead.hm-app-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 9990; box-shadow: 0 6px 24px rgba(0,0,0,.6); }
  /* Menue-Sheet (das vorhandene Menue 4a1a2f1) */
  #masthead .elementor-element-4a1a2f1 { display: none !important; position: absolute; top: 58px; left: 0; right: 0; z-index: 9991; background: #0a0a0a; border-top: 1px solid #222; border-bottom: 1px solid #222; padding: 6px 0 10px !important; margin: 0 !important; width: auto !important; max-width: none !important; box-shadow: 0 16px 40px rgba(0,0,0,.7); }
  body.hm-menu-open #masthead .elementor-element-4a1a2f1 { display: block !important; }
  body.hm-menu-open .hm-menu-backdrop { display: block; position: fixed; inset: 0; z-index: 9985; background: rgba(0,0,0,.55); }
  body.hm-menu-open #masthead { position: relative; z-index: 9990; }
  body.hm-menu-open #masthead.hm-app-fixed { position: fixed; }
  body.hm-menu-open #masthead .elementor-element-4a1a2f1 { z-index: 9991; }
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; width: 100% !important; }
  html body #masthead .elementor-element-4a1a2f1 nav, html body #masthead .elementor-element-4a1a2f1 .elementor-widget-container, html body #masthead .elementor-element-4a1a2f1 .elementor-widget { width: 100% !important; max-width: none !important; }
  html body #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li { width: 100% !important; min-width: 100% !important; margin: 0 !important; display: block !important; }
  html body #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li > a, html body #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li > .hfe-menu-item { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li > a, #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li > .hfe-menu-item { display: block !important; padding: 13px 20px !important; font-size: 17px !important; border-bottom: 1px solid #1c1c1c; }
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li.hm-lupe-item, #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li.hm-lang-item { display: flex !important; padding: 8px 20px !important; }
  /* Sprach-Popup im Sheet: links buendig (hm-lang setzt right:0 fuer den Kopf) */
  #masthead .elementor-element-4a1a2f1 li.hm-lang-item .hm-lang-menu { left: 0 !important; right: auto !important; max-width: calc(100vw - 40px); }
  #masthead .hm-autoplay-switch { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: calc(100% - 40px); margin: 8px 20px 0; padding: 10px 14px; border: 1px solid #333; border-radius: 12px; background: #141414; color: #ddd; font: 700 13px/1.3 "Nunito Sans", sans-serif; text-align: left; }
  #masthead .hm-autoplay-switch b { color: #ffff00; font-weight: 800; }
  #masthead .hm-autoplay-switch[aria-pressed="false"] b { color: #888; }
  /* Sale-Zeile: eine Zeile, tippbar */
  .ancr-group.ancr-pos-top { position: static !important; }
  #ancr-8123 { position: relative !important; padding: 6px 44px 6px 12px !important; font-size: 12px !important; line-height: 15px !important; height: auto !important; min-height: 0 !important; border-radius: 0 !important; cursor: pointer; }
  #ancr-8123 .ancr-container { white-space: normal !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 15px !important; max-height: 30px; }
  #ancr-8123 .ancr-container > *, #ancr-8123 .ancr-container .ancr-content, #ancr-8123 .ancr-container .ancr-content > *, #ancr-8123 .ancr-container p, #ancr-8123 .ancr-container p * { display: inline !important; white-space: normal !important; }
  #ancr-8123 .ancr-btn { display: none !important; }
  #ancr-8123 .ancr-close-btn { border-radius: 0 !important; }
  @media (max-width: 374px) { #ancr-8123 { font-size: 10.5px !important; padding-left: 8px !important; padding-right: 40px !important; letter-spacing: 0 !important; } }
  /* Bottom-Tab-Bar */
  body.hm-has-tabbar { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important; }
  .hm-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9995; display: grid; grid-template-columns: repeat(5, 1fr); height: calc(60px + env(safe-area-inset-bottom, 0px)); padding: 6px 4px env(safe-area-inset-bottom, 0px); box-sizing: border-box; background: rgba(8,8,8,.96); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid #222; }
  .hm-tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #8a8a8a !important; text-decoration: none !important; font: 800 10px/1 "Nunito Sans", sans-serif; letter-spacing: .06em; text-transform: uppercase; }
  .hm-tab svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .hm-tab.is-active { color: #fff !important; }
  .hm-tab-pill { display: inline-block; background: #ea2e1b; color: #fff; border-radius: 999px; padding: 9px 12px; font: 800 11px/1 "Nunito Sans", sans-serif; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
  .hm-tab-join.is-active .hm-tab-pill { background: #fff; color: #ea2e1b; }
  .hm-nav-leiste, .aux-goto-top-btn { display: none !important; }
  /* Startseite: direkt Kacheln */
  .elementor-element-9eb4cf0, .elementor-element-351d00f { display: none !important; }
  /* Feed: Kachel kompakter, Trailer-Overlay */
  .wpr-grid-media-wrap { position: relative; }
  .hm-trailer { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; border: 0; z-index: 2; pointer-events: none; background: transparent; object-fit: cover; opacity: 0; transition: opacity .3s; }
  .hm-trailer-playing .hm-trailer { opacity: 1; }
  /* Scenes: Kategorie-Chips als wischbare Leiste (Elementor blendet den Filter mobil aus) */
  .elementor-element-897e654 ul.wpr-grid-filters, .elementor-element-01a5993 ul.wpr-grid-filters { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 8px !important; padding: 2px 0 10px !important; margin: 0 !important; max-height: none !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .elementor-element-897e654 ul.wpr-grid-filters::-webkit-scrollbar, .elementor-element-01a5993 ul.wpr-grid-filters::-webkit-scrollbar { display: none; }
  .elementor-element-897e654 ul.wpr-grid-filters > li, .elementor-element-01a5993 ul.wpr-grid-filters > li { flex: 0 0 auto !important; display: block !important; margin: 0 !important; padding: 0 !important; float: none !important; }
  .elementor-element-897e654 ul.wpr-grid-filters > li > span, .elementor-element-01a5993 ul.wpr-grid-filters > li > span { display: inline-block !important; border: 1px solid #3a3a3a !important; border-radius: 999px !important; padding: 8px 13px !important; margin: 0 !important; font-family: "Nunito Sans", sans-serif !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; line-height: 1 !important; color: #ddd !important; background: #000 !important; white-space: nowrap; }
  .elementor-element-897e654 ul.wpr-grid-filters > li > span.wpr-active-filter, .elementor-element-01a5993 ul.wpr-grid-filters > li > span.wpr-active-filter { background: #fff !important; color: #000 !important; border-color: #fff !important; }
  .elementor-element-897e654 ul.wpr-grid-filters .wpr-grid-filters-sep, .elementor-element-01a5993 ul.wpr-grid-filters .wpr-grid-filters-sep { display: none !important; }
  .elementor-element-897e654 .hm-filter-wrap, .elementor-element-01a5993 .hm-filter-wrap { max-height: none !important; overflow: visible !important; }
  .elementor-element-897e654 .hm-filter-more, .elementor-element-01a5993 .hm-filter-more, .hm-chips-more { display: none !important; }
  .elementor-element-897e654 ul.wpr-grid-filters.hm-chips-collapsed, .elementor-element-01a5993 ul.wpr-grid-filters.hm-chips-collapsed { max-height: none !important; overflow-x: auto !important; }
  /* Teaser: Player klebt, Tags als Chips, More Scenes 2-spaltig */
  .hm-player-fixed { position: fixed !important; left: 0 !important; right: 0 !important; z-index: 9980 !important; background: #000 !important; margin: 0 !important; width: auto !important; max-width: none !important; box-shadow: 0 8px 24px rgba(0,0,0,.6); }
  .hm-tag-chips { display: flex; flex-wrap: wrap; gap: 8px; }
  .hm-tag-chips .hm-tag-sep { display: none !important; }
  .hm-tag-chips .hm-tag-chip { display: inline-block !important; border: 1px solid #444 !important; border-radius: 999px !important; padding: 9px 13px !important; font: 800 12px/1 "Nunito Sans", sans-serif !important; letter-spacing: .06em; text-transform: uppercase; color: #fff !important; text-decoration: none !important; }
  .hm-ms-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px 10px !important; }
  .hm-ms-item { width: auto !important; margin: 0 !important; }
  .hm-ms-title { font-size: 13px !important; }
  .hm-ms-models { font-size: 11px !important; }
}

/* ===================== Etappe 3: Tablet-Rail (768-1024 px) ===================== */
@media (min-width: 768px) and (max-width: 1024px) {
  :root { --hm-rail: 80px; }
  html { scroll-padding-top: 64px; }
  body { padding-left: var(--hm-rail) !important; }
  /* Rail links, volle Hoehe */
  .hm-rail { display: flex; flex-direction: column; align-items: stretch; gap: 4px; position: fixed; top: 0; bottom: 0; left: 0; z-index: 9995; width: var(--hm-rail); box-sizing: border-box; padding: 12px 5px env(safe-area-inset-bottom, 0px); background: #0a0a0a; border-right: 1px solid #1e1e1e; }
  .hm-rail-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 60px; border-radius: 12px; color: #8a8a8a !important; text-decoration: none !important; font: 800 9px/1 "Nunito Sans", sans-serif; letter-spacing: .03em; text-transform: uppercase; text-align: center; transition: background .15s, color .15s; }
  .hm-rail-item svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .hm-rail-item:hover { color: #fff !important; background: #161616; }
  .hm-rail-item.is-active { color: #fff !important; background: #1d1d1d; box-shadow: inset 3px 0 0 #ea2e1b; }
  .hm-rail-item.hm-rail-join { margin-top: auto; }
  .hm-rail-item .hm-rail-label { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  /* Querformat: breitere Rail mit groesseren Beschriftungen */
  @media (orientation: landscape) {
    :root { --hm-rail: 96px; }
    .hm-rail-item { font-size: 10px; min-height: 64px; }
  }
  /* Kopf: Logo - Suchfeld - Sprache - JOIN NOW - LOG IN (kein Textmenue) */
  #masthead .elementor-3466 { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important; height: 64px !important; min-height: 64px !important; padding: 0 16px !important; box-sizing: border-box; background: #000; }
  #masthead .elementor-element-b856080, #masthead .elementor-element-e0259a6 { display: contents !important; }
  #masthead .elementor-element-6df67e5, #masthead .elementor-element-4a1a2f1, #masthead .elementor-element-a74843b { --width: auto; --content-width: auto; width: auto !important; max-width: none !important; min-height: 0 !important; flex: 0 0 auto !important; padding: 0 !important; margin: 0 !important; }
  #masthead .elementor-element-6df67e5 { order: 1; }
  #masthead .hfe-site-logo-img { height: 40px !important; width: auto !important; max-width: none !important; }
  #masthead .hm-head-search { display: flex; order: 2; flex: 1 1 auto; min-width: 0; margin: 0 4px; }
  #masthead .hm-head-search input { width: 100%; min-width: 0; height: 40px; box-sizing: border-box; border: 1px solid #2a2a2a; border-radius: 999px; background: #141414; color: #fff; padding: 0 16px 0 40px; font: 600 14px/40px "Nunito Sans", sans-serif; outline: none; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 18px; background-position: 14px center; }
  #masthead .hm-head-search input:focus { border-color: #ea2e1b; }
  #masthead .hm-head-search input::placeholder { color: #777; }
  #masthead .elementor-element-08ec959, #masthead .elementor-element-e07cf83 { display: none !important; }
  /* Textmenue weg, nur Sprache bleibt */
  #masthead .elementor-element-4a1a2f1 { order: 3; }
  #masthead .elementor-element-4a1a2f1 .elementor-widget, #masthead .elementor-element-4a1a2f1 .elementor-widget-container, #masthead .elementor-element-4a1a2f1 nav, #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu { display: flex !important; flex-wrap: nowrap !important; gap: 0 !important; justify-content: flex-end !important; }
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li { display: none !important; width: auto !important; margin: 0 !important; }
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li.hm-lang-item { display: flex !important; padding: 0 !important; }
  #masthead .hfe-nav-menu__toggle, #masthead .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__toggle { display: none !important; }
  #masthead .elementor-element-a74843b { order: 4; position: static !important; }
  #masthead .elementor-element-a74843b ul.hfe-nav-menu { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 2px !important; align-items: center; justify-content: flex-end !important; }
  #masthead .elementor-element-a74843b ul.hfe-nav-menu > li { width: auto !important; margin: 0 !important; }
  #masthead #menu-item-3473 a, #masthead #menu-item-3475 a { color: #fff !important; background: #ea2e1b !important; border: 2px solid #ea2e1b !important; border-radius: 999px !important; padding: 9px 14px !important; font-size: 13px !important; line-height: 1 !important; white-space: nowrap; }
  #masthead #menu-item-3473 a:hover, #masthead #menu-item-3475 a:hover { color: #ea2e1b !important; background: #000 !important; }
  #masthead #menu-item-3474 a { color: #fff !important; background: transparent !important; border: 2px solid transparent !important; border-radius: 999px !important; padding: 9px 8px !important; font-size: 13px !important; line-height: 1 !important; white-space: nowrap; }
  #masthead #menu-item-3474 a:hover { color: #ff0 !important; }
  /* Kopf klebt (JS), rechts neben der Rail */
  #masthead.hm-app-fixed { position: fixed; top: 0; left: var(--hm-rail); right: 0; z-index: 9990; box-shadow: 0 6px 24px rgba(0,0,0,.6); }
  /* Sale-Zeile: eine Zeile, tippbar, kein Knopf */
  .ancr-group.ancr-pos-top { position: static !important; }
  #ancr-8123 { position: relative !important; padding: 0 48px 0 16px !important; font-size: 12px !important; line-height: 34px !important; height: 34px !important; min-height: 0 !important; border-radius: 0 !important; cursor: pointer; }
  #ancr-8123 .ancr-container { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; line-height: 34px !important; }
  #ancr-8123 .ancr-container > *, #ancr-8123 .ancr-container .ancr-content, #ancr-8123 .ancr-container .ancr-content > *, #ancr-8123 .ancr-container p, #ancr-8123 .ancr-container p * { display: inline !important; white-space: nowrap !important; }
  #ancr-8123 .ancr-btn { display: none !important; }
  #ancr-8123 .ancr-close-btn { border-radius: 0 !important; }
  /* Startseite: direkt Kacheln (JOIN/MEMBER-Kaesten + Tablet-Stichpunkte aus) */
  .elementor-element-9eb4cf0, .elementor-element-dd2b4a7 { display: none !important; }
  /* Royal-Raster: 3 Spalten */
  .elementor-widget-wpr-grid .wpr-grid > .wpr-grid-item { width: calc(33.333% - 10px) !important; }
  /* Kacheltext im Verhaeltnis wie am Handy (Titel 21 px bei 369 px Kachel -> 14/16 px bei 230/293 px) */
  html body .elementor-widget-wpr-grid .wpr-grid-item-title, html body .elementor-widget-wpr-grid .wpr-grid-item-title .inner-block, html body .elementor-widget-wpr-grid .wpr-grid-item-title .inner-block a { font-size: 14px !important; line-height: 17px !important; }
  html body .elementor-widget-wpr-grid .wpr-grid-item-title .inner-block a, html body .wpr-grid-item-below-content:has(> .wpr-grid-item-post_tag) > .wpr-grid-item-title .inner-block a { display: inline !important; padding: 0 !important; height: auto !important; font-size: 14px !important; line-height: 17px !important; }
  html body .elementor-widget-wpr-grid .wpr-grid-item-title .inner-block { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: auto !important; max-height: 34px; padding-top: 4px !important; box-sizing: content-box; }
  html body .elementor-widget-wpr-grid .wpr-grid-item-date .inner-block, html body .elementor-widget-wpr-grid .wpr-grid-item-date .inner-block * { font-size: 12px !important; }
  html body .elementor-widget-wpr-grid .wpr-grid-item-post_tag .inner-block a { font-size: 11px !important; }
  @media (orientation: landscape) {
    html body .elementor-widget-wpr-grid .wpr-grid-item-title, html body .elementor-widget-wpr-grid .wpr-grid-item-title .inner-block, html body .elementor-widget-wpr-grid .wpr-grid-item-title .inner-block a { font-size: 16px !important; line-height: 19px !important; }
    html body .elementor-widget-wpr-grid .wpr-grid-item-title .inner-block { max-height: 38px; }
    html body .wpr-grid-item-below-content:has(> .wpr-grid-item-post_tag) > .wpr-grid-item-title .inner-block a { font-size: 16px !important; line-height: 19px !important; }
    html body .elementor-widget-wpr-grid .wpr-grid-item-date .inner-block, html body .elementor-widget-wpr-grid .wpr-grid-item-date .inner-block * { font-size: 13px !important; }
    html body .elementor-widget-wpr-grid .wpr-grid-item-post_tag .inner-block a { font-size: 12px !important; }
  }
  html body .elementor-widget-wpr-grid .wpr-grid-item-below-content { padding-bottom: 16px !important; }
  /* Startseiten-Filter (Elementor blendet ihn am Tablet aus) als Chips zeigen */
  .elementor-element-01a5993 ul.wpr-grid-filters { display: flex !important; }
  /* Teaser: Player oben volle Breite (Hochformat) bzw. links 2/3 (Querformat) */
  .single-post .elementor-element-a10a60b { display: flex !important; flex-wrap: wrap !important; }
  .single-post .elementor-element-7a68b56 { order: -1; --width: 100%; width: 100% !important; max-width: 100% !important; }
  .single-post .elementor-element-716591f { --width: 100%; width: 100% !important; max-width: 100% !important; }
  @media (orientation: landscape) {
    .single-post .elementor-element-7a68b56 { --width: 64%; width: 64% !important; max-width: 64% !important; }
    .single-post .elementor-element-716591f { --width: 36%; width: 36% !important; max-width: 36% !important; }
  }
  .hm-tag-chips { display: flex; flex-wrap: wrap; gap: 8px; }
  .hm-tag-chips .hm-tag-sep { display: none !important; }
  .hm-tag-chips .hm-tag-chip { display: inline-block !important; border: 1px solid #444 !important; border-radius: 999px !important; padding: 9px 13px !important; font: 800 12px/1 "Nunito Sans", sans-serif !important; letter-spacing: .06em; text-transform: uppercase; color: #fff !important; text-decoration: none !important; }
  .hm-ms-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px 12px !important; }
  .hm-ms-item { width: auto !important; margin: 0 !important; }
  /* alte Tablet-Leiste weg */
  .hm-nav-leiste, .aux-goto-top-btn { display: none !important; }
}

/* ===================== Etappe 4: Install-Hinweis (alle Breiten) ===================== */
.hm-install { position: fixed; z-index: 9996; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; gap: 12px; padding: 12px 44px 12px 12px; background: #141414; color: #fff; border: 1px solid #2a2a2a; border-radius: 16px; box-shadow: 0 12px 40px rgba(0,0,0,.6); font-family: "Nunito Sans", sans-serif; opacity: 0; transform: translateY(16px); transition: opacity .25s, transform .25s; }
.hm-install.is-in { opacity: 1; transform: none; }
.hm-install-icon { width: 48px; height: 48px; border-radius: 12px; flex: 0 0 auto; }
.hm-install-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 auto; }
.hm-install-txt b { font-size: 14px; font-weight: 800; letter-spacing: .02em; }
.hm-install-txt span { font-size: 12px; color: #bbb; line-height: 1.35; }
.hm-install-btn { flex: 0 0 auto; margin: 0 !important; box-sizing: border-box; min-width: 0; min-height: 0; background: #ea2e1b; color: #fff; border: 0; border-radius: 999px; padding: 10px 16px; font: 800 12px/1 "Nunito Sans", sans-serif; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.hm-install-btn:hover { background: #fff; color: #ea2e1b; }
.hm-install-x { position: absolute; top: 6px; right: 6px; width: 32px !important; height: 32px !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important; min-height: 0 !important; box-sizing: border-box !important; border: 0; background: transparent; color: #999; font-size: 22px; line-height: 1; cursor: pointer; }
.hm-install-x:hover { color: #fff; }
@media (max-width: 767px) { body.hm-has-tabbar .hm-install { bottom: calc(72px + env(safe-area-inset-bottom, 0px)); } }
@media (min-width: 768px) and (max-width: 1024px) { .hm-install { left: calc(var(--hm-rail, 80px) + 16px); right: auto; width: 420px; max-width: calc(100vw - var(--hm-rail, 80px) - 32px); bottom: 16px; } }
@media (min-width: 1025px) { .hm-install { left: auto; right: 24px; bottom: 24px; width: 420px; } }

/* ===================== 2.2.5: acht geringe Befunde der Gesamtabnahme ===================== */
/* B5 Install-Hinweis: Platz am Seitenende, solange er sichtbar ist (JS setzt body.hm-install-open) */
body.hm-install-open { padding-bottom: 110px !important; }
@media (max-width: 767px) { body.hm-has-tabbar.hm-install-open { padding-bottom: calc(180px + env(safe-area-inset-bottom, 0px)) !important; } }
/* B6 Modelnamen: More-Scenes-Meta am Handy umbrechen (Models volle Breite, Datum darunter); Tablet-Kacheln: Modelzeile volle Breite, Datum darunter */
@media (max-width: 767px) {
  .hm-ms-meta { flex-wrap: wrap !important; }
  .hm-ms-meta .hm-ms-models { flex: 1 1 100% !important; width: 100% !important; }
  .hm-ms-meta .hm-ms-date { flex: 1 1 100% !important; font-size: 11px !important; color: #999 !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  html body .elementor-widget-wpr-grid .wpr-grid-item-below-content > .wpr-grid-item-post_tag { display: block !important; width: 100% !important; float: none !important; }
  html body .elementor-widget-wpr-grid .wpr-grid-item-below-content > .wpr-grid-item-date { display: block !important; width: 100% !important; float: none !important; text-align: left !important; margin-top: -2px !important; }
  html body .elementor-widget-wpr-grid .wpr-grid-item-below-content > .wpr-grid-item-date .inner-block { line-height: 18px !important; margin-top: 0 !important; }
  /* B11 Tablet-Chips: zwei Reihen im eingeklappten Zustand (Top-10 sichtbar), MORE darunter */
  ul.wpr-grid-filters.hm-chips.hm-chips-collapsed { max-height: 72px !important; }
}
/* B7/B8 Handy-Sheet: Autoplay-Schalter als Menuepunkt vor der Sprachzeile */
@media (max-width: 767px) {
  #masthead .elementor-element-4a1a2f1 ul.hfe-nav-menu > li.hm-autoplay-item { display: block !important; padding: 8px 20px 4px !important; border-bottom: 1px solid #1c1c1c; }
  #masthead li.hm-autoplay-item .hm-autoplay-switch { width: 100% !important; margin: 0 !important; }
}
/* B9 Theme-"nach oben"-Knopf in die Ecke (Desktop), damit er die Sortierzeile nicht trifft */
@media (min-width: 1025px) { .aux-goto-top-btn { right: 10px !important; bottom: 10px !important; } }
/* B10 /categories/: Ueberschrift "ALL TAGS" mit Einzug wie die Chips (Handy) */
@media (max-width: 767px) { .elementor-element-6fb6d05 .elementor-heading-title { padding-left: 10px !important; } }
/* B12 Planseite: SIGN-UP-Knoepfe der vier Karten unten buendig */
.ich_level_wrap .ihc-level-item { display: flex !important; flex-direction: column !important; }
.ich_level_wrap .ihc-level-item-wrap { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: auto !important; }
.ich_level_wrap .ihc-level-item-bottom { margin-top: auto !important; }
