/** Shopify CDN: Minification failed

Line 67:10 Expected identifier but found whitespace
Line 67:23 Unexpected ";"
Line 102:12 Expected identifier but found whitespace
Line 102:13 Unexpected "var("

**/
/* mp-ai-2026.css, A&I-Testversion moebel-peeck.de (Theme #175370273036), Stand 10.09.2026, Runde 8
 * Laedt nach mp-stil-2026.css (snippets/head_assets.liquid). Alle Klassen mit Praefix ai-; Theme-Klassen werden nur ueberschrieben.
 * Zusammen mit assets/mp-ai-motion.js und den Sektionen sections/mp-ai-*.liquid ist das die komplette Testversion.
 * Wartung / Theme-Update: siehe ~/Claude/website-360/theme-work/ai/MP-AI-NOTES.md (Liste der angefassten Theme-Dateien).
 * Abschnitte: 1 Reveal, 2 Hero, 3 Laufband, 4 Kapitel, 5 dunkles Kapitel, 6 Leistungen, 7 Finale, 12 Unterseiten, 13 Polish,
 * 15 Buehne/Kopfbilder, 18 Trust, 19 Hero-Knoepfe/Rhythmus, 22 Kacheln, 23 Mega-Menue, 24 Marken/Team, 25 Angebote,
 * 26 Hover-Modell, 27 Beratungskarte, 28 Mobilmenue, 29 Collage, 30 Bildband, 31 e-Prospekt, 32 Rhythmus/Farben, 33 Mobil,
 * 34 Markenhighlights/Standorte, 35 Sicherheitsnetz. */
/* ============================================================================
   mp-ai-2026.css — Testversion „Anton & Irene", 10.09.2026
   Simulation nach der Methode des Studios (Case Studies + Harbour.Space-Module
   ID405-ID408/ID415): erst Recherche (Kundenstimmen), dann EIN Konzept, das nur
   dieser Marke gehoert, dann Typografie als Bild, Weissraum als Stille, ein
   Interaktionsmodell fuer alle Kapitel, Bewegung, die dem Scrollen folgt.
   Konzept: Die Startseite erzaehlt den Weg des Kunden in drei Kapiteln:
   01 Erleben, 02 Entscheiden, 03 Einrichten. Signatur = das rote e von peeck.
   Alles innerhalb der Gestaltungsrichtlinien v1.1 (Gantari, Stein-Skala, Rot
   nur als Akzent, Radius 14/10, Lucide). Bewusste Ergaenzung: eine Display-
   Stufe bis 72 px fuer die Buehne (die Richtlinie kennt H1 56, keine Buehne).
   Laedt NACH mp-stil-2026.css.
   ========================================================================== */

:root {
  --ai-display: clamp(40px, 5.2vw, 72px);
  --ai-nr: clamp(64px, 8vw, 112px);
  --ai-ease: cubic-bezier(.2, .7, .2, 1);
  --ai-dauer: .9s;
}

