/* ══════════════════════════════════════════════════════════════════════════
   ██  M O T E Z Z A  ·  C U S T O M   C S S  ·  G E S A M T D A T E I  ██
   ══════════════════════════════════════════════════════════════════════════
   Stand: 25. Juli 2026 · Design „Hairline"

   EINBAU — CHILD-THEME (nicht mehr Customizer!)
     Diesen Inhalt an das Ende der style.css des Child-Themes hängen:
       Design → Theme-Datei-Editor → Astra Child → style.css
     Alternativ per FTP: /wp-content/themes/astra-child/style.css

     ⚠ WICHTIG: Die ersten Zeilen der style.css (der Theme-Header mit
       /* Theme Name: … */) müssen ganz oben stehen bleiben. Dieses CSS
       kommt DARUNTER bzw. ganz ans Ende.

   ⚠ CUSTOMIZER LEEREN
     Nach dem Einbau hier: Design → Customizer → „Zusätzliches CSS"
     komplett leeren. Sonst läuft alles doppelt.
     Deine eigenen Astra-Regeln (Blog-Meta, Featured Image) stehen
     als BLOCK 6 am Ende dieser Datei — sie sind also mit übernommen.

   WARUM DER UMZUG
     Als Customizer-CSS wurde die Datei ab ~40 kB von WordPress als
     externe Ressource ausgeliefert. WP Rocket kopierte sie in seinen
     Cache-Ordner, der auf diesem Hosting zeitweise 403 lieferte —
     dadurch griff das CSS mal und mal nicht. Als echte Theme-Datei
     ist es eine normale Ressource ohne dieses Problem.

   ══ INHALT ══════════════════════════════════════════════════════════════
     Zum Springen im schmalen Customizer-Feld nach „BLOCK 1" usw. suchen.

     BLOCK 1  ·  Buchungs-Leiste (sticky, alle Seiten)
     BLOCK 2  ·  Footer (alle Seiten)
     BLOCK 3  ·  FAQ-Accordion (/motorrad-mieten-toskana-faq/)
     BLOCK 4  ·  Buchungsseite · Info-Block (/buchung/)
                 → enthält auch: Info-Block nur in Schritt 1 anzeigen
     BLOCK 5  ·  Alle Blogbeiträge (13 Beiträge auf einmal)
     BLOCK 6  ·  Deine eigenen Astra-Regeln (aus dem Customizer übernommen)

   ══ ENTFERNT — NICHT MEHR EINBAUEN ══════════════════════════════════════
     Diese Blöcke wurden nach Prüfung der Live-Seiten aussortiert:

     ✗ „VikRentCar-Bereich /buchung/ — Override Hairline"
       Veraltete Erstfassung mit Kalender-, Legenden- und Datepicker-
       Regeln. Ersetzt durch BLOCK 4. Falls noch vorhanden: löschen.

     ✗ „Startseite · VikRentCar-Suchmaske — MINIMAL"
       Die Suchmaske ist nicht mehr auf der Startseite eingebaut.

     ✗ „Kontaktseite · Überschrift über dem Trustindex-Block"
       Dafür wird der HTML-Block (.mz-th-wrap) genutzt, der sein
       Styling selbst mitbringt.

   ══ NICHT LÖSCHEN ═══════════════════════════════════════════════════════
     Eigene Regeln von dir (z. B. Astra-Anpassungen für Blogbeiträge:
     entry-meta ausblenden, Featured Image) gehören NICHT zu dieser
     Datei und müssen erhalten bleiben.
   ══════════════════════════════════════════════════════════════════════════ */



/* ═══════════════════════════════════════════════════════════════════════════
   BLOCK 1  ·  BUCHUNGS-LEISTE (sticky, alle Seiten)
   Quelle: booking-bar.css
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Leiste: fixiert am unteren Bildrand, flaches Weinrot mit
      dünner Gold-Oberkante als Signatur ── */
.motezza-fixed-booking-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  transform: translateZ(0);   /* eigene Ebene, verhindert Flackern beim Scrollen */

  background: #7c121c;
  border-top: 1px solid #cb9b2c;
  box-shadow: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

/* ── Link: füllt die Leiste, damit die ganze Fläche klickbar ist ── */
.motezza-fixed-booking-bar .motezza-booking-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 15px 20px;
  margin: 0;

  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;

  font-family: "Montserrat", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.2;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;

  transition: background-color .2s ease;
}

/* ── Hover: dezent dunkler, keine Bewegung ── */
.motezza-fixed-booking-bar .motezza-booking-link:hover,
.motezza-fixed-booking-bar .motezza-booking-link:focus {
  background: #5a1216;
  color: #ffffff;
  text-decoration: none;
  transform: none;
}

/* ── Tastatur-Fokus sichtbar (Barrierefreiheit) ── */
.motezza-fixed-booking-bar .motezza-booking-link:focus-visible {
  outline: 2px solid #cb9b2c;
  outline-offset: -4px;
}


/* ── Handy: etwas kompakter ── */
@media (max-width: 480px) {
  .motezza-fixed-booking-bar .motezza-booking-link {
    font-size: 14px;
    padding: 14px 16px;
    letter-spacing: .03em;
  }
}

/* ── Sehr schmal: Text darf umbrechen statt abgeschnitten zu werden ──
      Erhöhte Spezifität (a.motezza-booking-link), damit die Regel auch
      dann greift, wenn der Snippet-eigene <style>-Block nach diesem
      CSS geladen wird. */
@media (max-width: 360px) {
  .motezza-fixed-booking-bar a.motezza-booking-link {
    font-size: 13.5px;
    white-space: normal;
    padding: 12px 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motezza-fixed-booking-bar .motezza-booking-link {
    transition: none;
  }
}



/* ═══════════════════════════════════════════════════════════════════════════
   BLOCK 2  ·  FOOTER (alle Seiten)
   Quelle: footer-hairline.css
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Spaltentitel: altes Weinrot → Logo-Weinrot, Gewicht 600,
      Gold-Haarlinie als Signatur darunter ──
      Die Linie ist ein Block-::after und folgt automatisch der
      text-align der Überschrift (links bei linksbündig, mittig bei
      zentriert) — kein Hardcoding nötig. */
#colophon .elementor-widget-heading .elementor-heading-title{
  color:#7c121c !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  padding-bottom:14px !important;
  margin-bottom:6px !important;
}
#colophon .elementor-widget-heading .elementor-heading-title::after{
  content:"" !important;
  display:block !important;
  width:26px !important; height:1px !important;
  background:#cb9b2c !important;
  margin-top:14px !important;
  /* folgt der Textausrichtung: links / mitte / rechts */
  margin-left:0; margin-right:auto;
}
/* Zentrierte Überschrift → Linie mittig */
#colophon .elementor-widget-heading.elementor-align-center .elementor-heading-title::after,
#colophon .elementor-widget-heading[style*="center"] .elementor-heading-title::after,
#colophon [style*="text-align: center"] .elementor-heading-title::after,
#colophon [style*="text-align:center"] .elementor-heading-title::after,
#colophon .e-grid-align-center .elementor-heading-title::after{
  margin-left:auto !important; margin-right:auto !important;
}
/* Rechtsbündige Überschrift → Linie rechts */
#colophon .elementor-widget-heading.elementor-align-right .elementor-heading-title::after{
  margin-left:auto !important; margin-right:0 !important;
}


/* ── Listen-Icons: altes Weinrot → Logo-Weinrot ── */
#colophon .elementor-icon-list-icon svg,
#colophon .elementor-icon-list-icon i{
  color:#7c121c !important; fill:#7c121c !important;
}
#colophon .elementor-icon-list-icon .e-font-icon-svg{ fill:#7c121c !important; }


/* ── Listen-Text: ruhiges Ink statt Weinrot, dezenter Hover ── */
#colophon .elementor-icon-list-text{
  color:#47443f !important;
  transition:color .2s ease !important;
}
#colophon .elementor-icon-list-item:hover .elementor-icon-list-text,
#colophon .elementor-icon-list-item a:hover .elementor-icon-list-text{
  color:#7c121c !important;
}
/* Falls Links direkt eingefärbt sind */
#colophon .elementor-icon-list-item a{ color:#47443f !important; }
#colophon .elementor-icon-list-item a:hover{ color:#7c121c !important; }


/* ── Social-Icons ──
      Der rote Kasten ist der HINTERGRUND des Social-Icons-Widgets bzw.
      seines Containers — NICHT die Icons. Hier wird dieser rote
      Hintergrund entfernt. Die Icons selbst (weiße Kreise mit Weinrot-
      Symbol) bleiben, wie Elementor sie rendert. ── */
#colophon .elementor-widget-social-icons,
#colophon .elementor-widget-social-icons > .elementor-widget-container,
#colophon .elementor-element.elementor-widget-social-icons,
#colophon .e-con:has(> .elementor-widget-social-icons),
#colophon .e-con-inner:has(> .elementor-widget-social-icons){
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}
/* Falls der rote Hintergrund auf dem umschließenden Child-Container liegt
   (b10fffb) — dieser enthält NUR die Social-Icons, daher sicher. */
#colophon .elementor-element-b10fffb,
#colophon .elementor-element-b10fffb > .e-con-inner{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}

/* ── Hover: Kreis wird Weinrot, Icon weiß (klarer Kontrast) ──
      Überschreibt Elementors element-spezifische Hover-Regel
      (.elementor-element-aa63fba .elementor-social-icon:hover) mit
      erhöhter Spezifität. ── */
#colophon .elementor-social-icons-wrapper a.elementor-social-icon:hover,
#colophon .elementor-widget-social-icons .elementor-social-icons-wrapper a.elementor-social-icon:hover,
#colophon a.elementor-icon.elementor-social-icon:hover{
  background-color:#7c121c !important;
  background:#7c121c !important;
}
#colophon .elementor-social-icons-wrapper a.elementor-social-icon:hover svg,
#colophon .elementor-social-icons-wrapper a.elementor-social-icon:hover i,
#colophon .elementor-widget-social-icons a.elementor-social-icon:hover svg,
#colophon .elementor-widget-social-icons a.elementor-social-icon:hover i{
  color:#ffffff !important;
  fill:#ffffff !important;
}


/* ── Copyright-Block: ruhiges Ink, „MOTEZZA…" darf Weinrot bleiben ── */
#colophon .hfe-copyright-wrapper,
#colophon .elementor-widget-copyright{
  color:#47443f !important;
}
#colophon .hfe-copyright-wrapper a,
#colophon .elementor-widget-copyright a{
  color:#7c121c !important;
}


/* ── Cookie-Einstellungen-Link (Borlabs): roten Kasten + Platzhalter-
      Quadrat ENTFERNEN, als schlichten Textlink mit Goldstrich zeigen ── */