/* --- 0) Signatur: das rote e --------------------------------------------- */
.ai-e { color: var(--mp-rot, #D51130); }

/* --- 1) Bewegung: Grundzustand und Ankunft ------------------------------- */
[data-ai-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity var(--ai-dauer) var(--ai-ease), transform var(--ai-dauer) var(--ai-ease);
  transition-delay: calc(var(--ai-i, 0) * 90ms);
  will-change: opacity, transform;
}
[data-ai-reveal].is-in { opacity: 1; transform: none; }

/* --- 2) Hero: Drei Woerter, Wort fuer Wort ------------------------------- */
[class*="background_video"] h1.t4s-text-bl {
  font-size: var(--ai-display) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em !important;
  font-weight: 700 !important;
  text-align: left !important;
  max-width: 14ch;
  margin: 0 0 20px !important;
}
[class*="background_video"] p.t4s-text-bl {
  font-size: 18px !important; line-height: 28px !important; font-weight: 400 !important;
  text-align: left !important; max-width: 44ch; margin: 0 0 30px !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
[class*="background_video"] .t4s-bl-item.t4s-text-bl { text-align: left !important; }
  display: inline-block;
  opacity: 0;
  transform: translateY(0.35em) rotate(1.5deg);
  transition: opacity .7s var(--ai-ease), transform .7s var(--ai-ease);
  transition-delay: calc(var(--ai-w, 0) * 110ms + 150ms);
  will-change: opacity, transform;
}
/* Lesbarkeit ueber dem Video: leichter Schleier links, wo der Text steht
   (Theme-Overlay .t4s-hero-overlay wird zum Verlauf) */
[class*="background_video"] .t4s-hero-overlay {
  background: linear-gradient(90deg, rgba(27, 25, 24, .58) 0%, rgba(27, 25, 24, .28) 50%, rgba(27, 25, 24, .05) 100%) !important;
  opacity: 1 !important;
}
[class*="background_video"] .t4s-content-position { text-align: left !important; }

/* --- 3) Laufband ---------------------------------------------------------- */
.ai-marquee {
  overflow: hidden; white-space: nowrap;
  border-top: 1px solid var(--mp-stein-200, #CBC8C5); border-bottom: 1px solid var(--mp-stein-200, #CBC8C5);
  background: #fff; padding: 18px 0;
}
.ai-marquee__track { display: inline-flex; animation: ai-lauf 42s linear infinite; }
.ai-marquee:hover .ai-marquee__track { animation-play-state: paused; }
.ai-marquee__track > span {
  display: inline-flex; align-items: center; gap: 28px; padding-right: 28px;
  font-size: 19px; font-weight: 600; letter-spacing: -0.01em; color: var(--mp-stein-700, #57514D);
}
.ai-marquee__track > span::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-rot, #D51130); flex: 0 0 7px; }
@keyframes ai-lauf { from { transform: translateX(0); } to { transform: translateX(-50%); } }
[id$="__mp_trust_band"] .t4s-section-inner { padding: 0 !important; }
[id$="__mp_trust_band"] .t4s-container { max-width: none; padding: 0; }
[id$="__mp_trust_band"] .t4s-code__html { max-width: none !important; width: 100%; margin: 0 !important; }

/* --- 4) Kapitelkoepfe: Nummer, Titel, Lead, Text -------------------------- */
.ai-kapitel { display: grid; grid-template-columns: auto 1fr; gap: 8px 36px; align-items: start; padding: 80px 0 32px; }
  font-size: var(--ai-nr); line-height: .82; font-weight: 700; letter-spacing: -0.04em;
  color: var(--mp-stein-200, #CBC8C5); user-select: none;
}
.ai-kapitel__titel {
  margin: 0 !important; font-size: clamp(30px, 3vw, 40px) !important; line-height: 1.1 !important;
  font-weight: 700 !important; letter-spacing: -0.02em !important; color: var(--mp-stein-900, #2D2A27) !important;
  text-transform: none !important;
}
.ai-kapitel__lead { margin: 14px 0 0; font-size: clamp(20px, 2vw, 24px); line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; color: var(--mp-stein-900, #2D2A27); max-width: 34ch; }
.ai-kapitel__text { margin: 12px 0 0; font-size: 18px; line-height: 28px; color: var(--mp-stein-700, #57514D); max-width: 58ch; }
.ai-kapitel__text + .ai-kapitel__text { margin-top: 10px; }

/* --- 5) Kapitel 02: dunkle Buehne, Zitat, Bild mit Tiefe ------------------ */
.ai-dunkel { color: #fff; }
/* Spezifitaet: mp-stil-2026.css setzt Ueberschriften in Sektionen per :not()-Kette auf stein-900 !important; hier bewusst hoeher. */
.ai-dunkel.ai-dunkel.ai-dunkel .ai-kapitel__titel.ai-kapitel__titel.ai-kapitel__titel { color: #fff !important; }
.ai-dunkel .ai-kapitel__lead { color: #fff; }
.ai-dunkel .ai-kapitel__text { color: rgba(255, 255, 255, .78); }
.ai-split { display: grid; grid-template-columns: 6fr 5fr; gap: 56px; align-items: start; padding: 8px 0 88px; }
.ai-zitat {
  margin: 30px 0 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--mp-rot, #D51130);
  font-size: clamp(20px, 1.9vw, 24px) !important; line-height: 1.35 !important; font-weight: 600; letter-spacing: -0.01em;
  font-style: normal !important; background: none !important; hanging-punctuation: first; max-width: 30ch; color: inherit !important;
}
.ai-zitat::before, .ai-zitat::after { content: none !important; }
.ai-zitat__quelle { display: block; margin-top: 10px; font-size: 14px; line-height: 20px; font-weight: 400; opacity: .72; }
.ai-parallax { position: relative; overflow: hidden; border-radius: 14px; aspect-ratio: 4 / 5; background: var(--mp-stein-800, #3E3A37); }
.ai-parallax img { position: absolute; left: 0; top: -12%; width: 100%; height: 124%; object-fit: cover; will-change: transform; }
.ai-aktionen { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }

/* Knoepfe der Testversion (Rollen nach Richtlinie Kap. 08) */
.ai-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 28px; border-radius: 10px; font-family: inherit;
  font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: 0; text-decoration: none; cursor: pointer;
  transition: background-color .25s var(--ai-ease), color .25s var(--ai-ease), transform .25s var(--ai-ease), box-shadow .25s var(--ai-ease);
}
.ai-btn svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 20px; }
.ai-btn--cta, .ai-btn.ai-btn--cta.appointmentButton { background: var(--mp-rot, #D51130); color: #fff; border: 0; min-height: 52px !important; height: auto !important; line-height: 1 !important; padding: 0 28px !important; border-radius: 10px !important; font-size: 16px !important; }
.ai-btn--cta:hover { background: var(--mp-rot-hover, #AC0E27); color: #fff; }
.ai-btn--ghost { background: transparent; color: var(--mp-stein-900, #2D2A27); border: 2px solid var(--mp-stein-800, #3E3A37); }
.ai-btn--ghost:hover { background: var(--mp-stein-50, #F8F7F7); color: var(--mp-stein-900, #2D2A27); }
.ai-dunkel .ai-btn--ghost { color: #fff; border-color: rgba(255, 255, 255, .72); }
.ai-dunkel .ai-btn--ghost:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.ai-btn:focus-visible { outline: 3px solid var(--mp-rot, #D51130); outline-offset: 3px; }

/* --- 6) Kapitel 03: drei Leistungen als ruhige Karten --------------------- */
.ai-leistungen { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 8px 0 80px; }
.ai-leistung { background: var(--mp-stein-50, #F8F7F7); border-radius: 14px; padding: 32px 28px 30px; }
.ai-leistung svg { width: 32px; height: 32px; stroke: var(--mp-rot, #D51130); stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 18px; display: block; }
.ai-leistung h3 { margin: 0 0 8px !important; font-size: 24px !important; line-height: 30px !important; font-weight: 600 !important; letter-spacing: -0.01em; color: var(--mp-stein-900, #2D2A27); text-transform: none !important; }
.ai-leistung p { margin: 0; font-size: 16px; line-height: 24px; color: var(--mp-stein-700, #57514D); }

/* --- 7) Finale: Fangen wir an ------------------------------------------- */
.ai-finale {
  border-radius: 14px; background: var(--mp-stein-50, #F8F7F7);
  padding: clamp(36px, 4.5vw, 64px) clamp(24px, 5vw, 64px);
  display: grid; grid-template-columns: 1fr auto; gap: 32px 48px; align-items: center;
  margin: 0;
}
.ai-finale__titel { margin: 0 0 12px !important; font-size: clamp(38px, 4.8vw, 64px) !important; line-height: 1.02 !important; font-weight: 700 !important; letter-spacing: -0.03em !important; color: var(--mp-stein-900, #2D2A27) !important; text-transform: none !important; }
.ai-finale__text { margin: 0; font-size: 18px; line-height: 28px; color: var(--mp-stein-700, #57514D); max-width: 44ch; }
.ai-finale__orte { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 22px; }
.ai-finale__orte a { display: inline-flex; align-items: center; gap: 10px; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: none; }
.ai-finale__orte a:hover { color: var(--mp-rot, #D51130); }
.ai-finale__orte a::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-rot, #D51130); flex: 0 0 7px; }
.ai-finale__orte span { color: var(--mp-stein-700, #57514D); font-weight: 400; }

/* --- 8) Ruhe im Kopf: Kontaktzeile in den Fuss, Menue klarer -------------- */
/* Methode ID405, Mobile-Checkliste: "Non-essential menu items moved to the footer".
   Telefon und Adressen stehen im Finale, in den Standorten und im Footer. */
@media (min-width: 992px) { [id$="__top-bar"], #shopify-section-top-bar { display: none !important; } }
.t4s-nav-ul > li > a, #t4s-nav-ul > li > a { font-size: 15px !important; }

/* --- 9) Bestehende Bloecke in die Kapitel-Tonalitaet holen ----------------- */
/* Anton, ID408: hoechstens zwei Schriftgroessen je Ansicht. Kapiteltitel 40/700,
   Untertitel der Bloecke 30/600, linksbuendig wie alles andere. */
main .t4s-section-title, main .t4s-image-text-heading, .mp-mh-head, .mp-st-head,
[id$="__custom_section_9E6gEE"] .t4s-text-bl {
  text-align: left !important; font-size: 30px !important; line-height: 36px !important; font-weight: 600 !important;
  letter-spacing: -0.015em !important; text-transform: none !important; color: var(--mp-stein-900, #2D2A27) !important;
  margin-bottom: 24px !important;
}
main .t4s-section-des, main .t4s-section-subtitle { text-align: left !important; }
main .t4s-section-title::after, main .t4s-section-title::before, main .t4s-section-title > span::after, main .t4s-section-title > span::before { display: none !important; }
.mp-st-head { max-width: none; }
[id$="__custom_section_mCb7qC"] .t4s-section-inner { text-align: left; }
/* Warengruppen: Kacheln atmen beim Ueberfahren */
.t4s-collection-item .t4s-cat-content img { transition: transform 1.1s var(--ai-ease); }
.t4s-collection-item:hover .t4s-cat-content img { transform: scale(1.045); }
.t4s-collection-item .t4s-cate-wrapper { transition: transform .5s var(--ai-ease); }
.t4s-collection-item:hover .t4s-cate-wrapper { transform: translateY(-6px); }
/* Aktionen: Karten wie die Leistungen, damit die Seite eine Sprache spricht */
[id$="__feature_columns_aktionen"] .t4s-section-inner { padding-top: 56px !important; padding-bottom: 24px !important; }
/* SEO-Text: bleibt fuer Suchmaschinen, tritt visuell zurueck */
[id$="__custom_html_RqbMMz"] .t4s-code__html { max-width: 68ch; margin: 0 auto; }
[id$="__custom_html_RqbMMz"] h2 { font-size: 24px !important; line-height: 30px !important; font-weight: 600 !important; margin: 28px 0 10px !important; text-align: left !important; }
[id$="__custom_html_RqbMMz"] p { font-size: 16px !important; line-height: 24px !important; color: var(--mp-stein-700, #57514D) !important; }

/* --- 10) Mobil ------------------------------------------------------------ */
@media (max-width: 991px) {
  .ai-split { grid-template-columns: 1fr; gap: 28px; padding-bottom: 64px; }
  .ai-parallax { aspect-ratio: 4 / 3; }
  .ai-leistungen { grid-template-columns: 1fr; gap: 14px; padding-bottom: 56px; }
}
@media (max-width: 767px) {
  .ai-kapitel { grid-template-columns: 1fr; gap: 6px; padding: 56px 0 20px; }
  .ai-finale { grid-template-columns: 1fr; padding: 36px 22px; }
  .ai-marquee__track > span { font-size: 16px; gap: 20px; padding-right: 20px; }
  [class*="background_video"] h1.t4s-text-bl { max-width: none; }
  [class*="background_video"] p.t4s-text-bl { font-size: 16px !important; line-height: 24px !important; margin-bottom: 22px !important; }
}
@media (max-width: 479px) {
  .ai-btn { width: 100%; }
  .ai-aktionen { flex-direction: column; }
}

/* --- 11) Weniger Bewegung, wenn gewuenscht --------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .ai-marquee__track { animation: none !important; }
  .ai-parallax img { transform: none !important; }
  .t4s-collection-item:hover .t4s-cat-content img, .t4s-collection-item:hover .t4s-cate-wrapper { transform: none; }
}

/* --- 12) Unterseiten: ein Interaktionsmodell fuer alle Seiten --------------- */
/* Anton (ID408): Das Interaktionsmodell ist der Kitt. Wer die Startseite verstanden
   hat, soll jede Unterseite lesen koennen: grosser linksbuendiger Kopf, Lead,
   Bloecke mit 30/600-Titeln, am Ende der eine rote Knopf. */

/* 12a) Buehnen (Video, Slideshow, Banner, Hero-Bild): Text links, Display-Groesse, Schleier */
.t4s-bg-video :is(h1, h2).t4s-text-bl, .t4s-slideshow-inner :is(h1, h2).t4s-text-bl,
.t4s-banner-inner :is(h1, h2).t4s-text-bl, .t4s-hero-inner :is(h1, h2).t4s-text-bl {
  font-size: clamp(36px, 4.4vw, 60px) !important; line-height: 1.04 !important; letter-spacing: -0.03em !important;
  font-weight: 700 !important; text-transform: none !important; text-align: left !important; max-width: 16ch; margin: 0 0 16px !important;
}
.t4s-bg-video p.t4s-text-bl, .t4s-slideshow-inner p.t4s-text-bl, .t4s-banner-inner p.t4s-text-bl, .t4s-hero-inner p.t4s-text-bl {
  font-size: 18px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: 0 !important;
  text-align: left !important; max-width: 44ch; color: rgba(255, 255, 255, .9) !important; text-transform: none !important;
}
.t4s-bg-video .t4s-content-position, .t4s-slideshow-inner .t4s-content-position, .t4s-hero-inner .t4s-content-position { text-align: left !important; }
/* Banner: Inhalt haengt am linken Containerrand statt zentriert */
.t4s-banner-inner .t4s-content-position {
  left: 0 !important; right: auto !important; transform: translateY(-50%) !important; text-align: left !important;
  width: 100% !important; max-width: 1240px !important; margin-left: max(0px, calc((100% - 1240px) / 2)) !important;
  padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box;
}
.t4s-banner-inner .t4s-content-position .t4s-bl-item { text-align: left !important; }
/* (Schleier per ::before entfernt: das Theme baut die Hoehe von Slideshow/Hero ueber .t4s_ratio::before) */
.t4s-slideshow-inner, .t4s-banner-inner, .t4s-hero-inner { position: relative; }
.t4s-slideshow-inner .t4s-content-wrap, .t4s-banner-inner .t4s-content-wrap, .t4s-hero-inner .t4s-content-wrap { z-index: 5; }
/* Startseite behaelt ihre eigene, groessere Zeile */
body.template-index .t4s-bg-video h1.t4s-text-bl { font-size: var(--ai-display) !important; }

/* 12b) Seitenkoepfe (Sammlung, Blog, Suche, statische Koepfe): links, gross, ruhig */
.t4s-page-head { text-align: left !important; }
.t4s-page-head .t4s-title-head, main .t4s-title-head {
  font-size: clamp(36px, 4.2vw, 56px) !important; line-height: 1.05 !important; letter-spacing: -0.025em !important;
  font-weight: 700 !important; text-transform: none !important; text-align: left !important; margin: 6px 0 10px !important;
}
.t4s-page-head .t4s-desc-head { text-align: left !important; max-width: 60ch; font-size: 18px !important; line-height: 28px !important; }
.t4s-breadcrumbs { text-align: left !important; font-size: 13px !important; letter-spacing: 0 !important; text-transform: none !important; opacity: .8; }
.t4s-breadcrumbs__list { justify-content: flex-start !important; }
main .t4s-top-heading-heading { text-align: left !important; }

/* 12c) Bloecke: Titel 30/600, Untertitel 18/28, Karten mit Radius 14 */
.t4s-feature-columns__title, .t4s-shipping-title, .mp-brand-service__heading, .t4s-accor-title, .t4s-article-title, .t4s-post-title {
  text-transform: none !important; letter-spacing: -0.01em !important;
}
.t4s-feature-columns__title { font-size: 22px !important; line-height: 28px !important; font-weight: 600 !important; }
.t4s-feature-columns__text { font-size: 16px; line-height: 24px; color: var(--mp-stein-700, #57514D); }
.t4s-feature-columns__image, .t4s-feature-columns__image img, .t4s-image-text-image img, .t4s-article-thumb, .t4s-article-thumb img { border-radius: 14px !important; overflow: hidden; }
.t4s-shipping-title { font-size: 20px !important; line-height: 26px !important; font-weight: 600 !important; }
.t4s-shipping-des { font-size: 15px !important; line-height: 22px !important; color: var(--mp-stein-700, #57514D) !important; }
.mp-brand-service__heading { font-size: 30px !important; line-height: 36px !important; font-weight: 600 !important; text-align: left !important; }
.mp-brand-service__intro { text-align: left; max-width: 58ch; font-size: 18px; line-height: 28px; }
.mp-brand-service__highlight { background: var(--mp-stein-50, #F8F7F7); border-radius: 14px; padding: 22px 20px; }
.mp-brand-service__highlight strong, .mp-brand-service__highlight b { font-size: 18px; }
.t4s-accor-title { font-size: 18px !important; line-height: 26px !important; font-weight: 600 !important; }
.t4s-accor-item-nav { border-bottom: 1px solid var(--mp-stein-200, #CBC8C5); padding: 16px 0 !important; }
.t4s-accor-text { font-size: 16px; line-height: 24px; color: var(--mp-stein-700, #57514D); }

/* 12d) Sammlungen und Produkte: Kacheln mit Luft, Titel als Wort */
.t4s-product .t4s-product-img, .t4s-product__media-item, .t4s-product__media { border-radius: 14px !important; overflow: hidden; }
body.template-product .t4s-product__title { font-size: clamp(30px, 3vw, 40px) !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; font-weight: 700 !important; }
.mp-pdp-beratung { border-radius: 14px !important; background: var(--mp-stein-50, #F8F7F7) !important; }
main .t4s-collection-header, .t4s-collection-header .t4s-title-head { text-align: left !important; }

/* 12e) Kapitelkopf ohne Nummer (Unterseiten) */
.ai-kapitel--ohne-nr { grid-template-columns: 1fr; }
.ai-sektion + .ai-sektion .ai-kapitel { padding-top: 24px; }
/* Team-CTA-Bloecke aus Runde 17 sprechen dieselbe Sprache */
.mp-team-cta { border-radius: 14px; }

@media (max-width: 767px) {
  .t4s-banner-inner .t4s-content-position { padding-left: 16px !important; padding-right: 16px !important; }
  .t4s-bg-video :is(h1, h2).t4s-text-bl, .t4s-slideshow-inner :is(h1, h2).t4s-text-bl, .t4s-banner-inner :is(h1, h2).t4s-text-bl, .t4s-hero-inner :is(h1, h2).t4s-text-bl { max-width: none; }
  .t4s-page-head .t4s-title-head, main .t4s-title-head { font-size: 32px !important; }
}
/* 12f) Banner-Sektionen liefen 18 px ueber den rechten Rand (t4s-row-Negativraender) */
[id*="__banner"] .t4s-section-inner, .t4s-banner-inner { overflow-x: clip; }

/* 12g) QA-Runde 1: Buehnentitel waren dunkel (mp-stil setzt Ueberschriften stein-900 !important);
   Bilder leicht abgedunkelt statt Schleier, Kuechenstile/Standorte-Intros links, Akkordeon ruhig */
.t4s-banner-inner .t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl,
.t4s-slideshow-inner .t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl,
.t4s-hero-inner .t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl,
.t4s-bg-video .t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl.t4s-text-bl { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
main .t4s-banner-inner img, main .t4s-slideshow-inner img, main .t4s-hero-inner img { filter: brightness(.74); }
main .t4s-desc-head, main .t4s-section-des, main .t4s-top-heading .t4s-section-des { text-align: left !important; max-width: 62ch; margin-left: 0 !important; }
[id*="__intro_section_ks"] .t4s-text-bl, [id*="__about_us_intro"] .t4s-code__html, [id*="__mp_inhaber_statement"] .t4s-code__html { text-align: left !important; margin-left: 0 !important; }
[id*="__style_cards_ks"] h3.t4s-text-bl, [id*="__style_cards_ks"] h2.t4s-text-bl { font-size: 24px !important; line-height: 30px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; }
main .t4s-custom-section h3.t4s-text-bl, main .t4s-text-bl:is(h3) { text-transform: none !important; }
.t4s-tabs.t4s-type-accordion .t4s-accor-item-nav, .t4s-accor-item-nav { background: transparent !important; color: var(--mp-stein-900, #2D2A27) !important; border-radius: 0 !important; padding-left: 0 !important; }
.t4s-accor-item-nav .t4s-accor-title { color: var(--mp-stein-900, #2D2A27) !important; }
[id*="__custom_section_Pq87Tz"] .t4s-text-bl { color: var(--mp-stein-900, #2D2A27) !important; }
.ai-preis-kopf h1 { font-size: clamp(36px, 4.4vw, 60px); line-height: 1.04; letter-spacing: -0.03em; font-weight: 700; color: #fff; margin: 0 0 10px; }
.ai-preis-kopf p { font-size: 18px; line-height: 28px; color: rgba(255, 255, 255, .9); margin: 0; }

/* --- 13) Polish: die Details, an denen man ein A&I-Projekt erkennt ----------- */
/* Typografie: ausgeglichene Zeilenumbrueche, haengende Satzzeichen, Kerning */
h1, h2, h3, .t4s-title-head, .t4s-section-title, .ai-kapitel__titel, .ai-finale__titel { text-wrap: balance; hanging-punctuation: first; font-kerning: normal; font-feature-settings: "kern" 1, "liga" 1; }
p, li { text-wrap: pretty; }
/* Menue: Sales-Versalien werden Woerter (Labels stehen in Shopify in Versalien) */
.t4s-nav-ul > li > a, #t4s-nav-ul > li > a { text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; }
/* Ankuendigung: ruhig, ohne Sperrung */
[class*="announcement"] p, [class*="announcement"] strong { text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; }
/* Ein Karten-Radius (14) und eine Hover-Sprache fuer alles, was Karte ist */
.mp-st-card, .mp-mh-card, .t4s-article-item, .t4s-feature-columns__image, .ai-leistung, .mp-brand-service__highlight, .t4s-product .t4s-product-img, .t4s-collection-item .t4s-cat-content { border-radius: 14px !important; }
.mp-st-card, .mp-mh-card, .t4s-article-item, .t4s-feature-columns__content { transition: transform .45s var(--ai-ease), box-shadow .45s var(--ai-ease); }
.mp-st-card:hover, .mp-mh-card:hover, .t4s-article-item:hover { transform: none; box-shadow: none; }
.mp-mh-card img, .t4s-article-thumb img { transition: transform 1s var(--ai-ease); }
.mp-mh-card:hover img, .t4s-article-item:hover .t4s-article-thumb img { transform: scale(1.03); }
/* Textlinks: eine Sprache (unterstrichen, Abstand, Pfeil bei "Mehr erfahren") */
.t4s-rte a:not([class*="btn"]), .t4s-shipping-des a, .t4s-feature-columns__text a:not([class*="btn"]), .t4s-code__html a:not([class*="btn"]):not(.appointmentButton) {
  color: var(--mp-stein-900, #2D2A27); text-decoration: underline; text-decoration-color: var(--mp-stein-200, #CBC8C5); text-underline-offset: 4px; text-decoration-thickness: 1.5px; transition: text-decoration-color .25s var(--ai-ease), color .25s var(--ai-ease);
}
.t4s-rte a:not([class*="btn"]):hover, .t4s-shipping-des a:hover, .t4s-feature-columns__text a:not([class*="btn"]):hover { color: var(--mp-rot, #D51130); text-decoration-color: var(--mp-rot, #D51130); }
/* Schwarze Leistungsbaender (Kuechen-Seite) werden zum ruhigen Stein-Streifen */
[id*="__shipping"] .t4s-section-inner { background: var(--mp-stein-50, #F8F7F7) !important; }
[id*="__shipping"] .t4s-shipping-title, [id*="__shipping"] .t4s-shipping-des, [id*="__shipping"] .t4s-shipping-des a { color: var(--mp-stein-900, #2D2A27) !important; }
[id*="__shipping"] svg, [id*="__shipping"] i[class*="la"] { color: var(--mp-rot, #D51130) !important; }
/* Zwei Groessen je Ansicht: Blocktitel in custom-sections 30/600, nie 40 fett */
main .t4s-custom-col h2.t4s-text-bl { font-size: 30px !important; line-height: 36px !important; font-weight: 600 !important; letter-spacing: -0.015em !important; text-transform: none !important; }
main .t4s-custom-col h3.t4s-text-bl { font-size: 24px !important; line-height: 30px !important; font-weight: 600 !important; text-transform: none !important; }
/* Buehnentexte auf Unterseiten kommen sanft an */
@keyframes ai-ankunft { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
body:not(.template-index) :is(.t4s-bg-video, .t4s-slideshow-inner, .t4s-banner-inner, .t4s-hero-inner) .t4s-bl-item { animation: ai-ankunft .8s var(--ai-ease) both; }
body:not(.template-index) :is(.t4s-bg-video, .t4s-slideshow-inner, .t4s-banner-inner, .t4s-hero-inner) .t4s-bl-item:nth-child(2) { animation-delay: .12s; }
body:not(.template-index) :is(.t4s-bg-video, .t4s-slideshow-inner, .t4s-banner-inner, .t4s-hero-inner) .t4s-bl-item:nth-child(3) { animation-delay: .24s; }
/* Sichtbarer Fokus (Richtlinie: Pflicht) */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--mp-rot, #D51130) !important; outline-offset: 3px; border-radius: 6px; }
[tabindex]:focus-visible, .flickityt4s-viewport:focus, .flickityt4s-viewport:focus-visible, .t4s-product__media-item:focus, .t4s-product__media-item:focus-visible, .t4s-product__media:focus, .t4s-product__media:focus-visible, .t4s-product__thumb:focus, .t4s-product__thumb:focus-visible, [data-t4s-zoom-main] *:focus, [data-t4s-zoom-main] *:focus-visible, .t4s-product__media img:focus { outline: none !important; box-shadow: none !important; }
/* Bildunterschriften, Kleingedrucktes: stein-700, nie mittig auf Textseiten */
main .t4s-rte small, main .t4s-code__html small { color: var(--mp-stein-700, #57514D); }
@media (prefers-reduced-motion: reduce) {
  body:not(.template-index) :is(.t4s-bg-video, .t4s-slideshow-inner, .t4s-banner-inner, .t4s-hero-inner) .t4s-bl-item { animation: none; }
  .mp-st-card:hover, .mp-mh-card:hover, .t4s-article-item:hover, .t4s-product:hover { transform: none; }
}

/* --- 14) QA-Runde 2 ---------------------------------------------------------- */
/* Preisgarantie-Kopf: Titel weiss trotz mp-stil-Ueberschriftenregel */
.ai-preis-kopf.ai-preis-kopf.ai-preis-kopf.ai-preis-kopf.ai-preis-kopf.ai-preis-kopf h1 { color: #fff !important; }
/* Produktseite: Titel in Textfarbe, Brotkrumenband ohne graue Flaeche */
body.template-product .t4s-product__title.t4s-product__title.t4s-product__title { color: var(--mp-stein-900, #2D2A27) !important; }
body.template-product [id*="brc"] .t4s-section-inner, body.template-product .t4s-brc-nav-product { background: transparent !important; }
/* FAQ-Bloecke links, Standorte-Intro links (Inline-Zentrierung im HTML) */
[id*="__feature_columns_FjrykT"] .t4s-col-item, [id*="__feature_columns_moebel"] .t4s-col-item, [id*="__feature_columns_FjrykT"] .t4s-feature-columns__content, [id*="__feature_columns_moebel"] .t4s-feature-columns__content { text-align: left !important; }
[id*="__about_us_intro"] .t4s-code__html, [id*="__about_us_intro"] .t4s-code__html * , [id*="__mp_inhaber_statement"] .t4s-code__html * { text-align: left !important; }
[id*="__about_us_intro"] .t4s-code__html { max-width: 64ch; margin-left: 0 !important; font-size: 18px; line-height: 28px; }
/* Banner mobil: Inhalt bleibt im Bild, Titel bricht um */
@media (max-width: 767px) {
  .t4s-banner-inner .t4s-content-position { left: 0 !important; width: calc(100% - 32px) !important; max-width: none !important; margin-left: 16px !important; padding: 0 !important; }
  .t4s-banner-inner :is(h1, h2, p).t4s-text-bl, .t4s-banner-inner .ai-preis-kopf h1, .t4s-banner-inner .ai-preis-kopf p { white-space: normal !important; max-width: 100% !important; }
  .ai-preis-kopf h1 { font-size: 34px; }
  .ai-preis-kopf p { font-size: 16px; line-height: 24px; }
}
/* Akkordeon: der rote Balken ist a.t4s-accor-title */
.t4s-accor-title, a.t4s-accor-title, .t4s-tabs.t4s-type-accordion a.t4s-accor-title { background: transparent !important; color: var(--mp-stein-900, #2D2A27) !important; padding-left: 0 !important; border-radius: 0 !important; }
.t4s-tab-wrapper.t4s-active a.t4s-accor-title { color: var(--mp-rot, #D51130) !important; }
/* Brotkrumen-Band auf der Produktseite ohne graue Flaeche */
body.template-product .t4s-section-inner:has(.t4s-breadcrumbs), body.template-product .shopify-section:has(> .t4s-section-inner .t4s-breadcrumbs) .t4s-section-inner { background: transparent !important; }
/* Banner: Schleier auf der Bildspalte (das Bild selbst ist ein Hintergrund), Inhalt darueber */
.t4s-banner-inner .t4s-col-item { position: relative; }
.t4s-banner-inner .t4s-col-item::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: inherit;
  background: linear-gradient(90deg, rgba(27, 25, 24, .62) 0%, rgba(27, 25, 24, .28) 55%, rgba(27, 25, 24, .08) 100%); }
.t4s-banner-inner .t4s-banner-content, .t4s-banner-inner .t4s-content-position { z-index: 5; }
/* Banner: der Inhaltsblock erbt die Breite des (breiteren) Bildes; deshalb an den Viewport binden */
.t4s-banner-inner .t4s-content-position { max-width: min(1240px, calc(100vw - 40px)) !important; }
@media (max-width: 767px) { .t4s-banner-inner .t4s-content-position { width: min(100%, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; } }
/* Produktseite: Brotkrumen ohne graue Flaeche */
.t4s-pr_breadcrumbs .t4s-section-inner, .t4s-pr_breadcrumbs > div, .t4s-pr_breadcrumbs [class*="breadcrumb"] { background: transparent !important; }
.t4s-pr_breadcrumbs, .t4s-pr_breadcrumbs * { background-color: transparent !important; }

/* --- 15) Runde 3: Buehnen ueberall, Seitenkoepfe als Buehne, Struktur Sammlung/Produkt/Kuechen ---- */
/* 15a) Eigene Buehne (Sektion mp-ai-buehne) */
.ai-buehne { position: relative; min-height: var(--ai-buehne-h, 560px); display: flex; align-items: flex-end; overflow: hidden; background: var(--mp-stein-900, #2D2A27); }
.ai-buehne__medium, .ai-buehne video, .ai-buehne img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ai-buehne__schleier { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(27, 25, 24, .62) 0%, rgba(27, 25, 24, .30) 55%, rgba(27, 25, 24, .08) 100%), linear-gradient(0deg, rgba(27, 25, 24, .35) 0%, rgba(27, 25, 24, 0) 45%); pointer-events: none; }
.ai-buehne__inhalt { position: relative; z-index: 2; width: 100%; padding-top: 72px; padding-bottom: 64px; color: #fff; }
.ai-buehne__kicker { margin: 0 0 14px; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: .02em; color: rgba(255, 255, 255, .85); display: inline-flex; align-items: center; gap: 10px; }
.ai-buehne__kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-rot, #D51130); }
.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel { margin: 0 0 16px; font-size: clamp(38px, 4.6vw, 64px); line-height: 1.03; letter-spacing: -0.03em; font-weight: 700; color: #fff !important; max-width: 16ch; text-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.ai-buehne__lead { margin: 0; font-size: 18px; line-height: 28px; color: rgba(255, 255, 255, .9); max-width: 46ch; }
.ai-buehne__inhalt > * { animation: ai-ankunft .8s var(--ai-ease) both; }
.ai-buehne__inhalt > *:nth-child(2) { animation-delay: .1s; } .ai-buehne__inhalt > *:nth-child(3) { animation-delay: .2s; }
@media (max-width: 767px) { .ai-buehne { min-height: var(--ai-buehne-h-mb, 440px); } .ai-buehne__inhalt { padding-top: 48px; padding-bottom: 40px; } .ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel { font-size: 36px; max-width: none; } .ai-buehne__lead { font-size: 16px; line-height: 24px; } }

/* 15b) Theme-Seitenkoepfe (Sammlung, Blog, Suche, Artikel, statische Seiten) werden dieselbe Buehne */
.t4s-page-section-heading {
  position: relative; min-height: 420px; display: flex; align-items: flex-end; overflow: hidden;
  padding: 72px 0 56px !important; background-color: var(--mp-stein-900, #2D2A27) !important;
  background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;
  background-image: url(mp-standort-ma-2.jpg);
}
.t4s-page-section-heading picture, .t4s-page-section-heading picture img, .t4s-page-section-heading > .t4s-bg-img, .t4s-page-section-heading > .t4s-bg { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; z-index: 0; }
.t4s-page-section-heading::before { content: "" !important; display: block !important; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(27, 25, 24, .62) 0%, rgba(27, 25, 24, .30) 55%, rgba(27, 25, 24, .08) 100%), linear-gradient(0deg, rgba(27, 25, 24, .35) 0%, rgba(27, 25, 24, 0) 45%) !important; }
.t4s-page-section-heading::after, .t4s-page-section-heading .t4s-bg-overlay { display: none !important; }
.t4s-page-section-heading .t4s-page-head { position: relative; z-index: 2; text-align: left !important; }
.t4s-page-section-heading .t4s-title-head, .t4s-page-section-heading h1, .t4s-page-section-heading h2 { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.t4s-page-section-heading .t4s-title-head.t4s-title-head.t4s-title-head.t4s-title-head.t4s-title-head.t4s-title-head { color: #fff !important; font-size: clamp(38px, 4.6vw, 64px) !important; line-height: 1.03 !important; letter-spacing: -0.03em !important; max-width: 16ch; }
.t4s-page-section-heading .t4s-desc-head, .t4s-page-section-heading .t4s-desc-head *, .t4s-page-section-heading .t4s-article-heading-category { color: rgba(255, 255, 255, .9) !important; text-align: left !important; }
.t4s-page-section-heading .t4s-desc-head { max-width: 46ch; font-size: 18px !important; line-height: 28px !important; margin-top: 12px; }
.t4s-page-section-heading .t4s-breadcrumbs, .t4s-page-section-heading .t4s-breadcrumbs a, .t4s-page-section-heading .t4s-breadcrumbs__item { color: rgba(255, 255, 255, .8) !important; }
.t4s-page-section-heading .t4s-breadcrumbs { margin-bottom: 14px; }
.t4s-page-section-heading .t4s-breadcrumbs a::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-rot, #D51130); margin-right: 10px; vertical-align: 1px; }
@media (max-width: 767px) { .t4s-page-section-heading { min-height: 320px; padding: 40px 0 32px !important; } }

/* 15c) Kuechen-Seite: Schritte als Kapitel */
.ai-schritte { padding: 8px 0 8px; }
.ai-schritte__titel { margin: 0 0 28px !important; font-size: clamp(30px, 3vw, 40px) !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
.ai-schritt { display: grid; grid-template-columns: 64px 1fr; gap: 8px 20px; padding: 22px 0; border-top: 1px solid var(--mp-stein-200, #CBC8C5); }
.ai-schritt:last-child { border-bottom: 1px solid var(--mp-stein-200, #CBC8C5); }
.ai-schritt__nr { font-size: 40px; line-height: 1; font-weight: 700; letter-spacing: -0.03em; color: var(--mp-stein-200, #CBC8C5); }
.ai-schritt h3 { margin: 4px 0 8px !important; font-size: 24px !important; line-height: 30px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.ai-schritt p { margin: 0; font-size: 16px; line-height: 24px; color: var(--mp-stein-700, #57514D); max-width: 58ch; }
.ai-aktionen--mitte { justify-content: center; }
.ai-btn.funnelButton { min-height: 52px !important; height: auto !important; padding: 0 28px !important; border-radius: 10px !important; font-size: 16px !important; line-height: 1 !important; }
/* Aktions-Box (mpgw) auf der Kuechen-Seite: Text weiss auf dunkel */
.mpgw .mpgw__h.mpgw__h.mpgw__h.mpgw__h.mpgw__h.mpgw__h, .mpgw .mpgw__eyebrow, .mpgw .mpgw__in p, .mpgw .mpgw__in li { color: #fff !important; }
.mpgw .mpgw__in small, .mpgw .mpgw__in p.mpgw__fuss, .mpgw .mpgw__in .mpgw__note { color: rgba(255, 255, 255, .7) !important; }

/* 15d) Sammlungen: Titel im Kopf, Beschreibung als "Gut zu wissen" in Lesebreite, Kacheln ruhig */
#t4s-desc-collection, .t4s-collection-description, .t4s-desc-collection { max-width: 72ch; margin-inline: 0; }
#t4s-desc-collection h2, .t4s-collection-description h2, .t4s-desc-collection h2 { font-size: 24px !important; line-height: 30px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; margin: 28px 0 10px !important; }
#t4s-desc-collection p, .t4s-collection-description p, .t4s-desc-collection p, #t4s-desc-collection li { font-size: 16px !important; line-height: 24px !important; color: var(--mp-stein-700, #57514D) !important; }
main .t4s-top-heading .t4s-section-des, main .t4s-top-heading .t4s-subtitle, main .t4s-section-des { font-style: normal !important; text-align: left !important; max-width: 62ch; margin-left: 0 !important; font-size: 18px !important; line-height: 28px !important; }
main .t4s-top-heading-heading, main .t4s-top-heading { text-align: left !important; }
main .t4s-section-title span::after, main .t4s-section-title span::before { display: none !important; }
main .t4s-image-text-content { text-align: left !important; }
main .t4s-image-text-heading { font-size: 30px !important; line-height: 36px !important; font-weight: 600 !important; }
.t4s-product .t4s-product-vendor, .t4s-product-info .t4s-product-vendor { font-size: 13px; letter-spacing: 0; color: var(--mp-stein-500, #89807A); }
.t4s-product .t4s-product-title { font-size: 17px !important; line-height: 24px !important; }
.t4s-product .t4s-product-price { font-size: 15px; }

/* 15e) Produktseite: Details ohne Kasten, Standort-Karten links */
.t4s-product-tabs-wrapper { background: transparent !important; padding: 0 !important; margin-top: 8px; }
.t4s-product-tabs-wrapper .t4s-tabs-pr-ul { margin-bottom: 8px !important; }
.t4s-product-tabs-wrapper .t4s-tab-content .t4s-rte { max-width: 60ch; }
.mp-st-body { text-align: left !important; }
.mp-st-body .mp-st-tel { justify-content: flex-start; }

/* --- 16) Runde 3b ------------------------------------------------------------ */
/* Kopfbild: das Skript setzt background-image aus data-bgset (Theme-Lazyloader bleibt bei lazyloadt4sing haengen) */
.t4s-page-section-heading img, .t4s-page-section-heading picture { display: none !important; }
.t4s-page-section-heading.ai-kopfbild { background-image: var(--ai-kopfbild) !important; }
/* Kochen/Kuehlen-Inhaltsseiten (custom-section-Spalten): links, nicht kursiv, Chips links */
body.template-collection .t4s-custom-col .t4s-col-inner, body.template-collection .t4s-custom-col .t4s-text-bl { text-align: left !important; }
body.template-collection .t4s-text-bl.t4s-font-italic-true { font-style: normal !important; }
body.template-collection .t4s-custom-col p.t4s-text-bl { max-width: 62ch; }
body.template-collection .t4s-product-btns2, body.template-collection .t4s-product-btns { justify-content: flex-start !important; }
/* Produktseite: Details ohne grauen Kasten */
.t4s-product-tabs-wrapper, .t4s-product-tabs-wrapper > div, .t4s-product-tabs-wrapper .t4s-tabs-pr, .t4s-product-tabs-wrapper .t4s-tab-content, .t4s-product-tabs-wrapper .t4s-tab-wrapper, .t4s-product-tabs-wrapper [class*="tabs"] { background: transparent !important; padding-top: 0 !important; }
.t4s-product-tabs-wrapper .t4s-tab-content { padding-left: 0 !important; padding-right: 0 !important; }
/* Leistungsbaender (Typ shipping) immer hell, egal welche Sektionsfarbe eingestellt ist */
.shopify-section.t4s-shipping .t4s-section-inner { background: var(--mp-stein-50, #F8F7F7) !important; }
.shopify-section.t4s-shipping .t4s-shipping-title, .shopify-section.t4s-shipping .t4s-section-title { color: var(--mp-stein-900, #2D2A27) !important; }
.shopify-section.t4s-shipping .t4s-shipping-des, .shopify-section.t4s-shipping .t4s-shipping-des a { color: var(--mp-stein-700, #57514D) !important; }
.shopify-section.t4s-shipping svg, .shopify-section.t4s-shipping i[class*="la"] { color: var(--mp-rot, #D51130) !important; }
/* Kuechen-Schritte links */
.ai-schritte, .ai-schritte * { text-align: left !important; }
/* --- 17) Runde 3c ------------------------------------------------------------ */
/* Seitenkopf: Titel ohne dunklen Kasten, Inhalt im Container */
.t4s-page-section-heading .t4s-page-head, .t4s-page-section-heading .t4s-page-head *, .t4s-page-section-heading .t4s-title-head, .t4s-page-section-heading .t4s-desc-head { background: transparent !important; box-shadow: none !important; }
.t4s-page-section-heading .t4s-page-head { width: 100%; max-width: 1240px; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box; }
.t4s-page-section-heading .t4s-title-head { padding: 0 !important; margin-left: 0 !important; }
/* Leistungsbaender: auch Ueberschriften mit Inline-Farbe dunkel */
.shopify-section.t4s-shipping h2, .shopify-section.t4s-shipping h3, .shopify-section.t4s-shipping [class*="title"], .shopify-section.t4s-shipping .t4s-top-heading * { color: var(--mp-stein-900, #2D2A27) !important; }
/* Chips auf Inhalts-Sammlungen links */
body.template-collection .t4s-product-btns2, body.template-collection .t4s-product-btns { text-align: left !important; justify-content: flex-start !important; }
/* Theme zeichnet hinter .t4s-page-head einen Overlay-Kasten per Pseudo-Element (--bg-overlay) */
.t4s-page-section-heading .t4s-page-head::before, .t4s-page-section-heading .t4s-page-head::after, .t4s-page-section-heading .t4s-title-head::before, .t4s-page-section-heading .t4s-title-head::after { display: none !important; content: none !important; }
/* Zierlinien unter Textbloecken der Inhalts-Sammlungen (Pseudo-Elemente) */
body.template-collection .t4s-custom-col p.t4s-text-bl::after, body.template-collection .t4s-custom-col p.t4s-text-bl::before { display: none !important; }

/* --- 18) Auszeichnung KitchenAdvisor (Sektion mp-ai-trust) -------------------- */
.ai-trust { display: flex; align-items: center; gap: 20px; }
.ai-trust--streifen { padding: 16px 0; border-bottom: 1px solid var(--mp-stein-200, #CBC8C5); }
.ai-trust--karte { padding: 28px 28px; background: var(--mp-stein-50, #F8F7F7); border-radius: 14px; margin: 8px 0 24px; }
.ai-trust__siegel { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; }
.ai-trust__bild { width: 64px; height: auto; border-radius: 8px; display: block; }
.ai-trust--karte .ai-trust__bild { width: 96px; }
.ai-trust__rang { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--mp-rot, #D51130); color: #fff; font-size: 24px; font-weight: 700; letter-spacing: -0.02em; }
.ai-trust__text { flex: 1 1 auto; min-width: 0; }
.ai-trust__titel { margin: 0; font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: -0.01em; color: var(--mp-stein-900, #2D2A27); }
.ai-trust--karte .ai-trust__titel { font-size: 24px; line-height: 30px; }
.ai-trust__sub { margin: 2px 0 0; font-size: 15px; line-height: 22px; color: var(--mp-stein-700, #57514D); }
.ai-trust__link { flex: 0 0 auto; font-size: 15px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: underline; text-decoration-color: var(--mp-stein-200, #CBC8C5); text-underline-offset: 4px; }
.ai-trust__link:hover { color: var(--mp-rot, #D51130); text-decoration-color: var(--mp-rot, #D51130); }
[id*="__ai_trust"] .t4s-section-inner { padding: 0 !important; }
@media (max-width: 767px) { .ai-trust { gap: 14px; } .ai-trust--karte { padding: 20px; flex-wrap: wrap; } .ai-trust__link { flex-basis: 100%; } .ai-trust__titel { font-size: 18px; line-height: 24px; } }
/* Aktions-Box: Schritt-Pillen behalten dunkle Schrift (Pillen sind weiss) */
.mpgw .mpgw__steps li, .mpgw .mpgw__steps li b { color: var(--mp-stein-900, #2D2A27) !important; }
.mpgw .mpgw__steps li b { color: var(--mp-rot, #D51130) !important; }

/* --- 19) Runde 4: Hero ohne Slider, feste Icons, Kacheltext unter dem Bild, Rhythmus, Beratungskarte ---- */
/* Hero: eine Zeile, blockweise einblenden; rotes e nur am ersten Wort */
[class*="background_video"] h1.t4s-text-bl { opacity: 0; transform: translateY(14px); transition: opacity .9s var(--ai-ease), transform .9s var(--ai-ease); max-width: 18ch; }
[class*="background_video"] h1.t4s-text-bl.is-in { opacity: 1; transform: none; }
body.template-index .t4s-bg-video h1.t4s-text-bl { font-size: clamp(36px, 4.6vw, 64px) !important; line-height: 1.04 !important; }
/* Hero-Knoepfe: Inline-Icons, weiss, Hover hell, kein Theme-Overlay, keine ::before-Masken mehr */
.ai-hero-btn, [class*="background_video"] a[class*="btn"], .t4s-bg-video a[class*="btn"] {
  display: inline-flex !important; align-items: center; gap: 10px; background: #fff !important; color: var(--mp-stein-900, #2D2A27) !important; border: 0 !important;
  box-shadow: 0 4px 14px rgba(27, 25, 24, .18); transition: background-color .25s var(--ai-ease), transform .25s var(--ai-ease), box-shadow .25s var(--ai-ease);
}
[class*="background_video"] a[class*="btn"]::before, [class*="background_video"] a[class*="btn"]::after, .t4s-bg-video a[class*="btn"]::before, .t4s-bg-video a[class*="btn"]::after { content: none !important; display: none !important; }
[class*="background_video"] a[class*="btn"]:hover, .t4s-bg-video a[class*="btn"]:hover { background: var(--mp-stein-50, #F8F7F7) !important; color: var(--mp-stein-900, #2D2A27) !important; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(27, 25, 24, .22); opacity: 1 !important; }
.ai-ico { width: 20px; height: 20px; flex: 0 0 20px; stroke: currentColor; }
/* Warengruppen: Text unter dem Bild statt ueber dem Bild */
.t4s-collection-item .t4s-cat-content { position: relative; text-align: left !important; }
.t4s-collection-item .t4s-coll-img { border-radius: 14px; overflow: hidden; }
.t4s-collection-item .t4s-cate-wrapper { position: static !important; transform: none !important; padding: 14px 2px 0 !important; background: none !important; text-align: left !important; }
.t4s-collection-item .t4s-cate-wrapper::before, .t4s-collection-item .t4s-cate-wrapper::after, .t4s-collection-item .t4s-cat-content::after { content: none !important; display: none !important; }
.t4s-collection-item .t4s-cat-title { display: inline-flex; align-items: center; gap: 10px; }
.t4s-collection-item .t4s-cat-title .t4s_as_title { font-size: 22px !important; line-height: 28px !important; font-weight: 600 !important; letter-spacing: -0.01em; color: var(--mp-stein-900, #2D2A27) !important; text-transform: none !important; }
.t4s-collection-item .t4s-cat-title::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-rot, #D51130); flex: 0 0 7px; transition: transform .3s var(--ai-ease); }
.t4s-collection-item:hover .t4s-cat-title::after { transform: translateX(4px); }
.t4s-collection-item .t4s-cat-subtitle { display: none !important; }
.t4s-collection-item:hover .t4s-cate-wrapper { transform: none !important; }
/* Rhythmus: eine Innenluft fuer alle Inhaltssektionen (64 Desktop, 48 Mobil); Buehnen, Baender, Brotkrumen ausgenommen */
main .shopify-section > .t4s-section-inner:not(.t4s-page-section-heading) { padding-top: 64px !important; padding-bottom: 64px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
main .shopify-section > .t4s-section-inner > .t4s-container > .t4s-row { margin-bottom: 0; }
[id*="background_video"] > .t4s-section-inner, [id*="mp_video_header"] > .t4s-section-inner, [id*="__mp_trust_band"] > .t4s-section-inner, [id*="__ai_trust"] > .t4s-section-inner,
[id*="__slideshow"] > .t4s-section-inner, [id*="__banner"] > .t4s-section-inner, [id*="__hero_image"] > .t4s-section-inner, [id*="__top_heading"] > .t4s-section-inner, [id*="__breadcrumb"] > .t4s-section-inner,
.t4s-pr_breadcrumbs > .t4s-section-inner, [id*="bg_video_header"] > .t4s-section-inner, [id*="__ai_kap01"] > .t4s-section-inner, [id*="__ai_kap03"] > .t4s-section-inner { padding-top: 0 !important; padding-bottom: 0 !important; }
[id*="__ai_trust"] > .t4s-section-inner, [id*="__mp_trust_band"] > .t4s-section-inner { padding: 0 !important; }
.ai-kapitel { padding: 64px 0 24px; }
[id*="__ai_kap01"] + .shopify-section > .t4s-section-inner, [id*="__ai_kap03"] + .shopify-section > .t4s-section-inner, .ai-sektion--kapitel + .shopify-section > .t4s-section-inner { padding-top: 8px !important; }
[id*="__ai_kap02"] > .t4s-section-inner { padding-top: 0 !important; padding-bottom: 0 !important; }
[id*="__ai_kap02"] .ai-kapitel { padding-top: 72px; }
.ai-split { padding-bottom: 72px; }
.ai-leistungen { padding-bottom: 0; }
.ai-finale { margin: 0; }
[id*="__ai_finale"] > .t4s-section-inner { padding-top: 32px !important; padding-bottom: 64px !important; }
main .shopify-section > .t4s-section-inner .t4s-section-inner { padding-top: 0 !important; padding-bottom: 0 !important; }
.ai-trust--streifen { padding: 18px 0; }
.ai-sektion--trust + .shopify-section > .t4s-section-inner { padding-top: 48px !important; }
@media (max-width: 767px) {
  main .shopify-section > .t4s-section-inner:not(.t4s-page-section-heading) { padding-top: 48px !important; padding-bottom: 48px !important; }
  .ai-kapitel { padding: 48px 0 16px; }
  [id*="__ai_finale"] > .t4s-section-inner { padding-top: 16px !important; padding-bottom: 48px !important; }
}
/* Kopfzeile: Telefon neben dem Terminknopf (nur Desktop) */
.ai-header-tel { display: none; align-items: center; gap: 8px; margin-right: 18px; font-size: 15px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: none; white-space: nowrap; }
.ai-header-tel:hover { color: var(--mp-rot, #D51130); }
.ai-header-tel .ai-ico { width: 18px; height: 18px; }
@media (min-width: 1200px) { .ai-header-tel { display: inline-flex; } }
/* Beratungskarte im Produktraster */
/* Finale: Google-Zeile */
.ai-finale__google { margin: 14px 0 0; font-size: 15px; line-height: 22px; color: var(--mp-stein-700, #57514D); }
.ai-sterne { color: #FBB000; letter-spacing: 1px; margin-right: 6px; }
/* Rendering: Sektionen unterhalb des Falzes erst zeichnen, wenn sie in die Naehe kommen */
/* content-visibility:auto entfernt (Runde 7): Flickity-Slider (Empfehlungen, Zuletzt angesehen, Blog) wurden im uebersprungenen Zustand mit Breite 0 initialisiert. */

/* --- 20) Runde 4b ------------------------------------------------------------ */
/* Rhythmus-Ausnahmen brauchen dieselbe Spezifitaet wie die Grundregel */
main .shopify-section[id*="background_video"] > .t4s-section-inner, main .shopify-section[id*="mp_video_header"] > .t4s-section-inner, main .shopify-section[id*="bg_video_header"] > .t4s-section-inner,
main .shopify-section[id*="__slideshow"] > .t4s-section-inner, main .shopify-section[id*="__banner"] > .t4s-section-inner, main .shopify-section[id*="__hero_image"] > .t4s-section-inner,
main .shopify-section[id*="__top_heading"] > .t4s-section-inner, main .shopify-section[id*="__breadcrumb"] > .t4s-section-inner, main .shopify-section.t4s-pr_breadcrumbs > .t4s-section-inner,
main .shopify-section[id*="__ai_kap01"] > .t4s-section-inner, main .shopify-section[id*="__ai_kap02"] > .t4s-section-inner, main .shopify-section[id*="__ai_kap03"] > .t4s-section-inner,
main .shopify-section[id*="__mp_trust_band"] > .t4s-section-inner, main .shopify-section[id*="__ai_trust"] > .t4s-section-inner, main .shopify-section.ai-sektion--buehne > .t4s-section-inner { padding-top: 0 !important; padding-bottom: 0 !important; }
main .shopify-section[id*="__ai_kap01"] + .shopify-section > .t4s-section-inner, main .shopify-section[id*="__ai_kap03"] + .shopify-section > .t4s-section-inner, main .shopify-section.ai-sektion--kapitel + .shopify-section > .t4s-section-inner { padding-top: 8px !important; }
main .shopify-section[id*="__ai_finale"] > .t4s-section-inner { padding-top: 0 !important; padding-bottom: 64px !important; }
main .shopify-section.ai-sektion--trust + .shopify-section > .t4s-section-inner { padding-top: 48px !important; }
@media (max-width: 767px) { main .shopify-section[id*="__ai_finale"] > .t4s-section-inner { padding-top: 0 !important; padding-bottom: 40px !important; } }
/* Warengruppen-Kacheln: Text links, kein Kasten, Bildradius 14 */
.t4s-collection-item .t4s-cat-content, .t4s-collection-item .t4s-cat-content.t4s-text-center { background: transparent !important; border-radius: 0 !important; text-align: left !important; }
.t4s-collection-item .t4s-cate-wrapper { display: flex !important; justify-content: flex-start !important; }
.t4s-collection-item .t4s-coll-img, .t4s-collection-item .t4s-coll-img .t4s_ratio, .t4s-collection-item .t4s-coll-img img { border-radius: 14px !important; }
/* --- 21) Runde 4c: Kacheltitel wirklich links, ohne Leuchtschatten; Kopfbilder mobil dunkler ------ */
.t4s-collection-item .t4s-cate-wrapper, .t4s-collection-item .t4s-cate-wrapper * { text-align: left !important; text-shadow: none !important; }
.t4s-collection-item .t4s-cate-wrapper { left: 0 !important; right: auto !important; top: auto !important; bottom: auto !important; width: 100% !important; max-width: none !important; transform: none !important; margin: 0 !important; justify-content: flex-start !important; }
.t4s-collection-item .t4s-cat-title { margin: 0 !important; justify-content: flex-start !important; width: auto !important; }
.t4s-collection-item .t4s-cat-title .t4s_as_title { text-shadow: none !important; }
@media (max-width: 767px) {
  .t4s-page-section-heading::before { background: linear-gradient(90deg, rgba(27, 25, 24, .55) 0%, rgba(27, 25, 24, .35) 60%, rgba(27, 25, 24, .2) 100%), linear-gradient(0deg, rgba(27, 25, 24, .6) 0%, rgba(27, 25, 24, .05) 60%) !important; }
  .ai-buehne__schleier { background: linear-gradient(90deg, rgba(27, 25, 24, .5) 0%, rgba(27, 25, 24, .3) 60%, rgba(27, 25, 24, .15) 100%), linear-gradient(0deg, rgba(27, 25, 24, .55) 0%, rgba(27, 25, 24, .05) 55%); }
}
.t4s-collection-item .t4s-cate-wrapper > *, .t4s-collection-item .t4s-cate-wrapper > * > * { margin-left: 0 !important; margin-right: auto !important; text-align: left !important; }
.t4s-collection-item .t4s-cate-wrapper > * { width: 100% !important; display: block !important; }
/* Theme blendet Sektionen mit haengendem Lazyloader auf 25 % aus (lazyloadt4sing); die Kopfbilder setzen wir selbst */
.t4s-page-section-heading.lazyloadt4sing, .t4s-page-section-heading.lazyloadt4s { opacity: 1 !important; }
/* Roter Punkt am Kacheltitel bleibt */
.t4s-collection-item .t4s-cat-title::after { display: inline-block !important; margin-left: 10px; vertical-align: middle; }

/* --- 22) Runde 4d ------------------------------------------------------------ */
/* Produktkacheln: kein Anheben, kein Zoom; das Theme tauscht beim Ueberfahren das Bild, das reicht */
.t4s-products > .t4s-product, .t4s-products > .t4s-product:hover { transform: none !important; } .t4s-product, .t4s-product:hover { box-shadow: none !important; }
/* Slider-Zellen (Flickity) positionieren sich per transform; dort nur den Hover-Hub unterbinden */
.flickityt4s-slider > .t4s-product:hover { transition: none; }
.t4s-product .t4s-product-img img { transition: none !important; }
.t4s-product:hover .t4s-product-img img { transform: none !important; }
/* Kleines rotes e am Zeilenanfang (wie im Logo) */
.ai-e--klein { font-size: 1em; line-height: 0; position: relative; top: 0; margin-right: 0; }
/* Beratungskarte: so hoch wie eine Kachel, nicht hoeher */
/* Kopfbild: Bildschwerpunkt aus Shopify (Fokuspunkt) statt starr mittig */
.t4s-page-section-heading.ai-kopfbild { background-position: var(--ai-kopfpos, center 62%) !important; }

/* --- 23) Mega-Menue: Markenlogos unangetastet (Banner-Regeln gelten nur im Inhalt) ---- */
header .t4s-banner-inner img, .t4s-menu-item .t4s-banner-inner img, .t4s-lazy_menu img { filter: none !important; }
header .t4s-banner-inner .t4s-col-item::after, .t4s-menu-item .t4s-banner-inner::after, .t4s-menu-item .t4s-col-item::after { content: none !important; }
.t4s-menu-item .t4s-banner-inner .t4s-content-position { left: auto !important; width: auto !important; margin-left: 0 !important; padding: 0 !important; transform: none !important; }
.t4s-lazy_menu .t4s-banner-item { background: transparent !important; }

/* --- 24) Markenraster und Team-Karten ---------------------------------------- */
.ai-marken__filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 28px; }
.ai-chip { border: 1.5px solid var(--mp-stein-200, #CBC8C5); text-decoration: none; background: #fff; color: var(--mp-stein-900, #2D2A27); border-radius: 999px; padding: 9px 16px; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color .2s var(--ai-ease), border-color .2s var(--ai-ease); }
.ai-chip:hover { border-color: var(--mp-stein-800, #3E3A37); }
.ai-chip.is-aktiv { background: var(--mp-stein-900, #2D2A27); border-color: var(--mp-stein-900, #2D2A27); color: #fff; }
.ai-marken { list-style: none; margin: 0 0 8px; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.ai-marke { display: block; }
.ai-marke.is-weg { display: none; }
.ai-marke__link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 132px; padding: 18px 16px; border-radius: 14px; background: #fff; border: 1px solid var(--mp-stein-100, #E2DFDE); text-decoration: none; color: var(--mp-stein-700, #57514D); transition: border-color .25s var(--ai-ease), transform .25s var(--ai-ease), box-shadow .25s var(--ai-ease); }
.ai-marke__link:hover { border-color: var(--mp-stein-800, #3E3A37); color: var(--mp-stein-900, #2D2A27); }
.ai-marke__link img { max-width: 130px; max-height: 44px; width: auto; height: auto; object-fit: contain; mix-blend-mode: multiply; }
.ai-marke__name { font-size: 13px; line-height: 18px; }
@media (max-width: 991px) { .ai-marken { grid-template-columns: repeat(4, 1fr); gap: 10px; } }
@media (max-width: 599px) { .ai-marken { grid-template-columns: repeat(2, 1fr); } .ai-marke__link { height: 112px; padding: 14px 10px; } .ai-marke__link img { max-width: 110px; max-height: 36px; } }
.ai-team { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; list-style: none; margin: 0; padding: 0; }
.ai-team__karte { display: flex; flex-direction: column; gap: 4px; }
.ai-team__bild { aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden; background: var(--mp-stein-50, #F8F7F7); margin-bottom: 12px; }
.ai-team__bild img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1s var(--ai-ease); }
.ai-team__karte:hover .ai-team__bild img { transform: scale(1.03); }
.ai-team__name { margin: 0; font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; color: var(--mp-stein-900, #2D2A27); }
.ai-team__rolle { margin: 0; font-size: 15px; line-height: 22px; color: var(--mp-stein-700, #57514D); }
.ai-team__tel { margin: 4px 0 0; font-size: 15px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.ai-team__tel::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-rot, #D51130); }
.ai-team__tel:hover { color: var(--mp-rot, #D51130); }
@media (max-width: 991px) { .ai-team { grid-template-columns: repeat(2, 1fr); gap: 16px; } .ai-team__name { font-size: 18px; line-height: 24px; } }

/* Markenseite: Intro als Lead, links */
[id*="__custom_section_cweeTg"] .t4s-text-bl { text-align: left !important; font-size: clamp(22px, 2.2vw, 28px) !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; color: var(--mp-stein-900, #2D2A27) !important; max-width: 34ch; margin-left: 0 !important; font-weight: 600 !important; }
[id*="__custom_section_cweeTg"] .t4s-col-inner { text-align: left !important; }

/* --- 25) Angebote-Landingpage (page.aktionen-test) ---------------------------- */
.ai-sprung { display: flex; flex-wrap: wrap; gap: 8px; }
.ai-sprung .ai-chip { text-decoration: none; }
[id*="__ai_chips"] > .t4s-section-inner { padding-top: 24px !important; padding-bottom: 0 !important; }
.ai-angebote__hinweis { margin: 18px 0 0; font-size: 13px; line-height: 20px; color: var(--mp-stein-500, #89807A); }
.ai-angebote__leer { margin: 8px 0 0; color: var(--mp-stein-700, #57514D); }
.ai-sektion--angebote .t4s-product .t4s-product-price { font-size: 17px !important; font-weight: 700; color: var(--mp-stein-900, #2D2A27) !important; }
.ai-sektion--angebote .t4s-product .t4s-product-title { font-size: 17px !important; line-height: 24px !important; }
[id*="__ai_bestpreis"] > .t4s-section-inner { background: var(--mp-stein-900, #2D2A27) !important; padding-top: 8px !important; padding-bottom: 56px !important; }
[id*="__ai_bestpreis"] .ai-kapitel__lead { color: #fff; }
html { scroll-padding-top: 120px; }
/* Angebotsgruppen: Kapitelkopf haengt direkt an der Sektionsluft */
.ai-sektion--angebote .ai-kapitel { padding-top: 0; }
main .shopify-section[id*="__ai_chips"] > .t4s-section-inner { padding-top: 28px !important; padding-bottom: 8px !important; }
main .shopify-section[id*="__ai_chips"] + .shopify-section > .t4s-section-inner { padding-top: 40px !important; }


/* --- 26) Runde 6: ein Hover-Modell fuer alles --------------------------------- */
/* Regel: Knoepfe wechseln nur die Farbe. Karten heben sich nicht und werfen keinen Schatten, nur das Bild atmet (1.03).
   Textlinks werden rot. Chips: der Rand wird dunkel. Sonst nichts. */
.ai-btn, .ai-btn:hover, .appointmentButton:hover, .mp-pdp-cta__termin:hover, .mp-team-cta__btn:hover, .t4s-btn:hover, .btn-primary:hover, .funnelButton:hover, .ai-hero-btn, .ai-hero-btn:hover { transform: none !important; box-shadow: none !important; }
.ai-btn--cta:hover, .appointmentButton:hover, .mp-pdp-cta__termin:hover, .mp-team-cta__btn:hover { background-color: var(--mp-rot-hover, #AC0E27) !important; border-color: var(--mp-rot-hover, #AC0E27) !important; }
.t4s-btn-effect-fade::before, .t4s-btn-effect-fade::after, [class*="t4s-btn-effect"]::before, [class*="t4s-btn-effect"]::after { content: none !important; }
.ai-hero-btn:hover { background: var(--mp-stein-50, #F8F7F7) !important; border-color: var(--mp-stein-50, #F8F7F7) !important; }
.mp-st-card:hover, .mp-mh-card:hover, .ai-marke__link:hover, .t4s-products > .t4s-product:hover, .t4s-collection-item:hover, .mp-toolbar-chip:hover, .ai-chip:hover, .t4s-feature-columns__item:hover, .ai-team__karte:hover, .ai-angebot:hover, .ai-band:hover { transform: none !important; box-shadow: none !important; }
.t4s-article-item:hover, .flickityt4s-slider > .t4s-product:hover { box-shadow: none !important; }
.mp-mh-card img, .t4s-article-thumb img, .t4s-collection-item img, .mp-st-card img, .ai-team__bild img, .t4s-feature-columns__image img, .ai-angebot__bild img, .ai-band__bild img, .ai-beratungskarte__bild img { transition: transform .9s var(--ai-ease) !important; }
.mp-mh-card:hover img, .t4s-article-item:hover .t4s-article-thumb img, .t4s-collection-item:hover img, .mp-st-card:hover img, .ai-team__karte:hover .ai-team__bild img, .t4s-feature-columns__item:hover .t4s-feature-columns__image img, .ai-angebot:hover .ai-angebot__bild img, .ai-band:hover .ai-band__bild img, .ai-beratungskarte:hover .ai-beratungskarte__bild img { transform: scale(1.03) !important; }
.mp-mh-card:hover, .mp-mh-card:hover *, .t4s-collection-item a:hover, .t4s-collection-item a:hover *, .mp-st-slides:hover, .t4s-article-title a:hover, .ai-marke__link:hover .ai-marke__name { color: var(--mp-stein-900, #2D2A27) !important; }
.t4s-collection-item a:hover .t4s-cat-title::after { transform: translateX(4px); }
.mp-toolbar-chip:hover, .ai-chip:hover { border-color: var(--mp-stein-900, #2D2A27) !important; }
/* Blog: "Weiterlesen" ist ein Textlink, kein dunkler Balken */
.t4s-article-readmore, .t4s-article-item .t4s-article-readmore, .t4s-article-item.t4s-article-des-4 .t4s-article-readmore { display: inline-flex !important; align-items: center; gap: 6px; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--mp-stein-900, #2D2A27) !important; font-weight: 600 !important; font-size: 15px !important; line-height: 22px !important; text-decoration: underline; text-decoration-color: var(--mp-stein-200, #CBC8C5); text-underline-offset: 5px; text-decoration-thickness: 1.5px; }
.t4s-article-readmore svg { width: 18px !important; height: 18px !important; flex: 0 0 18px; margin: 0 !important; transition: transform .3s var(--ai-ease); }
.t4s-article-readmore:hover { background: transparent !important; color: var(--mp-rot, #D51130) !important; text-decoration-color: var(--mp-rot, #D51130); }
.t4s-article-readmore:hover svg { transform: translateX(3px); }
/* Produktseite: keine Zoom-Lupe beim Ueberfahren (Theme-Modus "external zoom"); Klick oeffnet weiter die Grossansicht */
.t4s-product__zoom-wrapper, .zoomWindowContainer, .zoomContainer, .zoomLens, .t4s-zoom-lens { display: none !important; }
/* Kapitel ohne grosse Ziffern: ein Kicker mit rotem Punkt statt 01/02/03 */
.ai-kapitel { grid-template-columns: 1fr; column-gap: 0; }
.ai-kapitel__kicker { margin: 0 0 14px; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: .02em; color: var(--mp-stein-700, #57514D); display: inline-flex; align-items: center; gap: 10px; }
.ai-kapitel__kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-rot, #D51130); }
.ai-dunkel .ai-kapitel__kicker { color: rgba(255, 255, 255, .75); }
/* Bewertungs-Widget (Reputon) braucht die volle Breite, nicht die Lesebreite */
.t4s-code__html:has(.reputon-google-reviews-widget, [class*="reputon"]) { max-width: none !important; margin-inline: 0 !important; }
/* Warengruppen direkt nach dem Laufband: Ueberschrift links, zwei Groessen */
[id*="__collections_list_packery"] .t4s-section-title, [id*="__collections_list_packery"] .t4s-top-heading h2 { text-align: left !important; font-size: clamp(30px, 3vw, 40px) !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: -0.02em !important; text-transform: none !important; margin-bottom: 28px !important; }
[id*="__collections_list_packery"] .t4s-top-heading { text-align: left !important; }

/* --- 27) Beratungskarte wie eine Produktkachel: Bild oben, Text unten ---------- */
.ai-beratungskarte { display: flex; }
.ai-beratungskarte__in { display: flex; flex-direction: column; width: 100%; }
.ai-beratungskarte__bild { position: relative; aspect-ratio: 3 / 2; border-radius: 14px; overflow: hidden; background: var(--mp-stein-100, #E2DFDE); }
.ai-beratungskarte__bild img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-beratungskarte__text { padding: 14px 2px 0; display: flex; flex-direction: column; gap: 4px; }
.ai-beratungskarte__kicker { margin: 0 0 2px; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--mp-stein-700, #57514D); display: inline-flex; align-items: center; gap: 8px; }
.ai-beratungskarte__kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-rot, #D51130); }
.ai-beratungskarte__titel.ai-beratungskarte__titel.ai-beratungskarte__titel.ai-beratungskarte__titel { margin: 0 !important; font-size: 17px !important; line-height: 24px !important; font-weight: 600 !important; letter-spacing: 0 !important; color: var(--mp-stein-900, #2D2A27) !important; text-transform: none !important; }
.ai-beratungskarte__satz { margin: 0; font-size: 14px; line-height: 20px; color: var(--mp-stein-700, #57514D); }
.ai-beratungskarte__link { margin-top: 6px; display: inline-flex; align-items: center; gap: 8px; font-family: inherit; font-size: 15px; line-height: 22px; font-weight: 600; color: var(--mp-rot, #D51130); text-decoration: none; background: none; border: 0; padding: 0; cursor: pointer; align-self: flex-start; }
.ai-beratungskarte__link svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ai-ease); }
.ai-beratungskarte__link:hover { color: var(--mp-rot-hover, #AC0E27); }
.ai-beratungskarte__link:hover svg { transform: translateX(3px); }
.ai-beratungskarte__link.appointmentButton::before { content: none !important; }
.ai-beratungskarte__tel { font-size: 13px; line-height: 18px; color: var(--mp-stein-700, #57514D); text-decoration: none; }
.ai-beratungskarte__tel:hover { color: var(--mp-stein-900, #2D2A27); }

/* --- 28) Mobilmenue: grosse Zeilen, Satzschrift, ein roter Knopf oben ---------- */
@media (max-width: 1199px) {
  #t4s-menu-drawer { --ai-mb-pad: 22px; }
  #t4s-menu-drawer .t4s-drawer__header.mp-mbmenu__head { padding: 14px var(--ai-mb-pad) 8px; border-bottom: 0 !important; }
  .ai-mbmenu__cta { display: flex !important; align-items: center; justify-content: center; gap: 10px; margin: 8px var(--ai-mb-pad) 12px; min-height: 52px; border-radius: 10px; background: var(--mp-rot, #D51130) !important; color: #fff !important; font-weight: 600; font-size: 16px; line-height: 1; text-decoration: none; border: 0; width: calc(100% - 2 * var(--ai-mb-pad)); font-family: inherit; }
  .ai-mbmenu__cta::before { content: none !important; }
  .ai-mbmenu__cta svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
  .ai-mbmenu__cta:hover { background: var(--mp-rot-hover, #AC0E27) !important; color: #fff !important; }
  #menu-mb__ul { padding: 0 0 8px; }
  #menu-mb__ul .t4s-menu-item { min-height: 0 !important; }
  #menu-mb__ul > .t4s-menu-item > a { display: flex !important; align-items: center; justify-content: space-between; padding: 13px var(--ai-mb-pad) 13px var(--ai-mb-pad) !important; font-size: 22px !important; line-height: 28px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; text-transform: none !important; color: var(--mp-stein-900, #2D2A27) !important; border: 0 !important; }
  #menu-mb__ul > .t4s-menu-item > a b, #menu-mb__ul > .t4s-menu-item > a .t4s-nav_link_txt { font-weight: 600 !important; text-transform: none !important; letter-spacing: -0.01em !important; font-size: 22px !important; }
  #menu-mb__ul .t4s-lb_nav_mb { display: none !important; }
  #menu-mb__ul > .t4s-menu-item.ai-mb-sale > a::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mp-rot, #D51130); margin-left: 10px; }
  #menu-mb__ul .t4s-mb-nav__icon { width: 44px !important; height: 44px !important; display: flex !important; align-items: center; justify-content: center; border: 0 !important; color: var(--mp-stein-700, #57514D); position: static !important; }
  #menu-mb__ul .t4s-sub-menu { padding: 0 0 10px !important; background: transparent !important; border: 0 !important; }
  #menu-mb__ul .t4s-sub-menu .t4s-menu-item > a { display: block !important; padding: 9px var(--ai-mb-pad) 9px calc(var(--ai-mb-pad) + 16px) !important; font-size: 16px !important; line-height: 22px !important; font-weight: 500 !important; color: var(--mp-stein-700, #57514D) !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; }
  #menu-mb__ul .t4s-sub-menu .t4s-menu-item > a:hover { color: var(--mp-stein-900, #2D2A27) !important; }
  #menu-mb__ul .t4s-menu-item-infos { margin-top: 10px !important; padding: 20px var(--ai-mb-pad) 28px !important; border-top: 1px solid var(--mp-stein-100, #E2DFDE) !important; background: var(--mp-stein-50, #F8F7F7); }
  #menu-mb__ul .t4s-menu-item-infos .t4s-menu_infos_title { font-size: 13px !important; font-weight: 600 !important; letter-spacing: .04em !important; text-transform: uppercase; color: var(--mp-stein-700, #57514D) !important; margin: 0 0 12px !important; }
  #menu-mb__ul .t4s-menu-item-infos .t4s-menu_infos_text, #menu-mb__ul .t4s-menu-item-infos .t4s-menu_infos_text p, #menu-mb__ul .t4s-menu-item-infos .t4s-menu_infos_text li { font-size: 15px !important; line-height: 26px !important; color: var(--mp-stein-900, #2D2A27) !important; }
  #menu-mb__ul .t4s-menu-item-infos .t4s-menu_infos_text a { color: var(--mp-stein-900, #2D2A27) !important; text-decoration: none; }
}

/* --- 29) Marken-Collage als Buehne (Sektion mp-ai-collage) ----------------------- */
.ai-collage { position: relative; min-height: var(--ai-collage-h, 620px); display: flex; align-items: flex-end; overflow: hidden; background: var(--mp-stein-900, #2D2A27); }
.ai-collage__raster { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 1fr; gap: 4px; }
.ai-collage__kachel { position: relative; overflow: hidden; background: var(--mp-stein-800, #3E3A37); }
.ai-collage__kachel--1 { grid-column: 1 / span 2; grid-row: 1 / span 2; }
.ai-collage__kachel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.82); transform: scale(1.001); }
.ai-collage__schleier { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(27, 25, 24, .78) 0%, rgba(27, 25, 24, .35) 38%, rgba(27, 25, 24, 0) 62%); pointer-events: none; }
.ai-collage .ai-buehne__inhalt { padding-top: 96px; }
@media (max-width: 767px) {
  .ai-collage { min-height: var(--ai-collage-h-mb, 480px); }
  .ai-collage__raster { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 3px; }
  .ai-collage__kachel--1 { grid-column: auto; grid-row: auto; }
  .ai-collage__kachel--5, .ai-collage__kachel--6 { display: none; }
  .ai-collage__schleier { background: linear-gradient(0deg, rgba(27, 25, 24, .85) 0%, rgba(27, 25, 24, .45) 45%, rgba(27, 25, 24, .05) 70%); }
}

/* --- 30) Bildband (Sektion mp-ai-band): Bild links oder rechts, Text daneben -------- */
.ai-band { display: grid; grid-template-columns: 6fr 5fr; gap: 56px; align-items: center; }
.ai-band--rechts .ai-band__bild { order: 2; }
.ai-band__bild { aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden; background: var(--mp-stein-50, #F8F7F7); }
.ai-band__bild img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-band__titel.ai-band__titel.ai-band__titel.ai-band__titel.ai-band__titel.ai-band__titel { margin: 0 0 14px !important; font-size: clamp(28px, 2.6vw, 36px) !important; line-height: 1.12 !important; font-weight: 700 !important; letter-spacing: -0.02em !important; color: var(--mp-stein-900, #2D2A27) !important; text-transform: none !important; }
.ai-band__copy p { margin: 0 0 12px; font-size: 18px; line-height: 28px; color: var(--mp-stein-700, #57514D); max-width: 52ch; }
.ai-band__copy p:last-child { margin-bottom: 0; }
.ai-band__copy strong { color: var(--mp-stein-900, #2D2A27); font-weight: 600; }
.ai-band__fakten { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ai-band__fakten li { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); background: var(--mp-stein-50, #F8F7F7); border: 1px solid var(--mp-stein-100, #E2DFDE); border-radius: 999px; padding: 6px 12px; }
.ai-band--stein .ai-band__fakten li { background: #fff; }
.ai-band__link { margin-top: 22px; display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: none; }
.ai-band__link svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ai-ease); }
.ai-band__link:hover { color: var(--mp-rot, #D51130); }
.ai-band__link:hover svg { transform: translateX(3px); }
main .shopify-section[id*="__ai_band"] > .t4s-section-inner.ai-band--stein { background: var(--mp-stein-50, #F8F7F7); }
@media (max-width: 991px) { .ai-band { grid-template-columns: 1fr; gap: 24px; } .ai-band--rechts .ai-band__bild { order: 0; } .ai-band__copy p { font-size: 16px; line-height: 26px; } }

/* --- 31) Angebote als e-Prospekt: Preisfahne, grosses Highlight je Gruppe ------------ */
.ai-prospekt { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px 24px; margin-top: 8px; }
.ai-prospekt--3 { grid-template-columns: repeat(3, 1fr); }
.ai-angebot { display: flex; flex-direction: column; min-width: 0; }
.ai-angebot__bild { position: relative; display: block; aspect-ratio: 3 / 2; border-radius: 14px; overflow: hidden; background: var(--mp-stein-50, #F8F7F7); }
.ai-angebot__bild img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-angebot__tag { position: absolute; left: 12px; top: 12px; z-index: 2; background: var(--mp-gelb, #FBB000); color: var(--mp-stein-950, #1B1918); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; }
.ai-angebot__fahne { position: absolute; right: 12px; bottom: 12px; z-index: 2; background: var(--mp-rot, #D51130); color: #fff; border-radius: 12px; padding: 10px 14px 9px; display: flex; flex-direction: column; align-items: flex-end; line-height: 1; box-shadow: 0 6px 18px rgba(27, 25, 24, .18); }
.ai-angebot__betrag { font-size: 26px; font-weight: 700; letter-spacing: -0.02em; white-space: nowrap; }
.ai-angebot__betrag small { font-size: 15px; font-weight: 600; margin-right: 3px; }
.ai-angebot__label { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; opacity: .92; margin-top: 5px; }
.ai-angebot__text { padding: 14px 2px 0; display: flex; flex-direction: column; gap: 4px; }
.ai-angebot__marke { margin: 0; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--mp-stein-500, #89807A); }
.ai-angebot__titel.ai-angebot__titel.ai-angebot__titel.ai-angebot__titel { margin: 0 !important; font-size: 18px !important; line-height: 24px !important; font-weight: 600 !important; letter-spacing: 0 !important; color: var(--mp-stein-900, #2D2A27) !important; text-transform: none !important; }
.ai-angebot__titel a { color: inherit; text-decoration: none; }
.ai-angebot__titel a:hover { color: var(--mp-rot, #D51130); }
.ai-angebot__desc { margin: 2px 0 0; font-size: 14px; line-height: 20px; color: var(--mp-stein-700, #57514D); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ai-angebot__mehr { margin-top: 6px; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: underline; text-decoration-color: var(--mp-stein-200, #CBC8C5); text-underline-offset: 4px; text-decoration-thickness: 1.5px; align-self: flex-start; }
.ai-angebot__mehr:hover { color: var(--mp-rot, #D51130); text-decoration-color: var(--mp-rot, #D51130); }
/* Highlight: die erste Kachel der Gruppe wird zur Prospektseite (Bild links, Text rechts) */
.ai-angebot--gross { grid-column: 1 / -1; display: grid; grid-template-columns: 7fr 5fr; gap: 0 36px; align-items: center; background: var(--mp-stein-50, #F8F7F7); border-radius: 14px; padding: 18px; }
.ai-angebot--gross .ai-angebot__bild { aspect-ratio: 16 / 10; background: #fff; }
.ai-angebot--gross .ai-angebot__text { padding: 8px 8px 8px 0; gap: 8px; }
.ai-angebot--gross .ai-angebot__titel.ai-angebot__titel.ai-angebot__titel.ai-angebot__titel { font-size: clamp(24px, 2.4vw, 32px) !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
.ai-angebot--gross .ai-angebot__desc { font-size: 16px; line-height: 24px; -webkit-line-clamp: 4; }
.ai-angebot--gross .ai-angebot__fahne { right: 16px; bottom: 16px; padding: 14px 18px 12px; border-radius: 14px; }
.ai-angebot--gross .ai-angebot__betrag { font-size: 36px; }
.ai-angebot--gross .ai-angebot__betrag small { font-size: 20px; }
.ai-prospekt__kopf { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 0 0 4px; }
.ai-prospekt__gueltig { margin: 0; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--mp-stein-700, #57514D); display: inline-flex; align-items: center; gap: 8px; }
.ai-prospekt__gueltig::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-gelb, #FBB000); }
.ai-sektion--angebote .ai-angebote__hinweis { margin-top: 22px; }
@media (max-width: 991px) { .ai-prospekt, .ai-prospekt--3 { grid-template-columns: repeat(2, 1fr); gap: 24px 16px; } .ai-angebot--gross { grid-template-columns: 1fr; gap: 12px; padding: 12px; } .ai-angebot--gross .ai-angebot__text { padding: 4px 6px 8px; } }
@media (max-width: 479px) { .ai-angebot__betrag { font-size: 22px; } .ai-angebot__fahne { padding: 8px 11px 7px; right: 8px; bottom: 8px; } .ai-angebot__tag { left: 8px; top: 8px; } .ai-angebot__titel.ai-angebot__titel.ai-angebot__titel.ai-angebot__titel { font-size: 16px !important; line-height: 22px !important; } .ai-angebot__desc { display: none; } .ai-angebot--gross .ai-angebot__desc { display: -webkit-box; } }
/* Runde 6, Nachlese: Hero-Knoepfe ohne Schatten (mp-stil setzt ihn mit hoeherer Spezifitaet), Weiterlesen wird beim Ueberfahren rot, Plus-Symbole im Mobilmenue bleiben in ihrer Zeile */
[class*="background_video"] a[class*="btn"].ai-hero-btn, [class*="background_video"] a[class*="btn"].ai-hero-btn:hover, .t4s-hero-inner a[class*="btn"].ai-hero-btn, .t4s-hero-inner a[class*="btn"].ai-hero-btn:hover { box-shadow: none !important; transform: none !important; }
.t4s-article-item .t4s-article-readmore:hover, .t4s-article-item.t4s-article-des-4 .t4s-article-readmore:hover { color: var(--mp-rot, #D51130) !important; text-decoration-color: var(--mp-rot, #D51130) !important; }
@media (max-width: 1199px) { #menu-mb__ul .t4s-mb-nav__icon { position: relative !important; } }


/* --- 32) Runde 7: Rhythmus und Farben ------------------------------------------- */
/* Custom-Sektionen des Themes tragen 30 px Innenluft je Spalte; die addiert sich zum Sektionsabstand (94 statt 64) */
main .t4s-custom-section .t4s-custom-col > .t4s-col-inner, main [class*="custom_section"] .t4s-custom-col > .t4s-col-inner { padding-top: 0 !important; padding-bottom: 0 !important; }
/* Erste Ueberschrift in HTML-Bloecken ohne eigenen Abstand nach oben */
main .t4s-code__html > h2:first-child, main .t4s-code__html > h3:first-child, main .t4s-code__html > p:first-child { margin-top: 0 !important; }
main .t4s-code__html > *:last-child, main .t4s-code__liquid > *:last-child { margin-bottom: 0 !important; }
/* Meine Kapitelkoepfe in Sektionen mit eigener Sektionsluft: kein doppelter Abstand */
.ai-sektion .t4s-section-inner > .t4s-container > .ai-kapitel:first-child { padding-top: 0; }
main .shopify-section:not([id*="__ai_kap"]) .t4s-code__liquid > .ai-kapitel:first-child { padding-top: 0; }
/* Ueberschrift-Sektionen (top_heading) gehoeren zur folgenden Sektion */
main .shopify-section[id*="__top_heading"] > .t4s-section-inner { padding-bottom: 0 !important; }
main .shopify-section[id*="__top_heading"] + .shopify-section > .t4s-section-inner { padding-top: 8px !important; }
/* Einzelner Knopf (KI-Planer) haengt an der Sektion davor */
main .shopify-section[id*="__custom_html_wCQPWz"] > .t4s-section-inner { padding-top: 0 !important; }
.t4s-code__html > .ai-aktionen:first-child { margin-top: 0; }
/* Gewinnspiel-Box: kein Rand unten, auf Mobil kein leerer Bildblock */
.mpgw { margin-bottom: 0 !important; }
/* Eine Grauskala: alle Theme-Grautoene werden Stein 50, Dunkel wird Stein 900 */
[style*="--bg-color: #f5f5f5"], [style*="--bg-color:#f5f5f5"], [style*="--bg-color: #F5F5F5"], [style*="--bg-color: #fafafa"], [style*="--bg-color: #f6f6f7"], [style*="--bg-color: #f4f4f6"] { --bg-color: #F8F7F7 !important; }
[style*="--bg-color: #232323"], [style*="--bg-color:#232323"], [style*="--bg-color: #000000"], [style*="--bg-color: #1a1a1a"] { --bg-color: #2D2A27 !important; }
[style*="background-color: #f5f5f5"], [style*="background-color:#f5f5f5"], [style*="background: #f5f5f5"], [style*="background:#f5f5f5"], [style*="#f4f4f6"], [style*="#F4F4F6"], [style*="#f6f6f7"], [style*="#fafafa"] { background-color: #F8F7F7 !important; }
.mp-mh-card, .mp-mh-card__body, .t4s-feature-columns__item .t4s-feature-columns__content { background-color: var(--mp-stein-50, #F8F7F7); }
[style*="--text-cl: #232323"], [style*="--text-cl:#232323"] { --text-cl: #2D2A27 !important; }

/* --- 33) Runde 7: Mobil ------------------------------------------------------------ */
@media (max-width: 1199px) {
  /* Kopfzeile bleibt oben stehen, damit Menue und Suche immer erreichbar sind */
  .t4s-section-header { position: sticky !important; top: 0 !important; z-index: 400 !important; background: #fff; }
  /* Untermenue als ruhiges Feld: Elternzeile bleibt weiss, Unterpunkte in einer Stein-50-Tafel */
  #menu-mb__ul > .t4s-menu-item.is--opend > a, #menu-mb__ul > .t4s-menu-item > a:hover, #menu-mb__ul > .t4s-menu-item.is--opend { background: transparent !important; }
  #menu-mb__ul .t4s-sub-menu { margin: 0 var(--ai-mb-pad) 12px !important; padding: 8px 0 !important; background: var(--mp-stein-50, #F8F7F7) !important; border-radius: 12px !important; }
  #menu-mb__ul .t4s-sub-menu .t4s-menu-item > a { padding: 11px 18px !important; font-size: 16px !important; line-height: 22px !important; font-weight: 500 !important; color: var(--mp-stein-900, #2D2A27) !important; display: flex !important; align-items: center; justify-content: space-between; }
  #menu-mb__ul .t4s-sub-menu .t4s-menu-item > a::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-stein-200, #CBC8C5); flex: 0 0 7px; }
  #menu-mb__ul .t4s-sub-menu .t4s-menu-item:last-child > a { color: var(--mp-rot, #D51130) !important; font-weight: 600 !important; }
  #menu-mb__ul .t4s-sub-menu .t4s-menu-item:last-child > a::after { background: var(--mp-rot, #D51130); }
}
@media (max-width: 767px) {
  /* Produktseite: Galerie randlos, Titel groesser, Beschreibung als Text statt Reiter + Akkordeon + Rahmen */
  .t4s-product__media-wrapper, .t4s-col-product__media { padding-left: 0 !important; padding-right: 0 !important; }
  .t4s-product__media .t4s_ratio, .t4s-product__media-item .t4s_ratio { border-radius: 0 !important; }
  .t4s-product__thumbnails, .t4s-product__thumb-wrapper { padding: 0 20px !important; }
  .t4s-product__thumb, .t4s-product__thumbnails .t4s-col-item { border-radius: 8px !important; overflow: hidden; }
  .t4s-product__info-wrapper .t4s-product-title, .t4s-product__info-wrapper h1 { font-size: 30px !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; margin-bottom: 10px !important; }
  .t4s-product-tabs-wrapper .t4s-tabs-ul, .t4s-product-tabs-wrapper .t4s-flicky-slider.t4s-tabs-ul { display: none !important; }
  /* Reitertitel wird zur schlichten Ueberschrift, kein Rahmen, kein Zuklapp-Symbol */
  .t4s-product-tabs-wrapper .t4s-tab-wrapper { border: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
  .t4s-product-tabs-wrapper .t4s-tab-wrapper > .t4s-tab__title { display: block !important; border: 0 !important; padding: 6px 0 12px !important; margin: 0 !important; background: transparent !important; font-size: 22px !important; line-height: 28px !important; font-weight: 700 !important; letter-spacing: -0.01em !important; color: var(--mp-stein-900, #2D2A27) !important; text-decoration: none !important; pointer-events: none; }
  .t4s-product-tabs-wrapper .t4s-tab-wrapper > .t4s-tab__title::before, .t4s-product-tabs-wrapper .t4s-tab-wrapper > .t4s-tab__title::after, .t4s-product-tabs-wrapper .t4s-tab__title svg, .t4s-product-tabs-wrapper .t4s-tab__title i { display: none !important; content: none !important; }
  .t4s-product-tabs-wrapper .t4s-tab__text { border: 0 !important; padding: 0 !important; }
  .t4s-product-tabs-wrapper .t4s-tab-content, .t4s-product-tabs-wrapper [data-t4s-tab-content], .t4s-product-tabs-wrapper .t4s-accor-item-content { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; border: 0 !important; padding: 0 !important; margin: 0 !important; opacity: 1 !important; }
  .t4s-product-tabs-wrapper .t4s-accor-item, .t4s-product-tabs-wrapper .t4s-tab-item { border: 0 !important; padding: 0 !important; margin: 0 !important; }
  .t4s-product-tabs-wrapper .t4s-tab-content h2:first-child, .t4s-product-tabs-wrapper .t4s-tab-content h3:first-child { display: none; }
  .t4s-product-tabs-wrapper .t4s-rte, .t4s-product-tabs-wrapper .t4s-tab-content p { font-size: 16px; line-height: 26px; color: var(--mp-stein-700, #57514D); }
  main .shopify-section[id*="__main"].t4s-section-main > .t4s-section-inner, body.template-product main .shopify-section[id*="__main"] .t4s-product-tabs-wrapper { padding-top: 8px !important; }
}
.mpgw__box { background: var(--mp-stein-900, #2D2A27) !important; box-shadow: none !important; }
/* Bewertungs-Widget (Reputon): Kopfteil in Stein 50 statt Blaugrau */
.reputon-google-reviews-widget .reputon-top-part, .reputon-google-reviews-widget header { background-color: var(--mp-stein-50, #F8F7F7) !important; }
@media (max-width: 767px) { .t4s-product-tabs-wrapper .t4s-tab__title > *:not(.t4s-tab__text) { display: none !important; } .t4s-product-tabs-wrapper .t4s-tab-content { padding-bottom: 0 !important; } .t4s-product-tabs-wrapper .t4s-tab-content > *:last-child { margin-bottom: 0 !important; } }


/* --- 34) Markenhighlights und Standorte (vorher Inline-Styles in custom-liquid) ---------- */
.mp-mh-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 24px; }
.mp-mh-card { display: block; text-decoration: none; }
.mp-mh-logo { display: flex; align-items: center; height: 44px; margin-bottom: 10px; }
.mp-mh-logo img { display: block; max-height: 30px; width: auto; max-width: 150px; object-fit: contain; }
.mp-mh-wordmark { font-weight: 700; font-size: 15px; letter-spacing: .14em; color: var(--mp-stein-900, #2D2A27); text-transform: uppercase; }
.mp-mh-imgwrap { position: relative; display: block; overflow: hidden; background: var(--mp-stein-50, #F8F7F7); border-radius: 14px; }
.mp-mh-badge { position: absolute; top: 8px; right: 8px; z-index: 2; background: var(--mp-rot, #D51130); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; padding: 4px 9px; border-radius: 999px; }
.mp-mh-card .mp-mh-imgwrap img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.mp-mh-title { display: block; margin-top: 12px; font-weight: 600; font-size: 16px; color: var(--mp-stein-900, #2D2A27); }
.mp-mh-sub { display: block; font-size: 13px; color: var(--mp-stein-500, #89807A); }
.mp-mh-head { text-align: left; margin-bottom: 28px; }
.mp-mh-footer { text-align: left; margin-top: 30px; }
@media (max-width: 767px) { .mp-mh-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } }
.mp-st-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 980px; margin: 0 auto; }
.mp-st-card { background: #fff; border: 1px solid var(--mp-stein-100, #E2DFDE); border-radius: 14px; overflow: hidden; }
.mp-st-slides { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.mp-st-slides img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.2s ease; }
.mp-st-slides img.is-on { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .mp-st-slides img { transition: none; } }
.mp-st-body { padding: 22px 24px 26px; text-align: center; }
.mp-st-name { font-weight: 700; font-size: 18px; color: var(--mp-stein-900, #2D2A27); margin: 0; }
.mp-st-sub { font-size: 13px; color: var(--mp-stein-500, #89807A); margin: 0 0 10px; }
.mp-st-addr { font-size: 14.5px; color: var(--mp-stein-700, #57514D); line-height: 1.5; margin: 0 0 12px; }
.mp-st-tel { display: flex; justify-content: center; align-items: center; gap: 8px; font-weight: 700; font-size: 17px; color: var(--mp-rot, #D51130); text-decoration: none; margin: 0 0 12px; min-height: 44px; }
.mp-st-tel:hover { color: var(--mp-rot-hover, #AC0E27); }
.mp-st-route { display: block; font-size: 13.5px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--mp-stein-200, #CBC8C5); margin-bottom: 12px; padding: 6px 0; }
.mp-st-route:hover { color: var(--mp-rot, #D51130); }
.mp-st-hours { font-size: 13.5px; color: var(--mp-stein-700, #57514D); line-height: 1.6; margin: 0; }
.mp-st-hours strong { color: var(--mp-stein-900, #2D2A27); }
.mp-st-head { text-align: left; margin-bottom: 28px; }

/* --- 35) Sicherheitsnetz: kein Seitenueberlauf durch Theme-Zeilen mit Negativrand; Tippziele auf Mobil -------- */
main .shopify-section { overflow-x: clip; }
@media (max-width: 767px) {
  .mp-subcat__item, .mp-toolbar-chip { min-height: 40px !important; }
  .mp-team a[href^="tel:"], .t4s-feature-columns__text a[href^="tel:"], .t4s-rte a[href^="tel:"], .t4s-code__html a[href^="tel:"], .t4s-code__html a[href^="mailto:"] { display: inline-block; padding: 6px 0; }
  .t4s-article-readmore { padding: 8px 0 !important; }
  .ai-band__link, .ai-finale__orte a { padding: 8px 0; }
}

/* --- 36) Startseiten-Kapitel als Sektionen (Runde 8): Luft wie vorher, dunkles Band durchgehend ---------- */
main .shopify-section[id*="__ai_kap01"] > .t4s-section-inner, main .shopify-section[id*="__ai_kap03"] > .t4s-section-inner { padding-top: 64px !important; padding-bottom: 0 !important; }
main .shopify-section[id*="__ai_kap01"] .ai-kapitel, main .shopify-section[id*="__ai_kap03"] .ai-kapitel { padding-top: 0; }
main .shopify-section[id*="__ai_kap03"] > .t4s-section-inner { padding-bottom: 64px !important; }
main .shopify-section.ai-sektion--zitat > .t4s-section-inner { background: var(--mp-stein-900, #2D2A27) !important; padding-top: 0 !important; padding-bottom: 0 !important; }
main .shopify-section.ai-sektion--zitat .ai-kapitel { padding-top: 72px; }
main .shopify-section[id*="__mp_markenhighlights"] > .t4s-section-inner { padding-top: 8px !important; }
main .shopify-section[id*="__mp_standorte"] > .t4s-section-inner { padding-top: 8px !important; }
@media (max-width: 767px) { main .shopify-section[id*="__ai_kap01"] > .t4s-section-inner, main .shopify-section[id*="__ai_kap03"] > .t4s-section-inner { padding-top: 48px !important; } main .shopify-section[id*="__ai_kap03"] > .t4s-section-inner { padding-bottom: 48px !important; } }

/* Bildband mit Freisteller: weisse Karte, Bild eingepasst statt beschnitten */
.ai-band--freisteller .ai-band__bild { background: #fff; aspect-ratio: 4 / 3; }
.ai-band--freisteller .ai-band__bild img { object-fit: contain; padding: 4% 6%; }
.ai-band--freisteller:hover .ai-band__bild img { transform: none !important; }


/* --- 37) Runde 10 ---------------------------------------------------------------- */
/* Buehne mit Knoepfen (Startseiten-Hero ohne Video) */
.ai-buehne__knoepfe { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.ai-btn--hell { background: #fff; color: var(--mp-stein-900, #2D2A27); border: 0; }
.ai-btn--hell:hover { background: var(--mp-stein-50, #F8F7F7); color: var(--mp-stein-900, #2D2A27); }
.ai-buehne__inhalt > .ai-buehne__knoepfe { animation-delay: .3s; }
.ai-buehne--hero .ai-buehne__inhalt { padding-bottom: 88px; }
.ai-buehne--hero .ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel { font-size: clamp(40px, 5vw, 72px); max-width: 15ch; }
.ai-buehne--hero .ai-buehne__schleier { background: linear-gradient(90deg, rgba(27, 25, 24, .58) 0%, rgba(27, 25, 24, .28) 50%, rgba(27, 25, 24, .05) 100%), linear-gradient(0deg, rgba(27, 25, 24, .45) 0%, rgba(27, 25, 24, 0) 50%); }
@media (max-width: 767px) { .ai-buehne--hero .ai-buehne__inhalt { padding-bottom: 48px; } .ai-buehne__knoepfe { flex-direction: column; align-items: flex-start; } .ai-buehne--hero .ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel.ai-buehne__titel { font-size: 38px; } }
/* Dunkles Kapitel: Kapitelkopf steht in der Textspalte, Bild beginnt oben */
.ai-split--oben { align-items: start; padding-top: 72px; }
.ai-split--oben .ai-kapitel--im-split { padding: 0 0 20px; }
.ai-split--oben .ai-parallax { margin-top: 6px; }
main .shopify-section.ai-sektion--zitat .ai-kapitel { padding-top: 0; }
/* Markenhighlights: Luft in der Karte */
.mp-mh-card { padding: 14px 14px 16px; background: var(--mp-stein-50, #F8F7F7); border-radius: 14px; }
.mp-mh-card .mp-mh-imgwrap { background: #fff; }
.mp-mh-title, .mp-mh-sub { padding: 0 2px; }
/* Bildband mit Logo */
.ai-band__logo { margin: 0 0 18px; }
.ai-band__logo img { height: 36px; width: auto; max-width: 180px; object-fit: contain; object-position: left center; }
/* Referenzen (Blog nach Tag) */
.ai-referenzen { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 24px; }
.ai-referenz { display: flex; flex-direction: column; gap: 6px; }
.ai-referenz__bild { display: block; aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden; background: var(--mp-stein-50, #F8F7F7); }
.ai-referenz__bild img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .9s var(--ai-ease); }
.ai-referenz:hover .ai-referenz__bild img { transform: scale(1.03); }
.ai-referenz__titel.ai-referenz__titel.ai-referenz__titel.ai-referenz__titel { margin: 12px 0 0 !important; font-size: 20px !important; line-height: 26px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; color: var(--mp-stein-900, #2D2A27) !important; text-transform: none !important; }
.ai-referenz__titel a { color: inherit; text-decoration: none; }
.ai-referenz__titel a:hover { color: var(--mp-rot, #D51130); }
.ai-referenz__text { margin: 0; font-size: 15px; line-height: 23px; color: var(--mp-stein-700, #57514D); }
.ai-referenz__mehr { margin-top: 4px; display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: none; align-self: flex-start; }
.ai-referenz__mehr svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ai-ease); }
.ai-referenz__mehr:hover { color: var(--mp-rot, #D51130); }
.ai-referenz__mehr:hover svg { transform: translateX(3px); }
.ai-referenzen__fuss { margin-top: 32px; }
@media (max-width: 991px) { .ai-referenzen { grid-template-columns: 1fr; gap: 28px; } }
/* Zeitreise */
.ai-zeitreise { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: 1fr; }
.ai-zeitreise__punkt { display: grid; grid-template-columns: 120px 1fr; gap: 0 32px; padding: 22px 0; border-top: 1px solid var(--mp-stein-100, #E2DFDE); align-items: start; }
.ai-zeitreise__punkt--bild { grid-template-columns: 120px 1fr 260px; }
.ai-zeitreise__jahr { font-size: 28px; line-height: 1; font-weight: 700; letter-spacing: -0.02em; color: var(--mp-rot, #D51130); }
.ai-zeitreise__titel.ai-zeitreise__titel.ai-zeitreise__titel { margin: 2px 0 6px !important; font-size: 20px !important; line-height: 26px !important; font-weight: 600 !important; color: var(--mp-stein-900, #2D2A27) !important; text-transform: none !important; }
.ai-zeitreise__text { margin: 0; font-size: 16px; line-height: 25px; color: var(--mp-stein-700, #57514D); max-width: 60ch; }
.ai-zeitreise__foto { aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: var(--mp-stein-50, #F8F7F7); }
.ai-zeitreise__foto img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.85); }
@media (max-width: 767px) { .ai-zeitreise__punkt, .ai-zeitreise__punkt--bild { grid-template-columns: 1fr; gap: 8px; } .ai-zeitreise__foto { max-width: 320px; } }
/* Blog: Karte ohne grauen Titelbalken, Bild rund, Weiterlesen ruhig */
.t4s-article-item .t4s-article-thumb, .t4s-article-item .t4s-article-thumb a, .t4s-article-item .t4s-article-thumb img { border-radius: 14px !important; overflow: hidden; }
.t4s-article-item .t4s-article-info, .t4s-article-item .t4s-article-title, .t4s-article-item .t4s-article-inner { background: transparent !important; box-shadow: none !important; }
.t4s-article-item .t4s-article-info { padding: 14px 0 0 !important; }
.t4s-article-item .t4s-article-title a { color: var(--mp-stein-900, #2D2A27) !important; text-decoration: none !important; }
.t4s-article-readmore, .t4s-article-item .t4s-article-readmore, .t4s-article-item.t4s-article-des-4 .t4s-article-readmore { text-decoration: none !important; border-bottom: 0 !important; transition: color .2s var(--ai-ease); }
.t4s-article-readmore::before, .t4s-article-readmore::after { content: none !important; }
.t4s-article-item .t4s-article-readmore:hover, .t4s-article-item.t4s-article-des-4 .t4s-article-readmore:hover { text-decoration: none !important; }
/* Mega-Menue: Markenlogos mittig in ihrer Zelle */
#t4s-nav-ul .t4s-banner-item .t4s_ratio, .t4s-lazy_menu .t4s-banner-item .t4s_ratio { display: flex !important; align-items: center; justify-content: center; padding-bottom: 0 !important; min-height: 58px; }
#t4s-nav-ul .t4s-banner-item .t4s_ratio img, .t4s-lazy_menu .t4s-banner-item .t4s_ratio img { position: static !important; width: auto !important; height: auto !important; max-width: 150px !important; max-height: 40px !important; margin: 0 auto !important; }
/* --- 38) Runde 10b: Ratgeber-Kacheln, Loft-Kopf, Homestory-Karten ---------------------- */
.ai-ratgeber__kopf.ai-kapitel { padding-top: 72px; padding-bottom: 28px; }
.ai-ratgeber__raster { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; padding-bottom: 72px; }
.ai-ratgeber--3 .ai-ratgeber__raster { grid-template-columns: repeat(3, 1fr); }
.ai-ratgeber__karte { display: flex; flex-direction: column; background: var(--mp-stein-50, #F8F7F7); border-radius: 14px; overflow: hidden; }
.ai-ratgeber--stein .ai-ratgeber__karte { background: #fff; }
.ai-ratgeber__bild { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--mp-stein-100, #E2DFDE); }
.ai-ratgeber__bild img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .9s var(--ai-ease); }
.ai-ratgeber__karte:hover .ai-ratgeber__bild img { transform: scale(1.03); }
.ai-ratgeber__text { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 26px; }
.ai-ratgeber__titel.ai-ratgeber__titel { margin: 0 !important; font-size: 22px !important; line-height: 28px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; color: var(--mp-stein-900, #2D2A27) !important; text-transform: none !important; }
.ai-ratgeber__absatz { margin: 10px 0 0; font-size: 16px; line-height: 25px; color: var(--mp-stein-700, #57514D); }
.ai-ratgeber__fakten.ai-band__fakten { margin-top: 14px; }
.ai-ratgeber__fakten.ai-band__fakten li { background: #fff; }
.ai-ratgeber--stein .ai-ratgeber__fakten.ai-band__fakten li { background: var(--mp-stein-50, #F8F7F7); }
.ai-ratgeber__link.ai-band__link { margin-top: auto; padding-top: 18px; }
.ai-sektion--ratgeber:has(.ai-ratgeber--stein) > .t4s-section-inner { background: var(--mp-stein-50, #F8F7F7); }
@media (max-width: 991px) { .ai-ratgeber__raster, .ai-ratgeber--3 .ai-ratgeber__raster { grid-template-columns: 1fr 1fr; gap: 16px; } }
@media (max-width: 767px) { .ai-ratgeber__raster, .ai-ratgeber--3 .ai-ratgeber__raster { grid-template-columns: 1fr; padding-bottom: 48px; } .ai-ratgeber__text { padding: 18px 18px 22px; } .ai-ratgeber__kopf.ai-kapitel { padding-top: 56px; } }
/* Loft: Slideshow-Kopf ohne Sektionsabstand */
main [id*="mp_hero_loft"] > .t4s-section-inner.t4s-section-inner { padding-top: 0 !important; padding-bottom: 0 !important; }
/* Homestory-Karten: Auszug auf drei Zeilen, Weiterlesen auf einer Linie */
.ai-referenz__text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ai-referenz__mehr { margin-top: auto; padding-top: 6px; }
/* --- 39) Runde 11: Persona-Tests ---------------------------------------------------- */
/* Kacheln ohne Preis: Zeile statt Leerstelle; bei Preissortierung ans Ende */
.mp-preis-hinweis { display: block; font-size: 14px; line-height: 20px; color: var(--mp-stein-500, #89807A); }
.t4s-products > .t4s-product.mp-ohne-preis { order: 99; }
/* Ausstellungsstuecke: Verfuegbarkeit an der Kachel (Aussage steht im Kopf jeder Ausstellungsseite) */
body[class*="collection-ausstellung"] .t4s-product-info__inner .mp-pr-location::before { content: "Einzelstück · sofort verfügbar"; display: block; margin: 0 0 3px; color: var(--mp-rot, #D51130); font-weight: 700; font-size: 11.5px; letter-spacing: .04em; text-transform: uppercase; line-height: 1.3; }
/* e-Prospekt: Streichpreis in der Fahne, nur wenn ein Vergleichspreis gepflegt ist */
.ai-angebot__statt { display: block; font-size: 12px; line-height: 14px; font-weight: 500; opacity: .85; margin-top: 2px; }
/* Mobilmenue: Uebersichtszeile im Untermenue, Kontaktlinks */
.ai-mbmenu__alle a { font-weight: 600 !important; }
.ai-mbmenu__links { margin: 12px 0 0 !important; font-size: 14px; line-height: 22px; }
.ai-mbmenu__links a { color: var(--mp-stein-900, #2D2A27); text-decoration: underline; text-underline-offset: 3px; }
#t4s-menu-drawer ul.ai-offen { display: block !important; }
/* Suche: Hinweiszeile unter dem Kopf */
.ai-such-hinweis { margin: 0 0 8px; font-size: 15px; color: var(--mp-stein-700, #57514D); }
.ai-such-hinweis a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
/* Fusszeile: Antwortseiten-Links */
.ai-fuss-links { margin-top: 14px; font-size: 13px; }
.ai-fuss-links a { text-decoration: underline; text-underline-offset: 3px; }
/* Team-Karten mobil zweispaltig: Bild quadratisch, Text kompakt */
@media (max-width: 767px) { .t4s-feature-columns2 .t4s-col-6 .t4s-feature-columns__title, .t4s-feature-columns2 .t4s-col-6 h3 { font-size: 15px !important; } .t4s-feature-columns2 .t4s-col-6 .t4s-feature-columns__content { padding: 10px 6px !important; font-size: 13px; } }
.ai-such-antworten { margin: 0 0 22px; padding: 18px 20px; background: var(--mp-stein-50, #F8F7F7); border-radius: 14px; }
.ai-such-antworten__kopf { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mp-stein-500, #89807A); }
.ai-such-antworten ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ai-such-antworten li a { font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: none; display: block; }
.ai-such-antworten li a:hover { color: var(--mp-rot, #D51130); }
.ai-such-antworten li span { display: block; font-size: 14px; line-height: 21px; color: var(--mp-stein-700, #57514D); }
/* --- 40) Runde 12 ---------------------------------------------------------------- */
/* Buehne: Bildausschnitt je Seite (Einstellung), mobil eigener Wert */
.ai-buehne .ai-buehne__medium, .ai-buehne img { object-position: var(--ai-bild-pos, 50% 50%); }
@media (max-width: 767px) { .ai-buehne .ai-buehne__medium, .ai-buehne img { object-position: var(--ai-bild-pos-mb, var(--ai-bild-pos, 50% 50%)); } }
/* Safari: skalierte Bilder in runden Kacheln bleiben beim Hover rund (Maske statt nur overflow) */
.t4s-collection-item .t4s-coll-img, .t4s-collection-item .t4s_ratio, .mp-mh-imgwrap, .ai-referenz__bild, .ai-ratgeber__bild, .ai-band__bild, .ai-angebot__bild, .t4s-article-thumb, .mp-st-slides, .ai-beratungskarte__bild, .t4s-product .t4s-product-img, .t4s-feature-columns__image, .ai-zeitreise__foto { -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate; }
.t4s-collection-item .t4s-cat-content img, .mp-mh-card img, .ai-referenz__bild img, .ai-ratgeber__bild img, .ai-band__bild img { will-change: transform; backface-visibility: hidden; }
/* Slider "Aehnliche Beitraege" unter Artikeln (Flickity): Kacheln ohne Uebergangsanimation und ohne Einblend-Effekt, sonst ruckelt das Sliden; Pfeile immer sichtbar, auch mobil */
.flickityt4s-slider > .t4s-col-item, .flickityt4s-slider > .t4s-aricle-item, .flickityt4s-slider > .t4s-article-item { transition: none !important; opacity: 1 !important; }
.flickityt4s-slider > .hdt-reveal--offscreen, .flickityt4s-slider > .t4s-col-item.hdt-reveal--offscreen { opacity: 1 !important; }
.t4s-article-related .flickityt4s-button, .t4s-slider-btn-vi-hover .flickityt4s-button { opacity: 1 !important; visibility: visible !important; }
@media (max-width: 767px) { .t4s-slider-btn-hidden-mobile-true .flickityt4s-button { display: flex !important; } }
.flickityt4s-button.flickityt4s-prev-next-button { background: #fff !important; border: 1px solid var(--mp-stein-200, #CBC8C5) !important; width: 44px !important; height: 44px !important; border-radius: 999px !important; box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.flickityt4s-button.flickityt4s-prev-next-button:hover { border-color: var(--mp-stein-900, #2D2A27) !important; }
.flickityt4s-button.flickityt4s-prev-next-button svg, .flickityt4s-button.flickityt4s-prev-next-button .flickityt4s-button-icon { fill: var(--mp-stein-900, #2D2A27) !important; }
/* --- 41) Runde 13 ---------------------------------------------------------------- */
/* Fragen-Akkordeon: ganze Zeile klickbar, durchgehende Linie, Chevron im Kreis, offen = gedreht und rot */
.t4s-tabs.t4s-type-accordion a.t4s-accor-title, a.t4s-accor-title { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0 !important; border-bottom: 1px solid var(--mp-stein-200, #CBC8C5) !important; cursor: pointer; }
.t4s-accor-title .t4s-accor-text { flex: 1 1 auto; }
.t4s-accor-title .t4s-accor-icon { display: none !important; }
.t4s-accor-title .t4s-accor-item-nav { flex: 0 0 30px; width: 30px !important; height: 30px !important; padding: 0 !important; margin: 0 !important; border: 1.5px solid var(--mp-stein-300, #B5B1AE) !important; border-radius: 50% !important; background: #fff !important; display: flex !important; align-items: center; justify-content: center; color: var(--mp-stein-900, #2D2A27); transition: border-color .2s var(--ai-ease), background-color .2s var(--ai-ease); }
.t4s-accor-title .t4s-accor-item-nav::before, .t4s-accor-title .t4s-accor-item-nav::after { content: none !important; }
.t4s-accor-title .t4s-accor-item-nav::after { content: "" !important; width: 8px; height: 8px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .25s var(--ai-ease); }
.t4s-tab-wrapper.t4s-active .t4s-accor-title .t4s-accor-item-nav::after, .t4s-accor-title[aria-expanded="true"] .t4s-accor-item-nav::after { transform: translateY(2px) rotate(-135deg); }
.t4s-tab-wrapper.t4s-active .t4s-accor-title .t4s-accor-item-nav { border-color: var(--mp-rot, #D51130) !important; color: var(--mp-rot, #D51130); }
a.t4s-accor-title:hover, a.t4s-accor-title:hover .t4s-accor-text { color: var(--mp-rot, #D51130) !important; }
a.t4s-accor-title:hover .t4s-accor-item-nav { border-color: var(--mp-rot, #D51130) !important; color: var(--mp-rot, #D51130); }
.t4s-accor-item-content, .t4s-accor-content { padding: 6px 0 20px !important; }
/* Desktop-Dropdowns: nur einblenden, kein Versatz (ein Interaktionsmodell, nichts springt) */
#t4s-nav-ul .t4s-sub-menu, #t4s-nav-ul .t4s-mega-menu, #t4s-nav-ul li > .t4s-sub-menu.t4s-op-0 { transform: none !important; transition: opacity .15s var(--ai-ease), visibility .15s var(--ai-ease) !important; }
/* Akkordeon-Symbol: Theme zeichnet Plus/Minus per Pseudo-Element mit hoher Spezifitaet, hier ueberschrieben */
.t4s-tabs.t4s-type-accordion a.t4s-accor-title .t4s-accor-text, a.t4s-accor-title .t4s-accor-text { justify-content: flex-start !important; text-align: left !important; }
.t4s-tabs.t4s-type-accordion a.t4s-accor-title .t4s-accor-item-nav, .t4s-tabs a.t4s-accor-title .t4s-accor-item-nav { position: relative !important; width: 30px !important; height: 30px !important; min-width: 30px !important; border: 1.5px solid var(--mp-stein-300, #B5B1AE) !important; border-radius: 50% !important; background: #fff !important; transform: none !important; }
.t4s-tabs.t4s-type-accordion a.t4s-accor-title .t4s-accor-item-nav::before, .t4s-tabs a.t4s-accor-title .t4s-accor-item-nav::before { display: none !important; content: none !important; }
.t4s-tabs.t4s-type-accordion a.t4s-accor-title .t4s-accor-item-nav::after, .t4s-tabs a.t4s-accor-title .t4s-accor-item-nav::after { content: "" !important; display: block !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 8px !important; height: 8px !important; margin: 0 !important; background: none !important; border: 0 !important; border-right: 1.6px solid currentColor !important; border-bottom: 1.6px solid currentColor !important; transform: translate(-50%, -65%) rotate(45deg) !important; transition: transform .25s var(--ai-ease) !important; }
.t4s-tabs.t4s-type-accordion .t4s-tab-wrapper.t4s-active a.t4s-accor-title .t4s-accor-item-nav::after, .t4s-tabs .t4s-tab-wrapper.t4s-active a.t4s-accor-title .t4s-accor-item-nav::after { transform: translate(-50%, -30%) rotate(-135deg) !important; }
.t4s-tabs.t4s-type-accordion .t4s-tab-wrapper.t4s-active a.t4s-accor-title .t4s-accor-item-nav { border-color: var(--mp-rot, #D51130) !important; color: var(--mp-rot, #D51130) !important; }
.t4s-tabs .t4s-tab-wrapper .t4s-accor-item-content, .t4s-tabs .t4s-accor-item-content { border: 0 !important; padding: 4px 0 22px !important; }
/* --- 42) Runde 14 ---------------------------------------------------------------- */
/* Rote Punkte vor Kickern und hinter Kacheltiteln entfallen */
.ai-buehne__kicker::before, .ai-kapitel__kicker::before, .ai-beratungskarte__kicker::before, .ai-band__kicker::before, .ai-finale__kicker::before { content: none !important; display: none !important; }
.t4s-collection-item .t4s-cat-title::after { content: none !important; display: none !important; }
.ai-buehne__kicker, .ai-kapitel__kicker, .ai-band__kicker, .ai-beratungskarte__kicker { gap: 0 !important; }
/* Leistungen: vier Karten in vier Spalten (Desktop), zwei auf Tablet */
@media (min-width: 1200px) { .ai-leistungen:has(> :nth-child(4)) { grid-template-columns: repeat(4, 1fr); gap: 18px; } }
@media (min-width: 768px) and (max-width: 1199px) { .ai-leistungen:has(> :nth-child(4)) { grid-template-columns: repeat(2, 1fr); } }
/* Mobil: Kopfleiste dunkel (Dynamic Island, Statusleiste), Kontakt weiss */
@media (max-width: 767px) { #shopify-section-top-bar, #shopify-section-top-bar .t4s-section-inner, .t4s-top-bar { background: #1B1918 !important; color: #fff !important; } #shopify-section-top-bar a, #shopify-section-top-bar i, #shopify-section-top-bar span, #shopify-section-top-bar p { color: #fff !important; } }
/* Mobilmenue: X sitzt im Menue oben rechts, keine weisse Box; zweiter Termin-Knopf unten entfaellt; letzte Zeile nicht rot */
#t4s-menu-drawer .ai-drawer-x, #t4s-menu-drawer .t4s-drawer-menu__close { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; width: 44px !important; height: 44px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; z-index: 5; display: flex !important; align-items: center; justify-content: center; color: var(--mp-stein-900, #2D2A27) !important; }
#t4s-menu-drawer .t4s-drawer-menu__close svg { width: 22px; height: 22px; }
#t4s-menu-drawer .t4s-menu-item-infos .appointmentButton, #t4s-menu-drawer .t4s-menu-item-infos .btn-primary { display: none !important; }
#t4s-menu-drawer .t4s-sub-menu li:last-child > a, #t4s-menu-drawer .t4s-sub-menu li > a { color: var(--mp-stein-900, #2D2A27) !important; }
#t4s-menu-drawer .t4s-sub-menu li > a:active { color: var(--mp-rot, #D51130) !important; }
#t4s-menu-drawer { top: 0 !important; bottom: 0 !important; height: 100dvh !important; }
/* Blog-Kacheln: Bildbox fest 4:3 (Hoehe 0 + Padding), Bild absolut und fuellend, kein grauer Rest */
.t4s-article-item .t4s-article-thumb .t4s_ratio { height: 0 !important; padding-bottom: 75% !important; position: relative !important; overflow: hidden; }
.t4s-article-item .t4s-article-thumb .t4s_ratio > img, .t4s-article-item .t4s-article-thumb .t4s_ratio > a > img, .t4s-article-item .t4s-article-thumb .t4s_ratio img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.t4s-article-item .t4s-article-info { padding: 16px 2px 0 !important; background: none !important; }
.t4s-article-item .t4s-article-content { padding: 6px 2px 0 !important; }
/* Filterleiste: Felder als weisse Pillen mit Wert und Pfeil rechts, Sortierung nicht ausgegraut */
.mp-toolbar-field .mp-toolbar-field__label { display: block; font-size: 12px; font-weight: 600; color: var(--mp-stein-500, #89807A); margin: 0 0 4px 2px; }
.mp-toolbar-trigger, .mp-toolbar-sort-slot .t4s-dropdown__sortby > button { display: inline-flex !important; align-items: center; gap: 8px; height: 44px; padding: 0 14px 0 16px !important; background: #fff !important; border: 1.5px solid var(--mp-stein-200, #CBC8C5) !important; border-radius: 999px !important; color: var(--mp-stein-900, #2D2A27) !important; font-weight: 600 !important; font-size: 14px !important; opacity: 1 !important; cursor: pointer; }
.mp-toolbar-sort-slot .t4s-dropdown__sortby > button svg, .mp-toolbar-trigger > svg:last-child { width: 14px; height: 14px; margin-left: auto; order: 9; }
.mp-toolbar-sort-slot .t4s-dropdown__sortby > button:hover, .mp-toolbar-trigger:hover { border-color: var(--mp-stein-900, #2D2A27) !important; }
.mp-toolbar-chip { display: inline-flex; align-items: center; gap: 8px; }
.mp-toolbar-chip__ico { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 16px; }
.mp-toolbar-reset { margin-left: 6px; font-size: 13px; }
/* Bewertungs-Karussell: keine seitliche Ausblendung, Karte vollstaendig */
.reputon-carousel-container, .reputon-carousel-holder, [class*="reputon-carousel"] { -webkit-mask-image: none !important; mask-image: none !important; }
/* Dunkle Kaesten in HTML-Bloecken: Text bleibt hell (Preisgarantie auf der Moebelseite) */
.t4s-code__html [style*="background:#232323"] p, .t4s-code__html [style*="background:#232323"] li, .t4s-code__html [style*="background: #232323"] p, .t4s-code__html [style*="background:#1"] p, .t4s-code__html [style*="background:#2"] p { color: rgba(255,255,255,.85) !important; }
/* Newsletter (Brevo) im Fuss: Feld und Knopf on brand */
.sib-form, .sib-form-block, .sib-form .form__entry, .sib-form .entry__field, .sib-form-block__button-with-loader { background: transparent !important; }
.sib-form .entry__field, .sib-form .form__entry { border: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; }
.sib-form input.input, .sib-form input[type="email"], .sib-form input[type="text"] { height: 46px !important; width: 100% !important; padding: 0 14px !important; border: 1.5px solid var(--mp-stein-300, #B5B1AE) !important; border-radius: 10px !important; background: #fff !important; color: var(--mp-stein-900, #2D2A27) !important; font: 500 15px/46px Gantari, system-ui, sans-serif !important; }
.sib-form input.input::placeholder { color: var(--mp-stein-500, #89807A); }
.sib-form .sib-form-block__button, .sib-form button.sib-form-block__button { height: 46px !important; padding: 0 22px !important; border-radius: 10px !important; background: var(--mp-rot, #D51130) !important; font: 600 15px/46px Gantari, system-ui, sans-serif !important; }
.sib-form .entry__label, .sib-form label, .sib-form p { color: rgba(255,255,255,.85) !important; font-family: Gantari, system-ui, sans-serif !important; }
/* Markenliste im Fuss mobil: drei Spalten, kleine Abstaende */
@media (max-width: 767px) { [id*="logo_list"] .t4s-row > .t4s-col-item, [id*="logo_list"] .t4s-logo-item { flex: 0 0 33.333% !important; max-width: 33.333% !important; padding: 8px !important; } [id*="logo_list"] img { max-height: 40px; width: auto; margin: 0 auto; } }
/* Buehne: Bildwechsel (drei Bilder, langsames Ein- und Ausblenden mit leichtem Zoom), Video mobil = Bild */
.ai-buehne--wechsel .ai-buehne__bild { opacity: 0; animation: ai-wechsel 21s infinite; transform-origin: 50% 50%; }
.ai-buehne--wechsel .ai-buehne__bild--1 { animation-delay: 0s; }
.ai-buehne--wechsel .ai-buehne__bild--2 { animation-delay: 7s; }
.ai-buehne--wechsel .ai-buehne__bild--3 { animation-delay: 14s; }
.ai-buehne--wechsel:not(:has(.ai-buehne__bild--3)) .ai-buehne__bild { animation-duration: 14s; }
@keyframes ai-wechsel { 0% { opacity: 0; transform: scale(1); } 7% { opacity: 1; } 33% { opacity: 1; transform: scale(1.045); } 40% { opacity: 0; transform: scale(1.05); } 100% { opacity: 0; transform: scale(1); } }
.ai-buehne--video .ai-buehne__bild--mb, .ai-buehne__video--mb { display: none; }
@media (max-width: 767px) { .ai-buehne--video .ai-buehne__video--dk { display: none; } .ai-buehne--video .ai-buehne__bild--mb, .ai-buehne--video .ai-buehne__video--mb { display: block; } }
@media (prefers-reduced-motion: reduce) { .ai-buehne--wechsel .ai-buehne__bild { animation: none; } .ai-buehne--wechsel .ai-buehne__bild--1 { opacity: 1; } }
/* Prospekt: grosse Karten im Wechsel, rote Preisbox wie im gedruckten Prospekt */
.ai-prospekt { display: grid !important; grid-template-columns: 1fr !important; gap: 28px; }
.ai-angebot--prospekt { display: grid; grid-template-columns: 58% 1fr; gap: 0; background: var(--mp-stein-50, #F8F7F7); border-radius: 14px; overflow: hidden; }
.ai-angebot--prospekt.ai-angebot--rechts { grid-template-columns: 1fr 58%; }
.ai-angebot--prospekt.ai-angebot--rechts .ai-angebot__bild { order: 2; }
.ai-angebot--prospekt .ai-angebot__bild { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #fff; border-radius: 0 !important; }
.ai-angebot--prospekt .ai-angebot__bild img { width: 100%; height: 100%; object-fit: cover; }
.ai-angebot--prospekt .ai-angebot__tag, .ai-angebot--prospekt .ai-angebot__fahne { display: none !important; }
.ai-angebot__karte { display: flex; flex-direction: column; justify-content: center; padding: 28px 32px; }
.ai-angebot--prospekt .ai-angebot__marke { margin: 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mp-stein-500, #89807A); }
.ai-angebot--prospekt .ai-angebot__titel { margin: 0 0 8px !important; font-size: 24px !important; line-height: 30px !important; font-weight: 600 !important; }
.ai-angebot--prospekt .ai-angebot__titel a { color: var(--mp-stein-900, #2D2A27); text-decoration: none; }
.ai-angebot--prospekt .ai-angebot__desc { margin: 0 0 16px; font-size: 14px; line-height: 21px; color: var(--mp-stein-700, #57514D); }
.ai-angebot__preisbox { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 18px; margin: 0 0 14px; background: var(--mp-rot, #D51130); color: #fff; border-radius: 10px; align-self: flex-start; min-width: 220px; }
.ai-angebot__preislabel { font-size: 12px; font-weight: 600; letter-spacing: .04em; opacity: .92; }
.ai-angebot__preis { font-size: 34px; line-height: 38px; font-weight: 700; letter-spacing: -0.01em; }
.ai-angebot__preisbox .ai-angebot__statt { font-size: 13px; opacity: .85; }
.ai-angebot__merkmale { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--mp-stein-700, #57514D); }
.ai-angebot__merkmale li { display: inline-flex; align-items: center; gap: 6px; }
.ai-angebot__merkmale li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--mp-stein-300, #B5B1AE); }
.ai-angebot--prospekt .ai-angebot__mehr { font-size: 15px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: none; }
.ai-angebot--prospekt .ai-angebot__mehr:hover { color: var(--mp-rot, #D51130); }
@media (max-width: 991px) { .ai-angebot--prospekt, .ai-angebot--prospekt.ai-angebot--rechts { grid-template-columns: 1fr; } .ai-angebot--prospekt.ai-angebot--rechts .ai-angebot__bild { order: 0; } .ai-angebot__karte { padding: 20px 18px 22px; } .ai-angebot--prospekt .ai-angebot__titel { font-size: 21px !important; line-height: 27px !important; } .ai-angebot__preisbox { min-width: 0; width: 100%; align-items: center; } }
/* Team-Sektionen: E-Mail-Zeile unter der Ueberschrift */
.t4s-feature-columns2 .t4s-top-subheading, .t4s-top-heading .t4s-subtitle, .t4s-top-heading p { font-size: 15px; color: var(--mp-stein-700, #57514D); }
/* Kopfleiste mobil: alles weiss, auch Oeffnungszeiten */
@media (max-width: 767px) { #shopify-section-top-bar * { color: #fff !important; } }
/* Bewertungs-Karussell mobil: Karte in voller Breite, kein Ueberhang */
.reputon-google-reviews-widget, .reputon-reviews-holder { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
/* Untermenue: keine rote Hervorhebung der letzten Zeile (hoehere Spezifitaet als das Theme) */
#t4s-menu-drawer ul.t4s-sub-menu > li.t4s-menu-item > a, #t4s-menu-drawer ul.t4s-sub-menu > li.t4s-menu-item:last-child > a, #t4s-menu-drawer ul.t4s-sub-menu > li.t4s-menu-item > a:visited, #t4s-menu-drawer ul.t4s-sub-menu > li.t4s-menu-item > a:focus { color: var(--mp-stein-900, #2D2A27) !important; }
/* Mobilmenue: das Schliessen-X (Overlay-Schaltflaeche des Themes) sitzt oben rechts IM Menue, ohne weisse Box */
.t4s-close-overlay { left: min(288px, calc(100vw - 96px)) !important; right: auto !important; top: 10px !important; width: 44px !important; height: 44px !important; background: transparent !important; box-shadow: none !important; border-radius: 50% !important; color: var(--mp-stein-900, #2D2A27) !important; display: flex !important; align-items: center; justify-content: center; }
.t4s-close-overlay svg { width: 22px; height: 22px; }
/* Schliessen-X: Icon dunkel auf dem hellen Menue */
.t4s-close-overlay, .t4s-close-overlay * { color: var(--mp-stein-900, #2D2A27) !important; stroke: var(--mp-stein-900, #2D2A27) !important; }
.t4s-close-overlay svg [fill]:not([fill="none"]) { fill: var(--mp-stein-900, #2D2A27) !important; }
.t4s-close-overlay::before, .t4s-close-overlay::after { background: var(--mp-stein-900, #2D2A27) !important; }
/* --- 43) Runde 15: UX-Testbericht ---------------------------------------------------- */
/* Sortierfeld zeigt seinen Wert auch auf Mobil */
/* Sortierwert auf Mobil: JS spiegelt den Text in die mobile Zeile, der Desktop-Span bleibt ausgeblendet */
.t4s-dropdown__sortby > button [data-not-change-txt]:empty { display: none !important; }
/* Suchseite: Trefferzeile nach Inhaltstyp */
.ai-such-typen { margin: 0 0 6px; font-size: 14px; font-weight: 600; color: var(--mp-stein-700, #57514D); }
/* Startseite: SEO-Text eingeklappt, Inhalt bleibt im Dokument */
.ai-seo-klapp { border-top: 1px solid var(--mp-stein-200, #CBC8C5); padding-top: 8px; }
.ai-seo-klapp > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 0; font-size: 17px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); }
.ai-seo-klapp > summary::-webkit-details-marker { display: none; }
.ai-seo-klapp > summary::after { content: ""; flex: 0 0 10px; width: 10px; height: 10px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform .25s var(--ai-ease); }
.ai-seo-klapp[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.ai-seo-klapp > summary:hover { color: var(--mp-rot, #D51130); }
.ai-seo-klapp__inhalt { padding-bottom: 24px; }
/* Kleine Geraete: Kontaktleiste kompakt, damit der erste Knopf im Bild bleibt */
@media (max-width: 360px) {
  #shopify-section-top-bar .t4s-section-inner { padding-top: 4px !important; padding-bottom: 4px !important; }
  #shopify-section-top-bar i, #shopify-section-top-bar .las { display: none !important; }
  #shopify-section-top-bar a[href^="mailto:"], #shopify-section-top-bar a[href^="mailto:"] + * { display: none !important; }
  #shopify-section-top-bar * { font-size: 12px !important; line-height: 18px !important; }
  .ai-buehne, .ai-sektion--buehne .ai-buehne { --ai-buehne-h-mb: 340px !important; }
  .ai-buehne__titel { font-size: clamp(24px, 8vw, 30px) !important; line-height: 1.1 !important; margin-bottom: 6px !important; }
  .ai-buehne__lead { font-size: 14px !important; line-height: 20px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px !important; }
  .ai-buehne__inhalt { padding-top: 10px !important; padding-bottom: 10px !important; }
  .ai-buehne__knoepfe { flex-direction: row !important; gap: 8px !important; }
  .ai-buehne__knoepfe .ai-btn { flex: 1 1 0; min-width: 0; padding: 12px 8px !important; font-size: 14px !important; justify-content: center; }
  .ai-buehne__knoepfe .ai-btn svg { display: none; }
}
/* Leadanizer-Leiste unten: Inhalt darunter bekommt Platz, nichts wird verdeckt */
main { padding-bottom: 56px; }
@media (min-width: 992px) { main { padding-bottom: 0; } }
.ai-finale, .t4s-footer { scroll-margin-bottom: 64px; }
/* Suchseite: Art-Filter als Chips ueber den Ergebnissen */
.ai-such-typen { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.ai-such-typen a { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border: 1.5px solid var(--mp-stein-200, #CBC8C5); border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: none; background: #fff; }
.ai-such-typen a:hover { border-color: var(--mp-stein-900, #2D2A27); }
.ai-such-typen a.is-active { background: var(--mp-stein-900, #2D2A27); border-color: var(--mp-stein-900, #2D2A27); color: #fff; }
/* Bewegung nur, wenn gewuenscht. Wichtig: nichts wegblenden, sonst bleibt an der
   Stelle ein leeres Feld stehen. Videos werden vom Skript angehalten und zeigen ihr
   Standbild; das Laufband wird zur ruhigen Zeile (Klasse setzt laufband() in mp-ai-motion.js). */
@media (prefers-reduced-motion: reduce) {
  .ai-buehne video, .mp-header-video video { display: none !important; }
  .ai-buehne--video .ai-buehne__bild--stand, .ai-buehne--video .ai-buehne__bild--mb { display: block !important; }
  .ai-marquee__track, [class*="ticker"] { animation: none !important; }
  .flickityt4s-slider { transition: none !important; }
}


/* --- 44) Runde 16: Kopfleiste, Bewegung, Standorte, Bewertungen ------------- */
/* 44a) Kopfleiste bleibt auf allen Breiten oben stehen. Die Hinweisleiste und die
   Kontaktzeile darueber laufen mit weg, damit oben nur das Hauptmenue klebt. */
@media (min-width: 1200px) {
  .t4s-section-header { position: sticky !important; top: 0 !important; z-index: 400 !important; background: #fff; transition: box-shadow .25s var(--ai-ease, ease); }
  .t4s-section-header.is-ai-klebt { box-shadow: 0 1px 0 var(--mp-stein-100, #E2DFDE), 0 6px 18px rgba(27, 25, 24, .07); }
  /* Sprungmarken landen nicht unter der Kopfleiste */
  :target, .ai-sektion[id], .shopify-section[id] { scroll-margin-top: 96px; }
}

/* 44b) Buehne mit Video: das Standbild liegt als eigene Ebene darunter. Faellt das
   Video aus (Bewegung reduziert, Datensparmodus, blockierte Videoadresse, Dekodier-
   fehler), steht dort trotzdem ein Bild statt einer dunklen Flaeche. */
.ai-buehne--video .ai-buehne__bild--stand { display: block !important; z-index: 0; }
.ai-buehne--video video { z-index: 1; }
/* Haelt das Skript die Videos an, treten sie zurueck und das Standbild traegt die Buehne */
.ai-buehne--video.is-ruhig video { display: none !important; }

/* 44c) Laufband ohne Bewegung: umbrechende Zeile statt eingefrorenem Band */
.ai-marquee--ruhig { overflow: visible !important; white-space: normal !important; }
.ai-marquee--ruhig .ai-marquee__track { display: flex !important; flex-wrap: wrap; justify-content: center; animation: none !important; transform: none !important; row-gap: 6px; }
.ai-marquee--ruhig .ai-marquee__track > span { gap: 16px; padding-right: 16px; }
.ai-marquee--ruhig .ai-marquee__track > span:last-child { padding-right: 0; }
.ai-marquee--ruhig .ai-marquee__track > span:last-child::after { display: none; }

/* 44d) Standorte: die beiden Karten nutzen die Seitenbreite wie alles andere */
.mp-st-grid { max-width: none; }
@media (min-width: 992px) { .mp-st-grid { gap: 32px; } }

/* 44e) Bewertungen: das Widget stellt seine Pfeile halb ausserhalb des Traegers ab.
   Der Traeger darf sie deshalb nicht abschneiden, und das Widget bekommt die
   Seitenbreite, damit die Pfeile nicht am Bildschirmrand haengen. */
.reputon-google-reviews-widget { max-width: 1200px !important; margin-inline: auto !important; }
.reputon-carousel-holder, .reputon-carousel-container { overflow: visible !important; max-width: 100% !important; }
.reputon-carousel-holder { width: auto !important; margin-inline: 26px !important; }
.reputon-swiper-button-prev, .reputon-swiper-button-next { box-shadow: 0 1px 4px rgba(0, 0, 0, .12); }

/* --- 45) Runde 17: Hover-Reste des Themes abstellen -------------------------- */
/* 45a) Warengruppen-Kacheln: Das Theme legt beim Hover eine graue Flaeche mit der
   englischen Produktzahl ("137 Products") ueber die ganze Kachel. Die Regel aus
   Abschnitt 21 wurde von t4s-collection.css ueberholt, das nach unserem Blatt laedt.
   Deshalb hier mit hoeherer Spezifitaet und samt der Hover-Aufdeckung. */
.t4s-collection-item .t4s-cat-subtitle.t4s-cat-subtitle,
.t4s-collection-item .t4s-cate-wrapper:hover .t4s-cat-subtitle,
.t4s-coll-style-3:hover .t4s-cat-subtitle,
.t4s-coll-style-4 .t4s-cate-wrapper:hover .t4s-cat-subtitle {
  display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
}

/* 45b) Produktkarten: Die Schnellansicht (Auge) sass beim Hover im Bild, teils auf
   der Rabattfahne, und brachte eine leere Sprechblase mit. Auf einer Seite ohne
   Warenkorb hat sie keine Aufgabe: die ganze Karte fuehrt bereits zum Produkt. */
.t4s-product .t4s-product-btns, .t4s-product .t4s-product-btns2, .t4s-product .t4s-pr-group-btns,
.t4s-pr-item-btn.t4s-pr-quickview, a[data-action-quickview], .t4s-product .t4s-text-pr {
  display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
}
/* Sprechblasen des Themes auf Karten: nichts mehr einblenden */
.t4s-product [data-tooltip]::before, .t4s-product [data-tooltip]::after,
.t4s-collection-item [data-tooltip]::before, .t4s-collection-item [data-tooltip]::after { content: none !important; display: none !important; }

/* 45c) Bildwechsel beim Hover bleibt, aber ohne Zoom und ohne Kastenschatten */
.t4s-product .t4s-product-img::after, .t4s-collection-item .t4s-cat-content::before { content: none !important; }

/* 45d) Standortkarten: Zeile mit den Beratungssprachen */
.mp-st-lang { display: flex; align-items: flex-start; gap: 8px; margin: 10px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--mp-stein-700, #57514D); }
.mp-st-lang svg { flex: 0 0 15px; margin-top: 3px; color: var(--mp-stein-500, #89807A); }

/* --- 46) Sprachseiten (page.sprache): eine Fassung fuer alle Sprachen, auch RTL --- */
.mp-lang { max-width: 860px; margin: 0 auto; padding: 8px 20px 56px; color: var(--mp-stein-800, #3E3A37); font-size: 17px; line-height: 1.65; }
.mp-lang h1 { font-size: clamp(30px, 4vw, 42px) !important; line-height: 1.12 !important; letter-spacing: -0.02em; font-weight: 700; margin: 0 0 14px !important; color: var(--mp-stein-900, #2D2A27) !important; }
.mp-lang h2 { font-size: 24px !important; line-height: 1.25 !important; font-weight: 600; margin: 34px 0 10px !important; color: var(--mp-stein-900, #2D2A27) !important; }
.mp-lang p { margin: 0 0 14px; }
.mp-lang__lead { font-size: 19px; line-height: 1.55; color: var(--mp-stein-700, #57514D); }
.mp-lang ul { margin: 0 0 14px; padding-inline-start: 22px; list-style: disc !important; }
.mp-lang li { list-style: disc !important; }
.mp-lang li::marker { color: var(--mp-rot, #D51130); }
.mp-lang li { margin: 0 0 7px; }
.mp-lang__haeuser { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin: 18px 0 8px; }
.mp-lang__haus { border: 1px solid var(--mp-stein-100, #E2DFDE); border-radius: 14px; padding: 18px 20px; background: var(--mp-stein-50, #F8F7F7); }
.mp-lang__haus strong { display: block; font-size: 18px; color: var(--mp-stein-900, #2D2A27); margin-bottom: 6px; }
.mp-lang__haus a { color: var(--mp-rot, #D51130); font-weight: 700; text-decoration: none; }
.mp-lang__cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0 0; }
.mp-lang__cta .ai-btn { text-decoration: none; }
.mp-lang__hinweis { margin-top: 26px; padding: 16px 18px; border-inline-start: 3px solid var(--mp-rot, #D51130); background: var(--mp-stein-50, #F8F7F7); border-radius: 0 10px 10px 0; font-size: 16px; }
/* Rechtslaeufig (Arabisch): Ausrichtung und Randmarkierung spiegeln */
.mp-lang[dir="rtl"] { text-align: right; }
.mp-lang[dir="rtl"] .mp-lang__hinweis { border-radius: 10px 0 0 10px; }
.mp-lang[dir="rtl"] .mp-lang__cta { justify-content: flex-start; }
@media (max-width: 767px) { .mp-lang { padding: 4px 16px 44px; font-size: 16px; } }

/* --- 47) Zwischenbloecke auf der Angebotsseite: ruhige redaktionelle Seiten zwischen den Gruppen --- */
.ai-zwischen { background: var(--mp-stein-50, #F8F7F7); border-radius: 14px; padding: 40px 44px 36px; }
.ai-zwischen__kopf { max-width: 68ch; }
.ai-zwischen__kicker { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mp-stein-500, #89807A); display: inline-flex; align-items: center; gap: 10px; }
.ai-zwischen__kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-rot, #D51130); flex: 0 0 7px; }
.ai-zwischen__titel.ai-zwischen__titel { margin: 0 0 12px !important; font-size: 28px !important; line-height: 34px !important; font-weight: 600 !important; letter-spacing: -0.015em; color: var(--mp-stein-900, #2D2A27) !important; }
.ai-zwischen__lead { margin: 0; font-size: 17px; line-height: 27px; color: var(--mp-stein-700, #57514D); }
.ai-zwischen__punkte { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 26px 32px; margin: 28px 0 0; padding: 0; list-style: none; }
.ai-zwischen__punkt { margin: 0; padding-top: 16px; border-top: 1px solid var(--mp-stein-200, #CBC8C5); }
.ai-zwischen__marke { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--mp-rot, #D51130); color: #fff; font-size: 13px; font-weight: 700; margin-bottom: 8px; }
.ai-zwischen__punkt-titel { margin: 0 0 5px; font-size: 17px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); }
.ai-zwischen__punkt-text { margin: 0; font-size: 15.5px; line-height: 24px; color: var(--mp-stein-700, #57514D); }
.ai-zwischen__fuss { margin: 26px 0 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 28px; }
.ai-zwischen__fuss-text { margin: 0; font-size: 15.5px; line-height: 24px; color: var(--mp-stein-700, #57514D); max-width: 62ch; }
.ai-zwischen__links { margin: 0; display: flex; flex-wrap: wrap; gap: 22px; }
.ai-zwischen__links a { display: inline-flex; align-items: center; gap: 7px; font-size: 15.5px; font-weight: 600; color: var(--mp-stein-900, #2D2A27); text-decoration: none; }
.ai-zwischen__links a svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ai-ease); }
.ai-zwischen__links a:hover { color: var(--mp-rot, #D51130); }
.ai-zwischen__links a:hover svg { transform: translateX(3px); }
.ai-zwischen--dunkel { background: var(--mp-stein-900, #2D2A27); }
/* Die Ueberschriftenregel aus mp-stil-2026.css gewinnt sonst und macht den Titel dunkel auf dunkel (gleicher Fall wie beim Preisgarantie-Kopf in Runde 14) */
.ai-zwischen--dunkel .ai-zwischen__titel.ai-zwischen__titel.ai-zwischen__titel.ai-zwischen__titel.ai-zwischen__titel.ai-zwischen__titel,
main .ai-zwischen--dunkel h2.ai-zwischen__titel, body .ai-zwischen--dunkel h2.ai-zwischen__titel { color: #fff !important; }
.ai-zwischen--dunkel .ai-zwischen__lead, .ai-zwischen--dunkel .ai-zwischen__punkt-text, .ai-zwischen--dunkel .ai-zwischen__fuss-text { color: rgba(255, 255, 255, .82); }
.ai-zwischen--dunkel .ai-zwischen__punkt-titel, .ai-zwischen--dunkel .ai-zwischen__links a { color: #fff; }
.ai-zwischen--dunkel .ai-zwischen__punkt { border-top-color: rgba(255, 255, 255, .22); }
.ai-zwischen--dunkel .ai-zwischen__kicker { color: rgba(255, 255, 255, .7); }
/* Die Sektion sitzt zwischen zwei Angebotsgruppen: engere Luft als eine eigene Sektion */
main .shopify-section[id*="__zw_"] > .t4s-section-inner { padding-top: 16px !important; padding-bottom: 16px !important; }
@media (max-width: 767px) {
  .ai-zwischen { padding: 26px 20px 24px; border-radius: 12px; }
  .ai-zwischen__titel.ai-zwischen__titel { font-size: 23px !important; line-height: 29px !important; }
  .ai-zwischen__lead { font-size: 16px; line-height: 25px; }
  .ai-zwischen__punkte { gap: 20px; margin-top: 22px; }
}

/* --- 48) Menuepunkt mit eigener Farbe ------------------------------------- */
/* mp-stil-2026.css faerbt alle Hauptmenue-Links mit !important auf Stein 900 und
   ueberstimmt damit die Farbe, die im Theme-Editor je Menuepunkt gesetzt wird
   (Schalter "cus_cl", Ausgabe als style="color:…"). Wer dort eine Farbe setzt,
   soll sie auch sehen. Betrifft derzeit nur ANGEBOTE. */
#t4s-nav-ul > li > a[style*="color"], .t4s-nav-ul > li > a[style*="color"],
#t4s-nav-ul > li > a[style*="color"]:hover, .t4s-nav-ul > li > a[style*="color"]:hover,
#t4s-nav-ul > li > a[style*="color"] > *, .t4s-nav-ul > li > a[style*="color"] > * {
  color: var(--mp-rot, #D51130) !important;
}

/* --- 49) Sprachwechsel: zurueckhaltend, Auswahl erst auf Klick ------------- */
.ai-sprachwahl { position: relative; margin-right: 12px; }
.ai-sprachwahl[hidden] { display: none !important; }
.ai-sprachwahl > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 3px;
  padding: 6px 8px; border-radius: 8px; font-size: 13px; font-weight: 600; letter-spacing: .03em;
  color: var(--mp-stein-500, #89807A); transition: color .2s var(--ai-ease), background .2s var(--ai-ease); }
.ai-sprachwahl > summary::-webkit-details-marker { display: none; }
.ai-sprachwahl > summary:hover { color: var(--mp-stein-900, #2D2A27); background: var(--mp-stein-50, #F8F7F7); }
.ai-sprachwahl > summary svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s var(--ai-ease); }
.ai-sprachwahl[open] > summary svg { transform: rotate(180deg); }
.ai-sprachwahl__liste { position: absolute; top: calc(100% + 6px); right: 0; z-index: 500; min-width: 172px;
  background: #fff; border: 1px solid var(--mp-stein-100, #E2DFDE); border-radius: 12px; padding: 6px;
  box-shadow: 0 10px 28px rgba(27, 25, 24, .14); display: flex; flex-direction: column; gap: 2px; }
.ai-sprachwahl__form { margin: 0; display: block; }
.ai-sprachwahl__knopf { appearance: none; border: 0; background: transparent; cursor: pointer; width: 100%;
  display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; text-align: left;
  font-family: inherit; font-size: 15px; color: var(--mp-stein-800, #3E3A37); }
.ai-sprachwahl__knopf:hover { background: var(--mp-stein-50, #F8F7F7); }
.ai-sprachwahl__knopf.is-aktiv { background: var(--mp-stein-100, #E2DFDE); font-weight: 600; color: var(--mp-stein-900, #2D2A27); }
.ai-sprachwahl__kuerzel { font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--mp-stein-500, #89807A); min-width: 22px; }
.ai-sprachwahl__knopf.is-aktiv .ai-sprachwahl__kuerzel { color: var(--mp-stein-900, #2D2A27); }
/* Im Mobilmenue oben, Liste klappt in den Fluss auf */
.ai-sprachwahl--mb { margin: 6px var(--ai-mb-pad, 20px) 8px; padding-bottom: 10px; border-bottom: 1px solid var(--mp-stein-100, #E2DFDE); }
.ai-sprachwahl--mb > summary { font-size: 15px; padding: 9px 10px; }
.ai-sprachwahl--mb .ai-sprachwahl__liste { position: static; box-shadow: none; border: 0; padding: 4px 0 0; min-width: 0; }
@media (max-width: 1199px) { .t4s-header__wrapper .ai-sprachwahl { display: none; } }

/* --- 50) Runde 19: Kopfleiste mittig, Markenkopf ohne Streifen, Logos ohne Sprung --- */
/* 50a) Hauptmenue optisch mittig: die Kopfzeile wird zum Raster mit gleich breiten
   Aussenspalten, damit das Menue in der Fenstermitte sitzt und nicht in der Mitte
   des Restplatzes zwischen Logo und Knopf. */
@media (min-width: 1200px) {
  .t4s-header__wrapper .t4s-container > .t4s-row.t4s-align-items-center { display: grid !important; grid-template-columns: 1fr auto 1fr !important; }
  .t4s-header__wrapper .t4s-container > .t4s-row.t4s-align-items-center > .t4s-col-item { max-width: none !important; width: auto !important; }
}

/* 50b) Markenkopf: die Rhythmus-Luft aus Abschnitt 21 legte 64 px ueber und unter das
   Titelbild, sichtbar als heller Streifen oben und dunkler unten. Der Kopf laeuft randlos. */
main .shopify-section > .t4s-section-inner:has(.mp-hero-logo),
main .shopify-section > .t4s-section-inner:has(> .t4s-slideshow) { padding-top: 0 !important; padding-bottom: 0 !important; }

/* 50c) Markenmenue: die Logos hatten vor dem Laden keine feste Groesse und sprangen
   beim Nachladen auf ihr Mass. Feste Box, Bild wird hineingerechnet. */
#t4s-nav-ul .t4s-banner-item .t4s_ratio img, .t4s-lazy_menu .t4s-banner-item .t4s_ratio img {
  width: 100% !important; height: 40px !important; max-width: 150px !important; max-height: 40px !important;
  object-fit: contain !important; object-position: center !important;
}
#t4s-nav-ul .t4s-banner-item .t4s_ratio, .t4s-lazy_menu .t4s-banner-item .t4s_ratio { min-height: 58px !important; height: 58px !important; }

/* 50d) Auf der Markenseite stand "Fangen wir an" ohne Luft nach oben direkt an der
   Sektion davor. Gleiche Luft wie sonst zwischen zwei Abschnitten. */
body.template-page main .shopify-section[id*="__ai_finale"] > .t4s-section-inner { padding-top: 56px !important; }
@media (max-width: 767px) { body.template-page main .shopify-section[id*="__ai_finale"] > .t4s-section-inner { padding-top: 36px !important; } }

/* 50e) Sprungziele: Abstand zur klebenden Kopfleiste */
.ai-anker { display: block; height: 0; overflow: hidden; scroll-margin-top: 110px; }
@media (max-width: 1199px) { .ai-anker { scroll-margin-top: 90px; } }