#colophon .motezza-cookie-btn,
#colophon .borlabs-cookie-open-dialog-preferences{
  display:inline-block !important;
  background:none !important;
  background-color:transparent !important;
  border:0 !important;
  border-bottom:1px solid #cb9b2c !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 0 1px 0 !important;
  margin:0 !important;
  width:auto !important; height:auto !important;
  min-width:0 !important; min-height:0 !important;
  color:#7c121c !important;
  font-weight:600 !important;
  text-decoration:none !important;
  line-height:1.5 !important;
  transition:color .2s ease !important;
}
#colophon .motezza-cookie-btn:hover,
#colophon .borlabs-cookie-open-dialog-preferences:hover{
  color:#5a1216 !important;
  background:none !important;
  background-color:transparent !important;
}
/* Platzhalter-Quadrat / Icon im Cookie-Button ausblenden */
#colophon .motezza-cookie-btn::before,
#colophon .motezza-cookie-btn::after,
#colophon .borlabs-cookie-open-dialog-preferences::before,
#colophon .borlabs-cookie-open-dialog-preferences::after,
#colophon .motezza-cookie-btn svg,
#colophon .motezza-cookie-btn img,
#colophon .borlabs-cookie-open-dialog-preferences svg,
#colophon .borlabs-cookie-open-dialog-preferences img{
  display:none !important;
}


/* ── „Zurück nach oben"-Button (falls im Footer, Weinrot-Kreis) ── */
#colophon .elementor-shape-circle,
.elementor-108 [class*="scroll-to-top"]{
  background-color:#7c121c !important;
}


/* ── Hintergrund: optional aufs warme Paper statt kühlem #F7F7F7 ──
      Auskommentiert lassen, falls dein Footer-BG bewusst neutralgrau ist.
      Zum Aktivieren die zwei Zeilen entkommentieren. */
/*
#colophon > .footer-width-fixer > .elementor{ background-color:#faf8f4 !important; }
*/



/* ═══════════════════════════════════════════════════════════════════════════
   BLOCK 3  ·  FAQ-ACCORDION (/motorrad-mieten-toskana-faq/)
   Quelle: faq-hairline.css
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Container: flach, Haarlinien-Rahmen, kein Schatten ── */
.elementor-widget-uael-faq .uael-faq-accordion{
  background:transparent !important;
  box-shadow:none !important;
}

/* ── Jede Frage-Antwort-Einheit: flache Karte mit Haarlinie ──
   (UAEL Box-Layout: jede Einheit ist ein .uael-accordion-title +
    .uael-accordion-content Paar) */
.elementor-widget-uael-faq .uael-accordion-title{
  background:#ffffff !important;
  border:1px solid #e4ddd2 !important;
  border-radius:3px !important;
  box-shadow:none !important;
  padding:16px 18px !important;
  margin-bottom:10px !important;
  transition:background .18s ease, border-color .18s ease !important;
  cursor:pointer;
}
.elementor-widget-uael-faq .uael-accordion-title:hover{
  background:#faf8f4 !important;
  border-color:#cdc4b6 !important;
}
/* Geöffnete Frage: Gold-Kante links als Signatur, Weinrot-Text */
.elementor-widget-uael-faq .uael-accordion-title[aria-expanded="true"]{
  background:#ffffff !important;
  border-color:#e4ddd2 !important;
  border-left:2px solid #cb9b2c !important;
}

/* ── Fragetext: Montserrat, Ink, im offenen Zustand Weinrot ── */
.elementor-widget-uael-faq .uael-question-span{
  font-family:"Montserrat", ui-sans-serif, system-ui, sans-serif !important;
  font-size:1rem !important;
  font-weight:600 !important;
  letter-spacing:-.008em !important;
  color:#1c1c1a !important;
  margin:0 !important;
  transition:color .18s ease !important;
}
.elementor-widget-uael-faq .uael-accordion-title[aria-expanded="true"] .uael-question-span{
  color:#7c121c !important;
}

/* ── Icon (Pfeil): Weinrot, im offenen Zustand ebenfalls Weinrot ── */
.elementor-widget-uael-faq .uael-accordion-icon svg{
  fill:#7c121c !important;
  color:#7c121c !important;
  transition:fill .18s ease !important;
}
.elementor-widget-uael-faq .uael-accordion-title[aria-expanded="true"] .uael-accordion-icon svg{
  fill:#7c121c !important;
}

/* ── Antwort-Inhalt: ruhiges Ink-soft, Haarlinie oben als Trenner ── */
.elementor-widget-uael-faq .uael-accordion-content{
  background:#ffffff !important;
  border:1px solid #e4ddd2 !important;
  border-top:0 !important;
  border-radius:0 0 3px 3px !important;
  box-shadow:none !important;
  margin-top:-10px !important;      /* an die offene Fragezeile anschließen */
  margin-bottom:10px !important;
  padding:16px 18px !important;
  color:#47443f !important;
  line-height:1.7 !important;
  font-size:.96rem !important;
}
.elementor-widget-uael-faq .uael-accordion-content p{
  margin:0 0 12px !important;
}
.elementor-widget-uael-faq .uael-accordion-content p:last-child{
  margin-bottom:0 !important;
}
.elementor-widget-uael-faq .uael-accordion-content strong{
  font-family:"Montserrat", ui-sans-serif, system-ui, sans-serif !important;
  font-weight:700 !important;
  color:#1c1c1a !important;
}
.elementor-widget-uael-faq .uael-accordion-content a{
  color:#7c121c !important;
  text-decoration:none !important;
  border-bottom:1px solid #cb9b2c !important;
  padding-bottom:1px !important;
}
.elementor-widget-uael-faq .uael-accordion-content a:hover{
  color:#5a1216 !important;
}

/* ── Alte Weinrot-Töne (#7C141C) pluginweit → Logo-Weinrot ── */
.elementor-widget-uael-faq [style*="#7C141C"],
.elementor-widget-uael-faq [style*="#7c141c"]{
  color:#7c121c !important;
}


/* ══════════════════════════════════════════════════════════════════
   OPTIONAL · Seiten-Überschrift (H1 „FAQ – Motorrad mieten…")
   Falls die H1 ein Elementor-Heading ist und die Gold-Signatur bekommen
   soll, hier aktivieren. Auskommentiert lassen, wenn die H1 anders
   gestaltet ist oder unberührt bleiben soll.
   ══════════════════════════════════════════════════════════════════ */
/*
.elementor-widget-heading .elementor-heading-title{
  color:#7c121c !important; font-weight:600 !important;
  position:relative; padding-bottom:14px;
}
.elementor-widget-heading .elementor-heading-title::after{
  content:""; display:block; width:26px; height:1px;
  background:#cb9b2c; margin-top:14px;
}
*/



/* ═══════════════════════════════════════════════════════════════════════════
   BLOCK 4  ·  BUCHUNGSSEITE · Info-Block (/buchung/)
   Quelle: vikrentcar-infoblock.css
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Basis ── */
.mz-vrc{
  font-family:"Nunito",ui-sans-serif,system-ui,sans-serif;
  color:#1c1c1a; line-height:1.65;
}
.mz-vrc *{box-sizing:border-box;}


/* ── Modell-Titel: Weinrot + Gold-Haarlinie als Signatur ── */
.mz-vrc-title{
  font-family:"Montserrat",ui-sans-serif,system-ui,sans-serif !important;
  font-weight:600 !important; letter-spacing:-.018em !important;
  font-size:clamp(1.5rem,2.6vw,2rem) !important; line-height:1.15 !important;
  color:#7c121c !important; margin:0 0 16px !important;
  position:relative; padding-bottom:16px;
}
.mz-vrc-title::after{
  content:""; position:absolute; left:0; bottom:0;
  width:26px; height:1px; background:#cb9b2c;
}


/* ── Einleitung ── */
.mz-vrc-intro{
  font-size:16px !important; color:#47443f !important; line-height:1.72 !important;
  margin:0 0 20px !important; max-width:66ch;
}
.mz-vrc-intro strong{font-weight:700; color:#1c1c1a;}


/* ── Inklusiv-Chips: flach, Haarlinie, grüner Punkt (statt gefüllte Pillen) ── */
.mz-vrc-includes{
  display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px !important;
}
.mz-vrc-inc{
  display:inline-flex; align-items:center; gap:8px;
  background:transparent !important;
  border:1px solid #cdc4b6 !important; border-radius:2px !important;
  padding:8px 15px !important;
  font-family:"Montserrat",ui-sans-serif,system-ui,sans-serif !important;
  font-size:13px !important; font-weight:600 !important; letter-spacing:.01em !important;
  color:#224934 !important; line-height:1.3 !important;
  box-shadow:none !important;
}
.mz-vrc-inc::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:#3a7e59; flex-shrink:0;
}


/* ── Anzahlung / Kaution-Chips: flach, Gold-Kante links ── */
.mz-vrc-chips{
  display:flex; flex-wrap:wrap; gap:10px; margin:0 0 26px !important;
}
.mz-vrc-chip{
  display:inline-flex; align-items:center;
  background:transparent !important;
  border:1px solid #cdc4b6 !important; border-left:2px solid #cb9b2c !important;
  border-radius:2px !important; padding:8px 16px !important;
  font-family:"Montserrat",ui-sans-serif,system-ui,sans-serif !important;
  font-size:13px !important; font-weight:600 !important;
  color:#1c1c1a !important; box-shadow:none !important;
}


/* ── Info-Liste: Gold-Haarstrich als Bullet statt Gedankenstrich ── */
.mz-vrc-list{
  list-style:none !important; margin:0 0 22px !important; padding:0 !important;
}
.mz-vrc-list li{
  position:relative; padding:12px 0 12px 24px !important;
  border-bottom:1px solid #e4ddd2 !important;
  font-size:15px !important; color:#47443f !important; line-height:1.62 !important;
}
.mz-vrc-list li:last-child{border-bottom:none !important;}
.mz-vrc-list li::before{
  content:""; position:absolute; left:0; top:21px;
  width:12px; height:1px; background:#cb9b2c;
}
.mz-vrc-list li strong{
  font-family:"Montserrat",ui-sans-serif,system-ui,sans-serif;
  font-weight:700; color:#1c1c1a;
}


/* ── „Alle Preise im Überblick" ── */
.mz-vrc-cta{margin:0 0 12px !important;}
.mz-vrc-cta a{
  color:#7c121c !important; font-family:"Montserrat",sans-serif !important;
  font-weight:700 !important; text-decoration:none !important;
  border-bottom:1px solid #cb9b2c; padding-bottom:1px;
}
.mz-vrc-cta a:hover{color:#5a1216 !important;}

.mz-vrc-small small{font-size:12.5px !important; color:#5f5b57 !important;}


/* ── Preis „ab € 78,00" ──────────────────────────────────────────
   ⚠ WICHTIG: gescoped auf .vrc-cdetails-cost — das ist die Preisbox
   der Fahrzeug-Detailseite. .vrc_price und .vrc_currency sind GLOBALE
   VikRentCar-Klassen, die im gesamten Buchungsprozess vorkommen
   (Warenkorb, Optionen, Kasse). Ohne diesen Scope schlagen die Regeln
   auf alle Folgeseiten durch.

   ⚠ KEINE Schriftgrößen mehr: Die Plugin-Größen sind passend. Eigene
   font-size-Angaben führten dazu, dass Beträge im Warenkorb mitten
   in der Zahl umbrachen („104,9" / „2"). */
.vrc-cdetails-cost .vrcliststartfrom{
  font-family:"Montserrat",sans-serif !important; font-weight:600 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important; color:#5f5b57 !important;
}
.vrc-cdetails-cost .vrc_currency,
.vrc-cdetails-cost .vrc_price{
  font-family:"Montserrat",sans-serif !important; font-weight:600 !important;
  color:#7c121c !important; letter-spacing:-.02em !important;
  font-variant-numeric:tabular-nums;
}


/* ── Responsive: am Handy deutlich kompakter (nichts ausgeblendet) ──
   Alle Vertikalabstände enger, Chips dichter, Liste gedrängter — damit
   man schneller zum Kalender kommt. Greift nur unter 640px. */
@media (max-width:640px){
  /* Titel + Signaturlinie kompakter */
  .mz-vrc-title{
    font-size:clamp(1.3rem,5vw,1.6rem) !important;
    margin:0 0 10px !important; padding-bottom:11px !important;
  }
  /* Einleitung enger */
  .mz-vrc-intro{
    font-size:14.5px !important; line-height:1.5 !important; margin:0 0 12px !important;
  }
  /* Inklusiv-Chips: kleiner, dichter — der größte Platzfresser */
  .mz-vrc-includes{gap:6px !important; margin:0 0 10px !important;}
  .mz-vrc-inc{
    font-size:12px !important; padding:5px 10px !important; gap:6px !important;
  }
  .mz-vrc-inc::before{width:5px !important; height:5px !important;}
  /* Anzahlung/Kaution-Chips enger */
  .mz-vrc-chips{gap:6px !important; margin:0 0 14px !important;}
  .mz-vrc-chip{font-size:12px !important; padding:5px 11px !important;}
  /* Info-Liste: gedrängter, weniger Zeilenhöhe */
  .mz-vrc-list{margin:0 0 12px !important;}
  .mz-vrc-list li{
    font-size:13.5px !important; line-height:1.42 !important;
    padding:8px 0 8px 20px !important;
  }
  .mz-vrc-list li::before{top:15px !important; width:10px !important;}
  /* „Alle Preise" + Kleingedrucktes enger */
  .mz-vrc-cta{margin:0 0 8px !important;}
  .mz-vrc-cta a{font-size:14px !important;}
  .mz-vrc-small small{font-size:11.5px !important; line-height:1.4 !important;}
}
/* Sehr schmal (≤380px): Chips noch eine Spur enger */
@media (max-width:380px){
  .mz-vrc-inc{font-size:11.5px !important; padding:5px 9px !important;}
  .mz-vrc-list li{font-size:13px !important;}
}

/* ══════════════════════════════════════════════════════════════════
   INFO-BLOCK NUR IN SCHRITT 1 ANZEIGEN
   ══════════════════════════════════════════════════════════════════
   WARUM NÖTIG
     Das VikRentCar-Formular sendet auf dieselbe WordPress-Seite
     (/buchung/) zurück. Elementor rendert deshalb in JEDEM Buchungs-
     schritt denselben Seiteninhalt mit — der Info-Block erschien also
     auch im Warenkorb, bei den Optionen und in der Kasse.

   WIE ES FUNKTIONIERT
     .vrc-cdetails-cinfo existiert nur in der Fahrzeug-Detailansicht
     (Schritt 1). Fehlt dieser Marker, wird der Block ausgeblendet.
     Positiv formuliert statt „im Warenkorb verstecken" — dadurch
     greift es automatisch in ALLEN Folgeschritten, egal wie viele
     es sind oder wie sie heißen.

   HINWEIS
     Nutzt die CSS-Funktion :has(). Von allen aktuellen Browsern
     unterstützt (Chrome ab 105, Safari ab 15.4, Firefox ab 121).
     In sehr alten Browsern greift die Regel nicht — dann bleibt der
     Block sichtbar wie bisher, es geht also nichts kaputt.

   FALLS ES NICHT GREIFT
     Alternative über die Gutschein-Box (nur Warenkorb, nicht alle
     Schritte) — diese Zeilen dann statt der unteren verwenden:
       body:has(.vrc-coupon-outer) .elementor-widget-html:has(.mz-vrc),
       body:has(.vrc-enterpin-block) .elementor-widget-html:has(.mz-vrc){
         display:none !important;
       }
   ══════════════════════════════════════════════════════════════════ */
body:not(:has(.vrc-cdetails-cinfo)) .elementor-widget-html:has(.mz-vrc){
  display:none !important;
}
/* Rückfallebene, falls das Widget anders verschachtelt ist:
   dann wenigstens den Block selbst ausblenden */
body:not(:has(.vrc-cdetails-cinfo)) .mz-vrc{
  display:none !important;
}



/* ═══════════════════════════════════════════════════════════════════════════
   BLOCK 5  ·  ALLE BLOGBEITRÄGE
   Ein Block für alle 13 Beiträge — sie teilen dieselben .mz-*-Klassen.
   Kein HTML-Eingriff → keine TranslatePress-Kosten.

   ⚠ Die Farb-Variablen tragen !important: Jeder Beitrag definiert sie im
   Body nochmal, und der spätere Wert würde sonst gewinnen (altes Gold
   #c8a96a statt Logo-Gold #cb9b2c).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Grundlage: Schriften und Palette ── */
.mz-blog{
  --paper:#faf8f4 !important; --white:#fff !important;
  --bord:#7c121c !important; --bord-dk:#5a1216 !important;
  --forest:#224934 !important; --forest-dk:#1c3a29 !important; --sage:#3a7e59 !important;
  --gold:#cb9b2c !important; --gold-tx:#8f6d1f !important;
  --ink:#1c1c1a !important; --ink-soft:#47443f !important; --muted:#5f5b56 !important;
  --border:#e4ddd2 !important; --border-dk:#cdc4b6 !important;
  /* alte Variablen der Beiträge überschreiben */
  --cream:#faf8f4 !important; --red:#7c121c !important; --stone:#cdc4b6 !important; --rule:#e4ddd2 !important;
  --ease:cubic-bezier(.22,1,.36,1) !important;
  background:#faf8f4 !important;
  color:#47443f !important;
  font-family:'Nunito',ui-sans-serif,system-ui,sans-serif !important;
  font-weight:400 !important;
  line-height:1.7 !important;
}
.mz-blog p,.mz-blog li,.mz-blog span,.mz-blog div,.mz-blog a,.mz-blog cite,.mz-blog blockquote,
.mz-blog td,.mz-blog th,.mz-blog dd,.mz-blog dt,.mz-blog figcaption,.mz-blog small,.mz-blog strong,.mz-blog em{
  font-family:'Nunito',ui-sans-serif,system-ui,sans-serif !important;
}
.mz-blog h1,.mz-blog h2,.mz-blog h3,.mz-blog h4,.mz-blog summary,
.mz-blog .mz-related-title,.mz-blog .mz-cta-block strong{
  font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif !important;
  font-weight:600 !important;
  letter-spacing:-.02em !important;
  line-height:1.16 !important;
}

/* ── Flach: keine Schatten, keine Verläufe, keine Hover-Lifts ── */
.mz-blog *{box-shadow:none !important;background-image:none !important}
.mz-blog *:hover{transform:none !important;box-shadow:none !important}

/* ── Radien vereinheitlichen ── */
.mz-blog .mz-callout,.mz-blog .mz-related-card,.mz-blog .mz-link-card,
.mz-blog .mz-cta-block,.mz-blog .mz-ps-card,.mz-blog .mz-season-card,
.mz-blog .mz-licence-box,.mz-blog .mz-summer-box,.mz-blog .mz-pack-grid,
.mz-blog .mz-tour-card,.mz-blog .mz-city-card,.mz-blog .mz-tip,
.mz-blog .mz-mehr-card,.mz-blog .mz-warn-box,.mz-blog details{
  border-radius:3px !important;
}
.mz-blog .mz-cta-btn,.mz-blog .mz-ps-button,.mz-blog .mz-btn,.mz-blog .mz-link-pill{
  border-radius:2px !important;
}

/* ── HERO: flaches Grün, Gold-Haarlinie, keine Deko-Kreise ── */
.mz-blog .mz-hero{background:var(--forest) !important}
.mz-blog .mz-hero::before,.mz-blog .mz-hero::after,
.mz-blog .mz-cta::before,.mz-blog .mz-cta::after{display:none !important}
.mz-blog .mz-hero h1{color:#fff !important;margin-bottom:0 !important}
.mz-blog .mz-hero h1::after{
  content:"" !important;display:block !important;width:26px !important;height:1px !important;
  background:var(--gold) !important;margin:20px 0 1.2rem !important;
}
.mz-blog .mz-kicker{
  font-family:'Montserrat',sans-serif !important;font-size:12px !important;
  letter-spacing:.22em !important;font-weight:600 !important;
  color:rgba(255,255,255,.75) !important;
}
.mz-blog .mz-lead{color:rgba(255,255,255,.88) !important}
.mz-blog .mz-meta,.mz-blog .mz-byline{
  font-family:'Montserrat',sans-serif !important;font-size:12.5px !important;
  color:rgba(255,255,255,.65) !important;
}

/* ── Abschnitts-Überschriften mit Gold-Haarlinie ── */
.mz-blog .mz-section h2,.mz-blog .mz-wrap > h2{color:var(--ink) !important;margin-bottom:0 !important}
.mz-blog .mz-section h2::after,.mz-blog .mz-wrap > h2::after{
  content:"" !important;display:block !important;width:26px !important;height:1px !important;
  background:var(--gold) !important;margin:14px 0 .6rem !important;
}
.mz-blog .mz-section{border-bottom:1px solid var(--border) !important}
.mz-blog .mz-section-sub{color:var(--muted) !important}

/* ── Intro, Zitat, Callout: flach mit dünner Kante ── */
.mz-blog .mz-intro{border-left:2px solid var(--gold) !important;color:var(--ink-soft) !important}
.mz-blog .mz-pull-quote{
  border-top:1px solid var(--border) !important;border-bottom:1px solid var(--border) !important;
  color:var(--ink) !important;
}
.mz-blog .mz-callout{
  background:#fff !important;border:1px solid var(--border) !important;
  border-left:2px solid var(--sage) !important;
}
.mz-blog .mz-callout-label{
  font-family:'Montserrat',sans-serif !important;font-size:11px !important;
  letter-spacing:.14em !important;font-weight:600 !important;color:var(--sage) !important;
}
.mz-blog .mz-warn-box{background:#fff !important;border:1px solid var(--border) !important;border-left:2px solid var(--bord) !important}

/* ── Karten allgemein: weiß mit Haarlinie, Hover nur Flächenwechsel ── */
.mz-blog .mz-related-card,.mz-blog .mz-link-card,.mz-blog .mz-tour-card,
.mz-blog .mz-city-card,.mz-blog .mz-mehr-card,.mz-blog .mz-tip,
.mz-blog .mz-season-card,.mz-blog .mz-licence-box,.mz-blog .mz-summer-box{
  background:#fff !important;border:1px solid var(--border) !important;
  transition:background .22s var(--ease) !important;
}
.mz-blog .mz-related-card:hover,.mz-blog .mz-link-card:hover,.mz-blog .mz-tour-card:hover,
.mz-blog .mz-city-card:hover,.mz-blog .mz-mehr-card:hover{
  background:var(--paper) !important;color:var(--ink) !important;
}
.mz-blog .mz-related-label{
  font-family:'Montserrat',sans-serif !important;font-size:11px !important;
  letter-spacing:.14em !important;font-weight:600 !important;color:var(--muted) !important;
}
.mz-blog .mz-related-title{font-size:.95rem !important;color:var(--ink) !important}
.mz-blog .mz-related-desc,.mz-blog .mz-tip p{color:var(--muted) !important}
.mz-blog .mz-link-card{color:var(--bord) !important}

/* ── CTA-Block: flaches Grün ── */
.mz-blog .mz-cta-block,.mz-blog .mz-cta{background:var(--forest) !important}
.mz-blog .mz-cta-sub{
  font-family:'Nunito',sans-serif !important;color:rgba(255,255,255,.88) !important;
}
.mz-blog .mz-cta-btn,.mz-blog .mz-btn-primary{
  background:#fff !important;color:var(--forest) !important;
  border:1px solid #fff !important;
  font-family:'Montserrat',sans-serif !important;font-size:13px !important;
  font-weight:600 !important;letter-spacing:.02em !important;text-transform:none !important;
}
.mz-blog .mz-cta-btn:hover,.mz-blog .mz-btn-primary:hover{
  background:var(--paper) !important;color:var(--forest-dk) !important;border-color:var(--paper) !important;
}
.mz-blog .mz-btn-ghost{background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.55) !important}
.mz-blog .mz-btn-ghost:hover{background:rgba(255,255,255,.12) !important}

/* ── „Bevorzugte Quelle": kompakte Zeile statt großer Kasten ── */
.mz-blog .mz-ps-card{
  background:#fff !important;border:1px solid var(--border) !important;
  border-left:2px solid var(--gold) !important;border-top:1px solid var(--border) !important;
  padding:16px 20px !important;max-width:820px !important;margin:1.2rem auto 0 !important;
  display:flex !important;align-items:center !important;gap:16px !important;text-align:left !important;
}
.mz-blog .mz-ps-icon{margin:0 !important;flex:0 0 auto}
.mz-blog .mz-ps-icon svg{width:22px !important;height:22px !important}
.mz-blog .mz-ps-card h3{
  font-size:14px !important;color:var(--ink) !important;margin:0 0 3px !important;
  line-height:1.3 !important;
}
.mz-blog .mz-ps-text{font-size:13px !important;color:var(--muted) !important;margin:0 !important;max-width:none !important}
.mz-blog .mz-ps-hint{font-size:12.5px !important;color:var(--muted) !important;font-style:normal !important;margin:.25rem 0 0 !important;max-width:none !important}
.mz-blog .mz-ps-button{
  flex:0 0 auto;background:transparent !important;color:var(--bord) !important;
  border:1px solid var(--border-dk) !important;padding:10px 20px !important;
  font-family:'Montserrat',sans-serif !important;font-size:12.5px !important;
  font-weight:600 !important;letter-spacing:.02em !important;text-transform:none !important;
  white-space:nowrap !important;
}
.mz-blog .mz-ps-button:hover{background:var(--paper) !important;border-color:var(--bord) !important;color:var(--bord-dk) !important;opacity:1 !important}

/* ── Pillen und Link-Zeile flach ── */
.mz-blog .mz-link-pill{
  background:transparent !important;border:1px solid var(--border-dk) !important;
  color:var(--bord) !important;font-family:'Montserrat',sans-serif !important;
  font-size:12.5px !important;font-weight:600 !important;
}
.mz-blog .mz-link-pill:hover{background:var(--paper) !important;border-color:var(--bord) !important;color:var(--bord-dk) !important}
.mz-blog .mz-link-row-wrap{background:#fff !important;border-top:1px solid var(--border) !important}
.mz-blog .mz-tour-badge{
  background:transparent !important;border:1px solid var(--border-dk) !important;
  border-radius:2px !important;font-family:'Montserrat',sans-serif !important;
  font-size:11px !important;font-weight:600 !important;letter-spacing:.12em !important;
}

/* ── Tabellen: Haarlinien statt Rahmen ── */
.mz-blog table{border-collapse:collapse !important;width:100% !important}
.mz-blog th{
  font-size:11px !important;letter-spacing:.12em !important;text-transform:uppercase !important;
  font-weight:600 !important;color:var(--muted) !important;text-align:left !important;
  border-bottom:1px solid var(--border-dk) !important;
}
.mz-blog td{border-bottom:1px solid var(--border) !important;color:var(--ink-soft) !important}
.mz-blog summary{
  font-size:.82rem !important;letter-spacing:.1em !important;text-transform:uppercase !important;
  color:var(--muted) !important;cursor:pointer !important;
}
.mz-blog details[open] > summary{color:var(--bord) !important}
.mz-blog details{background:#fff !important;border:1px solid var(--border) !important;border-left:2px solid var(--gold) !important}

/* ── Handy: Quelle-Zeile stapeln ── */
@media (max-width:680px){
  .mz-blog .mz-ps-card{flex-direction:column !important;align-items:stretch !important;gap:12px !important}
  .mz-blog .mz-ps-button{width:100% !important;text-align:center !important;white-space:normal !important}
}
@media (prefers-reduced-motion:reduce){
  .mz-blog *{transition:none !important}
}


/* ══════════════════════════════════════════════════════════════════════════
   ZUSATZ · Beitrag „Beste Zeit zum Motorradfahren"
   ══════════════════════════════════════════════════════════════════════════
   Dieser eine Beitrag nutzt ein eigenes System (.motezza-besttime-*) mit
   Monats-Diagramm. Hier nur Schrift, Palette und Flächen angeglichen —
   das Diagramm selbst bleibt unangetastet.
   ══════════════════════════════════════════════════════════════════════════ */
.motezza-besttime-blog{
  --forest:#224934 !important; --sage:#3a7e59 !important; --gold:#cb9b2c !important; --red:#7c121c !important;
  --ink:#1c1c1a !important; --muted:#5f5b56 !important; --rule:#e4ddd2 !important; --cream:#faf8f4 !important;
  background:#faf8f4 !important;
  color:#47443f !important;
  font-family:'Nunito',ui-sans-serif,system-ui,sans-serif !important;
  line-height:1.7 !important;
}
.motezza-besttime-blog p,.motezza-besttime-blog li,.motezza-besttime-blog span,
.motezza-besttime-blog a,.motezza-besttime-blog td,.motezza-besttime-blog th,
.motezza-besttime-blog cite,.motezza-besttime-blog blockquote{
  font-family:'Nunito',ui-sans-serif,system-ui,sans-serif !important;
}
.motezza-besttime-blog h1,.motezza-besttime-blog h2,.motezza-besttime-blog h3,
.motezza-besttime-blog h4,.motezza-besttime-blog .motezza-chart-title{
  font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif !important;
  font-weight:600 !important;letter-spacing:-.02em !important;line-height:1.16 !important;
  color:#1c1c1a !important;
}
/* Flach — Diagramm-Balken ausgenommen */
.motezza-besttime-blog *:not(.motezza-month-bar):not([class*="chart-bar"]){
  box-shadow:none !important;
}
.motezza-besttime-blog .motezza-besttime-hero{background:#224934 !important}
.motezza-besttime-blog .motezza-besttime-hero::before,
.motezza-besttime-blog .motezza-besttime-hero::after{display:none !important}
.motezza-besttime-blog .motezza-besttime-hero h1{color:#fff !important;margin-bottom:0 !important}
.motezza-besttime-blog .motezza-besttime-hero h1::after{
  content:"" !important;display:block !important;width:26px !important;height:1px !important;
  background:#cb9b2c !important;margin:20px 0 1.2rem !important;
}
.motezza-besttime-blog .motezza-besttime-kicker{
  font-family:'Montserrat',sans-serif !important;font-size:12px !important;
  letter-spacing:.22em !important;font-weight:600 !important;color:rgba(255,255,255,.75) !important;
}
.motezza-besttime-blog .motezza-besttime-meta{color:rgba(255,255,255,.65) !important}
.motezza-besttime-blog h2::after{
  content:"" !important;display:block !important;width:26px !important;height:1px !important;
  background:#cb9b2c !important;margin:14px 0 .6rem !important;
}
.motezza-besttime-blog .motezza-besttime-intro{border-left:2px solid #cb9b2c !important}
.motezza-besttime-blog .motezza-season-card,
.motezza-besttime-blog .motezza-summer-box,
.motezza-besttime-blog .motezza-link-card,
.motezza-besttime-blog .motezza-ps-card,
.motezza-besttime-blog .motezza-tips{
  background:#fff !important;border:1px solid #e4ddd2 !important;border-radius:3px !important;
}
.motezza-besttime-blog .motezza-cta-block{background:#224934 !important;border-radius:3px !important}
.motezza-besttime-blog .motezza-cta-btn{
  background:#fff !important;color:#224934 !important;border:1px solid #fff !important;
  border-radius:2px !important;font-family:'Montserrat',sans-serif !important;
  font-size:13px !important;font-weight:600 !important;text-transform:none !important;
  letter-spacing:.02em !important;
}
.motezza-besttime-blog .motezza-pull-quote{
  border-top:1px solid #e4ddd2 !important;border-bottom:1px solid #e4ddd2 !important;color:#1c1c1a !important;
}
/* „Bevorzugte Quelle" auch hier kompakt */
.motezza-besttime-blog .motezza-ps-card{
  border-left:2px solid #cb9b2c !important;padding:16px 20px !important;
  max-width:820px !important;margin:1.2rem auto 0 !important;
  display:flex !important;align-items:center !important;gap:16px !important;text-align:left !important;
}
.motezza-besttime-blog .motezza-ps-card h3{font-size:14px !important;margin:0 0 3px !important}
.motezza-besttime-blog .motezza-ps-card p{font-size:13px !important;color:#5f5b56 !important;margin:0 !important}
@media (max-width:680px){
  .motezza-besttime-blog .motezza-ps-card{flex-direction:column !important;align-items:stretch !important}
}



/* ═══════════════════════════════════════════════════════════════════════════
   BLOCK 6  ·  DEINE EIGENEN ASTRA-REGELN
   Unverändert aus dem bisherigen Customizer-CSS übernommen.
   Nicht von mir erstellt — bitte so lassen, falls weiterhin gewünscht.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Astra: Autor- und Datumszeile bei Blogbeiträgen ausblenden */
body.single-post .entry-meta,
body.blog .entry-meta,
body.archive .entry-meta {
  display: none !important;
}

/* Leerbereich über dem Bild entfernen */
.ast-post-title-area,
.entry-header.ast-no-thumbnail {
  display: none;
}

/* Astra Title Bar mit Featured Image als Hintergrund */
@media (max-width: 768px) {
  .ast-header-break-point .site-header-primary-section-banner,
  .ast-above-post-title .post-thumbnail,
  .single-post .ast-post-featured-image,
  .single .ast-post-featured-image {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: unset !important;
  }
  .single-post .ast-post-featured-image img,
  .single .ast-post-featured-image img,
  .single article img.wp-post-image {
    height: auto !important;
    max-height: none !important;
    object-fit: cover;
    object-position: center top;
    aspect-ratio: unset !important;
  }
}


/* ══════════════════════════════════════════════════════════════════════════
   ENDE MOTEZZA CUSTOM CSS
   ══════════════════════════════════════════════════════════════════════════ */