@charset "UTF-8";
/* Eye of the Tantra – gemeinsames Website-CSS (v178, 09.10.2026). Vorher Zusatz-CSS im Customizer, 1:1 übernommen. Änderungen ab jetzt hier (neue Plugin-Fassung). */
/* =====================================================================
   EYE OF THE TANTRA – EIN GEMEINSAMES CSS FÜR ALLE SEITEN
   Einfügen: Design → Customizer → Zusätzliches CSS (alles ersetzen).
   Jede Seite steckt in einem eigenen Rahmen (Wrapper-Klasse):
     .eott.eott-home   → Startseite
     .eott.eott-shop   → Shop / Aktuelle Events – jetzt buchen
     .eott.eott-event  → Event-Seiten (z. B. Die 2. Berührung)
     .eott.eott-page   → alle weiteren Seiten (Angebote, Infos, Rechtliches)
   Regeln gelten NUR innerhalb ihres Rahmens → keine Konflikte mehr.
   ===================================================================== */
/* Schriften kommen ab v60 vom eigenen Server - Plugin "Eye of the Tantra - Schriften".
   Der fruehere @import von fonts.googleapis.com ist hier absichtlich entfernt:
   er hat bei jedem Seitenaufruf die IP-Adresse der Besucher an Google uebertragen
   und das Rendern der Seite verzoegert. BITTE NICHT WIEDER EINFUEGEN. */

/* ---------- Basis (gilt für alle Seiten) ---------- */
html{ scroll-behavior:smooth; }
.eott{ display:block; width:100%; box-sizing:border-box; }
.eott, .eott *{ box-sizing:border-box; }
.eott img{ max-width:100%; }
.eott a{ box-shadow:none; }

/* Seitenhintergrund über die GANZE Breite – nur auf Seiten mit dem jeweiligen Block */
body:has(.eott-home), body:has(.eott-shop){ background-color:#FBF6F0; }
body:has(.eott-event){ background-color:#2B1620; }
html:has(.stimmen-rot), body:has(.stimmen-rot), html:has(.full-bleed), body:has(.full-bleed){ overflow-x:clip; }
body:has(.eott) #tc-page-wrap, body:has(.eott) #main-wrapper, body:has(.eott) #content,
body:has(.eott) .tc-content, body:has(.eott) article, body:has(.eott) .entry-content{ background-color:transparent; }

/* =====================================================================
   Startseite  →  Rahmen: .eott-home
   ===================================================================== */
.eott-home{ --wine:#7A2E3B; --wine-dark:#5C1E28; --gold:#B8863B; --gold-light:#D4AF78; --cream:#FBF6F0; --cream-2:#F2E9DD; --dark:#2E2420; --grey:#786058; --maxw: 880px; }
.eott-home, .eott-home *{ box-sizing:border-box; }
.eott-home{ margin:0; background:var(--cream); color:var(--dark); font-family:"Poppins",sans-serif; font-weight:400; line-height:1.65; -webkit-font-smoothing:antialiased; }
.eott-home h1, .eott-home h2, .eott-home h3{ font-family:"Lora",serif; color:var(--wine); margin:0; font-weight:600; }
.eott-home a{ color:inherit; }
.eott-home .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 28px; }
/* Top bar */
.eott-home .topbar{ border-bottom:1px solid var(--cream-2); padding:22px 0; position:sticky; top:0; background:var(--cream); z-index:10; }
.eott-home .topbar .wrap{ display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; }
.eott-home .wordmark{ font-family:"Lora",serif; font-style:italic; font-size:1.15rem; color:var(--wine); text-decoration:none; }
.eott-home .wordmark-lockup{ display:flex; align-items:center; gap:10px; text-decoration:none; }
.eott-home .wordmark-lockup .logo-icon{ width:34px; height:34px; border-radius:50%; display:block; }
.eott-home .wordmark-lockup span{ font-family:"Lora",serif; font-style:italic; font-size:1.15rem; color:var(--wine); }
.eott-home .topnav{ display:flex; gap:22px; flex-wrap:wrap; font-size:0.88rem; }
.eott-home .topnav a{ text-decoration:none; color:var(--wine-dark); border-bottom:1px solid transparent; padding-bottom:2px; }
.eott-home .topnav a:hover{ border-bottom-color:var(--gold); }
.eott-home .topnav a.cta-link{ background:var(--wine); color:var(--cream); padding:8px 16px; border-radius:20px; }
.eott-home .topnav a.cta-link:hover{ background:var(--wine-dark); border-bottom-color:transparent; }
/* Hero */
.eott-home .hero{ padding:64px 0 30px; text-align:center; }
.eott-home .mandala{ margin:0 auto 30px; display:block; }
.eott-home .hero-logo{ width:110px; height:110px; margin:0 auto 30px; display:block; border-radius:50%; }
.eott-home .kicker{ font-size:0.95rem; color:var(--gold); margin-bottom:18px; }
.eott-home .kicker .sep{ color:var(--gold-light); margin:0 6px; }
.eott-home .hero h1{ font-size:2.5rem; line-height:1.2; max-width:20ch; margin:0 auto; }
.eott-home .hero p.lead{ max-width:56ch; font-size:1.05rem; margin:22px auto 0; text-align:left; }
.eott-home .hero-ctas{ margin-top:30px; display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }
.eott-home .btn-primary{ display:inline-block; background:var(--wine); color:var(--cream); text-decoration:none; padding:13px 28px; border-radius:26px; font-weight:600; font-size:0.98rem; }
.eott-home .btn-primary:hover{ background:var(--wine-dark); }
.eott-home .btn-secondary{ display:inline-block; color:var(--wine-dark); text-decoration:none; font-weight:600; font-size:0.98rem; padding:13px 4px; border-bottom:2px solid var(--gold); }
/* jump nav */
.eott-home .jumpnav{ display:flex; gap:24px; flex-wrap:wrap; justify-content:center; padding:34px 0 0; font-size:0.9rem; }
.eott-home .jumpnav a{ text-decoration:none; color:var(--wine-dark); padding-bottom:3px; border-bottom:1px solid transparent; }
.eott-home .jumpnav a:hover{ border-bottom-color:var(--gold); }
.eott-home hr.rule{ width:64px; height:3px; background:var(--gold); border:none; margin:36px auto; }
/* Generic section */
.eott-home section.block{ padding:52px 0; }
.eott-home section.block.alt{ background:var(--cream-2); }
.eott-home .block h2{ font-size:1.7rem; margin-bottom:18px; }
.eott-home .block .sub{ color:var(--grey); font-size:0.92rem; margin-bottom:26px; }
.eott-home .block p{ max-width:64ch; }
.eott-home .two-col{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.eott-home .tag-row{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:20px; }
.eott-home .tag{ font-size:0.82rem; color:var(--wine-dark); border:1px solid var(--gold-light); border-radius:16px; padding:5px 14px; }
/* Feature box (Absichtslosigkeit / Disclaimer) */
.eott-home .feature{ background:var(--cream-2); border:1px solid var(--gold-light); border-radius:6px; padding:38px 34px; margin-top:8px; }
.eott-home .feature h3{ font-size:1.4rem; margin-bottom:6px; }
.eott-home .feature .eyebrow{ color:var(--gold); font-weight:600; font-size:0.85rem; margin-bottom:4px; }
.eott-home .feature p{ max-width:66ch; margin:14px 0 0; }
.eott-home .feature p:first-of-type{ margin-top:16px; }
/* Die 4 Schlüssel */
.eott-home .keys{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:28px 0; }
.eott-home .key{ text-align:center; }
.eott-home .key .num{ display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:50%; border:2px solid var(--gold); color:var(--wine); font-family:"Lora",serif; font-size:1.3rem; margin-bottom:12px; }
.eott-home .key strong{ display:block; color:var(--wine-dark); font-size:1rem; }
.eott-home .quality-list{ columns:2; column-gap:36px; font-size:0.92rem; margin-top:10px; }
.eott-home .quality-list li{ break-inside:avoid; margin-bottom:8px; }
/* Photos */
.eott-home .photo-frame{ border-radius:8px; overflow:hidden; border:1px solid var(--gold-light); }
.eott-home .photo-frame img{ width:100%; display:block; object-fit:cover; }
.eott-home .hero-photo{ max-width:560px; margin:36px auto 0; }
.eott-home .hero-photo img{ max-height:420px; object-fit:cover; }
.eott-home .banner-photo{ margin:40px auto; max-width:640px; }
.eott-home .banner-photo img{ width:100%; height:auto; display:block; border-radius:8px; }
.eott-home .banner-caption{ text-align:center; font-size:0.85rem; color:var(--grey); margin-top:10px; font-style:italic; }
.eott-home .avatar-photo{ width:150px; height:150px; border-radius:50%; overflow:hidden; border:4px solid var(--gold-light); flex:none; }
.eott-home .avatar-photo img{ width:100%; height:100%; object-fit:cover; }
/* Angebote (Offer rows) */
.eott-home .group-head{ display:flex; align-items:baseline; gap:16px; margin-bottom:6px; }
.eott-home .group-head h3{ font-size:1.4rem; }
.eott-home .group-head .count{ color:var(--grey); font-size:0.88rem; }
.eott-home .group-intro{ color:var(--grey); font-size:0.93rem; max-width:60ch; margin:8px 0 20px; }
.eott-home details.offer-acc{ border-top:1px solid var(--cream-2); padding:13px 0; }
.eott-home details.offer-acc:last-of-type{ border-bottom:1px solid var(--cream-2); }
.eott-home details.offer-acc summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.eott-home details.offer-acc summary::-webkit-details-marker{ display:none; }
.eott-home details.offer-acc summary::marker{ content:""; display:none; }
.eott-home details.offer-acc summary .t-wrap{ flex:1; min-width:200px; }
.eott-home details.offer-acc summary .t{ font-family:"Lora",serif; color:var(--wine); font-size:1.05rem; font-weight:600; display:block; }
.eott-home details.offer-acc summary .meta-inline{ font-size:0.84rem; color:var(--grey); margin-top:2px; }
.eott-home details.offer-acc summary .right{ display:flex; align-items:center; gap:12px; flex:none; }
.eott-home details.offer-acc summary .price-pill{ margin:0; }
.eott-home details.offer-acc summary .chev{ color:var(--gold); font-size:1.3rem; font-family:"Poppins",sans-serif; width:18px; text-align:center; }
.eott-home details.offer-acc summary .chev::after{ content:"+"; }
.eott-home details.offer-acc[open] summary .chev::after{ content:"–"; }
.eott-home details.offer-acc .offer-body{ padding:14px 0 4px; font-size:0.95rem; }
.eott-home details.offer-acc .offer-body p{ margin:0 0 12px; max-width:60ch; }
.eott-home .price-pill{ display:inline-block; margin-top:14px; color:var(--wine-dark); font-weight:600; font-size:1rem; }
.eott-home .offer-cta{ display:inline-block; font-size:0.9rem; font-weight:600; color:var(--wine-dark); text-decoration:none; padding-bottom:2px; border-bottom:2px solid var(--gold); }
.eott-home .offer-cta:hover{ color:var(--wine); border-bottom-color:var(--wine); }
.eott-home .modules{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:18px 0 22px; }
.eott-home .module{ font-size:0.86rem; }
.eott-home .module .num{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:var(--wine); color:var(--cream); font-weight:600; font-size:0.82rem; margin-bottom:8px; }
.eott-home .module strong{ display:block; color:var(--wine-dark); margin-bottom:3px; font-size:0.92rem; }
/* Garlef */
.eott-home .garlef-grid{ display:grid; grid-template-columns:150px 1fr; gap:34px; align-items:start; }
.eott-home .garlef-grid.single{ grid-template-columns:1fr; max-width:64ch; }
.eott-home .avatar{ width:150px; height:150px; border-radius:50%; background:var(--wine); display:flex; align-items:center; justify-content:center; font-family:"Lora",serif; font-style:italic; color:var(--cream); font-size:2.6rem; border:4px solid var(--gold-light); }
.eott-home .timeline{ list-style:none; margin:20px 0 0; padding:0; font-size:0.88rem; }
.eott-home .timeline li{ display:flex; gap:14px; padding:5px 0; }
.eott-home .timeline .yr{ color:var(--gold); font-weight:600; min-width:88px; }
/* FAQ */
.eott-home .faq-list{ margin-top:10px; }
.eott-home .faq-list details{ border-top:1px solid var(--cream-2); padding:16px 0; }
.eott-home .faq-list details:last-child{ border-bottom:1px solid var(--cream-2); }
.eott-home .faq-list summary{ cursor:pointer; font-family:"Lora",serif; font-size:1.05rem; color:var(--wine-dark); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:14px; }
.eott-home .faq-list summary::-webkit-details-marker{ display:none; }
.eott-home .faq-list summary::after{ content:"+"; color:var(--gold); font-size:1.3rem; font-family:"Poppins",sans-serif; flex:none; }
.eott-home .faq-list details[open] summary::after{ content:"–"; }
.eott-home .faq-list details p{ margin:12px 0 0; font-size:0.94rem; max-width:64ch; }
/* Testimonials */
.eott-home .quote-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:26px 34px; margin-top:10px; }
.eott-home .quote{ font-size:0.9rem; font-style:italic; color:var(--dark); border-left:3px solid var(--gold); padding-left:16px; }
/* Final CTA */
.eott-home .final-cta{ text-align:center; padding:64px 0; }
.eott-home .final-cta h2{ font-size:1.9rem; }
.eott-home .final-cta p{ max-width:52ch; margin:14px auto 0; color:var(--grey); }
/* Footer */
.eott-home footer{ background:var(--wine); color:var(--cream); padding:50px 0 34px; }
.eott-home footer h2{ color:var(--cream); font-size:1.5rem; }
.eott-home footer p{ color:var(--gold-light); max-width:52ch; }
.eott-home .footer-grid{ display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap; align-items:flex-start; margin-top:26px; }
.eott-home .footer-contact{ font-size:0.95rem; line-height:1.9; }
.eott-home .footer-contact a{ color:var(--cream); text-decoration:none; border-bottom:1px solid var(--gold-light); }
.eott-home .footer-links{ font-size:0.85rem; line-height:2.1; }
.eott-home .footer-links a{ color:var(--gold-light); text-decoration:none; }
.eott-home .footer-links a:hover{ color:var(--cream); }
.eott-home .foot-note{ font-size:0.78rem; color:#D9B892; margin-top:36px; }
/* Responsive */
@media (max-width:760px){
  .eott-home .hero h1{ font-size:2rem; }
  .eott-home .two-col{ grid-template-columns:1fr; }
  .eott-home .keys{ grid-template-columns:repeat(2,1fr); }
  .eott-home .quality-list{ columns:1; }
  .eott-home .garlef-grid{ grid-template-columns:1fr; text-align:left; }
  .eott-home .quote-grid{ grid-template-columns:1fr; }
  .eott-home .jumpnav{ gap:14px 18px; }
  .eott-home .topnav{ display:none; }
  .eott-home .offer{ grid-template-columns:1fr; gap:12px; }
  .eott-home .modules{ grid-template-columns:repeat(2,1fr); }
}
/* Fotogalerie (3 Bilder nebeneinander) */
.eott-home .photo-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0 0 32px; }
.eott-home .photo-gallery .photo-frame img{ width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; display:block; }
@media (max-width:760px){
  .eott-home .photo-gallery{ gap:8px; margin-bottom:24px; }
}
/* Einleitungstext im Blocksatz, zweiter Absatz abgesetzt */
.eott-home .lead-block{ max-width:56ch; margin:22px auto 0; }
.eott-home .hero .lead-block p.lead{ margin:0; text-align:justify; -webkit-hyphens:auto; hyphens:auto; }
.eott-home .hero .lead-block p.lead + p.lead{ margin-top:18px; }
/* Buchungs-Bühne: Buche jetzt / Mehr über Garlef hervorgehoben */
.eott-home .hero{ padding-bottom:56px; }
.eott-home .cta-stage{ position:relative; max-width:720px; margin:64px auto 0; padding:52px 44px 40px; background:var(--cream-2); border:1px solid var(--gold-light); border-radius:14px; text-align:center; box-shadow:0 22px 44px -28px rgba(92,30,40,.45); }
.eott-home .cta-stage::before{ content:""; position:absolute; top:-1px; left:50%; transform:translateX(-50%); width:84px; height:4px; background:var(--gold); border-radius:0 0 4px 4px; }
.eott-home .cta-eyebrow{ display:block; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:10px; }
.eott-home .cta-title{ font-family:"Lora",serif; font-size:1.65rem; line-height:1.3; color:var(--wine); font-weight:600; margin:0 auto 30px; max-width:24ch; }
.eott-home .cta-stage .hero-ctas{ margin-top:0; gap:16px 20px; }
.eott-home .btn-xl{ padding:17px 42px; font-size:1.08rem; border-radius:40px; transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease; }
.eott-home .cta-stage .btn-primary{ border:2px solid var(--wine); box-shadow:0 12px 24px -12px rgba(122,46,59,.75); }
.eott-home .cta-stage .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 16px 28px -12px rgba(122,46,59,.8); }
.eott-home .btn-outline{ display:inline-block; background:transparent; color:var(--wine); border:2px solid var(--wine); text-decoration:none; font-weight:600; }
.eott-home .btn-outline:hover{ background:var(--wine); color:var(--cream); transform:translateY(-2px); }
.eott-home .cta-facts{ margin:24px 0 0; font-size:.92rem; color:var(--grey); }
.eott-home .cta-facts span{ white-space:nowrap; }
.eott-home .cta-facts .sep{ color:var(--gold); margin:0 6px; }
.eott-home .cta-stage .tag-row{ margin-top:28px; padding-top:26px; border-top:1px solid var(--gold-light); gap:10px 12px; }
.eott-home .cta-stage .tag{ font-size:.9rem; padding:7px 18px; background:var(--cream); }
.eott-home .jumpnav{ max-width:720px; margin:44px auto 0; padding:18px 0; align-items:center; border-top:1px solid var(--gold-light); border-bottom:1px solid var(--gold-light); }
.eott-home .jumpnav-label{ width:100%; text-align:center; font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); font-weight:600; }
.eott-home #angebote{ padding-top:64px; }
@media (max-width:760px){
  .eott-home .hero{ padding-bottom:52px; }
  .eott-home .cta-stage{ margin-top:44px; padding:40px 22px 30px; }
  .eott-home .cta-title{ font-size:1.32rem; }
  .eott-home .btn-xl{ display:block; width:100%; text-align:center; }
  .eott-home .jumpnav{ margin-top:34px; }
  .eott-home #angebote{ padding-top:48px; }
}
/* Seitenränder auf Tablet/Handy (Text klebte sonst am Bildschirmrand) */
@media (max-width:940px){
  .eott-home .hero.wrap, .eott-home .block.wrap, .eott-home .final-cta.wrap{ padding-left:28px; padding-right:28px; }
}
@media (max-width:480px){
  .eott-home .hero.wrap, .eott-home .block.wrap, .eott-home .final-cta.wrap{ padding-left:20px; padding-right:20px; }
  .eott-home .block.alt > .wrap{ padding-left:20px; padding-right:20px; }
}
/* ===== Stimmen-Varianten (Startseite) ===== */
.eott-home .stimmen-link{ text-align:center; margin-top:28px; }
/* A · Weinrotes Band */
.eott-home .stimmen-a{ background:var(--wine); padding:68px 0; }
.eott-home .stimmen-a h2{ color:var(--cream); text-align:center; }
.eott-home .stimmen-a .intro{ color:var(--gold-light); text-align:center; max-width:52ch; margin:0 auto 34px; }
.eott-home .stimmen-a .quote-grid{ grid-template-columns:repeat(3,1fr); gap:18px; }
.eott-home .stimmen-a .quote{ background:rgba(251,246,240,.07); border:1px solid rgba(212,175,120,.4); border-radius:12px; padding:18px 22px 22px; color:var(--cream); font-size:.95rem; }
.eott-home .stimmen-a .quote::before{ content:"“"; display:block; font-family:"Lora",serif; font-style:normal; font-size:3rem; line-height:1; height:28px; color:var(--gold-light); }
.eott-home .stimmen-a .stimmen-link a{ color:var(--cream); border-bottom:2px solid var(--gold-light); text-decoration:none; font-weight:600; }
/* B · Hinterlegte Karten mit Highlight */
.eott-home .stimmen-b{ background:var(--cream-2); padding:68px 0; }
.eott-home .stimmen-b h2{ text-align:center; }
.eott-home .stimmen-b .intro{ color:var(--grey); text-align:center; max-width:52ch; margin:0 auto 30px; }
.eott-home .stimmen-b .featured{ position:relative; background:var(--cream); border:1px solid var(--gold-light); border-top:4px solid var(--gold); border-radius:14px; padding:40px 44px 34px; margin:0 auto 26px; max-width:720px; text-align:center; font-family:"Lora",serif; font-style:italic; font-size:1.35rem; line-height:1.5; color:var(--wine-dark); box-shadow:0 22px 44px -30px rgba(92,30,40,.45); }
.eott-home .stimmen-b .featured::before{ content:"“"; position:absolute; top:-6px; left:18px; font-size:5rem; line-height:1; color:var(--gold-light); font-style:normal; }
.eott-home .stimmen-b .quote-grid{ grid-template-columns:repeat(3,1fr); gap:16px; }
.eott-home .stimmen-b .quote{ background:var(--cream); border:1px solid var(--gold-light); border-left:4px solid var(--gold); border-radius:10px; padding:18px 20px; font-size:.92rem; }
.eott-home .stimmen-b .stimmen-link a{ display:inline-block; background:var(--wine); color:var(--cream); border-radius:30px; padding:12px 28px; text-decoration:none; font-weight:600; }
/* C · Karussell zum Wischen */
.eott-home .stimmen-c{ background:var(--cream-2); padding:68px 0 56px; }
.eott-home .stimmen-c h2{ text-align:center; }
.eott-home .stimmen-c .intro{ color:var(--grey); text-align:center; max-width:52ch; margin:0 auto 26px; }
.eott-home .stimmen-c .track{ display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; padding:8px 4px 22px; scrollbar-width:thin; scrollbar-color:var(--gold-light) transparent; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 48px),transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 48px),transparent 100%); }
.eott-home .stimmen-c .quote{ flex:0 0 min(320px,80%); scroll-snap-align:center; background:var(--cream); border:1px solid var(--gold-light); border-top:4px solid var(--gold); border-left:1px solid var(--gold-light); border-radius:14px; padding:26px 24px; font-family:"Lora",serif; font-size:1.05rem; line-height:1.55; color:var(--wine-dark); box-shadow:0 14px 30px -24px rgba(92,30,40,.5); }
.eott-home .stimmen-c .hint{ text-align:center; color:var(--gold); font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; }
.eott-home .stimmen-c .stimmen-link a{ color:var(--wine-dark); border-bottom:2px solid var(--gold); text-decoration:none; font-weight:600; }
/* D · Wechselndes Zitat (automatisch) */
.eott-home .stimmen-d{ background:var(--wine); padding:72px 0 60px; text-align:center; }
.eott-home .stimmen-d h2{ color:var(--cream); }
.eott-home .stimmen-d .eyebrow-d{ display:block; color:var(--gold-light); font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; margin-bottom:10px; }
.eott-home .stimmen-d .spot{ display:grid; max-width:760px; margin:26px auto 0; }
.eott-home .stimmen-d .spot::before{ content:"“"; grid-area:1/1; justify-self:center; font-family:"Lora",serif; font-size:7rem; line-height:.8; color:rgba(212,175,120,.35); }
.eott-home .stimmen-d .spot > p{ grid-area:1/1; align-self:center; margin:0; padding:34px 10px 0; font-family:"Lora",serif; font-style:italic; font-size:1.45rem; line-height:1.5; color:var(--cream); opacity:0; animation:eottSpot 72s infinite; }
.eott-home .stimmen-d .spot:hover > p{ animation-play-state:paused; }
.eott-home .stimmen-d .spot > p:nth-child(1){ animation-delay:0s; }
.eott-home .stimmen-d .spot > p:nth-child(2){ animation-delay:6s; }
.eott-home .stimmen-d .spot > p:nth-child(3){ animation-delay:12s; }
.eott-home .stimmen-d .spot > p:nth-child(4){ animation-delay:18s; }
.eott-home .stimmen-d .spot > p:nth-child(5){ animation-delay:24s; }
.eott-home .stimmen-d .spot > p:nth-child(6){ animation-delay:30s; }
.eott-home .stimmen-d .spot > p:nth-child(7){ animation-delay:36s; }
.eott-home .stimmen-d .spot > p:nth-child(8){ animation-delay:42s; }
.eott-home .stimmen-d .spot > p:nth-child(9){ animation-delay:48s; }
.eott-home .stimmen-d .spot > p:nth-child(10){ animation-delay:54s; }
.eott-home .stimmen-d .spot > p:nth-child(11){ animation-delay:60s; }
.eott-home .stimmen-d .spot > p:nth-child(12){ animation-delay:66s; }
@keyframes eottSpot{ 0%{opacity:0; transform:translateY(8px);} 1.2%{opacity:1; transform:none;} 7.2%{opacity:1;} 8.33%{opacity:0;} 100%{opacity:0;} }
@media (prefers-reduced-motion: reduce){
  .eott-home .stimmen-d .spot > p{ animation:none; }
  .eott-home .stimmen-d .spot > p:first-child{ opacity:1; }
}
.eott-home .stimmen-d .dots{ margin-top:24px; color:var(--gold-light); font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; }
.eott-home .stimmen-d .stimmen-link a{ display:inline-block; border:2px solid var(--gold-light); color:var(--cream); border-radius:30px; padding:11px 26px; text-decoration:none; font-weight:600; }
.eott-home .stimmen-d .stimmen-link a:hover{ background:var(--gold-light); color:var(--wine-dark); }
/* Volle Bildschirmbreite für einzelne Abschnitte */
.eott-home .full-bleed{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
/* Disclaimer auf Weinrot */
.eott-home .disclaimer-rot{ background:var(--wine); }
.eott-home .disclaimer-rot .feature{ background:transparent; border:1px solid rgba(212,175,120,.55); border-radius:12px; }
.eott-home .disclaimer-rot .feature .eyebrow{ color:var(--gold-light); letter-spacing:.14em; text-transform:uppercase; font-size:.78rem; }
.eott-home .disclaimer-rot .feature h3{ color:var(--cream); }
.eott-home .disclaimer-rot .feature p{ color:#EBD9C5; }
/* Foto Garlef größer (vierfache Fläche) */
.eott-home .garlef-grid{ grid-template-columns:300px 1fr; gap:40px; }
.eott-home .garlef-grid .avatar-photo{ width:300px; height:300px; border-width:6px; box-shadow:0 18px 40px -24px rgba(92,30,40,.5); }
/* Logo-Orange (Sonne) als wiederkehrender Akzent */
.eott-home{ --sun:#FDB016; --sun-soft:rgba(253,176,22,.38); }
.eott-home .hero-logo{ box-shadow:0 0 70px 20px var(--sun-soft); }
.eott-home .hero hr.rule, .eott-home .hero .rule{ background:linear-gradient(90deg,var(--sun),var(--gold)); }
.eott-home .cta-stage{ border-color:rgba(253,176,22,.55); }
.eott-home .cta-stage::before{ width:110px; background:linear-gradient(90deg,var(--gold),var(--sun),var(--gold)); }
.eott-home .cta-stage .tag{ border-color:rgba(253,176,22,.6); }
.eott-home .key .num{ border-color:var(--sun); background:radial-gradient(circle,#FFF4DC 0%,#FFE3AE 100%); box-shadow:0 0 22px -4px var(--sun-soft); }
.eott-home .garlef-grid .avatar-photo{ border-color:var(--sun); box-shadow:0 0 0 6px rgba(253,176,22,.18), 0 18px 44px -18px rgba(253,176,22,.65); }
.eott-home .disclaimer-rot .feature{ border-color:rgba(253,176,22,.5); }
.eott-home .disclaimer-rot .feature .eyebrow{ color:var(--sun); }
/* Orange, Runde 2 */
.eott-home{ --sun-deep:#E8940C; --sun-line:rgba(253,176,22,.55); }
/* Mehr Platz zwischen den ersten drei Bildern und dem Logo (ca. 2–3 cm) */
.eott-home .hero .photo-gallery{ margin-bottom:110px; }
/* Absichtslosigkeit: Rahmen „Präsenz ohne Hintergedanken“ */
.eott-home #absichtslosigkeit .feature{ border:2px solid var(--sun); border-radius:12px; box-shadow:0 18px 40px -30px rgba(253,176,22,.8); }
.eott-home #absichtslosigkeit .feature .eyebrow{ color:var(--sun-deep); }
/* Trennstriche */
.eott-home details.offer-acc{ border-top-color:var(--sun-line); }
.eott-home details.offer-acc:last-of-type{ border-bottom-color:var(--sun-line); }
.eott-home .faq-list details{ border-top-color:var(--sun-line); }
.eott-home .faq-list details:last-child{ border-bottom-color:var(--sun-line); }
.eott-home .jumpnav{ border-top-color:var(--sun-line); border-bottom-color:var(--sun-line); }
.eott-home .cta-stage .tag-row{ border-top-color:var(--sun-line); }
/* Button „Mehr über Garlef“ */
.eott-home .cta-stage .btn-outline{ border-color:var(--sun); color:var(--wine-dark); }
.eott-home .cta-stage .btn-outline:hover{ background:var(--sun); border-color:var(--sun); color:var(--wine-dark); }
/* Weitere Akzente */
.eott-home .kicker .sep{ color:var(--sun); font-weight:700; }
.eott-home details.offer-acc summary .chev, .eott-home .faq-list summary::after{ color:var(--sun-deep); }
.eott-home .offer-cta{ border-bottom-color:var(--sun); }
.eott-home .offer-cta:hover{ border-bottom-color:var(--wine); }
.eott-home .timeline .yr{ color:var(--sun-deep); }
.eott-home .quality-list li::marker{ color:var(--sun); }
.eott-home .module .num{ box-shadow:0 0 0 3px rgba(253,176,22,.55); }
.eott-home .final-cta .btn-primary{ box-shadow:0 0 0 4px rgba(253,176,22,.35), 0 14px 30px -14px rgba(253,176,22,.9); }
/* Zitate: eine Spalte, Schriftgröße nach Länge */
.eott-home .stimmen-rot .quote > p{ margin:0; max-width:none; width:100%; font-style:italic; }
.eott-home .stimmen-rot .quote img.emoji{ display:inline !important; width:1em !important; height:1em !important; margin:0 .05em !important; vertical-align:-.1em !important; box-shadow:none !important; border:none !important; }
.eott-home .stimmen-rot .quote{ min-height:320px; }
.eott-home .stimmen-rot .quote.q-s{ font-size:1.55rem; line-height:1.4; }
.eott-home .stimmen-rot .quote.q-m{ font-size:1.28rem; line-height:1.5; }
.eott-home .stimmen-rot .quote.q-l{ font-size:1.12rem; line-height:1.55; }
/* Foto Garlef doppelt so groß (600 px), mittig über dem Text */
.eott-home .garlef-grid{ grid-template-columns:1fr; gap:36px; }
.eott-home .garlef-grid .avatar-photo{ width:600px; height:auto; aspect-ratio:1/1; max-width:100%; margin:0 auto; border-width:8px; }
.eott-home .garlef-grid > div:last-child{ max-width:680px; margin:0 auto; }
/* Einleitung Variante A: Luft & goldene Linie */
.eott-home .hero .lead-block.lv-a{ max-width:60ch; margin:0 auto; }
.eott-home .hero .lv-a::before{ content:""; display:block; width:90px; height:3px; margin:34px auto; border-radius:2px; background:linear-gradient(90deg,var(--gold),var(--sun),var(--gold)); }
.eott-home .hero .lv-a p.lead{ font-size:1.14rem; line-height:1.8; }
.eott-home .hero .lv-a p.lead + p.lead{ margin-top:28px; text-align:center; font-family:"Lora",serif; font-style:italic; font-size:1.3rem; line-height:1.5; color:var(--wine-dark); -webkit-hyphens:manual; hyphens:manual; }
/* Startseite: Warenkorb direkt bei den Angeboten */
.eott-home .offer-book{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; margin-top:6px; }
.eott-home .offer-cart{ display:inline-block; background:var(--sun); color:var(--wine-dark); font-weight:600; font-size:.88rem; padding:9px 18px; border-radius:24px; text-decoration:none; box-shadow:0 8px 18px -10px rgba(253,176,22,.9); transition:background .2s ease, color .2s ease; }
.eott-home .offer-cart::before{ content:"🛒 "; }
.eott-home .offer-cart:hover{ background:var(--wine); color:var(--cream); }
.eott-home .offer-book .offer-cta{ margin-left:6px; }
/* C-rot · Karussell auf weinrotem Band über die volle Bildschirmbreite */
.eott-home .stimmen-c.stimmen-rot{ background:var(--wine); width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.eott-home .stimmen-rot h2{ color:var(--cream); }
.eott-home .stimmen-rot .intro{ color:var(--gold-light); }
.eott-home .stimmen-rot .hint{ color:var(--gold-light); }
.eott-home .stimmen-rot .track{ scrollbar-color:var(--gold-light) transparent; -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 70px),transparent 100%); mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 70px),transparent 100%); }
.eott-home .stimmen-rot .quote{ display:flex; align-items:center; padding-top:64px; padding-bottom:64px; flex-basis:min(360px,84%); border-color:var(--gold-light); border-top-color:var(--sun); box-shadow:0 18px 34px -22px rgba(0,0,0,.45); }
.eott-home .stimmen-rot > .wrap{ max-width:var(--maxw); }
@media (max-width:760px){
  .eott-home .stimmen-a, .eott-home .stimmen-b, .eott-home .stimmen-c, .eott-home .stimmen-d{ padding:48px 0; }
  .eott-home .garlef-grid{ grid-template-columns:1fr; }
  .eott-home .garlef-grid .avatar-photo{ width:300px; height:auto; margin:0 auto 6px; }
  .eott-home .full-bleed > .wrap{ padding-left:20px; padding-right:20px; }
  .eott-home .hero .photo-gallery{ margin-bottom:70px; }
  .eott-home .hero .lv-a::before{ margin:26px auto; }
  .eott-home .hero .lv-a p.lead{ font-size:1.04rem; }
  .eott-home .hero .lv-a p.lead + p.lead{ font-size:1.15rem; }
  .eott-home .stimmen-rot .quote{ min-height:280px; padding-top:48px; padding-bottom:48px; }
  .eott-home .stimmen-rot .quote.q-s{ font-size:1.35rem; }
  .eott-home .stimmen-rot .quote.q-m{ font-size:1.15rem; }
  .eott-home .stimmen-rot .quote.q-l{ font-size:1.02rem; }
  .eott-home .stimmen-a .quote-grid, .eott-home .stimmen-b .quote-grid{ grid-template-columns:1fr; }
  .eott-home .stimmen-b .featured{ padding:34px 22px 26px; font-size:1.15rem; }
  .eott-home .stimmen-d .spot > p{ font-size:1.15rem; }
  .eott-home .stimmen-a > .wrap, .eott-home .stimmen-b > .wrap, .eott-home .stimmen-c > .wrap, .eott-home .stimmen-d > .wrap{ padding-left:20px; padding-right:20px; }
}
/* v27: Galerien über die volle Breite + Blocksatz */
.eott-home .photo-gallery.gallery-bleed{ padding:0 16px; gap:12px; box-sizing:border-box; }
.eott-home .photo-gallery.gallery-bleed .photo-frame{ border-radius:10px; }
.eott-home .hero .photo-gallery.gallery-top{ margin-top:48px; margin-bottom:6px; }
.eott-home #tantra .photo-gallery.gallery-mid{ margin-top:34px; margin-bottom:0; }
.eott-home .block p, .eott-home .feature p, .eott-home .two-col p, .eott-home .garlef-grid p, .eott-home .faq-list p, .eott-home .offer-body p{ text-align:justify; -webkit-hyphens:auto; hyphens:auto; }
.eott-home .block p.hint, .eott-home .block p.intro, .eott-home .final-cta p, .eott-home .block .cta-facts{ text-align:center; -webkit-hyphens:manual; hyphens:manual; }
@media (max-width:760px){
  .eott-home .photo-gallery.gallery-bleed{ padding:0 8px; gap:6px; }
  .eott-home .hero .photo-gallery.gallery-top{ margin-top:34px; margin-bottom:0; }
  .eott-home .photo-gallery.gallery-bleed .photo-frame{ border-radius:6px; }
}
/* =====================================================================
   ENTWURF · Startseite: Aufklapp-Elemente + Angebotskarten im Stil der
   Seite „Alle Angebote“ (Rahmen: .eott-home)
   ===================================================================== */
/* Aufklapp-Element (Angebote, 4 Schlüssel, Was ist Tantra, Fokus) */
.eott-home .acc{ background:#fff; border:1px solid var(--gold-light); border-radius:14px; margin-top:20px; overflow:hidden; box-shadow:0 18px 34px -30px rgba(92,30,40,.55); }
.eott-home .acc + .acc{ margin-top:14px; }
.eott-home .acc > summary{ cursor:pointer; list-style:none; display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding:18px 22px; background:var(--cream); border-left:4px solid var(--sun); transition:background .2s ease; }
.eott-home .acc > summary::-webkit-details-marker{ display:none; }
.eott-home .acc > summary::marker{ content:""; }
.eott-home .acc > summary:hover{ background:var(--cream-2); }
.eott-home .acc .acc-t{ font-family:"Lora",serif; font-size:1.2rem; font-weight:600; color:var(--wine); flex:0 0 auto; }
.eott-home .acc .acc-hint{ flex:1 1 220px; font-size:.86rem; color:var(--grey); }
.eott-home .acc > summary .chev{ flex:none; width:30px; height:30px; border-radius:50%; background:var(--sun); color:var(--wine-dark); font-weight:700; font-size:1.15rem; line-height:30px; text-align:center; }
.eott-home .acc > summary .chev::after{ content:"+"; }
.eott-home .acc[open] > summary .chev::after{ content:"–"; }
.eott-home .acc[open] > summary{ background:var(--cream-2); border-bottom:1px solid var(--cream-2); }
.eott-home .acc .acc-body{ padding:22px 24px 26px; }
.eott-home .acc .acc-body > .group-head:first-child{ margin-top:0; }
.eott-home .acc-two{ gap:14px !important; }
.eott-home .acc-two .acc{ margin-top:0; }
.eott-home .acc-two .acc .acc-body{ padding:18px 22px 20px; }
/* Angebotskarten (wie auf „Alle Angebote“) */
.eott-home .acc-offers .group-head{ margin:30px 0 4px; align-items:baseline; }
.eott-home .acc-offers .group-head:first-child{ margin-top:0; }
.eott-home .acc-offers .group-intro{ margin-bottom:16px !important; font-size:.92rem; color:var(--grey); }
.eott-home .offer-card{ display:grid; grid-template-columns:1fr 248px; gap:26px; align-items:start; background:var(--cream); border:1px solid var(--gold-light); border-top:3px solid var(--sun); border-radius:14px; padding:22px 24px; margin-bottom:14px; }
.eott-home .offer-card h4{ font-family:"Lora",serif; font-size:1.18rem; color:var(--wine); margin:0 0 4px; font-weight:600; }
.eott-home .offer-card .oc-meta{ font-size:.85rem; color:var(--gold); font-weight:600; letter-spacing:.02em; margin-bottom:10px; }
.eott-home .offer-card p{ margin:0; font-size:.94rem; line-height:1.65; text-align:justify; -webkit-hyphens:auto; hyphens:auto; }
.eott-home .offer-card .oc-side{ display:flex; flex-direction:column; align-items:stretch; gap:8px; }
.eott-home .offer-card .oc-price{ font-family:"Lora",serif; font-size:1.35rem; color:var(--wine-dark); font-weight:600; text-align:center; margin-bottom:2px; }
.eott-home .offer-card .oc-btn{ display:block; text-align:center; text-decoration:none; font-weight:600; font-size:.84rem; line-height:1.25; padding:10px 14px; border-radius:24px; transition:background .2s ease, color .2s ease; }
.eott-home .offer-card .oc-btn.cart{ background:var(--sun); color:var(--wine-dark); border:2px solid var(--sun); box-shadow:0 10px 22px -12px rgba(253,176,22,.9); }
.eott-home .offer-card .oc-btn.cart::before{ content:"🛒 "; }
.eott-home .offer-card .oc-btn.cart:hover{ background:#E89A00; border-color:#E89A00; }
.eott-home .offer-card .oc-btn.more{ background:transparent; color:var(--wine); border:2px solid var(--gold-light); }
.eott-home .offer-card .oc-btn.more:hover{ background:var(--wine); color:var(--cream); border-color:var(--wine); }
@media (max-width:760px){
  .eott-home .acc > summary{ padding:14px 16px; gap:10px; }
  .eott-home .acc .acc-t{ font-size:1.05rem; }
  .eott-home .acc .acc-body{ padding:16px 16px 20px; }
  .eott-home .offer-card{ grid-template-columns:1fr; gap:14px; padding:18px 16px; }
  .eott-home .offer-card .oc-price{ text-align:left; }
}
@media (max-width:760px){
  .eott-home .acc-offers .group-head{ display:block; }
  .eott-home .acc-offers .group-head .count{ display:block; margin-top:2px; }
  .eott-home .offer-card p{ text-align:left; }
}
/* v33: Angebote stehen jetzt im Hero, VOR „Dein nächster Schritt“ */
.eott-home .hero section.block.angebote-top{ padding:46px 0 0; text-align:left; }
.eott-home .hero .angebote-top h2{ text-align:center; }
.eott-home .hero .angebote-top > .sub{ text-align:center; max-width:64ch; margin-left:auto; margin-right:auto; }
.eott-home .hero .angebote-top .acc{ text-align:left; }
.eott-home .hero .angebote-top + .cta-stage{ margin-top:56px; }
@media (max-width:760px){
  .eott-home .hero section.block.angebote-top{ padding:30px 0 0; }
  .eott-home .hero .angebote-top + .cta-stage{ margin-top:38px; }
}
/* v34: Einleitung einheitlich – Absatz (Blocksatz) und Zitat „Mit Freude …“ in derselben, mittigen Spalte */
.eott-home .hero .lead-block.lv-a{ max-width:620px; margin:0 auto; }
.eott-home .hero .lv-a p.lead{ max-width:none; margin:0; }
.eott-home .hero .lv-a p.lead + p.lead{ max-width:none; margin:28px 0 0; text-align:center; }

/* =====================================================================
   Shop (Aktuelle Events – jetzt buchen)  →  Rahmen: .eott-shop
   ===================================================================== */
.eott-shop{ --wine:#7A2E3B; --wine-dark:#5C1E28; --gold:#B8863B; --gold-light:#D4AF78; --cream:#FBF6F0; --cream-2:#F2E9DD; --dark:#2E2420; --grey:#786058; --maxw:880px; }
.eott-shop, .eott-shop *{ box-sizing:border-box; }
.eott-shop{ margin:0; background:var(--cream); color:var(--dark); font-family:"Poppins",sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; }
.eott-shop h1, .eott-shop h2, .eott-shop h3{ font-family:"Lora",serif; color:var(--wine); margin:0; font-weight:600; }
.eott-shop a{ color:inherit; }
.eott-shop .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 28px; }
.eott-shop .hero{ padding:28px 0 20px; }
.eott-shop .hero h1{ font-size:2.15rem; line-height:1.2; }
.eott-shop .hero p.lead{ max-width:62ch; font-size:1.02rem; margin-top:16px; }
.eott-shop hr.rule{ width:56px; height:3px; background:var(--gold); border:none; margin:24px 0; }
.eott-shop .info-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:8px 0 10px; }
.eott-shop .info-box{ background:var(--cream-2); border-radius:6px; padding:20px 22px; font-size:0.9rem; }
.eott-shop .info-box .k{ color:var(--gold); font-weight:600; font-size:0.82rem; display:block; margin-bottom:6px; }
.eott-shop .bank-box{ background:var(--wine); color:var(--cream); border-radius:6px; padding:24px 26px; margin:22px 0; }
.eott-shop .bank-box .k{ color:var(--gold-light); font-weight:600; font-size:0.85rem; display:block; margin-bottom:8px; }
.eott-shop .bank-box .iban{ font-family:"Poppins",monospace; font-size:1.15rem; font-weight:600; letter-spacing:0.5px; margin-top:4px; display:inline-block; }
.eott-shop .bank-box p{ margin:0 0 4px; font-size:0.92rem; color:var(--cream); }
.eott-shop .bank-box .note{ color:var(--gold-light); font-size:0.85rem; margin-top:10px; }
.eott-shop .notice-list{ list-style:none; margin:18px 0; padding:0; font-size:0.9rem; }
.eott-shop .notice-list li{ padding:6px 0 6px 22px; position:relative; }
.eott-shop .notice-list li::before{ content:"✓"; position:absolute; left:0; color:var(--gold); font-weight:700; }
.eott-shop .info-box strong{ color:var(--wine-dark); font-weight:600; }
.eott-shop{ padding-bottom:40px; }
/* Gleichmäßige Abstände (24px) zwischen allen Abschnitten – überschreibt Theme-Abstände */
.eott-shop .hero > *{ margin-top:0 !important; margin-bottom:0 !important; }
.eott-shop .hero > * + *{ margin-top:24px !important; }
.eott-shop .notice-list{ padding:0 !important; }
.eott-shop .notice-list li{ margin:0 !important; }
.eott-shop .notice-list li:first-child{ padding-top:0; }
.eott-shop .notice-list li:last-child{ padding-bottom:0; }
.eott-shop .hero > p:empty, .eott-shop .hero > br{ display:none !important; }
@media (max-width:700px){
  .eott-shop .info-grid{ grid-template-columns:1fr; }
}

/* =====================================================================
   Event-Seiten (z. B. Die 2. Berührung)  →  Rahmen: .eott-event
   ===================================================================== */
.eott-event{ --wine: #2B1620; --plum: #3D2431; --plum-light: #4A2C3A; --copper: #BE8A52; --copper-soft: #D9B37F; --rose: #B67B6E; --ivory: #F3E9DF; --ivory-dim: #D9C9BC; }
.eott-event, .eott-event *{ box-sizing: border-box; margin: 0; padding: 0; }
.eott-event{ background: var(--wine); color: var(--ivory); font-family: "Work Sans", sans-serif; font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
.eott-event h1, .eott-event h2, .eott-event h3{ font-family: "Fraunces", serif; font-weight: 500; line-height: 1.15; color: var(--ivory); }
.eott-event a{ color: inherit; }
.eott-event .wrap{ max-width: 720px; margin: 0 auto; padding: 0 28px; }
/* HERO */
.eott-event .hero{ position: relative; overflow: hidden; padding: 100px 0 90px; text-align: center; }
.eott-event .hero-glow{ position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.eott-event .blob{ position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.55; }
.eott-event .blob-a{ width: 420px; height: 420px; background: radial-gradient(circle at 30% 30%, var(--copper), transparent 70%); top: -160px; left: 50%; transform: translateX(-70%); }
.eott-event .blob-b{ width: 320px; height: 320px; background: radial-gradient(circle at 60% 40%, var(--rose), transparent 70%); top: -60px; left: 55%; opacity: 0.4; }
.eott-event .hero-content{ position: relative; z-index: 1; }
.eott-event .eyebrow-line{ display: inline-block; font-size: 15px; color: var(--copper-soft); letter-spacing: 0.02em; margin-bottom: 22px; }
.eott-event .hero h1{ font-size: 44px; max-width: 560px; margin: 0 auto 22px; }
.eott-event .hero p.lede{ font-size: 19px; color: var(--ivory-dim); max-width: 480px; margin: 0 auto 36px; }
.eott-event .facts-row{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 14px; margin-bottom: 40px; }
.eott-event .fact-pill{ border: 1px solid rgba(243, 233, 223, 0.22); border-radius: 100px; padding: 8px 18px; font-size: 14.5px; color: var(--ivory-dim); white-space: nowrap; }
.eott-event .cta{ display: inline-block; background: var(--copper); color: var(--wine); font-family: "Work Sans", sans-serif; font-weight: 600; font-size: 16.5px; padding: 16px 38px; border-radius: 100px; text-decoration: none; transition: transform 0.2s ease, background 0.2s ease; }
.eott-event .cta:hover{ background: var(--copper-soft); transform: translateY(-1px); }
.eott-event .cta-note{ display: block; font-size: 13.5px; color: var(--ivory-dim); opacity: 0.75; margin-top: 14px; }
/* INTRO */
.eott-event .intro{ padding: 10px 0 70px; }
.eott-event .intro p{ font-size: 19px; color: var(--ivory-dim); max-width: 560px; }
.eott-event .intro p + p{ margin-top: 18px; }
.eott-event .intro strong{ color: var(--ivory); font-weight: 500; }
/* EXPERIENCE LIST */
.eott-event .section{ padding: 66px 0; border-top: 1px solid rgba(243, 233, 223, 0.12); }
.eott-event .section h2{ font-size: 30px; margin-bottom: 30px; max-width: 460px; }
.eott-event .exp-list{ list-style: none; display: flex; flex-direction: column; gap: 26px; }
.eott-event .exp-item{ padding-left: 24px; border-left: 2px solid var(--copper); }
.eott-event .exp-item h3{ font-size: 18px; font-weight: 500; margin-bottom: 6px; color: var(--copper-soft); }
.eott-event .exp-item p{ color: var(--ivory-dim); font-size: 16px; max-width: 480px; }
/* FOR WHOM */
.eott-event .whom-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.eott-event .whom-grid h3{ font-size: 17px; font-weight: 500; margin-bottom: 10px; color: var(--ivory); }
.eott-event .whom-grid p{ color: var(--ivory-dim); font-size: 15.5px; }
.eott-event .whom-note{ margin-top: 34px; padding-top: 28px; border-top: 1px solid rgba(243, 233, 223, 0.12); color: var(--ivory-dim); font-size: 15.5px; max-width: 560px; }
/* PRACTICAL INFO */
.eott-event .info-block{ background: var(--plum); border-radius: 20px; padding: 40px 36px; }
.eott-event .info-grid{ display: grid; grid-template-columns: 1fr 1fr; row-gap: 22px; column-gap: 20px; }
.eott-event .info-label{ font-size: 13.5px; color: var(--copper-soft); margin-bottom: 4px; }
.eott-event .info-value{ font-size: 17px; color: var(--ivory); }
.eott-event .leader-note{ margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(243, 233, 223, 0.15); font-size: 15px; color: var(--ivory-dim); }
.eott-event .leader-note b{ color: var(--ivory); font-weight: 500; }
/* FINAL CTA */
.eott-event .final{ text-align: center; padding: 80px 0 100px; }
.eott-event .final h2{ font-size: 32px; max-width: 480px; margin: 0 auto 16px; }
.eott-event .final p{ color: var(--ivory-dim); font-size: 17px; max-width: 440px; margin: 0 auto 34px; }
.eott-event footer{ text-align: center; padding: 30px 0 50px; font-size: 13.5px; color: rgba(217, 201, 188, 0.55); }
@media (max-width: 560px){
  .eott-event .hero{ padding: 76px 0 60px; }
  .eott-event .hero h1{ font-size: 32px; }
  .eott-event .hero p.lede{ font-size: 17px; }
  .eott-event .section h2{ font-size: 25px; }
  .eott-event .whom-grid{ grid-template-columns: 1fr; gap: 24px; }
  .eott-event .info-grid{ grid-template-columns: 1fr; }
  .eott-event .info-block{ padding: 30px 24px; }
  .eott-event .final h2{ font-size: 26px; }
}
@media (prefers-reduced-motion: reduce){
  .eott-event, .eott-event *{ transition: none !important; }
}

.eott-event .cta-2{ margin-left:10px; margin-top:10px; background:transparent; color:#F3E9DF; border:2px solid #BE8A52; }
.eott-event .cta-2:hover{ background:#BE8A52; color:#2B1620; }

/* =====================================================================
   FOOTER DER WEBSITE (Customizr) – gilt bewusst auf ALLEN Seiten
   ===================================================================== */
#footer.footer__wrapper{ background:#7A2E3B; color:#FBF6F0; font-family:'Poppins',sans-serif; border-top:4px solid #B8863B; }
#footer .widget__wrapper{ background:transparent; padding:60px 0 44px; }
#footer .widget, #footer .widget p, #footer .widget li{ color:#FBF6F0; font-size:.92rem; line-height:1.85; }
#footer .widget-title, #footer .eott-footer-col h4{ font-family:'Lora',serif; color:#D4AF78; font-size:1.15rem; font-weight:600; letter-spacing:0; text-transform:none; margin:0 0 14px; }
#footer a{ color:#FBF6F0; text-decoration:none; border-bottom:1px solid rgba(212,175,120,.45); transition:color .2s ease, border-color .2s ease, background .2s ease; }
#footer a:hover{ color:#D4AF78; border-bottom-color:#D4AF78; }
#footer .eott-footer-col p{ margin:0 0 10px; }
#footer .eott-footer-col ul{ list-style:none; margin:0; padding:0; }
#footer .eott-footer-col li{ margin:0; padding:1px 0; }
#footer .eott-footer-col .brand{ display:flex; align-items:center; gap:10px; font-family:'Lora',serif; font-style:italic; font-size:1.45rem; color:#FBF6F0; margin-bottom:6px; }
#footer .eott-footer-col .brand img{ width:36px; height:36px; border-radius:50%; flex:none; }
#footer .eott-footer-col .tagline{ color:#D4AF78; font-size:.9rem; margin-bottom:14px; }
#footer .eott-footer-col .muted{ color:#E9D6C4; font-size:.86rem; }
#footer a.eott-footer-btn{ display:inline-block; margin-top:14px; padding:10px 24px; border:2px solid #D4AF78; border-radius:30px; color:#FBF6F0; font-weight:600; font-size:.9rem; }
#footer a.eott-footer-btn:hover{ background:#D4AF78; color:#5C1E28; }
/* alte Button-Blöcke (falls sie im Footer bleiben) im Markenstil */
#footer .wp-block-button__link{ background:transparent; color:#FBF6F0; border:1px solid #D4AF78; font-family:'Poppins',sans-serif; font-size:.85rem; }
#footer .wp-block-button__link:hover{ background:#D4AF78; color:#5C1E28; }
/* Produkt-Widget (falls es bleibt): kompakt statt großer Bilder */
#footer .product_list_widget{ list-style:none; margin:0; padding:0; }
#footer .product_list_widget li{ display:block; overflow:hidden; padding:8px 0; border-bottom:1px solid rgba(212,175,120,.25); }
#footer .product_list_widget img{ float:left; width:48px; height:48px; object-fit:cover; border-radius:6px; margin:2px 12px 0 0; }
#footer .product_list_widget a{ border:none; }
#footer .product_list_widget del, #footer .product_list_widget ins, #footer .product_list_widget .amount{ color:#D4AF78; text-decoration-color:#D4AF78; }
/* Copyright-Leiste */
#footer .colophon{ background:#5C1E28; color:#D9B892; padding:18px 0; border-top:1px solid rgba(212,175,120,.25); }
#footer .colophon p, #footer .colophon a{ color:#D9B892; font-size:.82rem; border:none; margin:0; }
#footer .czr-credits{ display:none; }
#footer .socials li:has(.icon-feed){ display:none; }
#footer .social-icon, #footer .social-icon[style]{ color:#D4AF78 !important; font-size:1.25rem; border:none; }
#footer .social-icon:hover{ color:#FBF6F0 !important; }
@media (max-width:767px){
  #footer .widget__wrapper{ padding:44px 0 24px; text-align:center; }
  #footer .eott-footer-col{ margin-bottom:30px; }
  #footer .eott-footer-col .brand{ justify-content:center; }
  #footer .colophon{ text-align:center; }
  #footer .colophon .socials{ justify-content:center; margin-top:6px; }
}

/* =====================================================================
   ALLGEMEINE SEITEN (Angebote, Infos, Rechtliches)  →  Rahmen: .eott-page
   Ein Baukasten für alle weiteren Seiten im Eye-of-the-Tantra-Look
   ===================================================================== */
body:has(.eott-page){ background-color:#FBF6F0; }
.eott-page{
  --wine:#7A2E3B; --wine-dark:#5C1E28; --gold:#B8863B; --gold-light:#D4AF78;
  --cream:#FBF6F0; --cream-2:#F2E9DD; --dark:#2E2420; --grey:#786058; --maxw:880px;
  background:var(--cream); color:var(--dark); font-family:'Poppins',sans-serif; font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased; padding-bottom:10px;
}
.eott-page h1, .eott-page h2, .eott-page h3, .eott-page h4{ font-family:'Lora',serif; color:var(--wine); font-weight:600; line-height:1.25; margin:0; text-transform:none; letter-spacing:0; }
.eott-page p{ margin:0 0 14px; }
.eott-page p:last-child{ margin-bottom:0; }
.eott-page a{ color:var(--wine-dark); text-decoration:none; border-bottom:1px solid var(--gold-light); }
.eott-page a:hover{ color:var(--wine); border-bottom-color:var(--wine); }
.eott-page strong{ color:var(--wine-dark); font-weight:600; }
.eott-page ul, .eott-page ol{ margin:0 0 14px; padding-left:1.2em; }
.eott-page .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 28px; }
.eott-page .narrow{ max-width:64ch; }
.eott-page .center{ text-align:center; }
.eott-page .center .narrow{ margin-left:auto; margin-right:auto; }
.eott-page .muted{ color:var(--grey); font-size:.92rem; }
.eott-page .justify{ text-align:justify; -webkit-hyphens:auto; hyphens:auto; }

/* Hero */
.eott-page .p-hero{ padding:56px 0 40px; text-align:center; }
.eott-page .kicker{ display:block; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:14px; }
.eott-page .p-hero h1{ font-size:2.4rem; max-width:22ch; margin:0 auto; }
.eott-page .p-hero .sub{ font-family:'Lora',serif; font-style:italic; color:var(--gold); font-size:1.15rem; margin:14px 0 0; }
.eott-page .p-hero .lead{ max-width:60ch; margin:20px auto 0; font-size:1.05rem; }
.eott-page hr.rule{ width:64px; height:3px; background:var(--gold); border:none; margin:30px auto; }
.eott-page .pills{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px 12px; margin:26px 0 0; padding:0; list-style:none; }
.eott-page .pills li{ font-size:.86rem; color:var(--wine-dark); border:1px solid var(--gold-light); background:#fff8; border-radius:30px; padding:6px 16px; }
.eott-page .btns{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px 18px; margin-top:30px; }
.eott-page a.btn{ display:inline-block; background:var(--wine); color:var(--cream); border:2px solid var(--wine); border-radius:40px; padding:14px 34px; font-weight:600; font-size:1rem; box-shadow:0 12px 24px -14px rgba(122,46,59,.8); transition:transform .2s ease, background .2s ease, color .2s ease; }
.eott-page a.btn:hover{ background:var(--wine-dark); color:var(--cream); transform:translateY(-2px); }
.eott-page a.btn.ghost{ background:transparent; color:var(--wine); box-shadow:none; }
.eott-page a.btn.ghost:hover{ background:var(--wine); color:var(--cream); }
.eott-page a.btn.gold{ background:var(--gold-light); border-color:var(--gold-light); color:var(--wine-dark); }
.eott-page a.btn.gold:hover{ background:var(--cream); border-color:var(--cream); }

/* Fotogalerie (3 Bilder) */
.eott-page .photo-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0 0 8px; }
.eott-page .photo-frame{ border-radius:10px; overflow:hidden; border:1px solid var(--gold-light); background:var(--cream-2); }
.eott-page .photo-frame img{ width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; display:block; }
.eott-page .photo-frame.ph{ aspect-ratio:4/5; display:flex; align-items:center; justify-content:center; text-align:center; color:var(--gold); font-size:.85rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  background:repeating-linear-gradient(135deg, var(--cream-2) 0 14px, #EFE3D4 14px 28px); }
.eott-page .photo-gallery.square .photo-frame img, .eott-page .photo-gallery.square .photo-frame.ph{ aspect-ratio:1/1; }
.eott-page .photo-single{ max-width:520px; margin:0 auto; }
.eott-page .photo-single img{ aspect-ratio:auto; }

/* Abschnitte */
.eott-page .sec{ padding:52px 0; }
.eott-page .sec.alt{ background:var(--cream-2); }
.eott-page .sec.tight{ padding:36px 0; }
.eott-page .sec h2{ font-size:1.7rem; margin-bottom:18px; }
.eott-page .sec h3{ font-size:1.2rem; margin:0 0 10px; }
.eott-page .eyebrow{ display:block; font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:8px; }
.eott-page .two{ display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:start; }
.eott-page .three{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

/* Karten */
.eott-page .card{ background:#FFFDF9; border:1px solid var(--gold-light); border-radius:12px; padding:26px 24px; }
.eott-page .sec.alt .card{ background:var(--cream); }
.eott-page .card h3{ font-size:1.12rem; margin-bottom:8px; }
.eott-page .card.accent{ border-top:4px solid var(--gold); }

/* Listen */
.eott-page ul.check{ list-style:none; padding:0; margin:0 0 14px; }
.eott-page ul.check li{ position:relative; padding:5px 0 5px 28px; }
.eott-page ul.check li::before{ content:"✓"; position:absolute; left:0; top:5px; color:var(--gold); font-weight:700; }
.eott-page ul.plus li::before{ content:"+"; }
.eott-page ul.minus li::before{ content:"–"; color:var(--wine); }
.eott-page ul.cols{ columns:2; column-gap:36px; }
.eott-page ul.cols li{ break-inside:avoid; }
.eott-page ol.steps{ counter-reset:s; list-style:none; padding:0; }
.eott-page ol.steps li{ counter-increment:s; position:relative; padding:4px 0 12px 44px; }
.eott-page ol.steps li::before{ content:counter(s); position:absolute; left:0; top:2px; width:30px; height:30px; border-radius:50%; background:var(--wine); color:var(--cream); font-weight:600; font-size:.85rem; display:flex; align-items:center; justify-content:center; }
.eott-page .tags{ display:flex; flex-wrap:wrap; gap:8px 10px; justify-content:center; margin:0; padding:0; list-style:none; }
.eott-page .tags li{ font-size:.82rem; color:var(--wine-dark); border:1px solid var(--gold-light); border-radius:16px; padding:4px 13px; }

/* Eckdaten */
.eott-page .facts{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--gold-light); border-radius:12px; overflow:hidden; background:#FFFDF9; }
.eott-page .facts > div{ padding:18px 20px; border-right:1px solid var(--cream-2); border-bottom:1px solid var(--cream-2); }
.eott-page .facts .k{ display:block; font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:4px; }
.eott-page .facts .v{ font-weight:500; color:var(--dark); }

/* Ablauf */
.eott-page .timeline{ list-style:none; margin:0; padding:0; border-left:2px solid var(--gold-light); }
.eott-page .timeline li{ position:relative; padding:0 0 22px 26px; }
.eott-page .timeline li::before{ content:""; position:absolute; left:-7px; top:6px; width:12px; height:12px; border-radius:50%; background:var(--gold); }
.eott-page .timeline .t{ display:block; font-weight:600; color:var(--wine); }

/* Zitate */
.eott-page .quotes{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.eott-page blockquote{ margin:0; background:#FFFDF9; border:1px solid var(--cream-2); border-left:4px solid var(--gold); border-radius:8px; padding:20px 22px; font-style:italic; }
.eott-page blockquote p{ margin:0 0 10px; }
.eott-page blockquote cite{ display:block; font-style:normal; font-size:.85rem; color:var(--gold); font-weight:600; margin-top:8px; }

/* Aufklapper */
.eott-page details{ border-top:1px solid var(--gold-light); padding:16px 0; }
.eott-page details:last-of-type{ border-bottom:1px solid var(--gold-light); }
.eott-page summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:14px; font-family:'Lora',serif; font-size:1.08rem; color:var(--wine-dark); font-weight:600; }
.eott-page summary::-webkit-details-marker{ display:none; }
.eott-page summary::after{ content:"+"; color:var(--gold); font-family:'Poppins',sans-serif; font-size:1.4rem; flex:none; }
.eott-page details[open] summary::after{ content:"–"; }
.eott-page details > div{ padding-top:12px; font-size:.95rem; }

/* Angebotsliste */
.eott-page .offer{ display:grid; grid-template-columns:1fr auto; gap:10px 24px; align-items:start; background:#FFFDF9; border:1px solid var(--gold-light); border-radius:12px; padding:22px 24px; margin-bottom:16px; }
.eott-page .offer h3{ font-size:1.2rem; margin-bottom:4px; }
.eott-page .offer .meta{ font-size:.86rem; color:var(--grey); margin-bottom:8px; }
.eott-page .offer p{ font-size:.93rem; }
.eott-page .offer .side{ text-align:right; }
.eott-page .offer .price{ display:block; font-weight:600; color:var(--wine-dark); font-size:1.05rem; white-space:nowrap; margin-bottom:10px; }
.eott-page .offer .price s{ color:var(--grey); font-weight:400; font-size:.85rem; margin-right:4px; }
.eott-page .offer a.btn{ padding:9px 20px; font-size:.86rem; }
.eott-page .group-head{ display:flex; align-items:baseline; gap:14px; margin-bottom:6px; }
.eott-page .group-head .count{ color:var(--grey); font-size:.88rem; }
.eott-page .modules{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:16px 0; padding:0; list-style:none; }
.eott-page .modules li{ font-size:.86rem; }
.eott-page .modules b{ display:flex; width:28px; height:28px; border-radius:50%; background:var(--wine); color:var(--cream); align-items:center; justify-content:center; font-size:.8rem; margin-bottom:6px; }
.eott-page .modules strong{ display:block; }

/* Hinweis- & CTA-Band */
.eott-page .note{ background:var(--cream-2); border-left:4px solid var(--gold); border-radius:8px; padding:18px 22px; font-size:.92rem; }
.eott-page .cta-band{ background:var(--wine); color:var(--cream); text-align:center; padding:56px 0; margin-top:10px; }
.eott-page .cta-band h2{ color:var(--cream); font-size:1.8rem; margin-bottom:12px; }
.eott-page .cta-band p{ color:#EBD9C5; max-width:54ch; margin:0 auto 6px; }
.eott-page .cta-band a:not(.btn){ color:var(--cream); }

/* Rechtstexte */
.eott-page .legal{ max-width:760px; margin:0 auto; font-size:.93rem; }
.eott-page .legal h1, .eott-page .legal h2{ font-size:1.4rem; margin:34px 0 12px; }
.eott-page .legal h3, .eott-page .legal h4, .eott-page .legal h5, .eott-page .legal h6{ font-size:1.08rem; margin:24px 0 8px; }
.eott-page .legal a{ word-break:break-word; }
.eott-page .legal .legal-card{ background:#FFFDF9; border:1px solid var(--gold-light); border-radius:12px; padding:24px 26px; margin-bottom:10px; }

@media (max-width:760px){
  .eott-page .wrap{ padding:0 20px; }
  .eott-page .p-hero{ padding:40px 0 30px; }
  .eott-page .p-hero h1{ font-size:1.9rem; }
  .eott-page .sec{ padding:40px 0; }
  .eott-page .sec h2{ font-size:1.42rem; }
  .eott-page .two, .eott-page .three, .eott-page .quotes{ grid-template-columns:1fr; gap:18px; }
  .eott-page .photo-gallery{ gap:8px; }
  .eott-page .facts{ grid-template-columns:1fr 1fr; }
  .eott-page ul.cols{ columns:1; }
  .eott-page .offer{ grid-template-columns:1fr; }
  .eott-page .offer .side{ text-align:left; }
  .eott-page .modules{ grid-template-columns:1fr 1fr; }
  .eott-page .btns a.btn{ display:block; width:100%; text-align:center; }
}
.eott-page .cta-band a.btn.ghost{ color:var(--cream); border-color:var(--gold-light); }
.eott-page .cta-band a.btn.ghost:hover{ background:var(--gold-light); color:var(--wine-dark); }

.eott-page .booking{ max-width:720px; margin:0 auto; background:#FFFDF9; border:1px solid rgba(253,176,22,.6); border-radius:16px; padding:26px 28px; box-shadow:0 20px 44px -30px rgba(92,30,40,.5); }
.eott-page .booking h2{ font-size:1.35rem; margin:0 0 4px; }
.eott-page .booking .hint{ color:var(--grey); font-size:.86rem; margin:0 0 14px; }
.eott-page .slot{ display:grid; grid-template-columns:1fr auto auto; gap:14px 20px; align-items:center; padding:16px 0; border-top:1px solid rgba(253,176,22,.45); }
.eott-page .slot .d{ font-weight:600; color:var(--wine-dark); }
.eott-page .slot .d small{ display:block; font-weight:400; color:var(--grey); font-size:.84rem; }
.eott-page .slot .p{ font-weight:600; color:var(--wine-dark); white-space:nowrap; text-align:right; }
.eott-page .slot .p s{ color:var(--grey); font-weight:400; font-size:.85rem; margin-right:6px; }
.eott-page a.btn.cart{ background:#FDB016; border-color:#FDB016; color:#5C1E28; padding:11px 22px; font-size:.92rem; box-shadow:0 10px 22px -12px rgba(253,176,22,.9); }
.eott-page a.btn.cart::before{ content:"🛒 "; }
.eott-page a.btn.cart:hover{ background:var(--wine); border-color:var(--wine); color:var(--cream); }
.eott-page .booking .secure{ margin:14px 0 0; font-size:.8rem; color:var(--grey); text-align:center; }
@media (max-width:760px){ .eott-page .slot{ grid-template-columns:1fr auto; } .eott-page .slot a.btn.cart{ grid-column:1/-1; text-align:center; } }

/* =====================================================================
   v36: STARTSEITEN-LOOK für weitere Seiten (Collab, Über mich, Kontakt,
   Locations, Empfehlungen, Rechtliches) – Rahmen: .eott-page
   ===================================================================== */
.eott-page{ --sun:#FDB016; --sun-deep:#E8940C; --sun-soft:rgba(253,176,22,.38); --sun-line:rgba(253,176,22,.55); }
.eott-page .full-bleed{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
/* Kopfbereich wie auf der Startseite */
.eott-page .lk-hero{ padding:64px 0 44px; text-align:center; }
.eott-page .lk-logo{ width:104px; height:104px; border-radius:50%; display:block; margin:0 auto 26px; box-shadow:0 0 70px 20px var(--sun-soft); }
.eott-page .lk-kicker{ display:block; font-size:.95rem; color:var(--gold); margin-bottom:14px; }
.eott-page .lk-kicker .sep{ color:var(--sun); font-weight:700; margin:0 6px; }
.eott-page .lk-hero h1{ font-size:2.45rem; line-height:1.2; max-width:20ch; margin:0 auto; }
.eott-page .lk-rule{ display:block; width:90px; height:3px; border:none; border-radius:2px; margin:30px auto; background:linear-gradient(90deg,var(--gold),var(--sun),var(--gold)); }
.eott-page .lk-lead{ max-width:620px; margin:0 auto; }
.eott-page .lk-lead p{ font-size:1.12rem; line-height:1.8; text-align:justify; -webkit-hyphens:auto; hyphens:auto; margin:0; }
.eott-page .lk-lead p.center{ text-align:center; }
.eott-page .lk-quote{ max-width:620px; margin:26px auto 0; text-align:center; font-family:'Lora',serif; font-style:italic; font-size:1.28rem; line-height:1.5; color:var(--wine-dark); }
/* Galerie über die volle Breite */
.eott-page .lk-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:0 16px; margin:8px 0 0; box-sizing:border-box; }
.eott-page .lk-gallery .photo-frame{ border-radius:10px; }
.eott-page .lk-gallery .photo-frame img{ aspect-ratio:4/5; }
/* Abschnitte */
.eott-page .lk-sec{ padding:60px 0; }
.eott-page .lk-sec.alt{ background:var(--cream-2); }
.eott-page .lk-sec h2{ font-size:1.8rem; margin-bottom:10px; text-align:center; }
.eott-page .lk-sec .lk-sub{ text-align:center; color:var(--grey); font-size:.95rem; margin:0 auto 30px; max-width:60ch; }
.eott-page .lk-sec p.justify{ text-align:justify; -webkit-hyphens:auto; hyphens:auto; }
/* Hervorgehobener Kasten (wie „Absichtslosigkeit“) */
.eott-page .lk-feature{ background:var(--cream-2); border:2px solid var(--sun); border-radius:12px; padding:36px 34px; box-shadow:0 18px 40px -30px rgba(253,176,22,.8); }
.eott-page .lk-sec.alt .lk-feature{ background:var(--cream); }
.eott-page .lk-feature .eyebrow{ color:var(--sun-deep); }
.eott-page .lk-feature h3{ font-size:1.4rem; margin-bottom:12px; }
/* Karten mit orangem Rand oben (wie die Angebotskarten) */
.eott-page .lk-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.eott-page .lk-cards.two{ grid-template-columns:1fr 1fr; }
.eott-page .lk-cards.one{ grid-template-columns:1fr; max-width:520px; margin:0 auto; }
.eott-page .lk-card{ background:var(--cream); border:1px solid var(--gold-light); border-top:3px solid var(--sun); border-radius:14px; padding:24px 24px 22px; box-shadow:0 18px 34px -30px rgba(92,30,40,.55); display:flex; flex-direction:column; }
.eott-page .lk-sec.alt .lk-card{ background:#FFFDF9; }
.eott-page .lk-card .num{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; border:2px solid var(--sun); background:radial-gradient(circle,#FFF4DC 0%,#FFE3AE 100%); color:var(--wine); font-family:'Lora',serif; font-size:1.05rem; margin-bottom:14px; box-shadow:0 0 22px -4px var(--sun-soft); }
.eott-page .lk-card h3{ font-size:1.18rem; margin-bottom:8px; }
.eott-page .lk-card p{ font-size:.95rem; }
.eott-page .lk-card .meta{ font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:6px; }
.eott-page .lk-card .go{ margin-top:auto; padding-top:12px; }
.eott-page .lk-card .go a{ font-weight:600; border-bottom:2px solid var(--sun); }
/* Porträt (wie Garlef auf der Startseite) */
.eott-page .lk-portrait{ width:360px; max-width:100%; aspect-ratio:1/1; border-radius:50%; overflow:hidden; margin:0 auto 34px; border:6px solid var(--sun); box-shadow:0 0 0 6px rgba(253,176,22,.18), 0 18px 44px -18px rgba(253,176,22,.65); }
.eott-page .lk-portrait img{ width:100%; height:100%; object-fit:cover; display:block; }
.eott-page .lk-narrow{ max-width:680px; margin:0 auto; }
/* Werdegang */
.eott-page .lk-timeline{ list-style:none; margin:0; padding:0; }
.eott-page .lk-timeline li{ display:flex; gap:16px; padding:10px 0; border-top:1px solid var(--sun-line); font-size:.95rem; }
.eott-page .lk-timeline li:first-child{ border-top:none; }
.eott-page .lk-timeline .yr{ color:var(--sun-deep); font-weight:600; min-width:96px; flex:none; }
/* Rotes Band über die volle Breite */
.eott-page .lk-band{ background:var(--wine); color:var(--cream); padding:64px 0; text-align:center; }
.eott-page .lk-band h2{ color:var(--cream); font-size:1.8rem; margin-bottom:12px; }
.eott-page .lk-band p{ color:#EBD9C5; max-width:56ch; margin:0 auto 8px; }
.eott-page .lk-band a:not(.btn){ color:var(--cream); border-bottom-color:var(--gold-light); }
.eott-page .lk-band .lk-cards{ text-align:left; margin-top:30px; }
.eott-page .lk-band .lk-card{ background:rgba(251,246,240,.07); border-color:rgba(212,175,120,.4); border-top-color:var(--sun); box-shadow:none; }
.eott-page .lk-band .lk-card h3{ color:var(--cream); }
.eott-page .lk-band .lk-card p{ color:#EBD9C5; margin:0; }
.eott-page .lk-band .lk-card a{ color:var(--cream); }
/* Buchungs-Bühne (wie „Dein nächster Schritt“) */
.eott-page .lk-stage{ position:relative; max-width:720px; margin:0 auto; padding:48px 40px 40px; background:var(--cream-2); border:1px solid rgba(253,176,22,.55); border-radius:14px; text-align:center; box-shadow:0 22px 44px -28px rgba(92,30,40,.45); }
.eott-page .lk-stage::before{ content:""; position:absolute; top:-1px; left:50%; transform:translateX(-50%); width:110px; height:4px; border-radius:0 0 4px 4px; background:linear-gradient(90deg,var(--gold),var(--sun),var(--gold)); }
.eott-page .lk-stage .eyebrow{ color:var(--gold); }
.eott-page .lk-stage h2{ font-size:1.6rem; margin:0 auto 12px; max-width:24ch; }
.eott-page .lk-stage p{ color:var(--grey); max-width:52ch; margin:0 auto; }
.eott-page .lk-stage .btns{ margin-top:26px; }
.eott-page .lk-stage a.btn.ghost{ border-color:var(--sun); color:var(--wine-dark); }
.eott-page .lk-stage a.btn.ghost:hover{ background:var(--sun); border-color:var(--sun); color:var(--wine-dark); }
/* Kontakt-Kacheln */
.eott-page .lk-contact{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.eott-page .lk-contact a{ display:block; text-align:center; background:var(--cream); border:1px solid var(--gold-light); border-top:3px solid var(--sun); border-radius:14px; padding:22px 16px; color:var(--wine-dark); border-bottom:1px solid var(--gold-light); transition:transform .2s ease, box-shadow .2s ease; }
.eott-page .lk-contact a:hover{ transform:translateY(-2px); box-shadow:0 16px 30px -22px rgba(92,30,40,.6); color:var(--wine); }
.eott-page .lk-contact .k{ display:block; font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:6px; }
.eott-page .lk-contact .v{ font-family:'Lora',serif; font-size:1.05rem; font-weight:600; word-break:break-word; }
/* Rechtstexte im neuen Rahmen (Text bleibt unverändert) */
.eott-page .lk-legal{ max-width:800px; margin:0 auto; background:#FFFDF9; border:1px solid var(--gold-light); border-top:3px solid var(--sun); border-radius:14px; padding:36px 40px; box-shadow:0 22px 44px -34px rgba(92,30,40,.45); }
.eott-page .lk-legal.legal{ font-size:.93rem; }
.eott-page .lk-legal p:empty{ display:none; }
.eott-page .lk-legal > :first-child, .eott-page .lk-legal > p:empty:first-child + *{ margin-top:0; }
.eott-page .lk-legal h1, .eott-page .lk-legal h2{ font-size:1.35rem; margin:34px 0 12px; padding-top:22px; border-top:1px solid var(--sun-line); }
.eott-page .lk-legal h1 br:first-child, .eott-page .lk-legal h2 br:first-child{ display:none; }
.eott-page .lk-legal h3, .eott-page .lk-legal h4{ font-size:1.08rem; margin:24px 0 8px; color:var(--wine-dark); }
.eott-page .lk-legal ul{ padding-left:1.2em; }
.eott-page .lk-legal li::marker{ color:var(--sun); }
@media (max-width:760px){
  .eott-page .lk-hero{ padding:44px 0 32px; }
  .eott-page .lk-hero h1{ font-size:1.95rem; }
  .eott-page .lk-lead p{ font-size:1.04rem; }
  .eott-page .lk-quote{ font-size:1.14rem; }
  .eott-page .lk-gallery{ padding:0 8px; gap:6px; }
  .eott-page .lk-sec{ padding:44px 0; }
  .eott-page .lk-sec h2, .eott-page .lk-band h2{ font-size:1.45rem; }
  .eott-page .lk-cards, .eott-page .lk-cards.two, .eott-page .lk-contact{ grid-template-columns:1fr; }
  .eott-page .lk-feature{ padding:28px 22px; }
  .eott-page .lk-portrait{ width:260px; }
  .eott-page .lk-timeline li{ flex-direction:column; gap:2px; }
  .eott-page .lk-stage{ padding:40px 22px 30px; }
  .eott-page .lk-legal{ padding:26px 20px; }
  .eott-page .lk-lead p{ text-align:left; }
}

/* Cookie-Richtlinie (Complianz erzeugt den Inhalt – nur Design, kein Text) */
body:has(#cmplz-document){ background-color:#FBF6F0; }
#cmplz-document{ max-width:800px; margin:40px auto; background:#FFFDF9; border:1px solid #D4AF78; border-top:3px solid #FDB016; border-radius:14px; padding:36px 40px; box-shadow:0 22px 44px -34px rgba(92,30,40,.45); font-family:'Poppins',sans-serif; font-size:.93rem; line-height:1.7; color:#2E2420; box-sizing:border-box; }
#cmplz-document h2, #cmplz-document h3{ font-family:'Lora',serif; color:#7A2E3B; font-weight:600; text-transform:none; letter-spacing:0; }
#cmplz-document h2{ font-size:1.35rem; margin:34px 0 12px; padding-top:22px; border-top:1px solid rgba(253,176,22,.55); }
#cmplz-document h2:first-of-type{ border-top:none; padding-top:0; }
#cmplz-document h3{ font-size:1.08rem; margin:24px 0 8px; color:#5C1E28; }
#cmplz-document a{ color:#5C1E28; text-decoration:none; border-bottom:1px solid #D4AF78; word-break:break-word; }
#cmplz-document a:hover{ color:#7A2E3B; border-bottom-color:#7A2E3B; }
#cmplz-document details{ background:#FBF6F0; border:1px solid #F2E9DD; border-left:4px solid #FDB016; border-radius:8px; padding:10px 14px; margin:10px 0; }
#cmplz-document summary{ cursor:pointer; font-family:'Lora',serif; font-weight:600; color:#5C1E28; }
#cmplz-document .cookies-per-purpose{ border:1px solid #F2E9DD; border-radius:8px; overflow:hidden; }
#cmplz-document .name-header, #cmplz-document .retention-header, #cmplz-document .function-header{ color:#B8863B; font-weight:600; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; }
@media (max-width:760px){ #cmplz-document{ padding:26px 20px; margin:24px 12px; } }

/* v36: Rechtstexte über die volle Breite, kleiner Rand links/rechts */
.eott-page .lk-legal-wide{ padding:10px 16px 60px; box-sizing:border-box; }
.eott-page .lk-legal-wide .lk-legal{ max-width:none; width:100%; }
#cmplz-document{ max-width:none; width:calc(100vw - 32px); margin:40px 0 40px calc(50% - 50vw + 16px); }
@media (max-width:760px){ .eott-page .lk-legal-wide{ padding:6px 10px 44px; } #cmplz-document{ width:calc(100vw - 20px); margin:24px 0 24px calc(50% - 50vw + 10px); } }

/* === v22: EINHEITLICHER WARENKORB-BUTTON (orange) auf allen Seiten === */
.eott a[href*="add-to-cart"], .eott-page a.btn.cart, .eott .offer-cart, .eott-event a.cta[href*="add-to-cart"], .eott-event a.cta.cta-2[href*="add-to-cart"]{ background:#FDB016 !important; border:2px solid #FDB016 !important; color:#5C1E28 !important; font-family:"Poppins",sans-serif; font-weight:600; border-radius:999px; text-decoration:none; box-shadow:0 10px 22px -12px rgba(253,176,22,.9); transition:background .2s ease, border-color .2s ease, transform .2s ease; }
.eott a[href*="add-to-cart"]:hover, .eott-page a.btn.cart:hover, .eott .offer-cart:hover, .eott-event a.cta[href*="add-to-cart"]:hover{ background:#E89A00 !important; border-color:#E89A00 !important; color:#5C1E28 !important; transform:translateY(-1px); }
.eott-page .btns a.btn.cart{ padding:14px 34px; font-size:1rem; }

/* =====================================================================
   v25 · SHOP-SEITE VERFEINERT (orange Akzente wie auf der Startseite)
   ===================================================================== */
.eott-shop{ --sun:#FDB016; --sun-dark:#E89A00; --sun-soft:#FFF1D2; }
.eott-shop .shop-kicker{ display:inline-block; font-size:.76rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--wine); background:var(--sun-soft); border:1px solid var(--sun); border-radius:999px; padding:5px 14px; }
.eott-shop .hero{ padding-top:36px; }
.eott-shop .hero h1{ font-size:2.4rem; }
.eott-shop hr.rule{ background:var(--sun); width:72px; height:3px; border-radius:3px; }
.eott-shop .shop-steps{ list-style:none; padding:0 !important; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; counter-reset:none; }
.eott-shop .shop-steps li{ display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid var(--gold-light); border-top:3px solid var(--sun); border-radius:12px; padding:16px 16px 14px; margin:0 !important; box-shadow:0 14px 28px -24px rgba(92,30,40,.55); }
.eott-shop .shop-steps .n{ flex:0 0 34px; height:34px; border-radius:50%; background:var(--sun); color:var(--wine-dark); font-weight:700; display:flex; align-items:center; justify-content:center; font-size:1rem; box-shadow:0 6px 14px -8px rgba(253,176,22,.9); }
.eott-shop .shop-steps .t{ font-size:.86rem; line-height:1.45; color:var(--grey); }
.eott-shop .shop-steps .t strong{ display:block; font-family:"Lora",serif; font-size:1.02rem; color:var(--wine); margin-bottom:2px; }
.eott-shop .shop-cta{ text-align:left; }
.eott-shop a.shop-btn{ display:inline-block; background:var(--sun); color:var(--wine-dark); border:2px solid var(--sun); font-weight:600; font-size:1rem; padding:13px 30px; border-radius:999px; text-decoration:none; box-shadow:0 12px 24px -12px rgba(253,176,22,.95); transition:background .2s ease, transform .2s ease; }
.eott-shop a.shop-btn:hover{ background:var(--sun-dark); border-color:var(--sun-dark); color:var(--wine-dark); transform:translateY(-1px); }
.eott-shop .info-box{ background:#fff; border:1px solid var(--gold-light); border-left:4px solid var(--sun); border-radius:12px; padding:22px 24px; }
.eott-shop .info-box .k{ color:var(--wine); font-family:"Lora",serif; font-size:1.05rem; letter-spacing:0; }
.eott-shop .notice-list li::before{ content:"✓"; color:var(--wine-dark); background:var(--sun); width:18px; height:18px; border-radius:50%; font-size:.7rem; display:flex; align-items:center; justify-content:center; top:8px; }
.eott-shop .notice-list li{ padding-left:30px; }
.eott-shop .notice-list li:first-child::before{ top:2px; }
.eott-shop .bank-box{ border-radius:14px; border-top:4px solid var(--sun); padding:26px 28px; box-shadow:0 22px 40px -28px rgba(92,30,40,.8); }
.eott-shop .bank-box .k{ color:var(--sun); }
.eott-shop .bank-box .iban{ background:rgba(253,176,22,.14); border:1px dashed var(--sun); border-radius:8px; padding:6px 12px; margin:6px 0 4px; }
.eott-shop .bank-box .note{ color:var(--gold-light); }
.eott-shop .shop-termine{ text-align:center; padding-top:18px; scroll-margin-top:90px; }
.eott-shop .shop-termine h2{ font-size:1.9rem; margin-top:10px !important; }
.eott-shop .shop-termine::after{ content:""; display:block; width:72px; height:3px; background:var(--sun); border-radius:3px; margin:16px auto 0; }
@media (max-width:760px){
  .eott-shop .hero h1{ font-size:1.85rem; }
  .eott-shop .shop-steps{ grid-template-columns:1fr; }
  .eott-shop a.shop-btn{ display:block; text-align:center; }
}

/* =====================================================================
   v25 · WOOCOMMERCE IM EOTT-DESIGN
   Gilt nur auf Shop-, Produkt-, Warenkorb- und Kassen-Seiten
   (WordPress setzt dort automatisch body.woocommerce / .woocommerce-page).
   ===================================================================== */
body.woocommerce, body.woocommerce-page{ background-color:#FBF6F0 !important; }
body.woocommerce #tc-page-wrap, body.woocommerce #main-wrapper, body.woocommerce #content,
body.woocommerce-page #tc-page-wrap, body.woocommerce-page #main-wrapper, body.woocommerce-page #content,
body.woocommerce .page-breadcrumbs, body.woocommerce-page .page-breadcrumbs{ background-color:transparent !important; }
body.woocommerce #content, body.woocommerce-page #content{ font-family:"Poppins",sans-serif; color:#2E2420; }
body.woocommerce .breadcrumbs, body.woocommerce-page .breadcrumbs{ font-family:"Poppins",sans-serif; font-size:.8rem; color:#786058; }
body.woocommerce .breadcrumbs a, body.woocommerce-page .breadcrumbs a{ color:#7A2E3B; }

/* doppelte Überschrift „Aktuelle Events" auf der Shop-Seite ausblenden (der Block hat seine eigene) */
body.post-type-archive-product:has(.eott-shop) .woocommerce-products-header__title{ display:none; }

/* Überschriften */
body.woocommerce #content h1, body.woocommerce #content h2, body.woocommerce #content h3,
body.woocommerce-page #content h1, body.woocommerce-page #content h2, body.woocommerce-page #content h3{ font-family:"Lora",serif; color:#7A2E3B; font-weight:600; letter-spacing:0; }

/* Preise */
body.woocommerce .price, body.woocommerce-page .price{ color:#5C1E28 !important; font-family:"Poppins",sans-serif; font-weight:600; }
body.woocommerce .price del, body.woocommerce-page .price del{ color:#786058 !important; opacity:.7; font-weight:400; margin-right:6px; }
body.woocommerce .price ins, body.woocommerce-page .price ins{ text-decoration:none; background:#FFF1D2; padding:0 6px; border-radius:6px; }

/* „Angebot!"-Badge */
body.woocommerce span.onsale, body.woocommerce-page span.onsale{ background:#FDB016 !important; color:#5C1E28 !important; font-family:"Poppins",sans-serif; font-weight:700; font-size:.72rem; min-height:0; min-width:0; line-height:1; padding:8px 12px; border-radius:999px; box-shadow:0 8px 16px -8px rgba(253,176,22,.9); }

/* ---------- Alle WooCommerce-Buttons ---------- */
body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button, body.woocommerce #respond input#submit,
body.woocommerce-page a.button, body.woocommerce-page button.button, body.woocommerce-page input.button{
  background:#7A2E3B !important; color:#FBF6F0 !important; border:2px solid #7A2E3B !important; border-radius:999px !important;
  font-family:"Poppins",sans-serif !important; font-weight:600 !important; text-transform:none !important; letter-spacing:0 !important;
  padding:11px 22px !important; font-size:.9rem !important; line-height:1.2 !important; text-decoration:none !important; box-shadow:none; transition:background .2s ease, transform .2s ease; }
body.woocommerce a.button:hover, body.woocommerce button.button:hover, body.woocommerce-page a.button:hover, body.woocommerce-page button.button:hover{ background:#5C1E28 !important; border-color:#5C1E28 !important; }
/* Warenkorb / Kasse = orange (wie überall auf der Website) */
body.woocommerce a.add_to_cart_button, body.woocommerce .single_add_to_cart_button, body.woocommerce a.button.alt, body.woocommerce button.button.alt,
body.woocommerce-page a.add_to_cart_button, body.woocommerce-page .single_add_to_cart_button, body.woocommerce-page a.button.alt, body.woocommerce-page button.button.alt,
body.woocommerce-page .checkout-button, body.woocommerce-page #place_order{
  background:#FDB016 !important; border-color:#FDB016 !important; color:#5C1E28 !important; box-shadow:0 10px 22px -12px rgba(253,176,22,.9) !important; }
body.woocommerce a.add_to_cart_button::before, body.woocommerce .single_add_to_cart_button::before,
body.woocommerce-page a.add_to_cart_button::before, body.woocommerce-page .single_add_to_cart_button::before{ content:"🛒 "; }
body.woocommerce a.add_to_cart_button:hover, body.woocommerce .single_add_to_cart_button:hover, body.woocommerce a.button.alt:hover, body.woocommerce button.button.alt:hover,
body.woocommerce-page a.add_to_cart_button:hover, body.woocommerce-page .single_add_to_cart_button:hover, body.woocommerce-page a.button.alt:hover, body.woocommerce-page button.button.alt:hover,
body.woocommerce-page .checkout-button:hover, body.woocommerce-page #place_order:hover{ background:#E89A00 !important; border-color:#E89A00 !important; color:#5C1E28 !important; transform:translateY(-1px); }
body.woocommerce a.added_to_cart, body.woocommerce-page a.added_to_cart{ display:block; margin-top:8px; font-size:.82rem; color:#7A2E3B; font-weight:600; }

/* ---------- Shop: Produktkarten ---------- */
body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{
  background:#fff; border:1px solid #D4AF78; border-radius:16px; padding:14px 14px 18px !important; text-align:left;
  box-shadow:0 18px 34px -28px rgba(92,30,40,.6); transition:transform .25s ease, box-shadow .25s ease; display:flex; flex-direction:column; }
body.woocommerce ul.products li.product:hover, body.woocommerce-page ul.products li.product:hover{ transform:translateY(-3px); box-shadow:0 24px 40px -26px rgba(92,30,40,.7); border-color:#FDB016; }
body.woocommerce ul.products li.product a img, body.woocommerce-page ul.products li.product a img{ border-radius:10px; margin-bottom:12px !important; aspect-ratio:1/1; object-fit:cover; }
body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
  font-family:"Lora",serif !important; color:#7A2E3B !important; font-size:1.02rem !important; line-height:1.35 !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; padding:0 2px !important; margin:0 0 6px !important; }
body.woocommerce ul.products li.product .price, body.woocommerce-page ul.products li.product .price{ display:block; font-size:1rem !important; margin:0 2px 12px !important; }
body.woocommerce ul.products li.product a.button, body.woocommerce-page ul.products li.product a.button{ margin-top:auto !important; align-self:flex-start; }
body.woocommerce ul.products li.product .onsale, body.woocommerce-page ul.products li.product .onsale{ top:22px !important; right:22px !important; left:auto !important; margin:0 !important; }
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link, body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link{ text-decoration:none; box-shadow:none; }

/* Ergebnis-Zeile & Sortierung */
body.woocommerce .woocommerce-result-count{ font-size:.85rem; color:#786058; }
body.woocommerce .woocommerce-ordering select{ font-family:"Poppins",sans-serif; font-size:.85rem; color:#5C1E28; background:#fff; border:1px solid #D4AF78; border-radius:999px; padding:8px 14px; }

/* Hinweis „… wurde deinem Warenkorb hinzugefügt" */
body.woocommerce .woocommerce-message, body.woocommerce .woocommerce-info,
body.woocommerce-page .woocommerce-message, body.woocommerce-page .woocommerce-info{
  background:#fff !important; color:#2E2420 !important; border:1px solid #D4AF78 !important; border-left:5px solid #FDB016 !important; border-radius:12px !important;
  font-family:"Poppins",sans-serif !important; font-size:.92rem !important; letter-spacing:0 !important; text-transform:none !important; padding:16px 20px !important; box-shadow:0 14px 28px -24px rgba(92,30,40,.6); }
body.woocommerce .woocommerce-message::before, body.woocommerce-page .woocommerce-message::before{ color:#FDB016 !important; }

/* ---------- Einzelne Produktseite ---------- */
body.single-product div.product .woocommerce-product-gallery img{ border-radius:14px; }
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img{ border-radius:8px; opacity:.7; }
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img.flex-active{ opacity:1; outline:2px solid #FDB016; }
body.single-product div.product .summary{ background:#fff; border:1px solid #D4AF78; border-top:4px solid #FDB016; border-radius:16px; padding:28px 30px !important; box-shadow:0 22px 40px -30px rgba(92,30,40,.6); }
body.single-product div.product .product_title{ font-size:1.7rem !important; line-height:1.3 !important; margin-bottom:10px !important; }
body.single-product div.product .summary p.price{ font-size:1.5rem !important; margin:0 0 18px !important; }
body.single-product div.product .woocommerce-product-details__short-description{ font-size:.98rem; line-height:1.7; }
body.single-product div.product .woocommerce-product-details__short-description ul{ padding-left:1.2em; }
body.single-product div.product .woocommerce-product-details__short-description li::marker{ color:#FDB016; }
body.single-product div.product form.cart{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:22px 0 !important; padding:18px 0 0; border-top:1px solid #F2E9DD; }
body.single-product div.product form.cart .quantity{ margin:0 !important; float:none !important; }
body.single-product div.product form.cart .qty{ width:70px; height:46px; border:1px solid #D4AF78; border-radius:999px; text-align:center; font-family:"Poppins",sans-serif; font-weight:600; color:#5C1E28; background:#FBF6F0; }
body.single-product div.product form.cart .single_add_to_cart_button{ float:none !important; padding:14px 30px !important; font-size:1rem !important; }
body.single-product div.product .product_meta{ font-size:.78rem; color:#786058; border-top:1px solid #F2E9DD; padding-top:12px; }
body.single-product div.product .product_meta a{ color:#7A2E3B; }
/* Reiter „Beschreibung" */
body.single-product .woocommerce-tabs ul.tabs{ padding:0 !important; margin:0 0 -1px !important; border:none !important; }
body.single-product .woocommerce-tabs ul.tabs::before{ border-color:#D4AF78 !important; }
body.single-product .woocommerce-tabs ul.tabs li{ background:transparent !important; border:none !important; margin:0 !important; }
body.single-product .woocommerce-tabs ul.tabs li a{ font-family:"Lora",serif !important; font-weight:600 !important; color:#786058 !important; padding:10px 18px !important; text-transform:none !important; letter-spacing:0 !important; }
body.single-product .woocommerce-tabs ul.tabs li.active a{ color:#7A2E3B !important; border-bottom:3px solid #FDB016 !important; }
body.single-product .woocommerce-tabs .panel{ background:#fff; border:1px solid #D4AF78; border-radius:16px; padding:30px 34px !important; margin-top:0 !important; line-height:1.75; }
body.single-product .woocommerce-tabs .panel > h2:first-child{ display:none; }
body.single-product .woocommerce-tabs .panel a{ color:#7A2E3B; text-decoration:underline; text-decoration-color:#FDB016; text-underline-offset:3px; }
body.single-product .woocommerce-tabs .panel ul li::marker{ color:#FDB016; }
body.single-product section.related{ margin-top:48px; }
body.single-product section.related > h2{ text-align:center; font-size:1.6rem !important; }
body.single-product section.related > h2::after{ content:""; display:block; width:72px; height:3px; background:#FDB016; border-radius:3px; margin:12px auto 22px; }

/* ---------- Warenkorb & Kasse ---------- */
body.woocommerce-cart table.shop_table, body.woocommerce-checkout table.shop_table,
body.woocommerce-cart .cart_totals, body.woocommerce-checkout #order_review, body.woocommerce-checkout .woocommerce-billing-fields{
  background:#fff; border:1px solid #D4AF78 !important; border-radius:14px !important; }
body.woocommerce-checkout .woocommerce-billing-fields{ padding:22px 24px; }
body.woocommerce-page form .form-row input.input-text, body.woocommerce-page form .form-row textarea, body.woocommerce-page form .form-row select{
  border:1px solid #D4AF78; border-radius:10px; background:#FBF6F0; padding:10px 12px; font-family:"Poppins",sans-serif; }
body.woocommerce-page form .form-row input.input-text:focus, body.woocommerce-page form .form-row textarea:focus{ outline:none; border-color:#FDB016; box-shadow:0 0 0 3px rgba(253,176,22,.25); }

@media (max-width:760px){
  body.single-product div.product .summary{ padding:22px 20px !important; margin-top:18px; }
  body.single-product .woocommerce-tabs .panel{ padding:22px 20px !important; }
  body.single-product div.product form.cart .single_add_to_cart_button{ flex:1 1 auto; }
}

/* Feinschliff: gleich hohe Karten im Raster, Emojis in Titeln, Schritte ohne Nummern-Punkt */
body.woocommerce ul.products, body.woocommerce-page ul.products{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:0 0 30px !important; padding:0 !important; }
body.woocommerce ul.products::before, body.woocommerce ul.products::after,
body.woocommerce-page ul.products::before, body.woocommerce-page ul.products::after{ display:none !important; content:none !important; }
body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{ width:auto !important; margin:0 !important; float:none !important; clear:none !important; }
body.woocommerce ul.products li.product img.emoji, body.woocommerce-page ul.products li.product img.emoji{ width:1em !important; height:1em !important; aspect-ratio:auto; margin:0 .1em !important; border-radius:0; display:inline !important; vertical-align:-.1em; }
.eott-shop .shop-steps li{ list-style:none !important; }
.eott-shop .shop-steps li::marker{ content:""; }
@media (max-width:980px){ body.woocommerce ul.products, body.woocommerce-page ul.products{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px){ body.woocommerce ul.products, body.woocommerce-page ul.products{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{ padding:10px 10px 14px !important; }
  body.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:.92rem !important; }
  body.woocommerce ul.products li.product a.button{ padding:9px 14px !important; font-size:.8rem !important; align-self:stretch; text-align:center; } }
@media (max-width:420px){ body.woocommerce ul.products, body.woocommerce-page ul.products{ grid-template-columns:1fr; } }
.eott-shop .shop-steps li::before{ content:none !important; display:none !important; }
body.single-product div.product .woocommerce-product-details__short-description p{ font-size:1.02rem !important; line-height:1.7; }
@media (max-width:760px){ body.single-product div.product .product_title{ font-size:1.4rem !important; } body.single-product div.product .woocommerce-product-details__short-description p{ font-size:.96rem !important; } }

/* =====================================================================
   v42 · SHOP: INFOS ALS AUFKLAPPER (Ablauf, Pausen, Hinweise, Bank)
   ===================================================================== */
.eott-shop .sacc-wrap{ display:flex; flex-direction:column; gap:14px; }
.eott-shop .sacc-label{ margin:0 !important; font-size:.76rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#8C6124; }
.eott-shop .sacc-two{ display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
.eott-shop .sacc{ background:#fff; border:1px solid var(--gold-light); border-radius:14px; overflow:hidden; margin:0 !important; box-shadow:0 18px 34px -30px rgba(92,30,40,.55); }
.eott-shop .sacc > summary{ cursor:pointer; list-style:none; display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 14px; padding:16px 18px 16px 20px; min-height:60px; background:var(--cream); border-left:4px solid var(--sun); transition:background .2s ease; }
.eott-shop .sacc > summary::-webkit-details-marker{ display:none; }
.eott-shop .sacc > summary::marker{ content:""; }
.eott-shop .sacc > summary:hover{ background:var(--cream-2); }
.eott-shop .sacc > summary:focus-visible{ outline:3px solid var(--sun); outline-offset:-3px; }
.eott-shop .sacc-t{ grid-column:1; grid-row:1; font-family:"Lora",serif; font-size:1.08rem; line-height:1.3; font-weight:600; color:var(--wine); }
.eott-shop .sacc-hint{ grid-column:1; grid-row:2; font-size:.82rem; color:var(--grey); line-height:1.35; }
.eott-shop .sacc > summary .chev{ grid-column:2; grid-row:1 / span 2; width:30px; height:30px; border-radius:50%; background:var(--sun); color:var(--wine-dark); font-weight:700; font-size:1.15rem; line-height:30px; text-align:center; }
.eott-shop .sacc > summary .chev::after{ content:"+"; }
.eott-shop .sacc[open] > summary .chev::after{ content:"–"; }
.eott-shop .sacc[open] > summary{ background:var(--cream-2); }
.eott-shop .sacc-body{ padding:18px 22px 20px; font-size:.92rem; line-height:1.6; }
.eott-shop .sacc-body > *{ margin-top:0 !important; }
.eott-shop .sacc-body p{ margin:0 0 12px; }
.eott-shop .sacc-body p:last-child{ margin-bottom:0; }
.eott-shop .sacc-body strong{ color:var(--wine-dark); font-weight:600; }
.eott-shop .sacc-body .notice-list{ margin:0 0 14px !important; }
.eott-shop .sacc-more a{ color:var(--wine); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
/* Bankverbindung: weinrot, bleibt auffällig */
.eott-shop .sacc-bank{ border-color:var(--wine); }
.eott-shop .sacc-bank > summary{ background:var(--wine); border-left-color:var(--sun); }
.eott-shop .sacc-bank > summary:hover, .eott-shop .sacc-bank[open] > summary{ background:var(--wine-dark); }
.eott-shop .sacc-bank .sacc-t{ color:#fff; }
.eott-shop .sacc-bank .sacc-hint{ color:#F0CE93; }
.eott-shop .sacc-bank .sacc-body{ background:var(--wine); color:var(--cream); }
.eott-shop .sacc-bank .sacc-body p{ color:var(--cream); }
.eott-shop .sacc-bank .owner{ font-weight:600; margin-bottom:4px !important; }
.eott-shop .sacc-bank .iban{ display:inline-block; font-size:1.1rem; font-weight:600; letter-spacing:.5px; background:rgba(253,176,22,.14); border:1px dashed var(--sun); border-radius:8px; padding:6px 12px; margin:2px 0 12px; }
.eott-shop .sacc-bank .note{ color:#F0CE93 !important; font-size:.86rem; }
@media (max-width:760px){
  .eott-shop .sacc-two{ grid-template-columns:1fr; }
  .eott-shop .sacc-bank .iban{ font-size:.88rem; letter-spacing:.2px; white-space:nowrap; padding:6px 10px; }
}

/* =====================================================================
   v26 · PRODUKT-BESCHREIBUNGEN  →  Rahmen: .eott-prod
   .pk = Kurzbeschreibung (oben rechts)   .pd = Beschreibung (Reiter)
   ===================================================================== */
.eott-prod{ --wine:#7A2E3B; --wine-dark:#5C1E28; --gold:#B8863B; --gold-light:#D4AF78; --cream:#FBF6F0; --cream-2:#F2E9DD; --sun:#FDB016; --sun-soft:#FFF1D2; --dark:#2E2420; --grey:#786058;
  font-family:"Poppins",sans-serif; color:var(--dark); line-height:1.7; }
.eott-prod p{ margin:0 0 12px; }
.eott-prod a{ color:var(--wine); text-decoration:underline; text-decoration-color:var(--sun); text-underline-offset:3px; box-shadow:none; }
.eott-prod ul{ margin:0 0 12px; padding-left:1.2em; }
.eott-prod ul li{ margin:0 0 6px; }
.eott-prod ul li::marker{ color:var(--sun); }

/* --- Kurzbeschreibung --- */
.eott-prod.pk{ margin:4px 0 6px; }
.eott-prod .pk-tag{ font-family:"Lora",serif; font-style:italic; font-size:1.18rem; line-height:1.4; color:var(--wine); margin-bottom:10px; }
.eott-prod .pk-tag span{ display:block; font-style:normal; font-family:"Poppins",sans-serif; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin-top:4px; }
.eott-prod .pk-lead{ font-size:.97rem !important; color:var(--dark); }
.eott-prod .pk-facts{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--gold-light); border:1px solid var(--gold-light); border-radius:12px; overflow:hidden; margin:16px 0 14px; }
.eott-prod .pk-facts > div{ background:var(--cream); padding:10px 14px; }
.eott-prod .pk-facts .k{ display:block; font-size:.68rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); }
.eott-prod .pk-facts .v{ display:block; font-size:.9rem; font-weight:600; color:var(--wine-dark); line-height:1.4; }
.eott-prod .pk-facts s{ color:var(--grey); font-weight:400; margin-right:4px; }
.eott-prod .pk-open{ font-size:.88rem !important; color:var(--wine); font-weight:600; margin:0; display:flex; align-items:center; gap:8px; }
.eott-prod .pk-open .dot{ width:9px; height:9px; border-radius:50%; background:var(--sun); box-shadow:0 0 0 4px var(--sun-soft); flex:0 0 9px; }

/* --- Beschreibung --- */
.eott-prod.pd{ font-size:.97rem; }
.eott-prod .pd-intro{ max-width:68ch; margin-bottom:22px; }
.eott-prod .pd-eyebrow{ display:inline-block; font-size:.72rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--wine); background:var(--sun-soft); border:1px solid var(--sun); border-radius:999px; padding:4px 12px; margin-bottom:10px; }
.eott-prod h2{ font-family:"Lora",serif !important; color:var(--wine) !important; font-size:1.7rem !important; line-height:1.3 !important; margin:0 0 14px !important; }
.eott-prod h3{ font-family:"Lora",serif !important; color:var(--wine) !important; font-size:1.25rem !important; line-height:1.3 !important; margin:0 0 12px !important; }
.eott-prod h4{ font-family:"Lora",serif !important; color:var(--wine-dark) !important; font-size:1.05rem !important; margin:0 0 8px !important; }
.eott-prod .pd-note{ background:var(--sun-soft); border:1px solid var(--sun); border-left:5px solid var(--sun); border-radius:12px; padding:14px 18px; margin:0 0 22px; font-size:.92rem; }
.eott-prod .pd-note strong{ color:var(--wine-dark); }
.eott-prod .pd-two{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:0 0 26px; }
.eott-prod .pd-card{ position:relative; background:var(--cream); border:1px solid var(--gold-light); border-top:4px solid var(--sun); border-radius:14px; padding:22px 22px 12px; }
.eott-prod .pd-ico{ position:absolute; top:-18px; right:18px; width:36px; height:36px; border-radius:50%; background:var(--wine); color:var(--sun); display:flex; align-items:center; justify-content:center; font-size:1rem; }
.eott-prod .pd-card ul{ font-size:.92rem; }
.eott-prod .pd-sec{ margin:0 0 26px; }
.eott-prod .pd-learn{ list-style:none !important; padding:0 !important; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; }
.eott-prod .pd-learn li{ list-style:none !important; display:flex; gap:12px; align-items:flex-start; background:#fff; border:1px solid var(--cream-2); border-radius:10px; padding:10px 12px; font-size:.92rem; line-height:1.45; margin:0; }
.eott-prod .pd-learn li::before, .eott-prod .pd-learn li::marker{ content:none !important; display:none !important; }
.eott-prod .pd-learn .n{ flex:0 0 26px; height:26px; border-radius:50%; background:var(--sun); color:var(--wine-dark); font-weight:700; font-size:.8rem; display:flex; align-items:center; justify-content:center; }
.eott-prod .pd-flow{ border-left:3px solid var(--sun); margin-left:6px; padding-left:0; }
.eott-prod .pd-flow .st{ position:relative; display:grid; grid-template-columns:120px 1fr; gap:14px; padding:8px 0 8px 22px; }
.eott-prod .pd-flow .st::before{ content:""; position:absolute; left:-8px; top:15px; width:13px; height:13px; border-radius:50%; background:#fff; border:3px solid var(--sun); }
.eott-prod .pd-flow .t{ font-weight:700; color:var(--wine); }
.eott-prod .pd-flow .x{ font-size:.93rem; }
.eott-prod .pd-important{ background:var(--cream); border:1px solid var(--gold-light); border-radius:16px; overflow:hidden; margin:34px 0 22px; }
.eott-prod .pd-imp-head{ display:flex; gap:16px; align-items:center; background:var(--wine); color:var(--cream); padding:18px 22px; border-bottom:4px solid var(--sun); }
.eott-prod .pd-imp-head > span{ flex:0 0 38px; height:38px; border-radius:50%; background:var(--sun); color:var(--wine-dark); font-weight:800; font-size:1.2rem; display:flex; align-items:center; justify-content:center; }
.eott-prod .pd-imp-head h3{ color:var(--cream) !important; margin:0 0 2px !important; }
.eott-prod .pd-imp-head p{ margin:0; font-size:.85rem; color:#EBD9C5; }
.eott-prod .pd-imp-item{ padding:18px 24px 8px; border-bottom:1px solid var(--cream-2); }
.eott-prod .pd-imp-item:last-child{ border-bottom:none; padding-bottom:14px; }
.eott-prod .pd-imp-item p, .eott-prod .pd-imp-item li{ font-size:.92rem; }
.eott-prod .pd-frame{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:10px; }
.eott-prod .pd-frame > div{ border-radius:12px; padding:14px 16px 4px; }
.eott-prod .pd-frame .plus{ background:#fff; border:1px solid var(--sun); }
.eott-prod .pd-frame .minus{ background:#F6E4E6; border:1px solid #D9A7AF; }
.eott-prod .pd-frame .lbl{ display:inline-block; font-weight:700; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; margin-bottom:6px; }
.eott-prod .pd-frame .plus .lbl{ color:#9A6400; }
.eott-prod .pd-frame .minus .lbl{ color:var(--wine); }
.eott-prod .pd-faq .q{ font-weight:700; color:var(--wine-dark); margin:14px 0 4px; }
.eott-prod .pd-faq .q:first-child{ margin-top:0; }
.eott-prod .pd-faq .q::before{ content:"? "; color:var(--sun); font-weight:800; }
.eott-prod .pd-end{ text-align:center; padding:6px 0 0; }
.eott-prod .pd-end .big{ font-family:"Lora",serif; font-size:1.2rem; color:var(--wine); font-weight:600; margin-bottom:6px; }
.eott-prod .pd-end p{ font-size:.9rem; }
@media (max-width:760px){
  .eott-prod .pk-facts{ grid-template-columns:1fr 1fr; }
  .eott-prod .pd-two, .eott-prod .pd-learn, .eott-prod .pd-frame{ grid-template-columns:1fr; }
  .eott-prod .pd-two{ gap:26px; }
  .eott-prod .pd-flow .st{ grid-template-columns:1fr; gap:0; }
  .eott-prod h2{ font-size:1.4rem !important; }
  .eott-prod .pd-imp-item{ padding:16px 16px 6px; }
}
/* Kurzbeschreibung: die alte „has-medium-font-size"-Regel nicht auf den neuen Block anwenden */
body.single-product div.product .woocommerce-product-details__short-description .eott-prod p{ line-height:1.6; }
body.single-product div.product .woocommerce-product-details__short-description .eott-prod .pk-tag{ font-size:1.18rem !important; }

/* =====================================================================
   NEWSLETTER-ANMELDUNG (v38) – Baustein .eott-nl, gilt auf allen Seiten
   hell: Startseite, Alle Angebote · dunkel (.nl-dark): Footer-Widget
   ===================================================================== */
.eott-nl{ box-sizing:border-box; font-family:'Poppins',sans-serif; color:#2E2420; }
.eott-nl *{ box-sizing:border-box; }
.eott-nl .nl-card{ max-width:720px; margin:0 auto; background:#FFFFFF; border:1px solid #D4AF78; border-top:4px solid #FDB016; border-radius:16px; padding:40px 44px 34px; text-align:center; box-shadow:0 10px 30px rgba(122,46,59,.08); }
.eott-nl .nl-eyebrow{ display:inline-block; background:#FFF1D2; color:#5C1E28; font-size:.72rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; padding:5px 14px; border-radius:14px; }
.eott-nl .nl-title{ font-family:'Lora',serif; color:#7A2E3B; font-size:1.9rem; line-height:1.25; font-weight:600; margin:14px 0 10px; }
.eott-nl .nl-title em{ font-weight:400; }
.eott-nl .nl-text{ max-width:52ch; margin:0 auto 22px; font-size:1rem; line-height:1.65; color:#2E2420; }
.eott-nl .nl-form{ margin:0; text-align:left; }
.eott-nl .nl-row{ display:flex; gap:14px; flex-wrap:wrap; }
.eott-nl .nl-field{ flex:1 1 220px; display:block; margin:0 0 14px; }
.eott-nl .nl-field span{ display:block; font-size:.78rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#786058; margin:0 0 6px 4px; }
.eott-nl input.nl-in{ width:100%; height:50px; padding:0 18px; margin:0; font-family:'Poppins',sans-serif; font-size:1rem; color:#2E2420; background:#FBF6F0; border:1.5px solid #D4AF78; border-radius:26px; box-shadow:none; outline:none; transition:border-color .2s ease, background .2s ease; }
.eott-nl input.nl-in:focus{ border-color:#7A2E3B; background:#FFFFFF; }
.eott-nl .nl-check{ display:flex; gap:10px; align-items:flex-start; font-size:.86rem; line-height:1.5; color:#786058; margin:4px 0 20px 4px; cursor:pointer; }
.eott-nl .nl-check input{ flex:none; width:18px; height:18px; margin:2px 0 0; accent-color:#7A2E3B; }
.eott-nl .nl-check p{ margin:0; }
.eott-nl .nl-check a{ color:#5C1E28; font-weight:600; text-decoration:none; border-bottom:1.5px solid #B8863B; }
.eott-nl .nl-actions{ text-align:center; }
.eott-nl button.nl-btn{ display:inline-block; min-width:240px; height:52px; padding:0 34px; font-family:'Poppins',sans-serif; font-size:1rem; font-weight:600; color:#FBF6F0; background:#7A2E3B; border:none; border-radius:28px; cursor:pointer; transition:background .2s ease, transform .2s ease; }
.eott-nl button.nl-btn:hover{ background:#5C1E28; transform:translateY(-1px); }
.eott-nl .nl-note{ margin:14px 0 0; font-size:.8rem; color:#786058; text-align:center; }
.eott-nl .nl-perks{ list-style:none; display:flex; justify-content:center; flex-wrap:wrap; gap:8px 22px; margin:0 0 24px; padding:0; font-size:.88rem; color:#5C1E28; }
.eott-nl .nl-perks li{ margin:0; padding:0 0 0 16px; position:relative; }
.eott-nl .nl-perks li::before{ content:""; position:absolute; left:0; top:.55em; width:7px; height:7px; border-radius:50%; background:#FDB016; }
.eott-nl.nl-section{ padding:56px 20px; }
/* dunkle Variante (Footer) */
.eott-nl.nl-dark{ color:#FBF6F0; }
.eott-nl.nl-dark .nl-text{ color:#FBF6F0; font-size:.92rem; margin:0 0 14px; text-align:left; }
.eott-nl.nl-dark input.nl-in{ height:46px; background:rgba(251,246,240,.08); border-color:rgba(212,175,120,.6); color:#FBF6F0; }
.eott-nl.nl-dark input.nl-in::placeholder{ color:#E9D6C4; }
.eott-nl.nl-dark input.nl-in:focus{ border-color:#FDB016; background:rgba(251,246,240,.14); }
.eott-nl.nl-dark .nl-field{ flex-basis:100%; margin-bottom:10px; }
.eott-nl.nl-dark .nl-check{ color:#E9D6C4; font-size:.8rem; margin:2px 0 14px; }
.eott-nl.nl-dark .nl-check input{ accent-color:#FDB016; }
.eott-nl.nl-dark .nl-check a{ color:#FBF6F0; border-bottom-color:#D4AF78; }
.eott-nl.nl-dark .nl-actions{ text-align:left; }
.eott-nl.nl-dark button.nl-btn{ min-width:0; width:100%; height:46px; background:#D4AF78; color:#5C1E28; }
.eott-nl.nl-dark button.nl-btn:hover{ background:#F0CE93; }
.eott-nl.nl-dark .nl-note{ color:#D9B892; text-align:left; font-size:.76rem; }
#footer .eott-nl a{ border-bottom-width:1.5px; }
#footer .eott-nl .nl-text{ line-height:1.6; }
#footer .eott-nl .nl-check p{ line-height:1.5; font-size:.8rem; color:#E9D6C4; }
#footer .eott-nl p.nl-note{ line-height:1.5; font-size:.76rem; color:#D9B892; margin-top:10px; }
@media (max-width:600px){
  .eott-nl .nl-card{ padding:30px 20px 26px; border-radius:14px; }
  .eott-nl .nl-title{ font-size:1.55rem; }
  .eott-nl button.nl-btn{ width:100%; min-width:0; }
  .eott-nl.nl-section{ padding:40px 16px; }
  .eott-nl.nl-dark .nl-text, .eott-nl.nl-dark .nl-note{ text-align:center; }
}
/* v40: Footer in 4 Spalten – Marke | Kontakt | Infos | Newsletter
   (Customizr hat nur 3 Footer-Bereiche; der Newsletter steht im 3. Bereich unter „Infos“
    und wird hier per Raster daneben gesetzt) */
@media (min-width:768px){
  #footer .widget__container > .row > #footer_one,
  #footer .widget__container > .row > #footer_two{ flex:0 0 50%; max-width:50%; }
  #footer .widget__container > .row > #footer_three{ flex:0 0 100%; max-width:100%; display:grid; grid-template-columns:1fr 1fr; gap:0 30px; align-content:start; }
  #footer #footer_three > .widget{ margin-top:0; }
}
@media (min-width:992px){
  #footer .widget__container > .row > #footer_one,
  #footer .widget__container > .row > #footer_two{ flex:0 0 25%; max-width:25%; }
  #footer .widget__container > .row > #footer_three{ flex:0 0 50%; max-width:50%; }
}

/* =====================================================================
   NEWSLETTER-SEITE /newsletter/ (v43)
   Kopf = Block „Individuelles HTML“ (.eott-page .nl-page), Formular = Shortcode [newsletter]
   ===================================================================== */
.eott-page .nl-page{ text-align:center; padding:0 0 6px; }
.eott-page .nl-page .nl-lead{ max-width:52ch; margin:0 auto 18px; font-size:1.05rem; line-height:1.7; }
.eott-page .nl-page .nl-perks{ list-style:none; display:flex; justify-content:center; flex-wrap:wrap; gap:8px 22px; margin:0 0 6px; padding:0; font-size:.95rem; color:#5C1E28; }
.eott-page .nl-page .nl-perks li{ margin:0; padding:0 0 0 16px; position:relative; }
.eott-page .nl-page .nl-perks li::before{ content:""; position:absolute; left:0; top:.6em; width:7px; height:7px; border-radius:50%; background:#FDB016; }
/* Formular des Plugins „Newsletter“ im EOTT-Design */
.tnp.tnp-subscription{ max-width:640px; margin:0 auto 40px; background:#FFFFFF; border:1px solid #D4AF78; border-top:4px solid #FDB016; border-radius:16px; padding:34px 40px 30px; box-shadow:0 10px 30px rgba(122,46,59,.08); font-family:'Poppins',sans-serif; color:#2E2420; }
.tnp.tnp-subscription form{ margin:0; }
.tnp.tnp-subscription .tnp-field{ margin:0 0 14px; text-align:left; }
.tnp.tnp-subscription .tnp-field label{ display:block; font-size:.78rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#786058; margin:0 0 6px 4px; }
.tnp.tnp-subscription input[type="text"], .tnp.tnp-subscription input[type="email"]{ width:100%; height:50px; padding:0 18px; margin:0; background:#FBF6F0; border:1.5px solid #D4AF78; border-radius:26px; font-family:'Poppins',sans-serif; font-size:1rem; color:#2E2420; box-shadow:none; outline:none; transition:border-color .2s ease, background .2s ease; }
.tnp.tnp-subscription input[type="text"]:focus, .tnp.tnp-subscription input[type="email"]:focus{ border-color:#7A2E3B; background:#FFFFFF; }
.tnp.tnp-subscription .tnp-privacy-field label{ display:block; position:relative; padding-left:30px; font-size:.86rem; font-weight:400; letter-spacing:0; text-transform:none; color:#786058; line-height:1.5; margin:4px 0 0 4px; cursor:pointer; }
.tnp.tnp-subscription .tnp-privacy-field input[type="checkbox"]{ position:absolute; left:0; top:3px; width:18px; height:18px; margin:0; accent-color:#7A2E3B; }
.tnp.tnp-subscription .tnp-privacy-field a{ color:#5C1E28; font-weight:600; text-decoration:none; border-bottom:1.5px solid #B8863B; }
.tnp.tnp-subscription .tnp-field-button{ text-align:center !important; margin:22px 0 0; }
.tnp.tnp-subscription .tnp-submit{ display:inline-block; min-width:240px; height:52px; padding:0 34px; background:#7A2E3B; color:#FBF6F0; border:none; border-radius:28px; font-family:'Poppins',sans-serif; font-size:1rem; font-weight:600; cursor:pointer; transition:background .2s ease, transform .2s ease; }
.tnp.tnp-subscription .tnp-submit:hover{ background:#5C1E28; transform:translateY(-1px); }
@media (max-width:600px){
  .tnp.tnp-subscription{ padding:26px 20px 24px; border-radius:14px; }
  .tnp.tnp-subscription .tnp-submit{ width:100%; min-width:0; }
}

/* =====================================================================
   v44: Doppelte Überschrift ausblenden
   Seiten mit eigenem Kopf (lk-hero / eott-home / eott-shop / eott-event)
   zeigen sonst zusätzlich den Theme-Titel. Produktseiten behalten ihren Titel.
   ===================================================================== */
body:has(.eott-page .lk-hero) .entry-header,
body:has(.eott-home) .entry-header,
body:has(.eott-shop) .entry-header,
body:has(.eott-event) .entry-header{ display:none !important; }
body:has(.eott-page .lk-hero) #content > article,
body:has(.eott-home) #content > article,
body:has(.eott-shop) #content > article,
body:has(.eott-event) #content > article{ padding-top:0 !important; margin-top:0 !important; }

/* ================================================================
   v46 (21.09.2026) · Startseite: Sprungnavigation als Pillen,
   Mini-Aufklapper statt Karten, Stimmen-Band über die volle Breite
   ================================================================ */

/* 1 · Sprungnavigation: volle Breite, Pillen in den Markenfarben */
.eott-home .jumpnav.jn-wide{
  display:block; max-width:none; width:100vw;
  margin:48px calc(50% - 50vw) 0; padding:20px;
  border-top:1px solid var(--sun-line); border-bottom:1px solid var(--sun-line);
  background:linear-gradient(180deg, rgba(253,176,22,.07), rgba(253,176,22,0));
}
.eott-home .jumpnav.jn-wide .jn-inner{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:9px 9px; max-width:1240px; margin:0 auto;
}
.eott-home .jumpnav.jn-wide .jumpnav-label{ width:100%; font-size:.82rem; margin-bottom:2px; }
.eott-home .jumpnav.jn-wide a{
  display:inline-flex; align-items:center; min-height:44px;
  padding:10px 17px; border-radius:999px; border:0;
  font-size:1rem; font-weight:500; text-decoration:none; white-space:nowrap;
  transition:background .18s, transform .1s;
}
.eott-home .jumpnav.jn-wide a.jn-p{ background:var(--wine); color:var(--cream); }
.eott-home .jumpnav.jn-wide a.jn-p:hover{ background:var(--wine-dark); color:var(--cream); border-bottom:0; }
.eott-home .jumpnav.jn-wide a.jn-go{
  background:var(--sun); color:var(--wine-dark); font-weight:600;
  box-shadow:0 8px 20px -12px rgba(232,148,12,.9);
}
.eott-home .jumpnav.jn-wide a.jn-go:hover{ background:var(--sun-deep); color:var(--wine-dark); }
.eott-home .jumpnav.jn-wide a:active{ transform:translateY(1px); }

/* 2 · Drei Mini-Aufklapper unter „Aktuelle Angebote“ */
.eott-home .mini3{ width:min(1180px, 100vw - 40px); margin:14px calc(50% - min(590px, 50vw - 20px)) 26px; display:grid; gap:8px; }
.eott-home .mini3 .mini{ background:#fff; border:1px solid var(--gold-light); border-left:4px solid var(--sun); border-radius:12px; overflow:hidden; }
.eott-home .mini3 .mini > summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; flex-wrap:wrap; gap:4px 14px;
  min-height:48px; padding:11px 46px 11px 18px; position:relative;
}
.eott-home .mini3 .mini > summary::-webkit-details-marker{ display:none; }
.eott-home .mini3 .mini-k{ font-family:'Lora',serif; font-size:1.06rem; font-weight:600; color:var(--wine-dark); }
.eott-home .mini3 .mini-h{ font-size:.88rem; color:var(--grey); }
.eott-home .mini3 .mini-chev{
  position:absolute; right:18px; top:50%; width:9px; height:9px; margin-top:-6px;
  border-right:2px solid var(--gold); border-bottom:2px solid var(--gold);
  transform:rotate(45deg); transition:transform .2s;
}
.eott-home .mini3 .mini[open] .mini-chev{ transform:rotate(-135deg); margin-top:-2px; }
.eott-home .mini3 .mini[open]{ border-left-color:var(--wine); }
.eott-home .mini3 .mini:hover{ border-color:var(--gold); }
.eott-home .mini3 .mini-b{ padding:2px 18px 16px; columns:2; column-gap:30px; }
.eott-home .mini3 .mini-b > p{ margin:0 0 10px; break-inside:avoid; color:var(--grey); font-size:.94rem; line-height:1.55; text-align:left; max-width:none; }
.eott-home .mini3 .mini-b > p b{ color:var(--wine-dark); }
.eott-home .mini3 .mini-more{ color:var(--gold) !important; font-style:italic; }

/* 3 · Teilnehmenden-Stimmen: rotes Band über die komplette Breite, größere Karten */
.eott-home .stimmen-c.full-bleed{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.eott-home .stimmen-c .track{
  width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); gap:22px;
  padding-left:max(20px, calc(50vw - 590px)); padding-right:max(20px, calc(50vw - 590px));
}
.eott-home .stimmen-c .quote{ flex:0 0 min(430px,86%); font-size:1.14rem; line-height:1.6; padding:30px 28px; }

@media (max-width:900px){
  .eott-home .mini3{ width:min(620px, 100% - 24px); margin:12px auto 22px; }
  .eott-home .mini3 .mini-b{ columns:1; }
  .eott-home .mini3 .mini-h{ width:100%; }
  .eott-home .jumpnav.jn-wide a{ font-size:.96rem; padding:9px 16px; }
  .eott-home .stimmen-c .quote{ flex:0 0 86%; font-size:1.06rem; padding:26px 24px; }
}

/* ==================================================================
   v47 · 21.09.2026 – Startseite: Orientierung wandert in den Aufklapper
   Die drei Mini-Aufklapper unter „Aktuelle Angebote“ sind aufgelöst:
   kurzer Text (.angebote-lead) + zwei Aufklapper (.orient) ganz oben
   im großen Aufklapper „Alle aktuellen Termine ansehen“.
   Die .mini3-Regeln aus v46 bleiben stehen, falls eine Seite sie noch nutzt.
   ================================================================== */

/* 1 · Kurzer Text unter „Aktuelle Angebote“ */
.eott-home .angebote-lead{
  max-width:68ch; margin:10px auto 22px; color:var(--grey);
  font-size:1.02rem; line-height:1.65;
}

/* 2 · Orientierungs-Aufklapper im großen Termin-Aufklapper */
.eott-home .acc-offers .orient{ display:grid; gap:8px; margin:0 0 22px; }
.eott-home .acc-offers .orient .mini{
  background:var(--cream); border:1px solid var(--gold-light);
  border-left:4px solid var(--sun); border-radius:12px; overflow:hidden;
}
.eott-home .acc-offers .orient .mini > summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; flex-wrap:wrap; gap:4px 14px;
  min-height:48px; padding:11px 46px 11px 18px; position:relative;
}
.eott-home .acc-offers .orient .mini > summary::-webkit-details-marker{ display:none; }
.eott-home .acc-offers .orient .mini-k{
  font-family:'Lora',serif; font-size:1.06rem; font-weight:600; color:var(--wine-dark);
}
.eott-home .acc-offers .orient .mini-h{ font-size:.88rem; color:var(--grey); }
.eott-home .acc-offers .orient .mini-chev{
  position:absolute; right:18px; top:50%; width:9px; height:9px; margin-top:-6px;
  border-right:2px solid var(--gold); border-bottom:2px solid var(--gold);
  transform:rotate(45deg); transition:transform .2s;
}
.eott-home .acc-offers .orient .mini[open] .mini-chev{ transform:rotate(-135deg); margin-top:-2px; }
.eott-home .acc-offers .orient .mini[open]{ border-left-color:var(--wine); background:#fff; }
.eott-home .acc-offers .orient .mini:hover{ border-color:var(--gold); }
.eott-home .acc-offers .orient .mini-b{ padding:2px 18px 16px; columns:2; column-gap:30px; }
.eott-home .acc-offers .orient .mini-b > p{
  margin:0 0 10px; break-inside:avoid; color:var(--grey);
  font-size:.94rem; line-height:1.55; text-align:left; max-width:none;
}
.eott-home .acc-offers .orient .mini-b > p b{ color:var(--wine-dark); }
.eott-home .acc-offers .orient .mini-more{ color:var(--gold) !important; font-style:italic; }
.eott-home .acc-offers .orient-hr{
  border:0; border-top:1px solid var(--gold-light); margin:0 0 26px;
}

@media (max-width:900px){
  .eott-home .angebote-lead{ font-size:.98rem; margin:8px auto 18px; }
  .eott-home .acc-offers .orient .mini-b{ columns:1; }
  .eott-home .acc-offers .orient .mini-h{ width:100%; }
}

/* ==================================================================
   v48 · 21.09.2026 – Seite „Stimmen“ (/teilnehmerinnen-stimmen/)
   Reine Textseite im EOTT-Look: vier ausführliche Berichte als große
   Karten, darunter die kurzen Rückmeldungen kompakt in zwei Spalten.
   Rahmen: <div class="eott eott-page eott-stimmen">
   ================================================================== */
.eott-page{ --sun:#FDB016; }

/* Ausführliche Berichte – Fassung A „Ruhig lesen“ (21.09.2026)
   Aufrechte Hausschrift statt Kursiv, große Zeilenhöhe, KEINE
   Anführungszeichen im Text. Das Zierzeichen steht in einer eigenen
   Zeile über dem Text und kann ihn deshalb nie berühren. */
.eott-page .voice{
  background:#fff; border:1px solid #EADFD0; border-radius:16px;
  padding:32px 36px 26px; margin:0 0 18px;
}
.eott-page .sec.alt .voice{ background:#FFFDF9; }
.eott-page .voice::before{
  content:"\201E"; display:block; font-family:'Lora',serif;
  font-size:3.4rem; line-height:.55; height:.5em;
  color:var(--gold-light); margin:0 0 14px;
}
.eott-page .voice blockquote{
  margin:0; padding:0; border:0; quotes:none;
  font-family:'Poppins',sans-serif; font-style:normal; font-weight:400;
  font-size:1.06rem; line-height:1.8; color:#3A2E29;
}
.eott-page .voice blockquote p{ margin:0 0 15px; text-align:left; -webkit-hyphens:none; hyphens:none; }
.eott-page .voice blockquote p:last-child{ margin-bottom:0; }
.eott-page .v-by{
  margin:20px 0 0; padding-top:15px; border-top:1px solid #EFE6DA;
  font-size:.93rem; font-style:normal; font-weight:600; color:var(--wine-dark);
}
.eott-page .v-by .v-when{ color:var(--gold); font-weight:400; }
.eott-page .v-by .v-when::before{ content:" · "; color:var(--gold-light); }

/* Kurze Rückmeldungen, zwei feste Spalten (Reihenfolge bleibt steuerbar) */
.eott-page .voices-2{ display:grid; grid-template-columns:1fr 1fr; gap:0 26px; align-items:start; margin-top:4px; }
.eott-page .voices-2 .vcol{ min-width:0; }
.eott-page .voice-s{
  display:block; margin:0 0 16px; padding:22px 24px;
  background:#fff; border:1px solid #EADFD0; border-top:3px solid var(--gold-light);
  border-radius:12px; font-family:'Poppins',sans-serif; font-style:normal;
  font-size:1rem; line-height:1.72; color:#3A2E29; text-align:left;
  -webkit-hyphens:none; hyphens:none;
}
.eott-page .sec.alt .voice-s{ background:#FFFDF9; }

/* Hinweiszeile unter den Stimmen */
.eott-page .voices-note{ margin-top:8px; text-align:center; }

@media (max-width:760px){
  .eott-page .voices-2{ grid-template-columns:1fr; gap:0; }
  .eott-page .voice{ padding:26px 22px 20px; }
  .eott-page .voice::before{ font-size:2.8rem; margin-bottom:10px; }
  .eott-page .voice blockquote{ font-size:1rem; line-height:1.75; }
  .eott-page .voice-s{ padding:20px 20px; }
}
}

/* ------------------------------------------------------------------
   v48 · Startseite: die Sprungnavigation steht jetzt VOR „Aktuelle
   Angebote“, direkt unter den drei Fotos. Deshalb neue Abstände.
   ------------------------------------------------------------------ */
.eott-home .hero .photo-gallery.gallery-top{ margin-bottom:42px; }
.eott-home .jumpnav.jn-wide{ margin-top:0; }
.eott-home .jumpnav.jn-wide + .block.angebote-top,
.eott-home .hero section.block.angebote-top{ padding-top:38px; }
@media (max-width:760px){
  .eott-home .hero .photo-gallery.gallery-top{ margin-bottom:34px; }
  .eott-home .hero section.block.angebote-top{ padding-top:32px; }
}

/* ==================================================================
   v49 · 21.09.2026 – Korrektur: Bilder auf „Locations“ waren verrutscht
   Ursache: die spätere Kurzschreibweise `margin:8px 0 0` in
   `.eott-page .lk-gallery` hat das `margin-left` von `.full-bleed`
   überschrieben. Die Galerie startete deshalb am linken Rand der
   Textspalte und lief um genau diesen Betrag nach rechts aus dem Bild –
   das dritte Foto war angeschnitten. Diese Regel steht bewusst später
   und ist genauer, damit sie gewinnt.
   ================================================================== */
.eott-page .lk-gallery.full-bleed,
.eott-page .photo-gallery.full-bleed,
.eott-page .gallery-bleed.full-bleed {
  width: 100vw; max-width: 100vw;
  margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
}
/* =====================================================================
   v52 · 21.09.2026 – Cookie-Banner (Complianz 7.5.5) als schmale Leiste unten
   Gilt global, nicht in einem .eott-Rahmen – der Banner steht außerhalb.
   Ziel: statt 60 % Bildschirmhöhe am Handy nur noch eine ruhige Leiste
   in Weinrot/Creme. „Akzeptieren“ und „Ablehnen“ bleiben absichtlich
   GLEICH GROSS und gleich auffällig (rechtliche Anforderung).
   ===================================================================== */
.cmplz-cookiebanner {
  --eott-wine: #7A2E3B; --eott-wine-d: #5C1E28; --eott-cream: #FBF6F0;
  --eott-cream2: #F2E9DD; --eott-gold-l: #D4AF78; --eott-sun: #FDB016;
}

/* --- Die Leiste selbst --- */
.cmplz-cookiebanner.cmplz-bottom,
.cmplz-cookiebanner.cmplz-bottom-left,
.cmplz-cookiebanner.cmplz-bottom-right {
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 100% !important; max-width: 100% !important;
  margin: 0 !important;
  border: 0 !important; border-top: 4px solid var(--eott-sun) !important;
  border-radius: 0 !important;
  background: var(--eott-wine) !important;
  color: var(--eott-cream) !important;
  padding: 14px clamp(16px, 4vw, 40px) !important;
  box-shadow: 0 -12px 34px -20px rgba(0, 0, 0, .55) !important;
  display: flex !important; flex-wrap: wrap;
  align-items: center; justify-content: center;
  gap: 8px 26px;
  font-family: 'Poppins', system-ui, sans-serif;
}

/* --- WICHTIG: Der Banner muss sich schließen lassen ---
   Complianz blendet den Banner mit den Klassen `cmplz-hidden` (vor der
   Entscheidung, solange noch nichts geladen ist) und `cmplz-dismissed`
   (nach Akzeptieren oder Ablehnen) aus – und zwar mit einem GANZ NORMALEN
   `display:none` OHNE !important. Unsere Regel oben setzt aber
   `display:flex !important`, und !important gewinnt immer.
   Ergebnis ohne diese Regel: Der Banner bleibt nach dem Klick stehen und
   erscheint auf jeder Seite wieder. Deshalb muss das Ausblenden hier
   ebenfalls mit !important stehen – und zwar NACH der Regel oben.
   (Fehler in v49–v51, behoben in v52.) --- */
.cmplz-cookiebanner.cmplz-hidden,
.cmplz-cookiebanner.cmplz-dismissed,
.cmplz-cookiebanner.cmplz-hidden.cmplz-bottom,
.cmplz-cookiebanner.cmplz-dismissed.cmplz-bottom,
.cmplz-cookiebanner.cmplz-hidden.cmplz-bottom-left,
.cmplz-cookiebanner.cmplz-dismissed.cmplz-bottom-left,
.cmplz-cookiebanner.cmplz-hidden.cmplz-bottom-right,
.cmplz-cookiebanner.cmplz-dismissed.cmplz-bottom-right {
  display: none !important;
}

/* --- Überschrift: in der Leiste nicht sichtbar, aber für Screenreader da ---
   Wichtig: NICHT display:none. Der Banner verweist per aria-labelledby auf
   diese Überschrift; wäre sie ausgeblendet, hätte der Dialog für blinde
   Nutzer keinen Namen mehr. Deshalb nur optisch versteckt. --- */
.cmplz-cookiebanner .cmplz-header {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important;
  white-space: nowrap !important; border: 0 !important;
}

/* --- Text --- */
.cmplz-cookiebanner .cmplz-body {
  flex: 1 1 380px; min-width: 0; max-width: 100%;
  padding: 0 !important; margin: 0 !important; box-sizing: border-box;
}
.cmplz-cookiebanner .cmplz-message {
  color: #EBD9C5 !important; font-size: 14.5px !important; line-height: 1.5 !important;
  margin: 0 !important; padding: 0 !important;
  width: 100% !important; max-width: 80ch; box-sizing: border-box;
  text-align: left !important;
}
.cmplz-cookiebanner .cmplz-message a,
.cmplz-cookiebanner .cmplz-links a {
  color: var(--eott-gold-l) !important; text-decoration: underline !important;
}
.cmplz-cookiebanner .cmplz-message a:hover,
.cmplz-cookiebanner .cmplz-links a:hover { color: var(--eott-cream) !important; }

/* --- Kategorien: aus der Leiste raus (stehen unter „Einstellungen“) --- */
.cmplz-cookiebanner .cmplz-categories { display: none !important; }

/* --- Knöpfe: nebeneinander, Akzeptieren und Ablehnen gleich groß --- */
.cmplz-cookiebanner .cmplz-buttons {
  flex: 0 0 auto; display: flex !important; flex-direction: row !important; flex-wrap: wrap;
  align-items: center; gap: 10px; margin: 0 !important; padding: 0 !important; width: auto !important;
}
/* „Einstellungen speichern“ ergibt in der schmalen Leiste keinen Sinn –
   die Kategorien sind dort ausgeblendet. Er erscheint im Einstellungs-Fenster. */
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-buttons .cmplz-save-preferences { display: none !important; }
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 22px !important; border-radius: 999px !important;
  font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important;
  width: auto !important; min-width: 140px; margin: 0 !important;
  border: 2px solid transparent !important;
  transition: background .18s, color .18s;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-accept {
  background: var(--eott-sun) !important; color: var(--eott-wine-d) !important;
  border-color: var(--eott-sun) !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-accept:hover { background: #E89A00 !important; }
.cmplz-cookiebanner .cmplz-buttons .cmplz-deny {
  background: var(--eott-cream) !important; color: var(--eott-wine-d) !important;
  border-color: var(--eott-cream) !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-deny:hover { background: var(--eott-cream2) !important; }
/* dritter Knopf bleibt sichtbar, aber ruhiger */
.cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences {
  background: transparent !important; color: var(--eott-gold-l) !important;
  border-color: var(--eott-gold-l) !important; min-width: 0; font-weight: 500 !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences:hover {
  background: var(--eott-gold-l) !important; color: var(--eott-wine-d) !important;
}

/* --- Fußzeile mit den Links --- */
.cmplz-cookiebanner .cmplz-links {
  flex: 1 1 100%; justify-content: center; font-size: 12.5px !important;
  margin: 2px 0 0 !important; padding: 0 !important; color: var(--eott-gold-l) !important;
}
.cmplz-cookiebanner .cmplz-divider { border-color: rgba(212, 175, 120, .35) !important; }

/* --- Handy: Text oben, zwei gleich große Knöpfe darunter --- */
@media (max-width: 760px) {
  .cmplz-cookiebanner.cmplz-bottom,
  .cmplz-cookiebanner.cmplz-bottom-left,
  .cmplz-cookiebanner.cmplz-bottom-right {
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 10px;
  }
  .cmplz-cookiebanner .cmplz-message { font-size: 13.5px !important; max-width: 100% !important; }
  .cmplz-cookiebanner .cmplz-body { flex: 1 1 100%; width: 100% !important; }
  .cmplz-cookiebanner .cmplz-buttons { flex: 1 1 100%; }
  .cmplz-cookiebanner .cmplz-buttons .cmplz-accept,
  .cmplz-cookiebanner .cmplz-buttons .cmplz-deny { flex: 1 1 0; min-width: 0; }
  .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences { flex: 1 1 100%; min-height: 40px; font-size: 14px !important; }
}

/* --- Einstellungs-Fenster (wenn jemand „Einstellungen“ anklickt) --- */
.cmplz-cookiebanner.cmplz-categories-visible .cmplz-categories { display: block !important; }


/* ==================================================================
   v50 · 21.09.2026 – Schluss der Startseite als EIN weinrotes Band
   „Komm vorbei – so wie du bist“ und die Newsletter-Anmeldung liegen
   jetzt zusammen in einem Band (.eott-nl.nl-band.nl-close).
   Farbe: dunkles Weinrot #5C1E28 – NICHT #7A2E3B. Der Theme-Footer hat
   exakt #7A2E3B; wären beide gleich, liefen Band und Footer zu einer
   einzigen roten Fläche von über 1000 px zusammen.
   ================================================================== */
.eott-home .eott-nl.nl-band{ background:var(--wine-dark); }
.eott-home .eott-nl.nl-band .nl-card{
  background:transparent; border:0; border-top:0; box-shadow:none;
  padding:0; max-width:680px;
}
.eott-home .eott-nl.nl-band .nl-eyebrow{ background:var(--sun); color:var(--wine-dark); }
.eott-home .eott-nl.nl-band .nl-title{ color:var(--cream); font-size:2.05rem; }
.eott-home .eott-nl.nl-band .nl-title em{ color:var(--gold-light); font-style:italic; }
.eott-home .eott-nl.nl-band .nl-text{ color:#EBD9C5; }
.eott-home .eott-nl.nl-band .nl-perks{ color:var(--gold-light); }
.eott-home .eott-nl.nl-band .nl-perks li::before{ background:var(--sun); }
.eott-home .eott-nl.nl-band .nl-field span{ color:var(--gold-light); }
.eott-home .eott-nl.nl-band input.nl-in{
  background:rgba(251,246,240,.10); border-color:rgba(212,175,120,.65); color:var(--cream);
}
.eott-home .eott-nl.nl-band input.nl-in::placeholder{ color:#C9AE95; }
.eott-home .eott-nl.nl-band input.nl-in:focus{ border-color:var(--sun); background:rgba(251,246,240,.18); }
.eott-home .eott-nl.nl-band .nl-check{ color:#E9D6C4; }
.eott-home .eott-nl.nl-band .nl-check input{ accent-color:var(--sun); }
.eott-home .eott-nl.nl-band .nl-check a{ color:var(--cream); border-bottom-color:var(--gold-light); }
.eott-home .eott-nl.nl-band button.nl-btn{ background:var(--sun); color:var(--wine-dark); }
.eott-home .eott-nl.nl-band button.nl-btn:hover{ background:var(--sun-deep); color:var(--wine-dark); }
.eott-home .eott-nl.nl-band .nl-note{ color:#D9B892; }
.eott-home .eott-nl.nl-band.nl-section{ padding:64px 20px 68px; }

/* Variante 2: „Komm vorbei“ liegt mit im Band */
.eott-home .eott-nl.nl-close .nl-close-cta{ text-align:center; max-width:680px; margin:0 auto 42px; }
.eott-home .eott-nl.nl-close .nl-close-cta h2{ color:var(--cream); font-family:'Lora',serif; font-size:2.1rem; margin:0 0 12px; }
.eott-home .eott-nl.nl-close .nl-close-cta p{ color:#EBD9C5; max-width:54ch; margin:0 auto; text-align:center; }
.eott-home .eott-nl.nl-close .nl-close-cta .btn-primary{ background:var(--sun); color:var(--wine-dark); box-shadow:0 0 0 4px rgba(253,176,22,.22); }
.eott-home .eott-nl.nl-close .nl-close-cta .btn-primary:hover{ background:var(--sun-deep); color:var(--wine-dark); }
.eott-home .eott-nl.nl-close::before{
  content:""; display:block; width:80px; height:3px; margin:0 auto 40px;
  background:linear-gradient(90deg,var(--gold),var(--sun),var(--gold)); border-radius:2px;
}
.eott-home .eott-nl.nl-close .nl-card{ border-top:1px solid rgba(212,175,120,.3); padding-top:38px; }

/* ==================================================================
   v53 · 21.09.2026 – Seite „Stimmen“ wieder ruhig lesbar
   Drei Ursachen, alle aus dem Theme Customizr, das jedes <blockquote>
   selbst gestaltet:
   1. Das Theme setzt ein eigenes Anführungszeichen (::before, absolut
      positioniert, zentriert) – dadurch standen zwei Zeichen
      übereinander, das goldene und ein dunkles.
   2. Das Theme setzt <blockquote> auf fett – deshalb waren die kurzen
      Rückmeldungen komplett fett gedruckt.
   3. Das Theme setzt die Absätze im <blockquote> auf „Source Sans Pro“
      – deshalb standen die langen Berichte in einer fremden Schrift.
   Hier wird das Theme für die Stimmen-Karten abgeschaltet.
   ================================================================== */
.eott-page .voice blockquote::before, .eott-page .voice blockquote::after,
.eott-page .voice-s::before, .eott-page .voice-s::after{
  content:none !important; display:none !important;
}
.eott-page .voice blockquote, .eott-page .voice blockquote p,
.eott-page .voice-s, .eott-page .voice-s p{
  font-family:'Poppins',sans-serif !important;
  font-weight:400 !important; font-style:normal !important;
  color:#3A2E29 !important; text-transform:none !important;
  text-indent:0 !important; quotes:none !important; text-align:left !important;
  -webkit-hyphens:none !important; hyphens:none !important;
}
.eott-page .voice blockquote, .eott-page .voice blockquote p{
  font-size:1.08rem !important; line-height:1.85 !important;
}
.eott-page .voice blockquote{ margin:0 !important; padding:0 !important; border:0 !important; background:none !important; }
.eott-page .voice blockquote p{ margin:0 0 16px !important; }
.eott-page .voice blockquote p:last-child{ margin-bottom:0 !important; }
.eott-page .voice-s{
  font-size:1.02rem !important; line-height:1.78 !important;
  margin:0 0 16px !important; padding:22px 24px !important;
  border:1px solid #EADFD0 !important; border-top:3px solid var(--gold-light) !important;
  border-radius:12px !important; background:#fff !important;
}
.eott-page .sec.alt .voice-s{ background:#FFFDF9 !important; }
/* Das goldene Zierzeichen bleibt – etwas kleiner und mit mehr Luft */
.eott-page .voice::before{ font-size:3rem !important; margin-bottom:10px !important; }
/* Namenszeile: nicht mehr fett, nur kräftiger als der Text */
.eott-page .voice .v-by{ font-weight:500 !important; color:#5C1E28 !important; }
@media (max-width:760px){
  .eott-page .voice blockquote, .eott-page .voice blockquote p{ font-size:1.02rem !important; line-height:1.8 !important; }
  .eott-page .voice-s{ font-size:1rem !important; padding:20px 20px !important; }
}

/* ==================================================================
   v54 · 21.09.2026 – Seite „Stimmen“: Bänder über die volle Breite
   Der ockerfarbene Abschnitt „Weitere Rückmeldungen“ und das weinrote
   Schlussband liefen bisher nur über die Inhaltsbreite und wirkten
   dadurch wie Kästen. Jetzt laufen sie wie auf der Startseite über den
   ganzen Bildschirm, der Text bleibt in der Mitte.
   ================================================================== */
html:has(.eott-stimmen), body:has(.eott-stimmen){ overflow-x:clip; }
.eott-stimmen .sec.alt, .eott-stimmen .cta-band{
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
.eott-stimmen .sec.alt > .wrap, .eott-stimmen .cta-band > .wrap{
  max-width:880px; margin:0 auto; padding-left:28px; padding-right:28px;
}
@media (max-width:480px){
  .eott-stimmen .sec.alt > .wrap, .eott-stimmen .cta-band > .wrap{ padding-left:20px; padding-right:20px; }
}
/* Kleinigkeit aus v53: das goldene Zierzeichen bekommt etwas mehr Luft */
.eott-page .voice::before{ margin-bottom:16px !important; }

/* ==================================================================
   v55 · 21.09.2026 – Kopfzeile in Weinrot
   Die Leiste ganz oben (Logo, Menü, Suche, Warenkorb) steht jetzt auf
   Weinrot #7A2E3B, Schrift creme, Hover und Zähler im Logo-Orange,
   Untermenüs im dunkleren Weinrot.
   WICHTIG: Dafür muss im Customizer das FREIGESTELLTE Logo hochgeladen
   sein (04_Design/LOGO-freigestellt.png) – die alte Datei hat einen
   weißen Hintergrund und würde als weißer Kasten erscheinen.
   ================================================================== */
.tc-header,
.tc-header .topbar-navbar__wrapper, .tc-header .topbar-navbar,
.tc-header .primary-navbar__wrapper, .tc-header .primary-navbar,
.tc-header .mobile-navbar__wrapper, .tc-header .mobile-navbar,
.tc-header .navbar-wrapper, .tc-header .branding__container,
.tc-header .header-search__container, .tc-header .search-form__container{
  background-color:#7A2E3B !important;
}
.tc-header{
  border-bottom:1px solid rgba(253,176,22,.55) !important;
  box-shadow:0 10px 26px -22px rgba(92,30,40,.9) !important;
}
/* Schrift und Symbole */
.tc-header, .tc-header a, .tc-header .nav__link, .tc-header .nav__title,
.tc-header .navbar-brand-sitename, .tc-header a.navbar-brand-sitename,
.tc-header .social-icon, .tc-header .woocart, .tc-header .icn-search,
.tc-header .icn-down-small, .tc-header .icn-up-small, .tc-header button,
.tc-header .czr-collapsed, .tc-header .ham__navbar-toggler, .tc-header .ham-toggler-menu{
  color:#FBF6F0 !important;
}
.tc-header .header-tagline, .tc-header .site-description{ color:#F0CE93 !important; }
.tc-header a:hover, .tc-header .nav__link:hover, .tc-header .social-icon:hover,
.tc-header .woocart:hover, .tc-header .icn-search:hover{ color:#FDB016 !important; }
/* Unterstreichung / aktiver Punkt */
.tc-header .czr-underline::after, .tc-header .nav__link::after,
.tc-header .current-menu-item > .nav__link::after{ background-color:#FDB016 !important; }
/* Hamburger: nur die drei Striche einfärben, die Hülle bleibt durchsichtig */
.tc-header .ham-toggler-menu .line, .tc-header .ham__navbar-span-wrapper .line,
.tc-header .navbar-toggler .line{ background-color:#FBF6F0 !important; }
.tc-header .ham__toggler-span-wrapper, .tc-header .ham-toggler-menu,
.tc-header .screen-reader-text, .tc-header .sr-only{ background:transparent !important; }
/* Untermenüs und aufgeklapptes Handy-Menü */
.tc-header .dropdown-menu, .tc-header .sub-menu, .tc-header .mobile-nav__menu,
.tc-header .nav__container, .tc-header .czr-dropdown-submenu .dropdown-menu{
  background-color:#5C1E28 !important; border-color:rgba(253,176,22,.35) !important;
}
.tc-header .dropdown-menu a, .tc-header .sub-menu a, .tc-header .mobile-nav__menu a{ color:#FBF6F0 !important; }
.tc-header .dropdown-menu a:hover, .tc-header .mobile-nav__menu a:hover{ color:#FDB016 !important; background-color:rgba(253,176,22,.10) !important; }
/* Suchfeld */
.tc-header input[type="search"], .tc-header .search-form input{
  background-color:rgba(251,246,240,.10) !important; color:#FBF6F0 !important;
  border-color:rgba(253,176,22,.45) !important;
}
.tc-header input[type="search"]::placeholder{ color:#E2C79A !important; }
/* Warenkorb-Zähler */
.tc-header .count, .tc-header .czr-wc-count{ background-color:#FDB016 !important; color:#5C1E28 !important; }
/* Logo: weißer Rest-Rahmen wird nicht mehr gebraucht */
.tc-header .navbar-brand-sitelogo img, .tc-header img.custom-logo{ background:transparent !important; }

/* ==================================================================
   v56 · 21.09.2026 – Untermenüs: lesbarer Hover
   Das Theme färbt beim Überfahren das <li> WEISS ein. Die Schrift ist
   in der weinroten Kopfzeile aber hell – dadurch war der Eintrag unter
   der Maus nicht mehr lesbar. Jetzt bleibt der Hintergrund dunkel und
   der Eintrag leuchtet im Logo-Orange auf.
   ================================================================== */
.tc-header .dropdown-menu li, .tc-header .sub-menu li,
.tc-header .mobile-nav__menu li, .tc-header .nav__menu li{ background-color:transparent !important; }
.tc-header .dropdown-menu li:hover, .tc-header .dropdown-menu li:focus-within,
.tc-header .sub-menu li:hover, .tc-header .mobile-nav__menu li:hover,
.tc-header .dropdown-menu li.current-menu-item, .tc-header .mobile-nav__menu li.current-menu-item{
  background-color:rgba(253,176,22,.16) !important;
}
.tc-header .dropdown-menu li:hover > a, .tc-header .dropdown-menu li:focus-within > a,
.tc-header .sub-menu li:hover > a, .tc-header .mobile-nav__menu li:hover > a,
.tc-header .dropdown-menu a:hover, .tc-header .dropdown-menu a:focus,
.tc-header .mobile-nav__menu a:hover, .tc-header .mobile-nav__menu a:focus{
  color:#FDB016 !important; background-color:transparent !important;
}
.tc-header .dropdown-menu li.current-menu-item > a, .tc-header .mobile-nav__menu li.current-menu-item > a{ color:#FDB016 !important; }

/* ==================================================================
   v57 · 21.09.2026 – Doppelte Überschrift entfernt
   WordPress setzt über jeden Seiteninhalt noch einmal den Seitentitel
   (.entry-title). Auf Seiten mit eigenem EOTT-Block stand die
   Überschrift dadurch zweimal da, z. B. „Stimmen“ oben links und
   „Stimmen“ mittig im Block.
   Der Theme-Titel verschwindet NUR, wenn der Block eine eigene
   Überschrift mitbringt. Seiten ohne eigenen Block (Warenkorb, Kasse,
   Mein Konto, ältere Seiten) und die Produktseiten behalten ihren
   Titel.
   ================================================================== */
body:has(.eott-page h1) .entry-title,
body:has(.eott-home h1) .entry-title,
body:has(.eott-shop h1) .entry-title,
body:has(.eott-event h1) .entry-title{ display:none !important; }
body.woocommerce .product_title.entry-title,
body.single-product .product_title.entry-title{ display:block !important; }
/* v57 · Hover im Untermenü kräftiger (v56 war mit 16 % Orange sehr dezent) */
.tc-header .dropdown-menu li:hover, .tc-header .dropdown-menu li:focus-within,
.tc-header .sub-menu li:hover, .tc-header .mobile-nav__menu li:hover,
.tc-header .dropdown-menu li.current-menu-item, .tc-header .mobile-nav__menu li.current-menu-item{
  background-color:rgba(253,176,22,.30) !important;
  box-shadow:inset 4px 0 0 #FDB016 !important;
}
.tc-header .dropdown-menu li:hover > a, .tc-header .sub-menu li:hover > a,
.tc-header .mobile-nav__menu li:hover > a, .tc-header .dropdown-menu a:hover{
  color:#FFE3AE !important;
}

/* ==================================================================
   v58 · 21.09.2026 – Feinschliff fürs Handy (Stufe 2, Teil 1)
   Reines CSS, kein HTML wird angefasst. Vier Punkte aus dem
   Website-Check vom 20.09.:
   1. Blocksatz erst ab Tablet – am Handy reißt er Lücken in den Text
   2. Die 3er-Galerie wird am Handy zum Wisch-Karussell statt drei
      Briefmarken nebeneinander (121 px)
   3. Kleine Schrift in Gold bekommt mehr Kontrast (#8C6124 statt
      #B8863B – 5,1:1 statt 3,0:1)
   4. Klickflächen auf 44 px (Apple/Google-Richtlinie)
   ================================================================== */

/* 1 · Blocksatz nur ab Tablet */
@media (max-width:760px){
  .eott p, .eott .lead, .eott .sub, .eott .group-intro, .eott .angebote-lead,
  .eott .offer-card p, .eott .acc-body p, .eott .feature p, .eott .block p,
  .eott blockquote, .eott li{
    text-align:left !important;
    -webkit-hyphens:auto; hyphens:auto;
  }
}

/* 2 · Galerie am Handy: wischen statt drei Briefmarken */
@media (max-width:760px){
  .eott .photo-gallery{
    display:flex !important; gap:10px !important;
    overflow-x:auto; scroll-snap-type:x mandatory;
    padding-bottom:10px; scroll-padding-left:16px;
    scrollbar-width:none;
  }
  .eott .photo-gallery::-webkit-scrollbar{ display:none; }
  .eott .photo-gallery > *{
    flex:0 0 78%; scroll-snap-align:center; min-width:0;
  }
  .eott .photo-gallery .photo-frame img{ aspect-ratio:4/5; width:100%; height:auto; }
  .eott .photo-gallery.gallery-bleed{ padding-left:16px; padding-right:16px; }
}

/* 3 · Kleine Schrift in Gold: mehr Kontrast */
.eott .kicker, .eott .jumpnav-label, .eott .cta-eyebrow, .eott .oc-meta,
.eott .pd-eyebrow, .eott .v-when, .eott .shop-kicker,
.eott .group-head .count, .eott .sacc-label, .eott .mini-more{ color:#8C6124 !important; }
.eott-event .kicker, .eott-event .cta-eyebrow,
.eott .stimmen-rot .kicker, .eott .lk-band .kicker,
.eott .cta-band .kicker, .eott .bank-box .k, .eott .sacc-bank .sacc-hint{ color:#F0CE93 !important; }
.eott .shop-kicker{ background:#FFF1D2 !important; border-color:#FDB016 !important; }
/* Mindestgröße für sehr kleine Schrift */
.eott .pd-eyebrow, .eott .oc-meta, .eott .v-when{ font-size:.8rem !important; }

/* 4 · Klickflächen mindestens 44 px */
.eott .offer-cta, .eott .oc-btn, .eott .cta-link-inline, .eott .sacc-more a,
.eott .lk-contact a, .eott .p-hero a, .eott .voices-note a{
  display:inline-flex; align-items:center; min-height:44px;
}
.eott a[href^="tel:"], .eott a[href^="mailto:"]{
  display:inline-block; padding:6px 0;
}
#footer .footer-links a, #footer .menu li a, .colophon a,
#footer .widget_nav_menu li a{
  display:inline-block; padding:9px 0; line-height:1.3;
}
@media (max-width:760px){
  .eott .offer-cta, .eott .oc-btn{ justify-content:center; }
}

/* =====================================================================
   v63 · One-Pager „Zeit für mich / Zeit für uns“ (Startseite, Rahmen .eott-home)
   ===================================================================== */

.eott-home .nz{max-width:var(--maxw);margin:0 auto;padding:34px 20px;font-family:Poppins,sans-serif;color:var(--dark)}
.eott-home .nz h2{font-family:Lora,serif;color:var(--wine-dark);font-size:1.9rem;margin:0 0 8px;text-align:center}
.eott-home .nz h3{font-family:Lora,serif;color:var(--wine-dark);font-size:1.5rem;margin:0}
.eott-home .nz .nz-lead{text-align:center;color:var(--grey);margin:0 auto 22px;max-width:620px;line-height:1.6}
.eott-home .nz-doors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:10px 0 26px}
.eott-home .nz-door{display:block;text-decoration:none;border-radius:18px;padding:22px 22px 20px;text-align:center;box-shadow:0 14px 30px -18px rgba(92,30,40,.6)}
.eott-home .nz-door b{display:block;font-family:Lora,serif;font-size:1.45rem;margin-bottom:4px}
.eott-home .nz-door span{display:block;font-size:.92rem;opacity:.92}
.eott-home .nz-door em{display:inline-block;margin-top:12px;font-style:normal;font-weight:600;font-size:.86rem;padding:8px 18px;border-radius:22px}
.eott-home .nz-door.mich{background:var(--sun);color:var(--wine-dark)}
.eott-home .nz-door.mich em{background:var(--wine-dark);color:var(--cream)}
.eott-home .nz-door.uns{background:var(--wine);color:var(--cream)}
.eott-home .nz-door.uns em{background:var(--sun);color:var(--wine-dark)}
.eott-home .nz-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 8px;padding:0;list-style:none;counter-reset:s}
.eott-home .nz-steps li{background:var(--cream-2);border-radius:12px;padding:12px 12px 12px 44px;position:relative;font-size:.86rem;line-height:1.45;counter-increment:s}
.eott-home .nz-steps li::before{content:counter(s);position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:50%;background:var(--wine);color:var(--cream);font-weight:600;font-size:.8rem;text-align:center;line-height:22px}
.eott-home .nz-steps b{color:var(--wine-dark)}
.eott-home .nz-note{text-align:center;font-size:.9rem;color:var(--wine-dark);margin:14px 0 0}
.eott-home .nz-branch{border-top:1px solid var(--gold-light);padding-top:30px;margin-top:10px}
.eott-home .nz-bhead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.eott-home .nz-bhead .tag{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.eott-home .nz-forwen{background:#fff;border:1px solid var(--cream-2);border-radius:12px;padding:12px 16px;font-size:.9rem;line-height:1.55;color:var(--grey);margin:8px 0 16px}
.eott-home .nz-forwen b{color:var(--wine-dark)}
.eott-home .offer-card.nz-card{border-top-width:4px}
.eott-home .offer-card.nz-card.s2{border-top-color:var(--wine)}
.eott-home .nz-stufe{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--cream-2);color:var(--wine);padding:3px 10px;border-radius:10px;margin-bottom:6px}
.eott-home .nz-card h4{margin:0 0 2px;font-family:Lora,serif;font-size:1.35rem;color:var(--wine-dark)}
.eott-home .nz-card .nz-sub{font-family:Lora,serif;font-style:italic;color:var(--wine);margin:0 0 8px;font-size:1.02rem}
.eott-home .nz-card .nz-intro{margin:6px 0 10px;line-height:1.55}
.eott-home .nz-card .nz-k{font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--gold);margin:12px 0 4px}
.eott-home .nz-card ul.nz-get{margin:0;padding:0;list-style:none}
.eott-home .nz-card ul.nz-get li{padding:4px 0 4px 22px;position:relative;line-height:1.5;font-size:.95rem}
.eott-home .nz-card ul.nz-get li::before{content:"";position:absolute;left:2px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--sun)}
.eott-home .nz-card.s2 ul.nz-get li::before{background:var(--wine)}
.eott-home .nz-card ul.nz-get b{color:var(--wine-dark)}
.eott-home .nz-flow{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 0;padding:0;list-style:none}
.eott-home .nz-flow li{background:var(--cream-2);border-radius:10px;padding:6px 10px;font-size:.82rem;line-height:1.35}
.eott-home .nz-flow li b{display:block;color:var(--wine-dark);font-size:.84rem}
.eott-home .nz-card details{margin-top:10px;border-top:1px dashed var(--gold-light);padding-top:8px}
.eott-home .nz-card summary{cursor:pointer;font-weight:600;color:var(--wine);font-size:.9rem;list-style:none}
.eott-home .nz-card summary::before{content:"+ ";color:var(--gold)}
.eott-home .nz-card details[open] summary::before{content:"– "}
.eott-home .nz-card details ul{margin:8px 0 0 18px;padding:0;font-size:.9rem;line-height:1.55;color:var(--grey)}
.eott-home .nz-card details p{font-size:.9rem;line-height:1.55;color:var(--grey);margin:8px 0 0}
.eott-home .nz-card .oc-price small{display:block;font-size:.78rem;font-weight:500;color:var(--grey)}
.eott-home .nz-card .oc-side .nz-dur{font-size:.84rem;color:var(--grey);text-align:center;margin:-2px 0 4px}
.eott-home .nz-card .oc-btn.cart{margin-bottom:8px}
.eott-home .nz-card .oc-btn.cart small{display:block;font-weight:500;font-size:.76rem;opacity:.85}
.eott-home .nz-card .nz-pending{font-size:.78rem;color:var(--grey);text-align:center;line-height:1.4}
.eott-home .nz-credit{background:var(--wine);color:var(--cream);border-radius:18px;padding:24px 24px 20px;margin-top:30px}
.eott-home .nz-credit h3{color:var(--cream);text-align:center;margin-bottom:4px}
.eott-home .nz-credit > p{text-align:center;margin:0 0 16px;opacity:.9;font-size:.95rem}
.eott-home .nz-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.eott-home .nz-cc{background:var(--cream);color:var(--dark);border-radius:14px;padding:16px;text-align:center}
.eott-home .nz-cc b{display:block;font-family:Lora,serif;font-size:1.25rem;color:var(--wine-dark)}
.eott-home .nz-cc .big{font-size:1.05rem;margin:6px 0 2px}
.eott-home .nz-cc .big strong{color:var(--wine)}
.eott-home .nz-cc small{display:block;color:var(--grey);font-size:.82rem;margin-bottom:10px}
.eott-home .nz-cc a{display:inline-block;background:var(--sun);color:var(--wine-dark);font-weight:600;font-size:.84rem;padding:9px 18px;border-radius:22px;text-decoration:none}
.eott-home .nz-credit .nz-fine{text-align:center;font-size:.82rem;opacity:.85;margin:12px 0 0}
.eott-home .nz-frame{margin-top:22px;background:#fff;border:1px solid var(--cream-2);border-radius:14px;padding:4px 18px}
.eott-home .nz-frame summary{cursor:pointer;font-weight:600;color:var(--wine-dark);padding:12px 0}
.eott-home .nz-frame p{font-size:.9rem;line-height:1.55;color:var(--grey);margin:0 0 10px}
.eott-home .nz-frame p b{color:var(--wine-dark)}
@media (max-width:700px){
 .eott-home .nz-doors,.eott-home .nz-cards{grid-template-columns:1fr}
 .eott-home .nz-steps{grid-template-columns:1fr 1fr}
 .eott-home .nz h2{font-size:1.55rem}
}

/* ---------- v63 · Ergänzungen zum One-Pager ---------- */
.eott-home .nz .oc-btn{ flex-direction:column; justify-content:center; }
.eott-home .nz-card .oc-btn.go{ background:transparent; color:var(--wine-dark); border:2px solid var(--sun); }
.eott-home .nz-card .oc-btn.go::before{ content:none; }
.eott-home .nz-card .oc-btn.go:hover{ background:var(--sun); }
.eott-home .nz-card .oc-btn.go small{ display:block; font-weight:500; font-size:.76rem; opacity:.85; }
.eott-home .nz-len{ display:inline-block; font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; background:var(--cream-2); color:var(--wine); padding:3px 10px; border-radius:10px; margin-bottom:6px; }
.eott-home .nz-drittel{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:6px 0 18px; padding:0; list-style:none; }
.eott-home .nz-drittel li{ background:#fff; border:1px solid var(--gold-light); border-radius:12px; padding:12px 14px; text-align:center; font-size:.88rem; line-height:1.45; color:var(--grey); }
.eott-home .nz-drittel li b{ display:block; font-family:Lora,serif; font-size:1.08rem; color:var(--wine-dark); margin-bottom:2px; }
.eott-home .nz-drittel-t{ text-align:center; font-size:.92rem; color:var(--wine-dark); margin:0 0 8px; }
.eott-home .nz-weiter{ margin-top:30px; }
.eott-home .nz-weiter h3{ text-align:center; margin-bottom:4px; }
.eott-home .nz-weiter > p{ text-align:center; color:var(--grey); margin:0 auto 16px; max-width:560px; font-size:.95rem; }
.eott-home .nz-wgrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.eott-home .nz-w{ display:block; text-decoration:none; background:#fff; border:1px solid var(--gold-light); border-left:4px solid var(--sun); border-radius:12px; padding:14px 16px; color:var(--dark); font-size:.9rem; line-height:1.5; }
.eott-home .nz-w b{ display:block; font-family:Lora,serif; font-size:1.08rem; color:var(--wine-dark); margin-bottom:2px; }
.eott-home .nz-w:hover{ background:var(--cream-2); }
.eott-home .nz-more{ margin-top:30px; }
.eott-home .nz-more > summary .acc-hint{ flex:1 1 220px; }
.eott-home .nz-old-note{ font-size:.88rem; color:var(--grey); margin:0 0 16px; }
.eott-home .nz-jg{ margin-top:26px; }
.eott-home .garlef-more{ margin-top:30px; }
.eott-home .garlef-more .acc-body h3{ font-size:1.25rem; margin:22px 0 8px; }
.eott-home .garlef-more .acc-body h3:first-child{ margin-top:0; }
.eott-home .garlef-more .acc-body .acc{ margin-top:12px; }
@media (max-width:700px){
  .eott-home .nz-drittel{ grid-template-columns:1fr; }
  .eott-home .nz-wgrid{ grid-template-columns:1fr; }
}
/* Der Block steht im Hero (zentriert) → Inhalt linksbündig, Kopf mittig */
.eott-home .nz{ text-align:left; }
.eott-home .nz > h2, .eott-home .nz > .nz-lead, .eott-home .nz-note, .eott-home .nz-drittel-t{ text-align:center; }
.eott-home .nz-card .oc-price small{ font-family:"Poppins",sans-serif; }

/* =====================================================================
   ENTWURF One-Pager 2.0 (28.09.2026) · Rahmen .eott-home · Präfix op-
   ===================================================================== */
.eott-home.op{ --r:18px; text-align:left; }
.eott-home .op-sec{ max-width:980px; margin:0 auto; padding:56px 20px; }
.eott-home .op-q{ display:block; text-align:center; font-size:.76rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; }
.eott-home.op h2{ text-align:center; font-size:clamp(1.6rem,3.4vw,2.2rem); line-height:1.2; margin:0 auto 10px; max-width:24ch; }
.eott-home .op-lead{ text-align:center; color:var(--grey); max-width:560px; margin:0 auto 26px; font-size:1rem; line-height:1.6; }

/* Menü zum Einblenden */
.eott-home .op-menu{ position:fixed; top:14px; right:14px; z-index:999; }
.eott-home .op-menu > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:8px; background:var(--wine); color:var(--cream); font-weight:600; font-size:.92rem; padding:11px 18px; border-radius:30px; box-shadow:0 10px 24px -10px rgba(92,30,40,.7); min-height:44px; }
.eott-home .op-menu > summary::-webkit-details-marker{ display:none; }
.eott-home .op-menu > summary .ico{ font-size:1.15rem; line-height:1; }
.eott-home .op-menu[open] > summary{ background:var(--wine-dark); }
.eott-home .op-menu[open] > summary .ico::before{ content:"✕"; }
.eott-home .op-menu:not([open]) > summary .ico::before{ content:"☰"; }
.eott-home .op-menu nav{ position:absolute; right:0; top:54px; width:min(300px,calc(100vw - 28px)); background:var(--cream); border:1px solid var(--gold-light); border-radius:16px; padding:10px; box-shadow:0 24px 50px -20px rgba(46,36,32,.55); display:grid; gap:2px; }
.eott-home .op-menu nav a{ display:flex; align-items:center; min-height:44px; padding:0 14px; border-radius:10px; text-decoration:none; color:var(--wine-dark); font-weight:500; }
.eott-home .op-menu nav a:hover{ background:var(--cream-2); }
.eott-home .op-menu nav a.mich{ background:var(--sun); color:var(--wine-dark); font-weight:600; margin-bottom:4px; }
.eott-home .op-menu nav a.uns{ background:var(--wine); color:var(--cream); font-weight:600; margin-bottom:6px; }
.eott-home .op-menu nav hr{ border:0; border-top:1px solid var(--cream-2); margin:6px 4px; }

/* Hero */
.eott-home .op-hero{ text-align:center; padding:70px 20px 30px; max-width:980px; margin:0 auto; }
.eott-home .op-hero .hero-logo{ width:84px; height:84px; margin:0 auto 22px; }
.eott-home .op-hero h1{ font-size:clamp(2.1rem,5.4vw,3.4rem); line-height:1.1; margin:0 auto 14px; max-width:16ch; }
.eott-home .op-hero .op-sub{ font-size:1.08rem; line-height:1.6; color:var(--dark); max-width:540px; margin:0 auto 8px; }
.eott-home .op-hero .op-calm{ font-family:Lora,serif; font-style:italic; color:var(--wine); font-size:1.1rem; margin:0 0 30px; }
.eott-home .op-doors{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.eott-home .op-door{ display:block; text-decoration:none; border-radius:var(--r); padding:26px 22px 22px; text-align:center; box-shadow:0 16px 34px -20px rgba(92,30,40,.65); transition:transform .2s; }
.eott-home .op-door:hover{ transform:translateY(-3px); }
.eott-home .op-door b{ display:block; font-family:Lora,serif; font-size:1.7rem; margin-bottom:4px; }
.eott-home .op-door .who{ display:block; font-size:.98rem; }
.eott-home .op-door .facts{ display:block; font-size:.84rem; opacity:.9; margin-top:6px; }
.eott-home .op-door em{ display:inline-block; margin-top:14px; font-style:normal; font-weight:600; font-size:.88rem; padding:9px 20px; border-radius:24px; }
.eott-home .op-door.mich{ background:var(--sun); color:var(--wine-dark); }
.eott-home .op-door.mich em{ background:var(--wine-dark); color:var(--cream); }
.eott-home .op-door.uns{ background:var(--wine); color:var(--cream); }
.eott-home .op-door.uns em{ background:var(--sun); color:var(--wine-dark); }

/* Worum geht es – drei Wege zur Verbindung */
.eott-home .op-three{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; list-style:none; margin:0; padding:0; }
.eott-home .op-three li{ background:#fff; border:1px solid var(--gold-light); border-radius:16px; padding:22px 18px; text-align:center; }
.eott-home .op-three .ic{ display:inline-flex; width:54px; height:54px; border-radius:50%; align-items:center; justify-content:center; font-size:1.5rem; background:#FFF1D2; margin-bottom:10px; }
.eott-home .op-three b{ display:block; font-family:Lora,serif; font-size:1.2rem; color:var(--wine-dark); margin-bottom:4px; }
.eott-home .op-three span.t{ font-size:.92rem; color:var(--grey); line-height:1.5; }
.eott-home .op-note{ text-align:center; margin:18px auto 0; color:var(--wine-dark); font-size:.98rem; max-width:560px; }

/* Für wen */
.eott-home .op-who{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.eott-home .op-who > div{ border-radius:var(--r); padding:22px 24px; }
.eott-home .op-who .mich{ background:#FFF3D6; border:2px solid var(--sun); }
.eott-home .op-who .uns{ background:#F7E7E1; border:2px solid var(--wine); }
.eott-home .op-who h3{ font-size:1.35rem; margin:0 0 10px; }
.eott-home .op-who ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.eott-home .op-who li{ position:relative; padding-left:26px; line-height:1.45; }
.eott-home .op-who li::before{ content:"✓"; position:absolute; left:0; top:0; font-weight:700; color:var(--wine); }

/* Was bekomme ich – Tabs ohne Skript */
.eott-home .op-tabs{ display:grid; }
.eott-home .op-tabs > input{ position:absolute; opacity:0; pointer-events:none; }
.eott-home .op-tabbar{ display:flex; justify-content:center; gap:8px; margin-bottom:20px; flex-wrap:wrap; }
.eott-home .op-tabbar label{ cursor:pointer; min-height:44px; display:inline-flex; align-items:center; padding:0 22px; border-radius:30px; font-weight:600; border:2px solid var(--gold-light); color:var(--wine-dark); background:#fff; }
.eott-home #op-t-mich:checked ~ .op-tabbar label[for="op-t-mich"]{ background:var(--sun); border-color:var(--sun); }
.eott-home #op-t-uns:checked ~ .op-tabbar label[for="op-t-uns"]{ background:var(--wine); border-color:var(--wine); color:var(--cream); }
.eott-home .op-tabs > input:focus-visible ~ .op-tabbar label{ outline:2px solid var(--sun); outline-offset:2px; }
.eott-home .op-pane{ display:none; }
.eott-home #op-t-mich:checked ~ .op-pane.mich, .eott-home #op-t-uns:checked ~ .op-pane.uns{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.eott-home .op-card{ background:#fff; border:1px solid var(--gold-light); border-top:5px solid var(--sun); border-radius:var(--r); padding:22px 22px 20px; display:flex; flex-direction:column; }
.eott-home .op-card.deep{ border-top-color:var(--wine); }
.eott-home .op-card .len{ font-size:.74rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); }
.eott-home .op-card h3{ font-size:1.45rem; margin:4px 0 2px; }
.eott-home .op-card .sub{ font-family:Lora,serif; font-style:italic; color:var(--wine); margin:0 0 12px; }
.eott-home .op-card ul{ list-style:none; margin:0 0 14px; padding:0; display:grid; gap:6px; }
.eott-home .op-card li{ position:relative; padding-left:20px; line-height:1.45; font-size:.96rem; }
.eott-home .op-card li::before{ content:""; position:absolute; left:2px; top:.55em; width:9px; height:9px; border-radius:50%; background:var(--sun); }
.eott-home .op-card.deep li::before{ background:var(--wine); }
.eott-home .op-card .price{ display:flex; align-items:baseline; gap:10px; margin-top:auto; padding-top:10px; border-top:1px dashed var(--gold-light); }
.eott-home .op-card .price b{ font-family:Lora,serif; font-size:1.5rem; color:var(--wine-dark); }
.eott-home .op-card .price span{ color:var(--grey); font-size:.88rem; }
.eott-home .op-card .next{ font-size:.86rem; color:var(--grey); margin:6px 0 12px; }
.eott-home .op-card .acts{ display:flex; gap:10px; flex-wrap:wrap; }
.eott-home .op-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 20px; border-radius:26px; font-weight:600; font-size:.9rem; text-decoration:none; }
.eott-home .op-btn.book{ background:var(--sun); color:var(--wine-dark); }
.eott-home .op-btn.book:hover{ background:#E89A00; }
.eott-home .op-btn.more{ border:2px solid var(--gold-light); color:var(--wine); }
.eott-home .op-btn.more:hover{ background:var(--wine); color:var(--cream); border-color:var(--wine); }
.eott-home .op-all{ text-align:center; margin-top:18px; }

/* Gründe, jetzt dabei zu sein */
.eott-home .op-why-band{ background:var(--wine); }
.eott-home .op-why-band h2, .eott-home .op-why-band .op-q{ color:var(--cream); }
.eott-home .op-why-band .op-q{ color:var(--gold-light); }
.eott-home .op-why-band .op-lead{ color:#EBD9C5; }
.eott-home .op-why{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; list-style:none; margin:0; padding:0; }
.eott-home .op-why li{ background:rgba(251,246,240,.08); border:1px solid rgba(212,175,120,.45); border-radius:14px; padding:16px 16px 14px; color:var(--cream); font-size:.92rem; line-height:1.5; }
.eott-home .op-why li b{ display:block; font-family:Lora,serif; font-size:1.08rem; color:#fff; margin-bottom:4px; }
.eott-home .op-why .tg{ display:inline-block; font-size:.7rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:2px 9px; border-radius:10px; margin-bottom:8px; }
.eott-home .op-why .tg.m{ background:var(--sun); color:var(--wine-dark); }
.eott-home .op-why .tg.u{ background:#F7E7E1; color:var(--wine-dark); }
.eott-home .op-why .tg.b{ background:rgba(251,246,240,.2); color:var(--cream); }
.eott-home .op-why-cta{ text-align:center; margin-top:24px; }

/* Stimmen kurz */
.eott-home .op-voices{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.eott-home .op-voices p{ margin:0; background:#fff; border:1px solid var(--gold-light); border-top:4px solid var(--sun); border-radius:14px; padding:18px; font-family:Lora,serif; font-size:1.02rem; line-height:1.55; color:var(--wine-dark); }

/* Guthaben-Zeile */
.eott-home .op-credit{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; background:var(--cream-2); border:1px solid var(--gold-light); border-left:5px solid var(--sun); border-radius:16px; padding:18px 22px; }
.eott-home .op-credit b{ font-family:Lora,serif; font-size:1.2rem; color:var(--wine-dark); display:block; }
.eott-home .op-credit span{ color:var(--grey); font-size:.92rem; }

/* Variante B: Steckbrief in den Türen */
.eott-home .op-door .brief{ display:grid; gap:6px; text-align:left; margin:14px 0 0; padding:14px 16px; border-radius:12px; font-size:.9rem; line-height:1.45; }
.eott-home .op-door.mich .brief{ background:rgba(255,255,255,.55); }
.eott-home .op-door.uns .brief{ background:rgba(0,0,0,.14); }
.eott-home .op-door .brief i{ font-style:normal; display:block; font-size:.7rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; opacity:.8; }
.eott-home .op-heroB{ padding-top:64px; }
.eott-home .op-heroB .op-doors{ gap:14px; }
.eott-home .op-heroB .op-door{ padding:30px 24px 24px; }

@media (max-width:760px){
  .eott-home .op-sec{ padding:44px 16px; }
  .eott-home .op-hero{ padding:74px 16px 20px; }
  .eott-home .op-doors, .eott-home .op-who, .eott-home .op-three, .eott-home .op-voices{ grid-template-columns:1fr; }
  .eott-home #op-t-mich:checked ~ .op-pane.mich, .eott-home #op-t-uns:checked ~ .op-pane.uns{ grid-template-columns:1fr; }
  .eott-home .op-why{ grid-template-columns:1fr 1fr; }
  .eott-home .op-three li{ display:grid; grid-template-columns:54px 1fr; gap:4px 14px; text-align:left; align-items:center; padding:16px; }
  .eott-home .op-three .ic{ grid-row:span 2; margin:0; }
}
@media (max-width:420px){ .eott-home .op-why{ grid-template-columns:1fr; } }
.eott-home .op-hero p, .eott-home .op-lead, .eott-home .op-note, .eott-home .op-q{ text-align:center !important; }
.eott-home .op-door, .eott-home .op-door *{ text-align:center; }
.eott-home .op-door .brief, .eott-home .op-door .brief *{ text-align:left; }
.eott-home .op-why li, .eott-home .op-card p, .eott-home .op-card li, .eott-home .op-who li{ text-align:left; hyphens:manual; }
.eott-home.op h2, .eott-home .op-hero h1{ text-align:center !important; margin-left:auto !important; margin-right:auto !important; }
.eott-home .op-why-cta, .eott-home .op-all{ text-align:center !important; }
/* Entwurf 2.1 · Gründe in drei Gruppen */
.eott-home .op-why-grp{ margin-top:22px; }
.eott-home .op-why-grp h3{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-family:Poppins,sans-serif; font-size:.92rem; font-weight:500; color:#EBD9C5; margin:0 0 10px; }
.eott-home .op-why-grp h3 .tg{ font-size:.78rem; margin:0; padding:4px 12px; }
.eott-home .op-why-grp.b .op-why li{ border-color:rgba(212,175,120,.6); }
.eott-home .op-why-grp.m .op-why li{ border-left:4px solid var(--sun); }
.eott-home .op-why-grp.u .op-why li{ border-left:4px solid #F7E7E1; }
.eott-home .op-why-grp .tg{ display:inline-block; font-weight:600; letter-spacing:.06em; text-transform:uppercase; border-radius:12px; font-size:.82rem !important; padding:5px 14px !important; }
.eott-home .op-why-grp .tg.m{ background:var(--sun); color:var(--wine-dark); }
.eott-home .op-why-grp .tg.u{ background:#F7E7E1; color:var(--wine-dark); }
.eott-home .op-why-grp .tg.b{ background:var(--cream); color:var(--wine-dark); }
/* Entwurf 2.2 */
.eott-home .op-hero .op-sub-lines{ display:flex; flex-direction:column; align-items:center; gap:2px; max-width:none; font-size:1.12rem; line-height:1.55; }
.eott-home .op-hero .op-sub-lines span{ display:block; text-wrap:balance; }
.eott-home .op-hero .op-sub-lines .op-sub-em{ margin-top:10px; font-weight:600; color:var(--wine-dark); letter-spacing:.01em; }
.eott-home .op-who .mich{ background:var(--sun); border:0; color:var(--wine-dark); box-shadow:0 16px 34px -22px rgba(92,30,40,.6); }
.eott-home .op-who .uns{ background:var(--wine); border:0; color:var(--cream); box-shadow:0 16px 34px -22px rgba(92,30,40,.6); }
.eott-home .op-who .mich h3{ color:var(--wine-dark); }
.eott-home .op-who .uns h3{ color:var(--cream); }
.eott-home .op-who .mich li::before{ color:var(--wine-dark); }
.eott-home .op-who .uns li::before{ color:var(--sun); }
.eott-home .op-old{ grid-column:1 / -1; margin-top:4px; background:#fff; border:1px dashed var(--gold-light); border-radius:var(--r); padding:16px 18px; }
.eott-home .op-old-h{ margin:0 0 10px; font-size:.9rem; color:var(--grey); text-align:left; }
.eott-home .op-old-h span{ display:inline-block; background:var(--cream-2); color:var(--wine); font-weight:600; font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; padding:3px 10px; border-radius:10px; margin-right:8px; }
.eott-home .op-old-list{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.eott-home .op-old-i{ display:flex; flex-direction:column; gap:2px; text-decoration:none; background:var(--cream); border:1px solid var(--gold-light); border-radius:12px; padding:12px 14px; color:var(--dark); }
.eott-home .op-old-i b{ font-family:Lora,serif; color:var(--wine-dark); font-size:1.02rem; }
.eott-home .op-old-i span{ font-size:.85rem; color:var(--grey); }
.eott-home .op-old-i em{ font-style:normal; font-weight:600; font-size:.82rem; color:var(--wine-dark); margin-top:6px; align-self:flex-start; background:var(--sun); padding:6px 12px; border-radius:18px; }
.eott-home .op-old-i:hover{ border-color:var(--sun); }
@media (max-width:760px){ .eott-home .op-old-list{ grid-template-columns:1fr; } .eott-home .op-hero .op-sub-lines{ font-size:1.02rem; } }
.eott-home a.op-old-i[href*="add-to-cart"]{ background:var(--cream) !important; border:1px solid var(--gold-light) !important; color:var(--dark) !important; border-radius:12px; box-shadow:none; font-weight:400; }
.eott-home a.op-old-i[href*="add-to-cart"]:hover{ background:var(--cream) !important; border-color:var(--sun) !important; transform:none; }
.eott-home .op-card .price{ flex-wrap:wrap; } .eott-home .op-card .price b{ white-space:nowrap; }
/* Entwurf 2.3 · Termine 2026 als Liste */
.eott-home .op-tl{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.eott-home .op-t{ display:grid; grid-template-columns:92px 1fr auto auto; gap:14px; align-items:center; background:#fff; border:1px solid var(--gold-light); border-radius:14px; padding:10px 12px 10px 10px; }
.eott-home .op-t.neu{ border:2px solid var(--sun); background:#FFF8E6; }
.eott-home .op-t .d{ display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--cream-2); border-radius:10px; padding:8px 4px; text-align:center; line-height:1.15; }
.eott-home .op-t .d b{ font-family:Lora,serif; color:var(--wine-dark); font-size:1.02rem; }
.eott-home .op-t .d small{ font-size:.72rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); margin-top:2px; }
.eott-home .op-t .m{ display:flex; flex-direction:column; gap:2px; text-align:left; }
.eott-home .op-t .m a{ font-family:Lora,serif; font-weight:600; font-size:1.08rem; color:var(--wine); text-decoration:none; }
.eott-home .op-t .m a:hover{ text-decoration:underline; }
.eott-home .op-t .m i{ font-style:normal; display:inline-block; width:max-content; font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; background:var(--sun); color:var(--wine-dark); padding:2px 8px; border-radius:8px; }
.eott-home .op-t .m small{ font-size:.86rem; color:var(--grey); }
.eott-home .op-t .p{ font-family:Lora,serif; font-weight:600; color:var(--wine-dark); font-size:1.12rem; white-space:nowrap; }
.eott-home .op-t .op-btn.c{ min-height:40px; padding:0 18px; }
.eott-home .op-tl-jg{ text-align:center !important; margin:16px 0 0; font-size:.92rem; color:var(--grey); }
.eott-home .op-tl-jg a{ color:var(--wine); font-weight:600; }
.eott-home .op-sec-doors{ padding-top:10px; }
/* A2 · zwei Stärken */
.eott-home .op-who.v-x .mich{ background:rgba(253,176,22,.38); border:2px solid var(--sun); color:var(--dark); box-shadow:none; }
.eott-home .op-who.v-x .uns{ background:rgba(122,46,59,.2); border:2px solid var(--wine); color:var(--dark); box-shadow:none; }
.eott-home .op-who.v-x .mich h3, .eott-home .op-who.v-x .uns h3{ color:var(--wine-dark); }
.eott-home .op-who.v-x .mich li::before, .eott-home .op-who.v-x .uns li::before{ color:var(--wine); }
.eott-home .op-who.v-y .mich{ background:rgba(253,176,22,.68); border:0; color:var(--wine-dark); box-shadow:none; }
.eott-home .op-who.v-y .uns{ background:rgba(122,46,59,.8); border:0; color:var(--cream); box-shadow:none; }
.eott-home .op-who.v-y .mich h3{ color:var(--wine-dark); } .eott-home .op-who.v-y .uns h3{ color:#fff; }
.eott-home .op-who.v-y .mich li::before{ color:var(--wine-dark); } .eott-home .op-who.v-y .uns li::before{ color:var(--sun); }
/* Unterseiten */
.eott-home .op-subhero{ border-radius:0 0 28px 28px; padding:84px 20px 34px; margin-bottom:10px; }
.eott-home .op-subhero.mich{ background:var(--sun); } .eott-home .op-subhero.mich h1, .eott-home .op-subhero.mich .op-sub, .eott-home .op-subhero.mich .op-q{ color:var(--wine-dark) !important; }
.eott-home .op-subhero.uns{ background:var(--wine); } .eott-home .op-subhero.uns h1, .eott-home .op-subhero.uns .op-sub{ color:var(--cream) !important; } .eott-home .op-subhero.uns .op-q{ color:var(--gold-light) !important; }
.eott-home .op-switch{ margin:14px 0 0; } .eott-home .op-switch a{ font-weight:600; font-size:.9rem; text-decoration:none; border-bottom:2px solid currentColor; }
.eott-home .op-subhero.mich .op-switch a{ color:var(--wine-dark); } .eott-home .op-subhero.uns .op-switch a{ color:var(--sun); }
@media (max-width:760px){
  .eott-home .op-t{ grid-template-columns:72px 1fr; gap:6px 12px; }
  .eott-home .op-t .d{ grid-row:span 2; align-self:stretch; }
  .eott-home .op-t .p{ grid-column:2; display:inline; font-size:1rem; }
  .eott-home .op-t .op-btn.c{ grid-column:1 / -1; }
}
@media (max-width:760px){
  .eott-home .op-t{ grid-template-columns:68px 1fr auto; gap:4px 10px; padding:10px; }
  .eott-home .op-t .d{ grid-row:1 / span 2; grid-column:1; }
  .eott-home .op-t .m{ grid-column:2 / span 2; }
  .eott-home .op-t .p{ grid-column:2; grid-row:2; align-self:center; }
  .eott-home .op-t .op-btn.c{ grid-column:3; grid-row:2; min-height:40px; padding:0 16px; }
}
.eott-home .op-subhero + .nz .nz-bhead{ display:none; } .eott-home .op-subhero + .nz .nz-branch{ border-top:0; padding-top:0; }
/* Entwurf 2.4 · Stimmen auf Weinrot */
.eott-home .op-voice-band{ background:var(--wine-dark); }
.eott-home .op-voice-band h2{ color:var(--cream); } .eott-home .op-voice-band .op-q{ color:var(--gold-light); }
.eott-home .op-voices2{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.eott-home .op-voices2 figure{ margin:0; padding:22px 4px 0; border-top:2px solid var(--sun); }
.eott-home .op-voices2 p{ margin:0; font-family:Lora,serif; font-size:1.18rem; line-height:1.6; color:var(--cream); text-align:left; }
.eott-home .op-btn.light{ border:2px solid var(--gold-light); color:var(--cream); }
.eott-home .op-btn.light:hover{ background:var(--gold-light); color:var(--wine-dark); }
@media (max-width:760px){ .eott-home .op-voices2{ grid-template-columns:1fr; gap:22px; } .eott-home .op-voices2 p{ font-size:1.08rem; } }
/* ===== Entwurf 2.6 ===== */
.eott-home .op-hero-paare{ margin:6px 0 0; }
.eott-home .op-hero-paare a{ color:var(--wine); font-weight:600; font-size:.95rem; text-decoration:none; border-bottom:2px solid var(--gold-light); }
/* Über mich oben: Foto links, Text rechts */
.eott-home .op-about .garlef-grid{ grid-template-columns:260px minmax(0,1fr) !important; gap:44px !important; align-items:start; }
.eott-home .op-about .garlef-grid .avatar-photo{ width:260px !important; height:260px !important; margin:0 !important; border-width:6px !important; }
.eott-home .op-about .garlef-grid > div:last-child{ max-width:none !important; margin:0 !important; }
.eott-home .op-about h2{ text-align:left !important; margin-left:0 !important; }
.eott-home .op-about .sub{ text-align:left; }
@media (max-width:760px){
  .eott-home .op-about .garlef-grid{ grid-template-columns:1fr !important; gap:22px !important; }
  .eott-home .op-about .garlef-grid .avatar-photo{ width:200px !important; height:200px !important; margin:0 auto !important; }
  .eott-home .op-about h2{ text-align:center !important; } .eott-home .op-about .sub{ text-align:center; }
}
/* Hauptangebot als eine Fläche + schmale Paar-Zeile */
.eott-home .op-main{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px 28px; align-items:center; background:var(--sun); color:var(--wine-dark); text-decoration:none; border-radius:22px; padding:28px 30px; box-shadow:0 18px 36px -22px rgba(92,30,40,.6); }
.eott-home .op-main-t b{ display:block; font-family:Lora,serif; font-size:1.9rem; line-height:1.15; margin-bottom:6px; }
.eott-home .op-main-t span{ display:block; font-size:.95rem; line-height:1.5; max-width:52ch; }
.eott-home .op-main-f{ display:flex; gap:18px; }
.eott-home .op-main-f > span{ display:flex; flex-direction:column; font-size:.88rem; border-left:2px solid rgba(92,30,40,.35); padding-left:12px; }
.eott-home .op-main-f b{ font-family:Lora,serif; font-size:1.15rem; }
.eott-home .op-main em{ grid-column:1 / -1; justify-self:start; font-style:normal; font-weight:600; font-size:.9rem; background:var(--wine-dark); color:var(--cream); padding:10px 22px; border-radius:24px; }
.eott-home .op-pair{ display:flex; align-items:center; gap:10px 16px; flex-wrap:wrap; margin-top:14px; padding:16px 22px; border-radius:16px; background:var(--wine); color:var(--cream); text-decoration:none; }
.eott-home .op-pair .k{ font-size:.72rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-light); }
.eott-home .op-pair b{ font-family:Lora,serif; font-size:1.2rem; }
.eott-home .op-pair .l{ font-size:.88rem; opacity:.9; flex:1 1 280px; }
.eott-home .op-pair em{ font-style:normal; font-size:1.3rem; color:var(--sun); }
/* Worum – ohne Kästen */
.eott-home .op-ways{ list-style:none; margin:10px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); }
.eott-home .op-ways li{ text-align:center; padding:6px 20px; }
.eott-home .op-ways li + li{ border-left:1px solid var(--gold-light); }
.eott-home .op-ways b{ display:block; font-family:Lora,serif; font-size:1.55rem; color:var(--wine); margin-bottom:4px; }
.eott-home .op-ways span{ font-size:.94rem; color:var(--grey); }
/* Gründe – Liste statt Kacheln */
.eott-home .op-checks{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px 36px; }
.eott-home .op-checks li{ position:relative; padding-left:30px; color:#F3E4D6; line-height:1.5; text-align:left; }
.eott-home .op-checks li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--sun); font-weight:700; }
.eott-home .op-checks li b{ color:#fff; font-family:Lora,serif; font-weight:600; font-size:1.05rem; }
.eott-home .op-checks2{ display:grid; grid-template-columns:1fr 1fr; gap:36px; margin-top:30px; padding-top:24px; border-top:1px solid rgba(212,175,120,.4); }
.eott-home .op-checks2 h3{ font-family:Poppins,sans-serif; font-size:.78rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--sun); margin:0 0 12px; text-align:left; }
.eott-home .op-checks2 .op-checks{ grid-template-columns:1fr; }
@media (max-width:760px){
  .eott-home .op-main{ grid-template-columns:1fr; padding:22px 20px; }
  .eott-home .op-main-t b{ font-size:1.55rem; }
  .eott-home .op-ways{ grid-template-columns:1fr; gap:14px; }
  .eott-home .op-ways li + li{ border-left:0; border-top:1px solid var(--gold-light); padding-top:14px; }
  .eott-home .op-checks, .eott-home .op-checks2{ grid-template-columns:1fr; }
}
.eott-home .op-why-band h2 + .op-checks{ margin-top:26px; } .eott-home .op-about h2{ max-width:none !important; }
/* ===== Entwurf 2.7 ===== */
.eott-home .op-kind{ display:block; font-size:.72rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; margin-bottom:4px; opacity:.85; }
.eott-home .op-next{ grid-column:1 / -1; font-size:.92rem; padding-top:12px; border-top:1px solid rgba(92,30,40,.25); }
.eott-home .op-pair2{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 24px; align-items:center; margin-top:14px; padding:22px 28px; border-radius:20px; background:var(--wine); color:var(--cream); text-decoration:none; box-shadow:0 18px 36px -24px rgba(92,30,40,.7); }
.eott-home .op-pair2 .op-kind{ color:var(--gold-light); grid-column:1; }
.eott-home .op-pair2 b{ font-family:Lora,serif; font-size:1.5rem; grid-column:1; }
.eott-home .op-pair2 .l{ font-size:.92rem; opacity:.9; grid-column:1; }
.eott-home .op-pair2 .op-next{ border-top-color:rgba(251,246,240,.25); }
.eott-home .op-pair2 em{ grid-column:2; grid-row:1 / span 3; font-style:normal; font-weight:600; font-size:.9rem; background:var(--sun); color:var(--wine-dark); padding:10px 22px; border-radius:24px; white-space:nowrap; }
.eott-home .op-main .op-next b, .eott-home .op-pair2 .op-next b{ font-family:Poppins,sans-serif; font-size:inherit; display:inline; }
/* Über mich kompakt */
.eott-home .op-me{ display:grid; grid-template-columns:200px minmax(0,1fr); gap:34px; align-items:center; background:var(--cream-2); border-radius:22px; padding:28px 32px; }
.eott-home .op-me-img{ width:200px; height:200px; border-radius:50%; object-fit:cover; border:5px solid var(--sun); box-shadow:0 0 0 6px rgba(253,176,22,.18); }
.eott-home .op-me .op-me-h{ text-align:left !important; margin:0 0 4px !important; font-size:1.7rem; }
.eott-home .op-me-role{ margin:0 0 12px; font-weight:600; color:var(--wine-dark); font-size:.95rem; }
.eott-home .op-me-t{ margin:0 0 16px; font-family:Lora,serif; font-style:italic; font-size:1.08rem; line-height:1.6; color:var(--dark); text-align:left; }
/* Guthaben aufladen (Unterseiten) */
.eott-home .op-topup{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px 30px; align-items:center; margin-top:30px; background:#fff; border:1px solid var(--gold-light); border-radius:20px; padding:24px 26px; }
.eott-home .op-topup .op-kind{ color:var(--gold); }
.eott-home .op-topup h3{ font-size:1.45rem; margin:0 0 6px; }
.eott-home .op-topup p{ margin:0; color:var(--grey); font-size:.93rem; line-height:1.55; }
.eott-home .op-topup-o{ display:flex; gap:12px; }
.eott-home .op-topup-o a{ display:flex; flex-direction:column; align-items:center; gap:2px; text-decoration:none; background:var(--cream); border:2px solid var(--sun); border-radius:16px; padding:12px 18px; color:var(--dark); min-width:150px; }
.eott-home .op-topup-o a span{ font-size:.82rem; color:var(--grey); }
.eott-home .op-topup-o a b{ font-family:Lora,serif; font-size:1.2rem; color:var(--wine-dark); }
.eott-home .op-topup-o a em{ font-style:normal; font-weight:600; font-size:.82rem; background:var(--sun); color:var(--wine-dark); padding:6px 14px; border-radius:16px; margin-top:6px; }
.eott-home .op-online{ display:flex; flex-direction:column; gap:2px; background:#fff; border:1px dashed var(--wine); border-radius:16px; padding:16px 20px; margin:0 0 18px; }
.eott-home .op-online .op-kind{ color:var(--wine); } .eott-home .op-online b{ font-family:Lora,serif; font-size:1.2rem; color:var(--wine-dark); } .eott-home .op-online span:last-child{ color:var(--grey); font-size:.92rem; }
.eott-home .nz-2026 .op-sec{ padding-left:0; padding-right:0; }
@media (max-width:760px){
  .eott-home .op-pair2{ grid-template-columns:1fr; padding:20px; }
  .eott-home .op-pair2 em{ grid-column:1; grid-row:auto; justify-self:start; }
  .eott-home .op-me{ grid-template-columns:1fr; text-align:center; padding:24px 18px; justify-items:center; }
  .eott-home .op-me-img{ width:150px; height:150px; }
  .eott-home .op-me .op-me-h, .eott-home .op-me .op-q, .eott-home .op-me-t{ text-align:center !important; }
  .eott-home .op-topup{ grid-template-columns:1fr; }
  .eott-home .op-topup-o{ flex-direction:column; }
}

/* ===== Entwurf 2.9 · drei Stufen: Einstieg + zwei Wege ===== */
.eott-home .op-main-one{ display:flex; flex-direction:column; justify-content:center; font-size:.88rem; border-left:2px solid rgba(92,30,40,.35); padding-left:14px; }
.eott-home .op-main-one b{ font-family:Lora,serif; font-size:1.5rem !important; line-height:1.1; }
.eott-home .op-home{ grid-column:1 / -1; font-family:Lora,serif; font-style:italic; font-size:1.05rem; margin:0; }
.eott-home .op-then{ display:block; text-align:center !important; font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin:26px 0 12px; }
.eott-home .op-two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.eott-home .op-t2{ display:flex; flex-direction:column; gap:6px; padding:22px 24px; border-radius:20px; text-decoration:none; min-width:0; text-align:left !important; }
.eott-home .op-t2 b{ font-family:Lora,serif; font-size:1.45rem; line-height:1.15; }
.eott-home .op-t2 .l{ font-size:.9rem; line-height:1.5; }
.eott-home .op-t2 .op-next{ margin-top:auto; padding-top:10px; font-size:.88rem; }
.eott-home .op-t2 .op-next b{ font-family:Poppins,sans-serif; font-size:inherit; display:inline; }
.eott-home .op-t2 em{ align-self:flex-start; margin-top:8px; font-style:normal; font-weight:600; font-size:.88rem; padding:9px 20px; border-radius:24px; }
.eott-home .op-t2.b{ background:var(--cream,#FBF6F0); border:2px solid var(--sun); color:var(--wine-dark); box-shadow:0 16px 32px -26px rgba(92,30,40,.6); }
.eott-home .op-t2.b .op-kind{ color:var(--gold); }
.eott-home .op-t2.b em{ background:var(--wine-dark); color:var(--cream); }
.eott-home .op-t2.z{ background:var(--wine); color:var(--cream); box-shadow:0 16px 32px -24px rgba(92,30,40,.7); }
.eott-home .op-t2.z .op-kind{ color:var(--gold-light); }
.eott-home .op-t2.z .op-next{ border-top-color:rgba(251,246,240,.25); }
.eott-home .op-t2.z em{ background:var(--sun); color:var(--wine-dark); }
@media (max-width:720px){ .eott-home .op-two{ grid-template-columns:minmax(0,1fr); } .eott-home .op-main-one{ border-left:0; padding-left:0; } }

/* ===== Entwurf 2.9.1 · Guthaben als Option statt Frühbucher ===== */
.eott-home .nz-credit-hint{ display:block; margin-top:10px; font-size:.82rem; font-weight:600; color:var(--wine-dark) !important; text-decoration:none; border-bottom:1px dashed var(--gold); padding-bottom:2px; text-align:center !important; }
.eott-home .op-topup-note{ display:block; margin-top:8px; font-size:.9rem; font-style:italic; color:var(--wine-dark); }

/* ===== Entwurf 3.0 · drei Türen mit eigenen Farben und Zeichen ===== */
.eott-home{ --door-n:#F5C09E; --door-n-l:#FCE7D8; --door-b:#FDB016; --door-b-l:#FFF1D2; --door-p:#7A2E3B; --door-p-l:#F6E7E3; }
.eott-home .op-ico{ width:46px; height:46px; display:block; }
.eott-home .op-ico svg{ width:100%; height:100%; display:block; }
/* Nähe-Abschnitt */
.eott-home .op-intro{ max-width:640px; margin:0 auto 22px; text-align:center !important; font-size:1.02rem; line-height:1.65; }
.eott-home .op-why-h{ text-align:center !important; font-family:Lora,serif; font-size:1.35rem; color:var(--wine-dark); margin:38px 0 16px; }
.eott-home .op-facts{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.eott-home .op-fact{ background:#fff; border:1px solid var(--gold-light); border-top:3px solid var(--sun); border-radius:16px; padding:18px 20px; min-width:0; }
.eott-home .op-fact .n{ display:block; font-family:Lora,serif; font-size:2rem; line-height:1; color:var(--wine); margin-bottom:8px; }
.eott-home .op-fact p{ margin:0 0 8px; font-size:.95rem; line-height:1.55; text-align:left !important; color:var(--dark); }
.eott-home .op-fact cite{ display:block; font-style:normal; font-size:.76rem; color:var(--grey); }
.eott-home .op-fact.q p{ font-family:Lora,serif; font-style:italic; font-size:1.08rem; }
.eott-home .op-bridge{ max-width:640px; margin:22px auto 0; text-align:center !important; font-family:Lora,serif; font-style:italic; font-size:1.12rem; color:var(--wine-dark); }
/* Drei Türen */
.eott-home .op-doors{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; }
.eott-home .op-door{ position:relative; display:flex; flex-direction:column; gap:6px; padding:22px 22px 20px; border-radius:22px; text-decoration:none; min-width:0; text-align:left !important; box-shadow:0 16px 32px -24px rgba(92,30,40,.65); }
.eott-home .op-door .op-kind{ opacity:1; }
.eott-home .op-door b{ font-family:Lora,serif; font-size:1.5rem; line-height:1.15; }
.eott-home .op-door .l{ font-size:.92rem; line-height:1.5; }
.eott-home .op-door .pr{ margin-top:auto; padding-top:10px; font-size:.9rem; font-weight:600; }
.eott-home .op-door em{ align-self:flex-start; margin-top:6px; font-style:normal; font-weight:600; font-size:.88rem; padding:9px 20px; border-radius:24px; }
.eott-home .op-door .badge{ position:absolute; top:-11px; left:22px; font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; background:var(--wine-dark); color:var(--cream); padding:4px 10px; border-radius:20px; }
.eott-home .op-door.n{ background:var(--door-n); color:var(--wine-dark); } .eott-home .op-door.n .op-kind{ color:#8A3E26; } .eott-home .op-door.n em{ background:var(--wine-dark); color:var(--cream); }
.eott-home .op-door.b{ background:var(--door-b); color:var(--wine-dark); } .eott-home .op-door.b .op-kind{ color:#6E3A08; } .eott-home .op-door.b em{ background:var(--wine-dark); color:var(--cream); }
.eott-home .op-door.p{ background:var(--door-p); color:var(--cream); } .eott-home .op-door.p .op-kind{ color:var(--gold-light); } .eott-home .op-door.p em{ background:var(--sun); color:var(--wine-dark); }
/* Nächste Termine */
.eott-home .op-dates{ list-style:none; margin:0 auto; padding:0; max-width:760px; display:grid; gap:8px; }
.eott-home .op-date{ display:grid; grid-template-columns:34px 150px minmax(0,1fr) auto; gap:14px; align-items:center; background:#fff; border:1px solid var(--gold-light); border-radius:14px; padding:10px 16px; }
.eott-home .op-date .op-ico{ width:30px; height:30px; border-radius:50%; padding:5px; }
.eott-home .op-date.n .op-ico{ background:var(--door-n); color:var(--wine-dark); } .eott-home .op-date.b .op-ico{ background:var(--door-b); color:var(--wine-dark); } .eott-home .op-date.p .op-ico{ background:var(--door-p); color:var(--cream); } .eott-home .op-date.a .op-ico{ background:var(--cream-2); color:var(--gold); }
.eott-home .op-date .d{ font-weight:600; color:var(--wine-dark); font-size:.92rem; }
.eott-home .op-date .t{ font-size:.95rem; min-width:0; } .eott-home .op-date .t small{ display:block; font-size:.78rem; color:var(--grey); }
.eott-home .op-date a{ font-size:.85rem; font-weight:600; color:var(--wine-dark) !important; text-decoration:none; border-bottom:2px solid var(--sun); white-space:nowrap; }
.eott-home .op-dates-more{ text-align:center !important; margin-top:14px; font-size:.9rem; }
.eott-home .op-dates-more a{ color:var(--wine-dark); font-weight:600; margin:0 8px; }
/* Unterseiten-Kopf je Tür */
.eott-home .op-subhero.nest{ background:var(--door-n); } .eott-home .op-subhero.nest h1, .eott-home .op-subhero.nest .op-sub, .eott-home .op-subhero.nest .op-q, .eott-home .op-subhero.nest .op-switch a{ color:var(--wine-dark) !important; }
.eott-home .op-subhero .op-ico{ margin:0 auto 10px; width:56px; height:56px; }
.eott-home .op-subhero.uns .op-ico{ color:var(--cream); } .eott-home .op-subhero.mich .op-ico, .eott-home .op-subhero.nest .op-ico{ color:var(--wine-dark); }
/* Menü */
.eott-home .op-menu nav a.nest{ background:var(--door-n); color:var(--wine-dark); font-weight:600; margin-bottom:4px; }
.eott-home .op-menu nav a .op-ico{ width:22px; height:22px; margin-right:10px; flex:0 0 22px; }
@media (max-width:820px){
  .eott-home .op-doors{ grid-template-columns:minmax(0,1fr); gap:20px; }
  .eott-home .op-facts{ grid-template-columns:minmax(0,1fr); }
  .eott-home .op-date{ grid-template-columns:30px minmax(0,1fr); gap:4px 12px; }
  .eott-home .op-date .op-ico{ grid-row:1 / span 3; align-self:start; }
  .eott-home .op-date a{ justify-self:start; }
}
.eott-home .op-door{ align-items:center; text-align:center !important; }
.eott-home .op-door em{ align-self:center; }
.eott-home .op-date{ grid-template-columns:34px 200px minmax(0,1fr) auto; }
@media (max-width:820px){
  .eott-home .op-date{ grid-template-columns:30px minmax(0,1fr); gap:2px 12px; padding:12px 14px; }
  .eott-home .op-date .op-ico{ grid-row:1 / span 3; align-self:start; }
  .eott-home .op-date a{ justify-self:start; margin-top:4px; }
}
/* 3.1 · Leitsatz über den Türen, Untertitel der Türen */
.eott-home .op-leit{ font-family:Lora,serif; font-style:italic; font-size:1.1rem; color:var(--wine); margin:-4px auto 26px !important; }
.eott-home .op-door .op-kind{ margin:0 0 4px; }
/* 3.3 · „Schon 2026“-Hinweis auf den Tür-Seiten */
.eott-home .op-soon{ border-style:solid; border-color:var(--sun); background:#FFF8EA; margin-bottom:18px; display:flex; flex-direction:column; gap:4px; }
.eott-home .op-soon .op-btn{ align-self:flex-start; margin-top:8px; }
/* 3.4 · Angebote 2026 mit Tür-Zeichen, Absichtslosigkeit */
.eott-home .op-ico-s{ display:inline-flex; width:22px; height:22px; border-radius:50%; padding:3px; vertical-align:-6px; margin-right:6px; }
.eott-home .op-t .d .op-ico-s{ margin:0 0 4px; width:26px; height:26px; }
.eott-home .op-t.door-n .d{ background:var(--door-n-l); } .eott-home .op-t.door-n .op-ico-s, .eott-home .op-alt .op-ico-s.n{ background:var(--door-n); color:var(--wine-dark); }
.eott-home .op-t.door-b .d{ background:var(--door-b-l); } .eott-home .op-t.door-b .op-ico-s{ background:var(--door-b); color:var(--wine-dark); }
.eott-home .op-t.door-p .d{ background:var(--door-p-l); } .eott-home .op-t.door-p .op-ico-s{ background:var(--door-p); color:var(--cream); }
.eott-home .op-absicht{ margin:0 auto 26px !important; font-size:1.08rem; }
.eott-home .op-alt .op-ico-s.b{ background:var(--door-b); color:var(--wine-dark); } .eott-home .op-alt .op-ico-s.p{ background:var(--door-p); color:var(--cream); }
.eott-home .op-alt span[data-d]{ white-space:nowrap; } .eott-home .op-alt{ line-height:2; }
.eott-home .op-date .op-alt .op-ico-s{ width:20px; height:20px; padding:3px; margin-right:4px; }
.eott-home .op-alt span[data-d]{ margin-right:12px; }
.eott-home .op-alt > span{ white-space:nowrap; margin-right:12px; }
/* 3.5.1 · Wege-Zeichen Variante B (Linie, Gold) */
.eott-home .op-way-ico{ display:block; width:46px; height:46px; margin:0 auto 10px; color:var(--gold); }
.eott-home .op-way-ico svg{ width:100%; height:100%; display:block; }
.eott-home .nz-drittel .op-way-ico{ width:30px; height:30px; margin:0 auto 4px; }
/* 3.7 · Nähe und Intimität kompakt: vier Felder + Karussell */
.eott-home .op-layers{ font-family:Lora,serif; font-style:italic; font-size:1.15rem !important; color:var(--wine) !important; margin:-6px auto 6px !important; letter-spacing:.02em; }
.eott-home .op-choose{ margin-bottom:18px !important; }
.eott-home .op-quad{ list-style:none; margin:0 auto 18px; padding:0; max-width:640px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--gold-light); border-radius:18px; overflow:hidden; background:#fff; }
.eott-home .op-quad li{ padding:18px 16px; text-align:center; font-family:Lora,serif; font-weight:600; font-size:1.05rem; color:var(--wine-dark); display:flex; align-items:center; justify-content:center; min-height:74px; }
.eott-home .op-quad li:nth-child(odd){ border-right:1px solid var(--gold-light); }
.eott-home .op-quad li:nth-child(-n+2){ border-bottom:1px solid var(--gold-light); }
.eott-home .op-absicht{ font-size:1rem !important; margin:0 auto 24px !important; max-width:600px; }
.eott-home .op-carousel{ position:relative; }
.eott-home .op-car-track{ display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 2px 8px; scrollbar-width:none; }
.eott-home .op-car-track::-webkit-scrollbar{ display:none; }
.eott-home .op-car-track .op-fact{ flex:0 0 calc(50% - 7px); scroll-snap-align:start; }
.eott-home .op-car-btn{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:40px; height:40px; border-radius:50%; border:1px solid var(--gold-light); background:#fff; color:var(--wine-dark); font-size:1.5rem; line-height:1; cursor:pointer; box-shadow:0 6px 16px -8px rgba(92,30,40,.5); }
.eott-home .op-car-btn.prev{ left:-14px; } .eott-home .op-car-btn.next{ right:-14px; }
.eott-home .op-car-dots{ display:flex; justify-content:center; gap:8px; margin:6px 0 0 !important; }
.eott-home .op-car-dots span{ width:8px; height:8px; border-radius:50%; background:var(--gold-light); } .eott-home .op-car-dots span.on{ background:var(--wine); }
@media (max-width:720px){
  .eott-home .op-car-track .op-fact{ flex-basis:84%; }
  .eott-home .op-car-btn{ display:none; }
  .eott-home .op-quad li{ font-size:.95rem; padding:14px 10px; }
}
.eott-home .op-car-track{ display:flex !important; flex-wrap:nowrap !important; }
.eott-home .op-car-track > .op-fact{ margin:0 !important; }
/* Karussell: Pfeile unter den Karten, neben den Punkten */
.eott-home .op-car-nav{ display:flex; align-items:center; justify-content:center; gap:14px; margin:8px 0 0 !important; }
.eott-home .op-car-nav .op-car-btn{ position:static; transform:none; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; }
.eott-home .op-car-nav .op-car-dots{ display:flex; gap:8px; margin:0 !important; }
/* 3.8 · sinnlichere vier Felder, &, Stimmen-Karussell */
.eott-home .op-amp{ font-family:Lora,serif; font-style:italic; font-weight:500; color:var(--gold); }
.eott-home .op-quad-warm{ background:linear-gradient(135deg,#FCE7D8 0%,#FFF6EF 60%,#FCE7D8 100%); border:3px solid var(--door-n); border-radius:28px; box-shadow:0 18px 36px -26px rgba(92,30,40,.55); }
.eott-home .op-quad-warm li{ font-style:italic; font-size:1.18rem; color:var(--wine); min-height:84px; }
.eott-home .op-quad-warm li:nth-child(odd){ border-right:1.5px solid rgba(214,142,100,.55); }
.eott-home .op-quad-warm li:nth-child(-n+2){ border-bottom:1.5px solid rgba(214,142,100,.55); }
.eott-home #naehe .op-bridge + .op-why-h{ margin-top:10px; }
.eott-home .op-car-voices{ margin-top:26px; }
.eott-home .op-car-voices .op-car-track .op-fact{ flex:0 0 calc(33.333% - 10px); background:none; border:0; padding:0; box-shadow:none; }
.eott-home .op-vimg{ margin:0; } .eott-home .op-vimg img{ width:100%; height:auto; display:block; border-radius:14px; }
.eott-home .op-car-voices .op-car-btn{ background:rgba(251,246,240,.95); }
.eott-home .op-car-voices .op-car-dots span{ background:rgba(251,246,240,.35); } .eott-home .op-car-voices .op-car-dots span.on{ background:var(--sun); }
@media (max-width:720px){ .eott-home .op-car-voices .op-car-track .op-fact{ flex-basis:72%; } .eott-home .op-quad-warm li{ font-size:1rem; min-height:70px; } }
/* 3.8 · Kernsatz Absichtslosigkeit */
.eott-home .op-core{ text-align:center !important; margin:4px auto 30px !important; max-width:640px; }
.eott-home .op-core b{ display:block; font-family:Lora,serif; font-size:1.6rem; font-weight:600; color:var(--wine-dark); line-height:1.25; }
.eott-home .op-core span{ display:block; font-family:Lora,serif; font-style:italic; font-size:1.12rem; color:var(--wine); margin-top:6px; }
@media (max-width:720px){ .eott-home .op-core b{ font-size:1.3rem; } }
/* 3.9 · Nähe & Intimität luftiger, farbige Wege-Zeichen, Kernsatz als Band */
.eott-home .op-naehe2{ padding-bottom:56px; }
.eott-home .op-naehe2 .op-layers{ margin:2px auto 30px !important; }
.eott-home .op-naehe2 .op-quad{ margin-bottom:52px; }
.eott-home .op-naehe2 .op-ways{ margin-top:0; }
.eott-home .op-way-color{ width:64px !important; height:64px !important; margin-bottom:12px !important; }
.eott-home .op-ways li{ padding:4px 26px; }
.eott-home .op-kern-band{ background:linear-gradient(180deg,#FCE7D8 0%,#FFF3EA 50%,#FCE7D8 100%); border-top:1px solid rgba(214,142,100,.45); border-bottom:1px solid rgba(214,142,100,.45); }
.eott-home .op-kern{ margin:0 auto; padding:64px 20px; max-width:760px; text-align:center; }
.eott-home .op-kern blockquote{ margin:0; border:0; padding:0; font-family:Lora,serif; font-weight:500; font-size:2.35rem; line-height:1.2; color:var(--wine-dark); text-align:center !important; quotes:none; }
.eott-home .op-kern figcaption{ margin-top:14px; font-family:Lora,serif; font-style:italic; font-size:1.25rem; color:var(--wine); text-align:center !important; }
.eott-home .op-kern-orn{ display:block; width:140px; height:1px; margin:0 auto 26px; background:linear-gradient(90deg,transparent,var(--gold),transparent); position:relative; }
.eott-home .op-kern-orn:last-child{ margin:26px auto 0; }
.eott-home .op-kern-orn::after{ content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; background:var(--sun); transform:translate(-50%,-50%) rotate(45deg); }
.eott-home .op-warum{ padding-top:56px; }
.eott-home .op-warum-lead{ max-width:640px; margin:0 auto 10px !important; text-align:center !important; font-family:Lora,serif; font-style:italic; font-size:1.2rem; line-height:1.55; color:var(--wine-dark); }
.eott-home .op-warum .op-why-h{ margin:18px 0 20px; }
.eott-home .op-me-raum{ margin:-6px 0 16px; font-weight:600; color:var(--wine); text-align:left; }
@media (max-width:720px){
  .eott-home .op-kern{ padding:48px 18px; } .eott-home .op-kern blockquote{ font-size:1.7rem; } .eott-home .op-kern figcaption{ font-size:1.08rem; }
  .eott-home .op-naehe2 .op-quad{ margin-bottom:40px; } .eott-home .op-ways li{ padding:4px 0 14px; }
  .eott-home .op-me-raum{ text-align:center !important; }
}
/* 3.9 · Stimmen: A Karussell hell, B sechs Zitate auf Weinrot */
.eott-home .op-stimmen-a{ padding-top:56px; padding-bottom:56px; }
.eott-home .op-car-quotes .op-car-track .op-fact{ flex:0 0 calc(33.333% - 10px); }
.eott-home .op-quote{ margin:0; position:relative; padding-top:26px !important; }
.eott-home .op-qmark{ position:absolute; top:-6px; left:18px; font-family:Lora,serif; font-size:3.6rem; line-height:1; color:var(--door-n); }
.eott-home .op-quote blockquote{ margin:0; border:0; padding:0; font-family:Lora,serif; font-style:italic; font-size:1.05rem; line-height:1.6; color:var(--wine-dark); text-align:left !important; }
.eott-home .op-quote figcaption{ margin-top:12px; font-size:.8rem; font-weight:600; letter-spacing:.06em; color:var(--gold); text-transform:uppercase; }
.eott-home .op-voices6{ row-gap:34px; }
.eott-home .op-voices2 figcaption{ margin-top:12px; font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-light); }
@media (max-width:720px){ .eott-home .op-car-quotes .op-car-track .op-fact{ flex-basis:84%; } .eott-home .op-ways li{ text-align:center !important; } .eott-home .op-ways li b, .eott-home .op-ways li span{ text-align:center !important; } }
.eott-home .op-quote{ padding-top:44px !important; }
.eott-home .op-qmark{ top:8px; left:18px; font-size:3rem; }
.eott-home .op-quote figcaption, .eott-home .op-voices2 figcaption{ text-transform:none; letter-spacing:.02em; font-size:.85rem; }
.eott-home .op-qmark{ top:-10px; }
/* 3.10 · Eure Insel live vor Ort */
.eott-home .op-why-pairs{ list-style:none; margin:4px 0 10px; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.eott-home .op-why-pairs li{ background:var(--door-p-l); color:var(--wine-dark); border-radius:20px; padding:6px 14px; font-size:.88rem; }
.eott-home .op-live-note{ margin:10px 0 0; font-size:.9rem; color:var(--grey); }
/* 3.11 · Eure Insel neu gestaltet (Varianten A/B) */
.eott-home .ins-sec{ margin:0 auto 46px; max-width:1060px; }
.eott-home .ins-sec h2{ text-align:center !important; margin:4px 0 22px; }
.eott-home .ins-hero{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:0; margin:0 0 46px; border-radius:0 0 28px 28px; overflow:hidden; background:var(--wine); }
.eott-home .ins-hero-t{ padding:84px 40px 40px; color:var(--cream); display:flex; flex-direction:column; align-items:flex-start; }
.eott-home .ins-hero-t h1{ color:var(--cream) !important; text-align:left !important; margin:4px 0 10px; font-size:3rem; }
.eott-home .ins-hero-t .op-q{ color:var(--gold-light) !important; text-align:left !important; }
.eott-home .ins-lead{ color:var(--cream); font-family:Lora,serif; font-style:italic; font-size:1.2rem; text-align:left !important; margin:0 0 18px; }
.eott-home .ins-hero-t .op-switch{ text-align:left !important; } .eott-home .ins-hero-t .op-switch a{ color:var(--sun) !important; }
.eott-home .ins-ico-big{ display:block; width:58px; height:58px; color:var(--cream); margin-bottom:10px; } .eott-home .ins-ico-big svg{ width:100%; height:100%; }
.eott-home .ins-hero-img{ margin:0; } .eott-home .ins-hero-img img{ width:100%; height:100%; object-fit:cover; display:block; min-height:320px; }
.eott-home .ins-opts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.eott-home .ins-opt{ display:flex; flex-direction:column; gap:4px; padding:20px 20px 18px; border-radius:20px; text-decoration:none; box-shadow:0 14px 30px -24px rgba(92,30,40,.7); }
.eott-home .ins-opt .k{ font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.eott-home .ins-opt b{ font-family:Lora,serif; font-size:1.35rem; line-height:1.2; }
.eott-home .ins-opt .d{ font-size:.9rem; } .eott-home .ins-opt .p{ font-weight:700; margin-top:6px; }
.eott-home .ins-opt em{ font-style:normal; font-size:.85rem; font-weight:600; margin-top:8px; }
.eott-home .ins-opt.r, .eott-home .ins-row.r{ background:var(--door-p-l); color:var(--wine-dark); }
.eott-home .ins-opt.a, .eott-home .ins-row.a{ background:#FCE7D8; color:var(--wine-dark); }
.eott-home .ins-opt.w, .eott-home .ins-row.w{ background:var(--wine); color:var(--cream); } .eott-home .ins-opt.w .k, .eott-home .ins-row.w .k{ color:var(--gold-light); }
.eott-home .ins-online{ text-align:center !important; margin:14px 0 0; font-size:.92rem; color:var(--grey); }
.eott-home .ins-two{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:16px; }
.eott-home .ins-card{ border-radius:22px; padding:24px 24px; min-width:0; }
.eott-home .ins-card h3{ font-family:Lora,serif; color:var(--wine-dark); margin:0 0 14px; font-size:1.4rem; text-align:left !important; }
.eott-home .ins-card.rose{ background:var(--door-p-l); } .eott-home .ins-card.apri{ background:linear-gradient(135deg,#FCE7D8,#FFF6EF); border:2px solid var(--door-n); }
.eott-home .ins-chips{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.eott-home .ins-chips li{ background:#fff; color:var(--wine-dark); border:1px solid rgba(122,46,59,.25); border-radius:22px; padding:7px 14px; font-weight:600; font-size:.92rem; }
.eott-home .ins-mit{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; }
.eott-home .ins-mit.one{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.eott-home .ins-mit li{ display:grid; grid-template-columns:40px minmax(0,1fr); column-gap:10px; align-items:center; }
.eott-home .ins-mit .ins-ico{ grid-row:1 / span 2; width:40px; height:40px; background:#fff; border-radius:50%; padding:7px; } .eott-home .ins-mit .ins-ico svg{ width:100%; height:100%; }
.eott-home .ins-mit b{ color:var(--wine-dark); font-size:.95rem; line-height:1.25; } .eott-home .ins-mit small{ color:var(--grey); font-size:.82rem; }
.eott-home .ins-warum{ list-style:none; margin:10px auto 0; padding:0; max-width:860px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 28px; }
.eott-home .ins-warum li{ position:relative; padding-left:28px; color:var(--wine-dark); font-size:1rem; line-height:1.5; }
.eott-home .ins-warum li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--sun); font-weight:700; }
.eott-home .ins-warum.light li{ color:var(--cream); }
.eott-home .ins-warum-band{ background:var(--wine); padding:44px 0 6px; margin-bottom:46px; } .eott-home .ins-warum-band .op-q{ color:var(--gold-light) !important; }
.eott-home .ins-side{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:18px; align-items:stretch; }
.eott-home .ins-side-t{ display:grid; gap:16px; min-width:0; }
.eott-home .ins-side-img{ margin:0; border-radius:22px; overflow:hidden; position:relative; min-height:300px; }
.eott-home .ins-side-img img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; inset:0; }
.eott-home .ins-side-img figcaption{ position:absolute; left:0; right:0; bottom:0; padding:40px 18px 16px; background:linear-gradient(transparent,rgba(92,30,40,.8)); color:var(--cream); font-family:Lora,serif; font-style:italic; font-size:1.1rem; }
.eott-home .ins-rows{ display:grid; gap:10px; }
.eott-home .ins-row{ display:grid; grid-template-columns:120px minmax(0,1fr) auto auto; gap:14px; align-items:center; padding:14px 20px; border-radius:16px; text-decoration:none; }
.eott-home .ins-row .k{ font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.eott-home .ins-row .t b{ display:block; font-family:Lora,serif; font-size:1.2rem; } .eott-home .ins-row .t small{ font-size:.88rem; }
.eott-home .ins-row .p{ font-weight:700; white-space:nowrap; } .eott-home .ins-row em{ font-style:normal; font-weight:600; font-size:.85rem; white-space:nowrap; }
.eott-home .ins-details > .op-q{ display:block; text-align:center !important; margin-bottom:14px; }
@media (max-width:820px){
  .eott-home .ins-hero{ grid-template-columns:1fr; } .eott-home .ins-hero-t{ padding:74px 22px 26px; } .eott-home .ins-hero-t h1{ font-size:2.3rem; } .eott-home .ins-hero-img img{ min-height:220px; max-height:260px; }
  .eott-home .ins-opts, .eott-home .ins-two, .eott-home .ins-side, .eott-home .ins-warum{ grid-template-columns:minmax(0,1fr); }
  .eott-home .ins-mit, .eott-home .ins-mit.one{ grid-template-columns:minmax(0,1fr); }
  .eott-home .ins-side-img{ min-height:240px; order:-1; }
  .eott-home .ins-row{ grid-template-columns:minmax(0,1fr) auto; } .eott-home .ins-row .k{ grid-column:1 / -1; } .eott-home .ins-row em{ display:none; }
}
/* 3.11 · Gute Gründe in Grün („grünes Licht“) */
.eott-home .op-why-green{ background:linear-gradient(180deg,#EDF4E8 0%,#F4F8F0 100%) !important; border-top:1px solid #CFE0C6; border-bottom:1px solid #CFE0C6; }
.eott-home .op-why-green h2{ color:#2F5B34 !important; }
.eott-home .op-why-green .op-checks li, .eott-home .op-why-green .op-checks li b{ color:#2E2420 !important; }
.eott-home .op-why-green .op-checks li::before{ color:#4E9A4A !important; }
.eott-home .op-why-green h3{ color:#2F5B34 !important; }
.eott-home .op-why-green .op-checks2{ border-top-color:#CFE0C6 !important; }
.eott-home .op-green-q{ display:inline-flex !important; align-items:center; gap:8px; color:#3E7A3E !important; }
.eott-home .op-light{ width:12px; height:12px; border-radius:50%; background:#5DBB57; box-shadow:0 0 0 4px rgba(93,187,87,.18), 0 0 14px 3px rgba(93,187,87,.55); display:inline-block; }
/* 3.11 · Wer dich begleitet – drei Vorschläge */
.eott-home .gm-pills{ list-style:none; margin:6px 0 16px; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.eott-home .gm-pills li{ background:#fff; border:1px solid var(--gold-light); color:var(--wine-dark); font-size:.85rem; font-weight:600; padding:5px 12px; border-radius:18px; }
.eott-home .gm1-band{ background:var(--cream-2); padding:56px 0; }
.eott-home .gm1{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:48px; align-items:center; max-width:1000px; margin:0 auto; }
.eott-home .gm1-img{ margin:0; } .eott-home .gm1-img img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:28px; display:block; box-shadow:0 26px 50px -30px rgba(92,30,40,.6); outline:6px solid #fff; }
.eott-home .gm1-t .op-q, .eott-home .gm1-t h2{ text-align:left !important; } .eott-home .gm1-t h2{ font-size:2.6rem; margin:4px 0 6px; }
.eott-home .gm1 blockquote{ margin:0 0 22px; padding:4px 0 4px 20px; border-left:4px solid var(--sun); font-family:Lora,serif; font-style:italic; font-size:1.35rem; line-height:1.55; color:var(--wine-dark); text-align:left !important; }
.eott-home .gm2-band{ background:radial-gradient(ellipse at top,#FFF1D2 0%,#FBF6F0 60%); padding:60px 0 56px; }
.eott-home .gm2{ text-align:center; max-width:760px; margin:0 auto; display:flex; flex-direction:column; align-items:center; }
.eott-home .gm2-img{ width:230px; height:230px; border-radius:50%; object-fit:cover; margin:14px 0 18px; border:6px solid var(--sun); box-shadow:0 0 0 12px rgba(253,176,22,.16), 0 0 60px 10px rgba(253,176,22,.35); }
.eott-home .gm2 h2{ font-size:2.4rem; margin:0 0 4px; } .eott-home .gm2-role{ font-weight:600; color:var(--wine-dark); margin:0 0 18px; text-align:center !important; }
.eott-home .gm2 blockquote{ margin:0 0 22px; border:0; padding:0; font-family:Lora,serif; font-style:italic; font-size:1.45rem; line-height:1.5; color:var(--wine-dark); text-align:center !important; }
.eott-home .gm2 blockquote span{ color:var(--sun); font-size:2.2rem; line-height:0; margin-right:4px; }
.eott-home .gm3-band{ background:#FFF1D2; }
.eott-home .gm3{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); max-width:1170px; margin:0 auto; min-height:430px; }
.eott-home .gm3-t{ padding:56px 44px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.eott-home .gm3-t .op-q, .eott-home .gm3-t h2{ text-align:left !important; } .eott-home .gm3-t h2{ font-size:2.6rem; margin:4px 0 4px; }
.eott-home .gm3-role{ font-weight:600; color:var(--wine-dark); margin:0 0 16px; text-align:left !important; }
.eott-home .gm3 blockquote{ margin:0 0 22px; border:0; padding:0; font-family:Lora,serif; font-style:italic; font-size:1.35rem; line-height:1.55; color:var(--wine-dark); text-align:left !important; }
.eott-home .gm3-img{ margin:0; position:relative; } .eott-home .gm3-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:820px){
  .eott-home .gm1{ grid-template-columns:1fr; gap:26px; padding:0 4px; } .eott-home .gm1-img img{ aspect-ratio:1/1; max-width:300px; margin:0 auto; } .eott-home .gm1-t h2{ font-size:2rem; } .eott-home .gm1 blockquote{ font-size:1.15rem; }
  .eott-home .gm2-img{ width:180px; height:180px; } .eott-home .gm2 h2{ font-size:2rem; } .eott-home .gm2 blockquote{ font-size:1.2rem; }
  .eott-home .gm3{ grid-template-columns:1fr; } .eott-home .gm3-img{ order:-1; min-height:300px; } .eott-home .gm3-t{ padding:32px 20px 40px; } .eott-home .gm3-t h2{ font-size:2rem; } .eott-home .gm3 blockquote{ font-size:1.15rem; }
}
/* Insel A: lange Wörter umbrechen */
.eott-home .ins-mit b, .eott-home .ins-mit small{ overflow-wrap:anywhere; hyphens:auto; }
.eott-home .ins-two{ grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr); }
.eott-home .op-why-green h2{ max-width:none !important; width:100%; white-space:normal; text-wrap:balance; }
.eott-home .gm2 blockquote span{ display:none; }
/* 3.11 · mitlaufende Leiste mit drei Türen + Menü (alle Seiten) und Knopf „Termine“ in Grün */
.eott-home .op-bar{ position:fixed; top:12px; left:50%; transform:translateX(-50%); z-index:999; display:flex; align-items:center; gap:8px; padding:7px; border-radius:40px; background:rgba(251,246,240,.93); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border:1px solid var(--gold-light); box-shadow:0 10px 30px -12px rgba(92,30,40,.45); }
.eott-home .op-pill{ display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 14px 0 8px; border-radius:30px; text-decoration:none; font-size:.88rem; font-weight:600; white-space:nowrap; }
.eott-home .op-pill svg{ width:24px; height:24px; }
.eott-home .op-pill.n{ background:var(--door-n); color:var(--wine-dark) !important; } .eott-home .op-pill.b{ background:var(--door-b); color:var(--wine-dark) !important; } .eott-home .op-pill.p{ background:var(--door-p); color:var(--cream) !important; }
.eott-home .op-bar .op-menu{ position:relative; top:auto; right:auto; z-index:auto; }
.eott-home .op-bar .op-menu > summary{ background:#fff; color:var(--wine-dark); border:1px solid var(--gold-light); box-shadow:none; min-height:38px; padding:0 14px; font-size:.88rem; }
.eott-home .op-bar .op-menu[open] > summary{ background:var(--cream-2); }
.eott-home .op-bar .op-menu nav{ top:48px; right:-7px; }
.eott-home .op-fab{ position:fixed; right:18px; bottom:18px; z-index:998; background:#3E7A3E; color:#fff !important; font-weight:600; font-size:.9rem; padding:12px 20px 12px 16px; border-radius:30px; text-decoration:none; display:inline-flex; align-items:center; gap:8px; box-shadow:0 10px 24px -10px rgba(47,91,52,.8); }
.eott-home .op-fab::before{ content:""; width:10px; height:10px; border-radius:50%; background:#8FE08A; box-shadow:0 0 10px 2px rgba(143,224,138,.8); }
@media (max-width:600px){
  .eott-home .op-bar{ top:8px; gap:5px; padding:5px; max-width:calc(100vw - 12px); }
  .eott-home .op-pill{ height:34px; padding:0 9px 0 6px; font-size:11px; gap:4px; letter-spacing:-.01em; } .eott-home .op-pill svg{ width:20px; height:20px; }
  .eott-home .op-bar .op-menu > summary{ min-height:34px; padding:0 10px; font-size:0; gap:0; } .eott-home .op-bar .op-menu > summary .ico{ font-size:1.05rem; }
  .eott-home .op-bar .op-menu nav{ right:-5px; top:44px; }
  .eott-home .op-fab{ right:12px; bottom:14px; padding:10px 16px 10px 13px; font-size:.85rem; }
}
/* 3.12 · Gute Gründe cremig mit Salbei – drei Vorschläge */
/* S1 · Creme mit Salbei-Akzent: Seitencreme, nur Linien, Häkchen und Label in Salbei */
.eott-home .op-why-green.op-why-s1{ background:var(--cream) !important; border-top:1px solid #CFD8C4; border-bottom:1px solid #CFD8C4; }
.eott-home .op-why-s1 h2, .eott-home .op-why-s1 h3{ color:var(--wine-dark) !important; }
.eott-home .op-why-s1 .op-checks li::before{ color:#7E9A6C !important; }
.eott-home .op-why-s1 .op-green-q{ color:#5F7A52 !important; }
.eott-home .op-why-s1 .op-checks2{ border-top-color:#D9E0CF !important; }
/* S2 · Salbei-Creme: Creme mit einem Hauch Salbei, Überschrift in tiefem Salbei */
.eott-home .op-why-green.op-why-s2{ background:linear-gradient(180deg,#F1F1E5 0%,#F7F4EA 55%,#FBF6F0 100%) !important; border-top:1px solid #DCE0CF; border-bottom:0; }
.eott-home .op-why-s2 h2{ color:#4E6242 !important; } .eott-home .op-why-s2 h3{ color:#5F7A52 !important; }
.eott-home .op-why-s2 .op-checks li::before{ color:#7E9A6C !important; }
.eott-home .op-why-s2 .op-green-q{ color:#5F7A52 !important; }
.eott-home .op-why-s2 .op-checks2{ border-top-color:#DCE0CF !important; }
/* S3 · Staubiger Salbei: mehr Präsenz, gedämpft, mit Weinrot und Gold */
.eott-home .op-why-green.op-why-s3{ background:linear-gradient(180deg,#DDE3D2 0%,#E8EBDD 100%) !important; border:0; }
.eott-home .op-why-s3 h2{ color:var(--wine-dark) !important; } .eott-home .op-why-s3 h3{ color:#4E6242 !important; }
.eott-home .op-why-s3 .op-checks li::before{ color:var(--wine) !important; }
.eott-home .op-why-s3 .op-green-q{ color:#4E6242 !important; }
.eott-home .op-why-s3 .op-checks2{ border-top-color:rgba(122,46,59,.18) !important; }
.eott-home .op-why-s3 .op-btn.book{ box-shadow:0 10px 24px -12px rgba(78,98,66,.7); }
.eott-home .gm3 .gm3-t h2, .eott-home .gm3 .gm3-t .op-q{ text-align:left !important; margin-left:0 !important; margin-right:0 !important; width:100%; }

/* ===== Entwurf 3.13 – Eure Insel Liste, zwei Angebote · Über mich im Kreis · Gründe ohne Grün ===== */
.eott-home .ins-opts.two{ grid-template-columns:repeat(2,minmax(0,1fr)); max-width:820px; margin:0 auto; }
.eott-home .ins-list{ list-style:none; margin:0; padding:0; }
.eott-home .ins-list li{ position:relative; padding:11px 0 11px 24px; border-bottom:1px solid rgba(122,46,59,.14); color:var(--wine-dark); font-size:1rem; line-height:1.45; }
.eott-home .ins-list li:last-child{ border-bottom:0; }
.eott-home .ins-list li::before{ content:""; position:absolute; left:4px; top:19px; width:8px; height:8px; border-radius:50%; background:var(--wine); box-shadow:0 0 0 3px rgba(253,176,22,.35); }
/* Über mich im Kreis (gm2) – Foto etwas größer, Band läuft in den Grundton aus */
.eott-home .gm2-band{ background:radial-gradient(ellipse 60% 70% at 50% 40%,#FFF1D2 0%,#FDF3E4 50%,#FBF6F0 100%); padding:64px 0 40px; }
.eott-home .gm2-img{ width:270px; height:270px; }
.eott-home .gm2-role{ line-height:1.6; }
/* Gründe A: ohne eigenen Hintergrund – Grundton der Seite */
.eott-home .op-why-green.op-why-p{ background:transparent !important; border:0 !important; }
.eott-home .op-why-p h2, .eott-home .op-why-p h3{ color:var(--wine-dark) !important; }
.eott-home .op-why-p .op-green-q{ color:#5F7A52 !important; }
.eott-home .op-why-p .op-checks li::before{ color:#7E9A6C !important; }
.eott-home .op-why-p .op-checks2{ border-top-color:rgba(122,46,59,.15) !important; }
/* Gründe B: Sand – aus dem Creme heraus entwickelt */
.eott-home .op-why-green.op-why-sd{ background:linear-gradient(180deg,#FBF6F0 0%,#F6EADB 28%,#F4E6D4 100%) !important; border:0 !important; border-bottom:1px solid #EAD8C0 !important; }
.eott-home .op-why-sd h2, .eott-home .op-why-sd h3{ color:var(--wine-dark) !important; }
.eott-home .op-why-sd .op-green-q{ color:#8A6A3A !important; }
.eott-home .op-why-sd .op-checks li::before{ color:#C98A12 !important; }
.eott-home .op-why-sd .op-checks2{ border-top-color:#E4CFB2 !important; }
@media (max-width:760px){
  .eott-home .ins-opts.two{ grid-template-columns:1fr; }
  .eott-home .gm2-img{ width:210px; height:210px; }
}
/* 3.13: Für wen + Mitnehmen untereinander in voller Breite – ruhiger, keine Umbrüche */
.eott-home .ins-sec.ins-two{ grid-template-columns:1fr; max-width:900px; }
.eott-home .ins-two .ins-list{ columns:2; column-gap:36px; }
.eott-home .ins-two .ins-list li{ break-inside:avoid; }
.eott-home .ins-two .ins-list li:nth-last-child(-n+2){ border-bottom:0; }
.eott-home .ins-two .ins-mit{ grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:760px){ .eott-home .ins-two .ins-list{ columns:1; } .eott-home .ins-two .ins-list li:nth-last-child(2){ border-bottom:1px solid rgba(122,46,59,.14); } .eott-home .ins-two .ins-mit{ grid-template-columns:1fr; } }
@media (min-width:761px){ .eott-home .ins-two .ins-list li{ border-bottom:0; padding:8px 0 8px 24px; } .eott-home .ins-two .ins-list li::before{ top:16px; } }

/* ===== Entwurf 3.14 – Warum-Bänder in Sand (wie Gute Gründe auf der Startseite) ===== */
.eott-home .ins-warum-band.sand{ background:linear-gradient(180deg,#FBF6F0 0%,#F6EADB 28%,#F4E6D4 100%); border-bottom:1px solid #EAD8C0; padding:48px 0 34px; }
.eott-home .ins-warum-band.sand .op-q{ color:#8A6A3A !important; }
.eott-home .ins-warum-band.sand .ins-warum li{ color:var(--wine-dark); }
.eott-home .ins-warum-band.sand .ins-warum li::before{ color:#C98A12; }
.eott-home .ins-warum-band.sand .ins-warum li b{ font-family:Lora,serif; }
/* Gute Gründe kompakt: nur die 8 allgemeinen Punkte */
.eott-home .op-why-sd.op-why-kurz .op-sec{ padding-top:52px; padding-bottom:44px; }
.eott-home .op-why-kurz .op-why-cta{ margin-top:22px; }
/* 3.14.1 – Erklär-Seite: „Noch mehr gute Gründe“ als Aufklapper mit grünem Licht und grünen Haken */
.eott-home .op-why-erkl{ padding:10px 0; }
.eott-home .op-why-more{ max-width:900px; margin:0 auto; background:#fff; border:1px solid #CFE0C6; border-radius:22px; padding:0 26px; }
.eott-home .op-why-more summary{ list-style:none; cursor:pointer; display:flex; flex-wrap:wrap; align-items:center; gap:4px 14px; padding:20px 34px 20px 0; position:relative; }
.eott-home .op-why-more summary::-webkit-details-marker{ display:none; }
.eott-home .op-why-more summary b{ font-family:Lora,serif; font-size:1.3rem; color:#2F5B34; font-weight:600; }
.eott-home .op-why-more summary .op-q{ margin:0 !important; }
.eott-home .op-more-plus{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%; background:#EDF4E8; color:#2F5B34; display:flex; align-items:center; justify-content:center; font-weight:700; transition:transform .2s; }
.eott-home .op-why-more[open] .op-more-plus{ transform:translateY(-50%) rotate(45deg); }
.eott-home .op-why-more .op-checks2{ margin:0 0 24px; }

/* ===== Entwurf 3.15 – Gute Gründe: drei Haken-Varianten ===== */
.eott-home .op-why-sd .op-sec > .op-q{ display:flex !important; justify-content:center; text-align:center !important; }
/* A – Grünes Licht + grüne Haken */
.eott-home .op-why-gA .op-green-q{ color:#3E7A3E !important; }
.eott-home .op-why-gA .op-checks li::before{ color:#4E9A4A !important; }
/* B – ganz in Gold, ohne Label */
.eott-home .op-why-gB .op-checks li::before{ color:#C98A12 !important; }
/* C – Gold-Siegel: Label mit feinen Linien, Haken als goldene Kreise */
.eott-home .op-why-gC .op-gold-q{ display:flex !important; align-items:center; justify-content:center; gap:14px; color:#8A6A3A !important; text-align:center !important; }
.eott-home .op-why-gC .op-gold-q::before, .eott-home .op-why-gC .op-gold-q::after{ content:""; width:42px; height:1px; background:#C98A12; opacity:.6; }
.eott-home .op-why-gC .op-checks li{ padding-left:36px; }
.eott-home .op-why-gC .op-checks li::before{ content:"✓" !important; width:22px; height:22px; border-radius:50%; background:linear-gradient(145deg,#FFC94D,#E39A12); color:#fff !important; font-size:.75rem; display:flex; align-items:center; justify-content:center; top:2px; box-shadow:0 3px 8px -3px rgba(201,138,18,.7); }
.eott-home .op-why-gB .op-sec{ padding-top:44px !important; }

/* ===== Entwurf 3.16 ===== */
/* Gute Gründe C: Knopf mit gleichem Abstand nach oben (Text) und unten (Kastenende) */
.eott-home .op-why-gC.op-why-kurz .op-sec{ padding-bottom:40px !important; }
.eott-home .op-why-gC .op-why-cta{ margin:40px 0 0 !important; padding:0 !important; }
.eott-home .op-why-gC .op-checks{ margin-bottom:0 !important; }
/* Leinen los: Warum Einzelne + Foto */
.eott-home .ll-warum-grid{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:40px; align-items:center; max-width:980px; margin:0 auto; }
.eott-home .ll-warum-grid .op-q{ text-align:left !important; display:block; margin-bottom:12px; }
.eott-home .ins-warum.one{ grid-template-columns:1fr; max-width:none; margin:0; gap:12px; }
.eott-home .ll-foto{ margin:0; } .eott-home .ll-foto img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:26px; display:block; box-shadow:0 22px 44px -28px rgba(92,30,40,.6); }
@media (max-width:760px){ .eott-home .ll-warum-grid{ grid-template-columns:1fr; gap:22px; } .eott-home .ll-foto img{ aspect-ratio:4/3; } }

/* ===== Entwurf 3.17 – Termine-Knopf: drei Farbvorschläge (keine Tür-Farbe) ===== */
/* T1 Sand-Gold – wie Gute Gründe */
.eott-home .op-fab.t1{ background:linear-gradient(180deg,#F8EEDF,#F1DFC6) !important; color:#6B4E1E !important; border:1px solid #D9B67A; box-shadow:0 12px 26px -14px rgba(138,106,58,.7); }
.eott-home .op-fab.t1::before{ background:linear-gradient(145deg,#FFC94D,#C98A12); box-shadow:0 0 8px 2px rgba(201,138,18,.45); }
/* T2 Kakao – dunkel, elegant, auffällig */
.eott-home .op-fab.t2{ background:#3A2B25 !important; color:#F8EEDF !important; border:1px solid #5A4538; box-shadow:0 14px 28px -12px rgba(40,26,20,.75); }
.eott-home .op-fab.t2::before{ background:#FFC94D; box-shadow:0 0 10px 3px rgba(255,201,77,.75); }
/* T3 Bronze – warm leuchtend */
.eott-home .op-fab.t3{ background:linear-gradient(145deg,#B8792A,#8C5A1C) !important; color:#FFF8EE !important; box-shadow:0 14px 28px -12px rgba(140,90,28,.8); }
.eott-home .op-fab.t3::before{ background:#FFF1D2; box-shadow:0 0 10px 3px rgba(255,241,210,.8); }

/* ===== Entwurf 3.18 – Erklär-Seite, Online für Paare, Staffelpreis ===== */
.eott-home .ex-hero{ background:linear-gradient(180deg,#FFF1D2 0%,#FBF6F0 100%); border-radius:0 0 28px 28px; padding:86px 24px 44px; text-align:center; margin:0 0 40px; }
.eott-home .ex-hero h1{ font-size:3rem; margin:6px 0 10px; }
.eott-home .ex-hero .op-sub{ max-width:640px; margin:0 auto; }
.eott-home .ex-sec{ max-width:900px; margin:0 auto 54px; }
.eott-home .ex-sec h2{ text-align:center !important; margin:4px 0 18px; }
.eott-home .ex-sec .op-q{ display:block; text-align:center !important; }
.eott-home .ex-text p{ font-size:1.05rem; line-height:1.75; color:var(--wine-dark); max-width:680px; margin:0 auto 14px; text-align:left; }
.eott-home .ex-quote{ max-width:680px; margin:26px auto 0; padding:22px 26px; border-left:3px solid var(--sun); background:#FFF8EC; border-radius:0 18px 18px 0; font-family:Lora,serif; font-style:italic; font-size:1.2rem; line-height:1.6; color:var(--wine-dark); }
.eott-home .ex-quote cite{ display:block; margin-top:8px; font-style:normal; font-family:Poppins,sans-serif; font-size:.85rem; color:#8A6A3A; }
.eott-home .ex-keys{ list-style:none; margin:0 auto 26px; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; max-width:820px; }
.eott-home .ex-keys li{ background:#fff; border:1px solid var(--line,#EAD8C0); border-radius:20px; padding:20px 14px; text-align:center; font-family:Lora,serif; font-size:1.25rem; color:var(--wine-dark); }
.eott-home .ex-keys li span{ display:flex; width:34px; height:34px; margin:0 auto 10px; border-radius:50%; background:linear-gradient(145deg,#FFC94D,#E39A12); color:#fff; font-family:Poppins,sans-serif; font-size:.9rem; font-weight:600; align-items:center; justify-content:center; }
.eott-home .ex-lead{ text-align:center !important; font-family:Lora,serif; font-style:italic; font-size:1.15rem; color:var(--wine-dark); margin:0 0 22px; }
.eott-home .ex-uebe{ list-style:none; margin:0 auto; padding:0; max-width:760px; columns:2; column-gap:36px; }
.eott-home .ex-uebe li{ break-inside:avoid; position:relative; padding:7px 0 7px 36px; color:var(--wine-dark); }
.eott-home .ex-uebe li::before{ content:"✓"; position:absolute; left:0; top:7px; width:22px; height:22px; border-radius:50%; background:linear-gradient(145deg,#FFC94D,#E39A12); color:#fff; font-size:.72rem; display:flex; align-items:center; justify-content:center; }
.eott-home .ex-disc{ max-width:760px; margin:0 auto 40px; background:#fff; border:1px solid #EAD8C0; border-radius:22px; padding:24px 26px; }
.eott-home .ex-disc h3{ font-family:Lora,serif; color:var(--wine-dark); margin:0 0 10px; }
.eott-home .ex-disc p{ margin:0 0 10px; color:#3A2E29; line-height:1.65; }
/* Noch mehr gute Gründe – Gold */
.eott-home .op-why-more.gold{ border-color:#EAD8C0; }
.eott-home .op-why-more.gold summary b{ color:var(--wine-dark); }
.eott-home .op-why-more.gold .op-gold-q{ color:#8A6A3A !important; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; }
.eott-home .op-why-more.gold .op-more-plus{ background:#FFF1D2; color:#8A6A3A; }
.eott-home .op-why-more.gold .op-checks li{ padding-left:36px; color:#2E2420 !important; }
.eott-home .op-why-more.gold .op-checks li b{ color:#2E2420 !important; }
.eott-home .op-why-more.gold .op-checks li::before{ content:"✓"; width:22px; height:22px; border-radius:50%; background:linear-gradient(145deg,#FFC94D,#E39A12); color:#fff !important; font-size:.72rem; display:flex; align-items:center; justify-content:center; top:2px; }
.eott-home .op-why-more.gold h3{ color:#8A6A3A !important; }
.eott-home .op-why-more.gold .op-checks2{ border-top-color:#EAD8C0 !important; }
/* Online für Paare */
.eott-home .ins-online-card{ max-width:820px; margin:16px auto 0; background:#fff; border:1px solid rgba(122,46,59,.18); border-radius:20px; padding:18px 22px; display:grid; gap:6px; text-align:left; }
.eott-home .ins-online-card b{ font-family:Lora,serif; font-size:1.2rem; color:var(--wine-dark); }
.eott-home .ins-online-card .dates{ font-size:.95rem; color:var(--wine-dark); }
.eott-home .ins-online-card small{ color:var(--grey); }
@media (max-width:760px){ .eott-home .ex-keys{ grid-template-columns:repeat(2,minmax(0,1fr)); } .eott-home .ex-uebe{ columns:1; } .eott-home .ex-hero h1{ font-size:2.2rem; } .eott-home .ex-hero{ padding-top:76px; } }
.eott-home .ex-sec h2{ max-width:none !important; text-wrap:balance; }

/* ===== Entwurf 3.19 – Vorschlag „Preis nach Wahl“ ===== */
.eott-home .pnw{ background:#fff; border:1px solid #EAD8C0; border-radius:20px; padding:18px 18px 16px; display:grid; gap:10px; max-width:420px; }
.eott-home .pnw-k{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:#8A6A3A; }
.eott-home .pnw-o{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.eott-home .pnw-o label{ display:flex; flex-direction:column; align-items:center; gap:2px; border:1.5px solid #EAD8C0; border-radius:14px; padding:10px 4px; cursor:pointer; text-align:center; }
.eott-home .pnw-o input{ position:absolute; opacity:0; pointer-events:none; }
.eott-home .pnw-o b{ font-family:Lora,serif; font-size:1.25rem; color:var(--wine-dark); }
.eott-home .pnw-o small{ font-size:.72rem; color:#7A6A60; line-height:1.3; }
.eott-home .pnw-o label:has(input:checked){ border-color:#C98A12; background:#FFF6E3; box-shadow:0 0 0 3px rgba(201,138,18,.15); }
.eott-home .pnw-n{ margin:0; font-size:.85rem; line-height:1.5; color:#5A4A42; }
.eott-home .pnw-line{ font-size:.85rem; color:#8A6A3A; font-weight:600; }
.eott-home .pnw-line a{ color:inherit; }
/* ===== Entwurf 3.20 – Vorschläge Angebotskarte (Ablauf, Termine, Preis nach Wahl) ===== */
/* gemeinsam */
.eott-home .nz-card .oc-side .v-price{ font-family:Lora,serif; font-size:2rem; font-weight:600; color:var(--wine-dark); text-align:center; line-height:1; }
.eott-home .nz-card .oc-side .v-price small{ display:block; font-family:Poppins,sans-serif; font-size:.78rem; font-weight:500; color:#7A6A60; margin-top:6px; }
.eott-home .v-k{ font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:#8A6A3A; }
/* ---------- A: Zeitleiste + Preisfenster + ruhige Terminliste ---------- */
.eott-home .vA .nz-flow{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; position:relative; margin:8px 0 6px; }
.eott-home .vA .nz-flow::before{ content:""; position:absolute; left:12%; right:12%; top:9px; height:2px; background:linear-gradient(90deg,#F2C46B,#E3A23A); opacity:.7; }
.eott-home .vA .nz-flow li{ background:none; padding:24px 4px 0; text-align:center; position:relative; font-size:.8rem; color:#7A6A60; }
.eott-home .vA .nz-flow li::before{ content:""; position:absolute; top:2px; left:50%; transform:translateX(-50%); width:16px; height:16px; border-radius:50%; background:#fff; border:3px solid #E3A23A; box-sizing:border-box; }
.eott-home .vA .nz-flow li b{ font-family:Lora,serif; font-size:.95rem; font-weight:600; color:var(--wine-dark); margin-bottom:2px; }
.eott-home .vA .oc-side{ gap:10px !important; }
.eott-home .vA details.v-pop{ position:relative; align-self:center; }
.eott-home .vA details.v-pop summary{ list-style:none; cursor:pointer; font-size:.82rem; font-weight:600; color:#8A6A3A; border:1px solid #E6CFA6; background:#FFF8EC; border-radius:999px; padding:6px 14px; }
.eott-home .vA details.v-pop summary::-webkit-details-marker{ display:none; }
.eott-home .vA details.v-pop summary::after{ content:" ▾"; }
.eott-home .vA details.v-pop[open] summary::after{ content:" ▴"; }
.eott-home .vA .v-pop-box{ position:absolute; z-index:5; right:-10px; top:calc(100% + 8px); width:280px; background:#fff; border:1px solid #EAD8C0; border-radius:18px; padding:16px; box-shadow:0 22px 44px -18px rgba(58,43,37,.45); display:grid; gap:10px; text-align:left; }
.eott-home .vA .v-pop-box p{ margin:0; font-size:.82rem; line-height:1.5; color:#5A4A42; }
.eott-home .v-steps{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.eott-home .v-steps label{ position:relative; display:flex; flex-direction:column; align-items:center; border:1.5px solid #EAD8C0; border-radius:12px; padding:8px 2px; cursor:pointer; background:#fff; }
.eott-home .v-steps input{ position:absolute; opacity:0; pointer-events:none; }
.eott-home .v-steps b{ font-family:Lora,serif; font-size:1.1rem; color:var(--wine-dark); }
.eott-home .v-steps small{ font-size:.66rem; color:#7A6A60; }
.eott-home .v-steps label:has(input:checked){ border-color:#C98A12; background:#FFF6E3; box-shadow:0 0 0 3px rgba(201,138,18,.15); }
.eott-home .vA .v-dates{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.eott-home .vA .v-dates a{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:2px 10px; text-decoration:none; background:#fff; border:1px solid #EAD8C0; border-radius:14px; padding:10px 12px; color:var(--wine-dark); transition:border-color .2s, box-shadow .2s; }
.eott-home .vA .v-dates a:hover{ border-color:#C98A12; box-shadow:0 8px 18px -12px rgba(201,138,18,.8); }
.eott-home .vA .v-dates b{ font-size:.9rem; } .eott-home .vA .v-dates small{ grid-column:1; font-size:.74rem; color:#7A6A60; }
.eott-home .vA .v-dates em{ grid-row:1 / span 2; grid-column:2; font-style:normal; font-size:.78rem; font-weight:600; color:#8A6A3A; }
.eott-home .vA .v-dates .next{ border-color:#E3A23A; background:#FFF8EC; }
.eott-home .vA .v-dates .next b::after{ content:"Nächster Termin"; margin-left:8px; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; background:linear-gradient(145deg,#FFC94D,#E39A12); color:#fff; padding:2px 7px; border-radius:999px; vertical-align:2px; }
/* ---------- B: Sand-Spalte, nummerierte Schritte, Preis-Schalter ---------- */
.eott-home .vB .nz-flow{ display:grid; gap:10px; counter-reset:st; margin:8px 0 6px; }
.eott-home .vB .nz-flow li{ counter-increment:st; background:none; padding:0 0 0 40px; position:relative; font-size:.84rem; color:#7A6A60; min-height:28px; }
.eott-home .vB .nz-flow li::before{ content:counter(st); position:absolute; left:0; top:0; width:28px; height:28px; border-radius:50%; background:linear-gradient(145deg,#FFC94D,#E39A12); color:#fff; font-weight:600; font-size:.8rem; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px -3px rgba(201,138,18,.7); }
.eott-home .vB .nz-flow li b{ display:inline; font-family:Lora,serif; font-size:.98rem; color:var(--wine-dark); margin-right:8px; }
.eott-home .vB .oc-side{ background:linear-gradient(180deg,#FBF3E6,#F4E6D4); border-radius:20px; padding:20px 16px !important; gap:12px !important; }
.eott-home .vB .v-seg-t{ text-align:center; font-size:.74rem; color:#7A6A60; margin:-4px 0 0; }
.eott-home .vB .v-book{ display:grid; gap:8px; }
.eott-home .vB .v-book a{ display:block; text-align:center; text-decoration:none; border-radius:999px; padding:10px 14px; font-weight:600; font-size:.86rem; color:var(--wine-dark); background:#fff; border:1.5px solid #E3A23A; line-height:1.25; }
.eott-home .vB .v-book a small{ display:block; font-weight:500; font-size:.74rem; color:#7A6A60; }
.eott-home .vB .v-book a.next{ background:linear-gradient(145deg,#FFC94D,#E39A12); border-color:transparent; color:#3A2B25; box-shadow:0 10px 20px -12px rgba(201,138,18,.9); }
.eott-home .vB .v-book a.next small{ color:#5A3E10; }
/* ---------- C: ein Knopf, Buchungsfenster ---------- */
.eott-home .vC .nz-flow{ display:flex; flex-wrap:wrap; gap:0; align-items:stretch; margin:8px 0 6px; }
.eott-home .vC .nz-flow li{ flex:1 1 120px; background:#FFF4E6; border-top:3px solid #F2C46B; border-radius:0; padding:10px 12px; font-size:.8rem; color:#7A6A60; }
.eott-home .vC .nz-flow li:first-child{ border-radius:12px 0 0 12px; } .eott-home .vC .nz-flow li:last-child{ border-radius:0 12px 12px 0; }
.eott-home .vC .nz-flow li + li{ border-left:1px solid #F1DDBF; }
.eott-home .vC .nz-flow li b{ font-family:Lora,serif; font-size:.95rem; color:var(--wine-dark); }
.eott-home .vC .v-cta{ display:block; width:100%; border:0; cursor:pointer; font:inherit; font-weight:600; font-size:.95rem; border-radius:999px; padding:13px 16px; background:linear-gradient(145deg,#FFC94D,#E39A12); color:#3A2B25; box-shadow:0 12px 24px -14px rgba(201,138,18,.9); }
.eott-home .vC .v-cta small{ display:block; font-weight:500; font-size:.74rem; }
.eott-home .vC .v-next{ text-align:center; font-size:.78rem; color:#7A6A60; }
.eott-home .v-modal{ position:fixed; inset:0; background:rgba(58,43,37,.45); display:none; align-items:center; justify-content:center; z-index:50; padding:16px; }
.eott-home .v-modal.open{ display:flex; }
.eott-home .v-win{ background:#FBF6F0; border-radius:24px; width:min(440px,100%); padding:22px 22px 18px; box-shadow:0 30px 60px -20px rgba(58,43,37,.6); display:grid; gap:14px; }
.eott-home .v-win h5{ margin:0; font-family:Lora,serif; font-size:1.3rem; color:var(--wine-dark); }
.eott-home .v-win .v-close{ justify-self:end; margin:-8px -6px -30px 0; background:none; border:0; font-size:1.3rem; color:#8A6A3A; cursor:pointer; }
.eott-home .v-radios{ display:grid; gap:8px; }
.eott-home .v-radios label{ position:relative; display:flex; justify-content:space-between; align-items:center; gap:10px; background:#fff; border:1.5px solid #EAD8C0; border-radius:14px; padding:10px 14px; cursor:pointer; font-size:.88rem; color:var(--wine-dark); }
.eott-home .v-radios input{ position:absolute; opacity:0; }
.eott-home .v-radios small{ color:#7A6A60; font-size:.74rem; }
.eott-home .v-radios label:has(input:checked){ border-color:#C98A12; background:#FFF6E3; }
.eott-home .v-win .v-go{ border:0; border-radius:999px; padding:12px; font:inherit; font-weight:600; background:#3A2B25; color:#F8EEDF; cursor:pointer; }
.eott-home .v-win p{ margin:0; font-size:.8rem; color:#5A4A42; line-height:1.5; }
@media (max-width:760px){
  .eott-home .vA .nz-flow{ grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:10px; } .eott-home .vA .nz-flow::before{ display:none; }
  .eott-home .vA .v-pop-box{ right:auto; left:50%; transform:translateX(-50%); }
}
.eott-home .vA details.v-pop summary::before{ content:none !important; }
.eott-home .v-pop-box p, .eott-home .v-win p, .eott-home .v-seg-t{ text-align:left !important; }
.eott-home .v-steps small{ text-align:center; }
.eott-home .v-pop-box .v-we{ font-size:.76rem; color:#7A6A60; }

/* ===== Entwurf 3.21 – Angebotskarte C (Buchungsfenster, mehrere Termine) + Ablauf B (1·2·3·4) ===== */
.eott-home .nz-card .nz-flow{ display:grid !important; gap:10px; counter-reset:st; margin:8px 0 6px; padding:0; list-style:none; }
.eott-home .nz-card .nz-flow li{ counter-increment:st; background:none !important; border-radius:0; padding:0 0 0 40px !important; position:relative; font-size:.84rem; color:#7A6A60; min-height:28px; display:flex; align-items:center; flex-wrap:wrap; gap:0 8px; }
.eott-home .nz-card .nz-flow li::before{ content:counter(st); position:absolute; left:0; top:0; width:28px; height:28px; border-radius:50%; background:linear-gradient(145deg,#FFC94D,#E39A12); color:#fff; font-weight:600; font-size:.8rem; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px -3px rgba(201,138,18,.7); }
.eott-home .nz-card .nz-flow li b{ display:inline !important; font-family:Lora,serif; font-size:.98rem; font-weight:600; color:var(--wine-dark); }
.eott-home .nz-card .v-cta{ display:block; width:100%; border:0; cursor:pointer; font:inherit; font-weight:600; font-size:.95rem; border-radius:999px; padding:13px 16px; margin-top:4px; background:linear-gradient(145deg,#FFC94D,#E39A12); color:#3A2B25; box-shadow:0 12px 24px -14px rgba(201,138,18,.9); line-height:1.3; }
.eott-home .nz-card .v-cta small{ display:block; font-weight:500; font-size:.74rem; }
.eott-home .nz-card .v-cta:hover{ filter:brightness(1.04); } .eott-home .nz-card .v-cta:focus-visible{ outline:3px solid #3A2B25; outline-offset:2px; }
.eott-home .v-modal{ position:fixed; inset:0; background:rgba(58,43,37,.5); display:none; align-items:center; justify-content:center; z-index:10000; padding:16px; }
.eott-home .v-modal.open{ display:flex; }
.eott-home .v-win{ background:#FBF6F0; border-radius:24px; width:min(460px,100%); max-height:calc(100vh - 32px); overflow:auto; padding:22px 20px 18px; box-shadow:0 30px 60px -20px rgba(58,43,37,.6); display:grid; gap:12px; }
.eott-home .v-win h5{ margin:0; padding-right:30px; font-family:Lora,serif; font-size:1.3rem; color:var(--wine-dark); }
.eott-home .v-win .v-close{ position:absolute; right:14px; top:10px; background:none; border:0; font-size:1.5rem; line-height:1; color:#8A6A3A; cursor:pointer; }
.eott-home .v-win-in{ position:relative; display:grid; gap:12px; }
.eott-home .v-win .v-k{ font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:#8A6A3A; display:flex; justify-content:space-between; align-items:center; }
.eott-home .v-win .v-all{ background:none; border:0; font:inherit; font-size:.72rem; letter-spacing:.04em; text-transform:none; font-weight:600; color:var(--wine); text-decoration:underline; cursor:pointer; padding:0; }
.eott-home .bk-rows{ display:grid; gap:8px; }
.eott-home .bk-row{ position:relative; display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:10px; background:#fff; border:1.5px solid #EAD8C0; border-radius:14px; padding:10px 12px; cursor:pointer; }
.eott-home .bk-row input{ position:absolute; opacity:0; pointer-events:none; }
.eott-home .bk-box{ width:22px; height:22px; border-radius:7px; border:2px solid #D9B67A; display:flex; align-items:center; justify-content:center; color:#fff; font-size:.8rem; background:#fff; }
.eott-home .bk-row:has(input:checked){ border-color:#C98A12; background:#FFF6E3; }
.eott-home .bk-row:has(input:checked) .bk-box{ background:linear-gradient(145deg,#FFC94D,#E39A12); border-color:transparent; }
.eott-home .bk-row:has(input:checked) .bk-box::after{ content:"✓"; }
.eott-home .bk-row:has(input:focus-visible){ outline:2px solid #3A2B25; outline-offset:2px; }
.eott-home .bk-row b{ display:block; font-size:.9rem; color:var(--wine-dark); } .eott-home .bk-row small{ font-size:.74rem; color:#7A6A60; }
.eott-home .bk-row .bk-p{ font-family:Lora,serif; font-weight:600; color:var(--wine-dark); white-space:nowrap; }
.eott-home .v-win .v-steps{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.eott-home .v-win .v-steps label{ position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; border:1.5px solid #EAD8C0; border-radius:12px; padding:8px 2px; cursor:pointer; background:#fff; }
.eott-home .v-win .v-steps input{ position:absolute; opacity:0; pointer-events:none; }
.eott-home .v-win .v-steps b{ font-family:Lora,serif; font-size:1rem; color:var(--wine-dark); }
.eott-home .v-win .v-steps small{ font-size:.68rem; color:#7A6A60; }
.eott-home .v-win .v-steps label:has(input:checked){ border-color:#C98A12; background:#FFF6E3; box-shadow:0 0 0 3px rgba(201,138,18,.15); }
.eott-home .v-win p{ margin:0; font-size:.8rem; color:#5A4A42; line-height:1.5; text-align:left !important; }
.eott-home .v-win p a{ color:var(--wine); }
.eott-home .bk-sum{ display:flex; justify-content:space-between; align-items:baseline; border-top:1px dashed #D9B67A; padding-top:10px; font-size:.9rem; color:var(--wine-dark); }
.eott-home .bk-sum b{ font-family:Lora,serif; font-size:1.25rem; }
.eott-home .v-win .v-go{ border:0; border-radius:999px; padding:13px; font:inherit; font-weight:600; background:#3A2B25; color:#F8EEDF; cursor:pointer; }
.eott-home .v-win .v-go:disabled{ opacity:.45; cursor:default; }
@media (max-width:760px){ .eott-home .v-modal{ align-items:flex-end; padding:0; } .eott-home .v-win{ width:100%; border-radius:24px 24px 0 0; max-height:88vh; } }
.eott-home .bk-row small{ display:block; line-height:1.35; margin-top:2px; }
.eott-home .bk-row b{ line-height:1.3; }

/* ===== Entwurf 3.22 – Ablauf als Zeit-Diagramm · Seite Häufige Fragen ===== */
.eott-home .fl{ margin:8px 0 6px; display:grid; gap:10px; }
.eott-home .fl-day{ display:grid; gap:6px; }
.eott-home .fl-dayt{ font-size:.72rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#8A6A3A; }
.eott-home .fl-bar{ display:flex; height:40px; border-radius:12px; overflow:hidden; box-shadow:inset 0 0 0 1px rgba(201,138,18,.25); }
.eott-home .fl-seg{ display:flex; align-items:center; justify-content:center; min-width:0; font-weight:600; font-size:.82rem; color:#3A2B25; border-right:2px solid #FBF6F0; }
.eott-home .fl-seg:last-child{ border-right:0; }
.eott-home .fl-seg.c1{ background:#FFE7B3; } .eott-home .fl-seg.c2{ background:linear-gradient(145deg,#FFC94D,#E9A628); } .eott-home .fl-seg.c3{ background:#F6D08A; }
.eott-home .fl-seg.c4{ background:repeating-linear-gradient(135deg,#F4E6D4 0 8px,#EAD3B2 8px 16px); }
.eott-home .fl-scale{ display:flex; justify-content:space-between; font-size:.7rem; color:#9A8A7E; margin-top:-2px; font-variant-numeric:tabular-nums; }
.eott-home .fl-leg{ list-style:none; margin:4px 0 0; padding:0; display:grid; gap:8px; }
.eott-home .fl-leg li{ display:grid; grid-template-columns:26px 1fr; column-gap:10px; align-items:start; font-size:.82rem; color:#7A6A60; line-height:1.4; }
.eott-home .fl-leg i{ grid-row:span 2; width:26px; height:26px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-style:normal; font-weight:600; font-size:.78rem; color:#3A2B25; }
.eott-home .fl-leg i.c1{ background:#FFE7B3; } .eott-home .fl-leg i.c2{ background:linear-gradient(145deg,#FFC94D,#E9A628); } .eott-home .fl-leg i.c3{ background:#F6D08A; } .eott-home .fl-leg i.c4{ background:repeating-linear-gradient(135deg,#F4E6D4 0 5px,#EAD3B2 5px 10px); }
.eott-home .fl-leg b{ font-family:Lora,serif; font-size:.98rem; font-weight:600; color:var(--wine-dark); }
.eott-home .fl-leg b span{ font-family:Poppins,sans-serif; font-size:.78rem; font-weight:600; color:#8A6A3A; margin-left:6px; }
.eott-home .fl-note{ font-size:.72rem; color:#9A8A7E; }
/* Seite Häufige Fragen */
.eott-home .fq-group{ max-width:820px; margin:0 auto 34px; }
.eott-home .fq-group h2{ text-align:left !important; font-size:1.5rem; margin:0 0 6px; }
.eott-home .fq-group .op-q{ display:block; text-align:left !important; }
.eott-home .fq-jump{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 auto 34px; max-width:820px; }
.eott-home .fq-jump a{ text-decoration:none; font-size:.85rem; font-weight:600; color:var(--wine-dark); border:1px solid #EAD8C0; background:#fff; border-radius:999px; padding:7px 14px; }
.eott-home .nz-card .oc-side.v-slim{ gap:14px !important; justify-content:flex-start; }
.eott-home .nz-card .v-slim .v-price{ font-family:Lora,serif; font-size:2.2rem; font-weight:600; color:var(--wine-dark); text-align:center; line-height:1; }
.eott-home .nz-card .v-slim .v-price small{ display:block; font-family:Poppins,sans-serif; font-size:.8rem; font-weight:500; color:#7A6A60; margin-top:8px; line-height:1.4; }
.eott-home .nz-card .v-slim .nz-credit-hint{ text-align:center; }
/* 3.22: Preis pro Termin */
.eott-home .bk-hint{ margin:-4px 0 0 !important; }
.eott-home .bk-item{ display:grid; gap:0; border-radius:14px; }
.eott-home .bk-item .bk-st{ display:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:8px 10px 10px 44px; }
.eott-home .bk-item.on .bk-st{ display:grid; }
.eott-home .bk-item.on .bk-row{ border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.eott-home .bk-st label{ position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; border:1.5px solid #EAD8C0; border-radius:10px; padding:6px 2px; cursor:pointer; background:#fff; }
.eott-home .bk-st input{ position:absolute; opacity:0; pointer-events:none; }
.eott-home .bk-st b{ font-family:Lora,serif; font-size:.95rem; color:var(--wine-dark); }
.eott-home .bk-st small{ font-size:.64rem; color:#7A6A60; line-height:1.25; }
.eott-home .bk-st label:has(input:checked){ border-color:#C98A12; background:#FFF6E3; box-shadow:0 0 0 2px rgba(201,138,18,.15); }
.eott-home .bk-st label:has(input:focus-visible){ outline:2px solid #3A2B25; outline-offset:1px; }
.eott-home .bk-quick{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:.76rem; color:#7A6A60; }
.eott-home .bk-quick button{ font:inherit; font-size:.76rem; font-weight:600; color:var(--wine-dark); background:#fff; border:1px solid #EAD8C0; border-radius:999px; padding:4px 10px; cursor:pointer; }
@media (max-width:760px){ .eott-home .bk-item .bk-st{ padding-left:10px; } }
.eott-home .bk-st small{ display:block; } .eott-home .bk-st small.pct{ font-size:.6rem; color:#9A8A7E; }
/* 3.22: „Was du bekommst“ als drei Kacheln */
.eott-home .nz-get.nz-tiles{ list-style:none; margin:10px 0 8px; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.eott-home .nz-get.nz-tiles li{ margin:0; padding:14px 14px 15px !important; border-radius:16px; background:#FFF4E2; border:1px solid #F2DDB8; display:flex; flex-direction:column; gap:6px; font-size:.86rem; line-height:1.45; color:#5A4A42; }
.eott-home .nz-get.nz-tiles li::before{ content:none !important; display:none !important; }
.eott-home .nz-get.nz-tiles li b{ font-family:Poppins,sans-serif; font-weight:600; font-size:.95rem; line-height:1.3; color:var(--wine-dark); letter-spacing:-.005em; }
.eott-home .nz-get.nz-tiles li b::after{ content:""; display:block; width:26px; height:2px; margin-top:8px; border-radius:2px; background:linear-gradient(90deg,#FFC94D,#E39A12); }
.eott-home .s1 .nz-get.nz-tiles li{ background:#FDEEE4; border-color:#F6D6C0; }
.eott-home #zeit-fuer-uns-1 .nz-get.nz-tiles li, .eott-home #zeit-fuer-uns-2 .nz-get.nz-tiles li{ background:#FBEDEE; border-color:#EDD3D6; }
@media (max-width:760px){ .eott-home .nz-get.nz-tiles{ grid-template-columns:1fr; } }

/* ===== Entwurf 3.23 – Kacheln untereinander (A) oder Punkte (B) · rechte Spalte ganz schlank · Guthaben einlösen ===== */
.eott-home .nz-get.nz-rows{ list-style:none; margin:10px 0 8px; padding:0; display:grid; gap:8px; }
.eott-home .nz-get.nz-rows li{ margin:0; padding:12px 16px 12px 18px !important; border-radius:14px; background:#FFF6E8; border-left:3px solid #E9A628; display:grid; gap:2px; font-size:.88rem; line-height:1.45; color:#5A4A42; }
.eott-home .nz-get.nz-rows li::before{ content:none !important; display:none !important; }
.eott-home .nz-get.nz-rows li b{ font-family:Poppins,sans-serif; font-weight:600; font-size:.95rem; color:var(--wine-dark); }
.eott-home .s1 .nz-get.nz-rows li{ background:#FDF0E7; border-left-color:#F5C09E; }
.eott-home #zeit-fuer-uns-1 .nz-get.nz-rows li, .eott-home #zeit-fuer-uns-2 .nz-get.nz-rows li{ background:#FBEFF0; border-left-color:#B8606E; }
.eott-home .nz-get.nz-dots{ list-style:none; margin:10px 0 8px; padding:0; display:grid; gap:10px; }
.eott-home .nz-get.nz-dots li{ position:relative; margin:0; padding:0 0 0 24px !important; font-size:.9rem; line-height:1.5; color:#5A4A42; }
.eott-home .nz-get.nz-dots li::before{ content:"" !important; position:absolute; left:2px; top:.45em; width:10px; height:10px; border-radius:50%; background:linear-gradient(145deg,#FFC94D,#E39A12); box-shadow:0 0 0 3px rgba(233,166,40,.18); }
.eott-home .nz-get.nz-dots li b{ font-family:Poppins,sans-serif; font-weight:600; color:var(--wine-dark); }
.eott-home .nz-card .v-slim .v-price small.v-wahl{ margin-top:6px; color:#8A6A3A; font-weight:600; }
.eott-home details.v-gh{ text-align:center; font-size:.8rem; }
.eott-home details.v-gh summary{ list-style:none; cursor:pointer; color:var(--wine-dark); font-weight:600; border-bottom:1px dashed #D9B67A; display:inline-block; padding-bottom:2px; }
.eott-home details.v-gh summary::-webkit-details-marker{ display:none; }
.eott-home details.v-gh summary::before{ content:none !important; }
.eott-home details.v-gh p{ margin:10px 0 0; text-align:left !important; font-size:.8rem; line-height:1.5; color:#5A4A42; background:#FFF8EC; border-radius:12px; padding:10px 12px; }
.eott-home .bk-gh{ font-size:.76rem !important; color:#7A6A60 !important; }
.eott-home .nz-get.nz-dots li::before{ background:linear-gradient(145deg,#FFC94D,#E39A12) !important; border:0 !important; width:10px !important; height:10px !important; }
/* ===== Entwurf 3.24 – Vorschläge „Was du bekommst“ + kompakter Ablauf ===== */
/* kompakter Ablauf: schmaler Balken + Legende in einer Zeile */
.eott-home .flc{ margin:8px 0 6px; display:grid; gap:8px; }
.eott-home .flc-bar{ display:flex; height:12px; border-radius:999px; overflow:hidden; }
.eott-home .flc-bar span{ min-width:0; border-right:2px solid #FBF6F0; } .eott-home .flc-bar span:last-child{ border-right:0; }
.eott-home .flc .c1{ background:#FFE7B3; } .eott-home .flc .c2{ background:linear-gradient(90deg,#FFC94D,#E9A628); } .eott-home .flc .c3{ background:#F6D08A; } .eott-home .flc .c4{ background:repeating-linear-gradient(135deg,#F4E6D4 0 5px,#E6CBA3 5px 10px); }
.eott-home .flc-leg{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 16px; font-size:.8rem; color:#7A6A60; }
.eott-home .flc-leg li{ display:flex; align-items:center; gap:6px; }
.eott-home .flc-leg i{ width:18px; height:18px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-style:normal; font-weight:600; font-size:.66rem; color:#3A2B25; flex:none; }
.eott-home .flc-leg b{ font-family:Poppins,sans-serif; font-weight:600; color:var(--wine-dark); }
.eott-home .flc-sum{ font-size:.72rem; color:#9A8A7E; }
/* V1 Symbol-Kacheln */
.eott-home .wb1{ list-style:none; margin:10px 0 8px; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.eott-home .wb1 li{ background:#FFF6E8; border:1px solid #F2DDB8; border-radius:18px; padding:16px 14px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.eott-home .wb-ico{ width:40px; height:40px; border-radius:12px; background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 10px -6px rgba(201,138,18,.6); }
.eott-home .wb-ico svg{ width:24px; height:24px; }
.eott-home .wb-t{ font-family:Poppins,sans-serif; font-weight:600; font-size:.95rem; line-height:1.25; color:var(--wine-dark); }
.eott-home .wb-band{ display:block; width:28px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FFC94D,#E39A12); }
.eott-home .wb-kw{ list-style:none; margin:0; padding:0; display:grid; gap:3px; font-size:.82rem; color:#5A4A42; line-height:1.35; }
.eott-home .wb-kw li{ background:none; border:0; padding:0 0 0 12px; border-radius:0; position:relative; display:block; }
.eott-home .wb-kw li::before{ content:""; position:absolute; left:0; top:.55em; width:5px; height:5px; border-radius:50%; background:#E39A12; }
/* V2 Chips */
.eott-home .wb2{ list-style:none; margin:10px 0 8px; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.eott-home .wb2 > li{ border-radius:18px; padding:14px; background:#fff; border:1px solid #EAD8C0; display:grid; gap:10px; align-content:start; }
.eott-home .wb2 .hd{ display:flex; align-items:center; gap:10px; }
.eott-home .wb2 .wb-ico{ width:36px; height:36px; border-radius:50%; background:linear-gradient(145deg,#FFC94D,#E39A12); box-shadow:none; flex:none; }
.eott-home .wb2 .wb-ico svg{ width:20px; height:20px; }
.eott-home .wb2 .chips{ display:flex; flex-wrap:wrap; gap:5px; }
.eott-home .wb2 .chips span{ font-size:.74rem; line-height:1.2; background:#FFF4E2; color:#5A3E10; border-radius:999px; padding:5px 9px; }
/* V3 Reise-Stationen (Leinen los) */
.eott-home .wb3{ list-style:none; margin:14px 0 8px; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; position:relative; }
.eott-home .wb3::before{ content:""; position:absolute; left:16%; right:16%; top:27px; border-top:2px dashed #E3B660; }
.eott-home .wb3 > li{ position:relative; text-align:center; display:grid; justify-items:center; gap:6px; }
.eott-home .wb3 .wb-ico{ width:56px; height:56px; border-radius:50%; background:#FFF6E8; border:2px solid #E9A628; box-shadow:0 0 0 6px #FBF6F0; }
.eott-home .wb3 .wb-ico svg{ width:28px; height:28px; }
.eott-home .wb3 .wb-t{ font-family:Lora,serif; font-size:1.02rem; }
.eott-home .wb3 .wb-kw{ justify-items:center; } .eott-home .wb3 .wb-kw li{ padding:0; } .eott-home .wb3 .wb-kw li::before{ display:none; }
.eott-home .wb3-st{ font-size:.64rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:#B07A1A; }
@media (max-width:760px){ .eott-home .wb1,.eott-home .wb2{ grid-template-columns:1fr; } .eott-home .wb3{ grid-template-columns:1fr; gap:18px; } .eott-home .wb3::before{ left:27px; right:auto; top:28px; bottom:28px; border-top:0; border-left:2px dashed #E3B660; } .eott-home .wb3 > li{ grid-template-columns:56px 1fr; text-align:left; justify-items:start; column-gap:14px; } .eott-home .wb3 .wb-ico{ grid-row:span 3; } .eott-home .wb3 .wb-kw{ justify-items:start; } }

/* ===== Entwurf 3.24 – „Was du bekommst“ als Reise mit Symbol-Kacheln ===== */
.eott-home .wbx{ list-style:none; margin:14px 0 10px; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; position:relative; }
.eott-home .wbx::before{ content:""; position:absolute; left:16%; right:16%; top:26px; border-top:2px dashed #E3B660; z-index:0; }
.eott-home .wbx > li{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:0; margin:0; padding:0 !important; background:none !important; border:0 !important; }
.eott-home .wbx > li::before{ content:none !important; }
.eott-home .wbx .wb-ico{ width:52px; height:52px; border-radius:50%; background:#FFF6E8; border:2px solid #E9A628; box-shadow:0 0 0 6px #FBF6F0; display:flex; align-items:center; justify-content:center; flex:none; }
.eott-home .wbx .wb-ico svg{ width:26px; height:26px; }
.eott-home .wbx .wb-card{ margin-top:10px; width:100%; box-sizing:border-box; flex:1; background:#FFF6E8; border:1px solid #F2DDB8; border-radius:18px; padding:14px 14px 14px; display:flex; flex-direction:column; gap:7px; }
.eott-home .wbx .wb-st{ font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:#B07A1A; }
.eott-home .wbx .wb-t{ font-family:Poppins,sans-serif; font-weight:600; font-size:.94rem; line-height:1.28; color:var(--wine-dark); }
.eott-home .wbx .wb-band{ display:block; width:28px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FFC94D,#E39A12); }
.eott-home .wbx .wb-kw{ list-style:none; margin:0; padding:0; display:grid; gap:3px; font-size:.82rem; color:#5A4A42; line-height:1.38; }
.eott-home .wbx .wb-kw li{ position:relative; padding:0 0 0 12px; margin:0; background:none; border:0; }
.eott-home .wbx .wb-kw li::before{ content:""; position:absolute; left:0; top:.56em; width:5px; height:5px; border-radius:50%; background:#E39A12; }
.eott-home .s1 .wbx .wb-card{ background:#FDF0E7; border-color:#F6D6C0; }
.eott-home #zeit-fuer-uns-1 .wbx .wb-card, .eott-home #zeit-fuer-uns-2 .wbx .wb-card{ background:#FBEFF0; border-color:#EDD3D6; }
.eott-home #zeit-fuer-uns-1 .wbx .wb-ico, .eott-home #zeit-fuer-uns-2 .wbx .wb-ico{ border-color:#B8606E; background:#FBEFF0; }
.eott-home #zeit-fuer-uns-1 .wbx::before, .eott-home #zeit-fuer-uns-2 .wbx::before{ border-top-color:#D9A3AB; }
.eott-home .flc-day{ display:grid; gap:4px; } .eott-home .flc-dayt{ font-size:.68rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#8A6A3A; }
@media (max-width:760px){
  .eott-home .wbx{ grid-template-columns:1fr; gap:14px; }
  .eott-home .wbx::before{ left:25px; right:auto; top:26px; bottom:26px; border-top:0; border-left:2px dashed #E3B660; }
  .eott-home .wbx > li{ flex-direction:row; align-items:flex-start; gap:12px; }
  .eott-home .wbx .wb-card{ margin-top:0; }
}

/* ===== Entwurf 3.25 – Wer dich begleitet: mehr Luft ===== */
.eott-home .gm2-band{ padding:76px 0 64px !important; }
.eott-home .gm2 .op-q{ margin-bottom:10px; }
.eott-home .gm2-img{ margin:14px 0 40px !important; }
.eott-home .gm2 h2{ margin:0 0 10px !important; }
.eott-home .gm2-role{ margin:0 0 26px !important; line-height:1.7; }
.eott-home .gm2 blockquote{ max-width:640px; line-height:1.6 !important; }
@media (max-width:760px){ .eott-home .gm2-band{ padding:60px 0 50px !important; } .eott-home .gm2-img{ margin:10px 0 32px !important; } }
/* 3.25: Häufige Fragen – sinnlicher Hintergrund (Sand → zartes Rosé) */
.eott-home section.block.alt#faq{ background:linear-gradient(180deg,#FBF6F0 0%,#F8ECE3 30%,#F4E1DA 100%) !important; border-top:0; }
.eott-home #faq h2{ color:var(--wine-dark) !important; }
.eott-home #faq .faq-list details{ border-top-color:rgba(122,46,59,.14) !important; }
.eott-home #faq .faq-list details:last-child{ border-bottom-color:rgba(122,46,59,.14) !important; }
.eott-home #faq .faq-list summary::after{ color:#B8606E !important; }
.eott-home .fq-group .faq-list{ background:linear-gradient(180deg,#FFFFFF 0%,#FBF1EC 100%); border:1px solid #F0DCD5; border-radius:20px; padding:4px 22px; }
.eott-home .fq-group .faq-list details:first-child{ border-top:0; } .eott-home .fq-group .faq-list details:last-child{ border-bottom:0; }

/* ===== Entwurf 3.26 ===== */
.eott-home .gm2-img{ width:310px !important; height:310px !important; }
@media (max-width:760px){ .eott-home .gm2-img{ width:240px !important; height:240px !important; } }
/* Termine-Knopf in Gold (wie „Termin und Preis wählen“), weiß leuchtender Punkt */
.eott-home .op-fab.t4{ background:linear-gradient(145deg,#FFC94D,#E39A12) !important; color:#3A2B25 !important; border:0; box-shadow:0 14px 28px -12px rgba(201,138,18,.85); }
.eott-home .op-fab.t4::before{ background:#FFFFFF; box-shadow:0 0 10px 3px rgba(255,255,255,.9); }
/* 3.26.1: „Noch 2026“ mit Fernglas, Liste sauber untereinander */
.eott-home #termine .op-alt > span{ display:block; }
.eott-home #termine .op-date.a > .op-ico{ color:#B07A1A; background:#FFF1D2; }

/* ===== Entwurf 3.28 – Markenkern, Tantra erklärt in der Leiste, Sand-Rosé für Erklär-Kästen und Rahmen ===== */
.eott-home .op-pill.x{ background:#F4E1DA; color:var(--wine-dark) !important; border:1px solid #EAC9C0; }
.eott-home .op-pill.x svg{ color:#8E3A48; }
@media (max-width:760px){ .eott-home .op-pill.x span{ display:none; } .eott-home .op-pill.x{ padding:0 7px; } }
/* Kern-Band mit Markenkern */
.eott-home .op-kern .op-kern-lbl{ display:block; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:#B07A1A; margin-bottom:10px; font-style:normal; }
.eott-home .op-kern .op-kern-txt{ max-width:620px; margin:14px auto 0; font-family:Poppins,sans-serif; font-size:.98rem; line-height:1.7; color:#5A4A42; text-align:center; }
.eott-home .op-kern .op-kern-link{ display:inline-block; margin-top:12px; font-size:.85rem; font-weight:600; color:var(--wine-dark); text-decoration:none; border-bottom:1px solid #D9A3AB; }
/* Tantra erklärt: Liste gleichmäßig 5/5 */
.eott-home .ex-uebe{ columns:auto !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:36px; }
@media (max-width:760px){ .eott-home .ex-uebe{ grid-template-columns:1fr; } }
/* Klar und ehrlich + Rahmen in Sand-Rosé */
.eott-home #gut-zu-wissen{ background:linear-gradient(180deg,#FBF6F0 0%,#F8ECE3 35%,#F4E1DA 100%); border-radius:28px; padding:44px 22px 30px; }
.eott-home .ex-disc{ background:linear-gradient(180deg,#FFFFFF 0%,#FBF1EC 100%) !important; border:1px solid #F0DCD5 !important; border-radius:22px; box-shadow:0 18px 36px -28px rgba(142,58,72,.45); }
.eott-home .ex-disc h3{ color:var(--wine-dark); display:flex; align-items:center; gap:10px; }
.eott-home .ex-disc h3::before{ content:""; width:10px; height:10px; border-radius:50%; background:#B8606E; box-shadow:0 0 0 4px rgba(184,96,110,.18); flex:none; }
.eott-home details.nz-frame{ background:linear-gradient(180deg,#FFFFFF 0%,#FBF1EC 100%) !important; border:1px solid #F0DCD5 !important; border-radius:20px !important; }
.eott-home details.nz-frame > summary{ color:var(--wine-dark) !important; }
.eott-home details.nz-frame > summary::marker, .eott-home details.nz-frame > summary::before{ color:#B8606E !important; }
.eott-home details.nz-frame p b{ color:#8E3A48; }
@media (max-width:420px){
  .eott-home .op-bar{ gap:3px; padding:4px; }
  .eott-home .op-pill{ padding:0 7px 0 5px; gap:3px; font-size:10.5px; height:32px; } .eott-home .op-pill svg{ width:18px; height:18px; }
  .eott-home .op-pill.x{ padding:0 6px; }
  .eott-home .op-bar .op-menu > summary{ min-height:32px; padding:0 8px; }
}
@media (max-width:380px){ .eott-home .op-pill:not(.x) svg{ display:none; } .eott-home .op-pill:not(.x){ padding:0 8px; } }

/* ===== Entwurf 3.29 – Einstieg wie Eure Insel auch für Heimathafen und Leinen los · Insel online buchbar · Insel-Kacheln in Sand-Rosé ===== */
.eott-home .ins-side.hafen .ins-card.rose{ background:#FDF0E7; } .eott-home .ins-side.hafen .ins-card.apri{ background:linear-gradient(135deg,#FCE7D8,#FFF6EF); border-color:#F5C09E; }
.eott-home .ins-side.hafen .ins-list li::before{ background:#E9895A; box-shadow:0 0 0 3px rgba(245,192,158,.45); }
.eott-home .ins-side.sonne .ins-card.rose{ background:#FFF4E2; } .eott-home .ins-side.sonne .ins-card.apri{ background:linear-gradient(135deg,#FFEFC9,#FFF8EA); border-color:#FDB016; }
.eott-home .ins-side.sonne .ins-list li::before{ background:#E39A12; box-shadow:0 0 0 3px rgba(253,176,22,.3); }
.eott-home .ins-side.hafen .ins-side-img figcaption{ background:linear-gradient(transparent,rgba(120,60,30,.75)); }
.eott-home .ins-side.sonne .ins-side-img figcaption{ background:linear-gradient(transparent,rgba(110,70,10,.72)); }
.eott-home .ins-row.o{ background:linear-gradient(180deg,#FFFFFF,#FBF1EC); border:1px solid #F0DCD5; color:var(--wine-dark); }
.eott-home .ins-row.o .k{ color:#B8606E; }
.eott-home .nz-online-dates{ color:#5A4A42; margin:6px 0 0; }
/* Insel-Kacheln „Was ihr bekommt“ in Sand-Rosé (wie Häufige Fragen) */
.eott-home #zeit-fuer-uns-1 .wbx .wb-card, .eott-home #zeit-fuer-uns-2 .wbx .wb-card{ background:linear-gradient(180deg,#FFFFFF 0%,#FBF1EC 100%) !important; border-color:#F0DCD5 !important; }
.eott-home #zeit-fuer-uns-1 .wbx .wb-ico, .eott-home #zeit-fuer-uns-2 .wbx .wb-ico{ background:#FBF1EC !important; border-color:#B8606E !important; }
.eott-home #zeit-fuer-uns-1 .wbx .wb-kw li::before, .eott-home #zeit-fuer-uns-2 .wbx .wb-kw li::before{ background:#B8606E; }
.eott-home #zeit-fuer-uns-1 .wbx .wb-band, .eott-home #zeit-fuer-uns-2 .wbx .wb-band{ background:linear-gradient(90deg,#D9A3AB,#B8606E); }

/* ===== Entwurf 3.30 – Date-Symbol (zwei Ringe) · Online-Kacheln ===== */
.eott-home .date-ico{ width:26px; height:16px; vertical-align:-3px; margin-right:6px; flex:none; }
.eott-home .ins-row .k .date-ico{ display:inline-block; }
.eott-home #insel-online .wbx .wb-card{ background:linear-gradient(180deg,#FFFFFF 0%,#FBF1EC 100%) !important; border-color:#F0DCD5 !important; }
.eott-home #insel-online .wbx .wb-ico{ background:#FBF1EC !important; border-color:#B8606E !important; }
.eott-home #insel-online .wbx .wb-kw li::before{ background:#B8606E; }
.eott-home #insel-online .wbx .wb-band{ background:linear-gradient(90deg,#D9A3AB,#B8606E); }
.eott-home #insel-online .wbx::before{ border-top-color:#D9A3AB; }
.eott-home .ins-side.hafen .ins-side-img img{ object-position:50% 40%; }

/* ===== Entwurf 3.31 ===== */
.eott-home .gm2-img{ width:340px !important; height:340px !important; }
@media (max-width:760px){ .eott-home .gm2-img{ width:264px !important; height:264px !important; } }
/* Stimmen warm wie Häufige Fragen */
.eott-home .op-stimmen-a{ position:relative; }
.eott-home .op-stimmen-a::before{ content:""; position:absolute; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); z-index:-1; background:linear-gradient(180deg,#FBF6F0 0%,#F8ECE3 35%,#F4E1DA 100%); }
.eott-home .op-stimmen-a .op-quote{ background:linear-gradient(180deg,#FFFFFF 0%,#FBF1EC 100%) !important; border:1px solid #F0DCD5 !important; box-shadow:0 18px 36px -28px rgba(142,58,72,.45) !important; }
.eott-home .op-stimmen-a .op-qmark{ color:#D9A3AB !important; }
.eott-home .op-stimmen-a .op-quote figcaption{ color:#B8606E !important; }
/* Eure Insel: drei Angebote in der Tür */
.eott-home .op-door3{ display:grid; gap:4px; margin:4px auto 2px; text-align:left; font-size:.84rem; line-height:1.35; max-width:260px; }
.eott-home .op-door3 > span{ display:flex; gap:8px; align-items:baseline; }
.eott-home .op-door3 i{ font-style:normal; font-weight:600; font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; color:#FFC94D; min-width:74px; }
.eott-home .op-stimmen-a::before{ z-index:0 !important; }
.eott-home .op-stimmen-a > *{ position:relative; z-index:1; }
.eott-home .op-door3{ max-width:280px; gap:6px; }
.eott-home .op-door3 > span{ display:grid !important; grid-template-columns:86px 1fr; gap:8px; align-items:baseline; text-align:left !important; }
.eott-home .op-door3 i{ min-width:0; }

/* ===== Entwurf 3.32 – warme Übergänge statt weißer Kästen (Muster „Stimmen“) ===== */
/* Türen: Struktur wie Eure Insel */
.eott-home .op-door.n .op-door3 i, .eott-home .op-door.b .op-door3 i{ color:#8E3A48; }
.eott-home .op-door.n .op-door3, .eott-home .op-door.b .op-door3{ color:var(--wine-dark); }
.eott-home .op-kern-more{ display:block; margin-top:12px; font-size:.85rem; color:#8A6A3A; font-style:italic; }
/* Abschnitte mit warmem Verlauf (volle Breite) */
.eott-home #termine, .eott-home #warum, .eott-home #termine-2026{ position:relative; }
.eott-home #termine::before, .eott-home #warum::before, .eott-home #termine-2026::before{ content:""; position:absolute; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); z-index:0; background:linear-gradient(180deg,#FBF6F0 0%,#F8ECE3 35%,#F4E1DA 100%); }
.eott-home #termine > *, .eott-home #warum > *, .eott-home #termine-2026 > *{ position:relative; z-index:1; }
.eott-home #warum::before{ background:linear-gradient(180deg,#F4E1DA 0%,#F8ECE3 60%,#FBF6F0 100%); }
/* Kacheln/Karten etwas heller als der Hintergrund – warm, nie reinweiß */
.eott-home .op-date, .eott-home .op-fact, .eott-home .op-t, .eott-home .op-online.op-soon{ background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%) !important; border:1px solid #F0DCD5 !important; box-shadow:0 16px 32px -26px rgba(142,58,72,.5); }
.eott-home .op-fact{ border-top:3px solid #D9A3AB !important; }
.eott-home .op-date a, .eott-home .op-date a:visited{ border-bottom-color:#D9A3AB !important; }
.eott-home .op-date.a{ background:linear-gradient(180deg,#FBEFEA 0%,#F6E3DC 100%) !important; }
.eott-home .op-t .d{ background:#F6E3DC !important; }
.eott-home .op-t.neu{ border:1px solid #E3B660 !important; }
.eott-home .op-online.op-soon .op-kind{ color:#B8606E !important; }

/* === 3.32b · „kein Luxus“ als großes Zitat-Band (Sand-Rosé, volle Breite) === */
.eott-home .op-luxus-band{ background:linear-gradient(180deg,#F8ECE3 0%,#FBF3EE 50%,#F4E1DA 100%); border-top:1px solid #F0DCD5; border-bottom:1px solid #F0DCD5; }
.eott-home .op-luxus-band .op-kern blockquote{ color:#7A2E3B; }
.eott-home .op-luxus-band + .op-warum{ padding-top:44px; }
.eott-home .op-luxus-band{ background:radial-gradient(ellipse 60% 70% at 50% 50%,#FFF7F1 0%,rgba(255,247,241,0) 70%),linear-gradient(180deg,#F1D6CE 0%,#F7E6DF 50%,#EFD2C9 100%); border-top:1px solid #E6C3B9; border-bottom:1px solid #E6C3B9; }
.eott-home .op-luxus-band ~ #warum::before{ background:linear-gradient(180deg,#FBF6F0 0%,#F8ECE3 55%,#F4E1DA 100%); }

/* ===== Entwurf 3.33 · keine weißen Kästen (ganze Website) · Erklär-Seite Kopf · Fernglas maritim ===== */
/* Regel: Kästen, Karten, Kacheln = Stimmen-Look – warm, etwas heller als der Hintergrund, nie flach weiß */
.eott-home .op-three li, .eott-home .op-card, .eott-home .op-voices p, .eott-home .op-old, .eott-home .op-t, .eott-home .op-topup,
.eott-home .op-online, .eott-home .op-fact, .eott-home .op-date, .eott-home .ins-online-card, .eott-home .pnw, .eott-home .wb2 > li,
.eott-home .op-why-more, .eott-home .ex-keys li, .eott-home .ins-row.o, .eott-home .vA .v-pop-box{ background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border-color:#F0DCD5; }
.eott-home .ex-disc, .eott-home details.nz-frame, .eott-home .wb-card, .eott-home #zeit-fuer-uns-1 .wbx .wb-card, .eott-home #zeit-fuer-uns-2 .wbx .wb-card, .eott-home #insel-online .wbx .wb-card, .eott-home .fq-group .faq-list{ background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%) !important; border-color:#F0DCD5 !important; }
.eott-home .ins-chips li, .eott-home .gm-pills li, .eott-home .fq-jump a, .eott-home .bk-quick button, .eott-home .op-bar .op-menu > summary, .eott-home .ins-mit .ins-ico, .eott-home .wb-ico, .eott-home .op-car-btn{ background:#FFF8F3; }
.eott-home .bk-row, .eott-home .v-radios label, .eott-home .bk-st label, .eott-home .v-steps label, .eott-home .vA .v-dates a{ background:#FFFAF6; }
.eott-home .op-why-more.gold{ border-color:#F0DCD5; box-shadow:0 10px 26px -18px rgba(122,46,59,.35); }

/* Startseite: Hinweis statt Link unter „Warum Nähe so wichtig ist“ */
.eott-home .op-why-hint{ text-align:center !important; margin:18px 0 0; font-size:.85rem; font-style:italic; color:#8A6A3A; opacity:.8; }

/* Noch 2026: Fernglas maritim in Blau, größer */
.eott-home #termine .op-date.a > .op-ico{ width:42px; height:42px; margin-left:-4px; padding:8px; color:#FFFFFF; background:radial-gradient(circle at 35% 30%,#5E93B8 0%,#2F6189 60%,#234A6B 100%); box-shadow:0 0 0 4px rgba(94,147,184,.18), 0 6px 14px -6px rgba(35,74,107,.6); }
.eott-home #termine .op-date.a > .op-ico svg{ stroke-width:3; }
@media (max-width:820px){ .eott-home #termine .op-date.a > .op-ico{ width:38px; height:38px; padding:7px; } }

/* Erklär-Seite: Zitat im Kopf */
.eott-home .ex-hero{ padding-bottom:52px; }
.eott-home .ex-hero .op-sub{ margin-bottom:34px; }
.eott-home .ex-hq{ max-width:760px; margin:0 auto; }
.eott-home .ex-hq blockquote{ margin:0; padding:0; border:0; background:none; font-family:Lora,serif; font-weight:500; font-size:2rem; line-height:1.3; color:#7A2E3B; text-align:center !important; text-wrap:balance; quotes:none; }
.eott-home .ex-orn{ display:block; width:140px; height:1px; margin:0 auto 22px; background:linear-gradient(90deg,transparent,var(--gold),transparent); position:relative; }
.eott-home .ex-hq .ex-orn:last-child{ margin:22px auto 0; }
.eott-home .ex-orn::after{ content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; background:var(--sun); transform:translate(-50%,-50%) rotate(45deg); }
@media (max-width:760px){ .eott-home .ex-hq blockquote{ font-size:1.45rem; } .eott-home .ex-hero .op-sub{ margin-bottom:26px; } }

/* Variante A: eine Zeile „Ein zentraler Wert | Präsenz …“, zentriert */
.eott-home .ex-wert{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 14px; margin:0 0 8px; text-align:center !important; }
.eott-home .ex-wert span{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:#B07A1A; }
.eott-home .ex-wert i{ font-family:Lora,serif; font-size:1.05rem; color:var(--wine-dark); padding-left:14px; border-left:1px solid #D9B67A; }
.eott-home .ex-abs-a h2{ margin:0 0 22px !important; }
@media (max-width:560px){ .eott-home .ex-wert{ flex-direction:column; } .eott-home .ex-wert i{ border-left:0; padding-left:0; } }

/* Variante B: linksbündig auf der Textspalte */
.eott-home .ex-head-l{ max-width:680px; margin:0 auto 22px; padding-left:18px; border-left:3px solid var(--sun); }
.eott-home .ex-head-l .op-q{ text-align:left !important; }
.eott-home .ex-head-l h2{ text-align:left !important; margin:4px 0 8px !important; }
.eott-home .ex-head-l .ex-lead{ text-align:left !important; margin:0; }

/* Erklär-Seite: Rahmen als Kasten wie die beiden darüber */
.eott-home .ex-rahmen p{ margin:0 0 10px; line-height:1.7; }
.eott-home .ex-rahmen p:last-child{ margin-bottom:0; }
.eott-home .ex-hero .op-sub{ text-align:center !important; }

/* ===== Entwurf 3.34 · Rahmen-Stichworte wieder weinrot ===== */
.eott-home .ex-rahmen p b{ color:#8E3A48; }

/* ===== Entwurf 3.35 · Hervorhebung „nur 60 €“ (Blind Touch) ===== */
.eott-home .op-nur{ display:inline-block; font-weight:700; color:#7A2E3B; background:linear-gradient(180deg,#FFE9B0,#FFD877); border-radius:999px; padding:1px 10px; font-size:.95em; line-height:1.5; }
.eott-home .op-hot{ position:relative; border:1.5px solid #F2B63C !important; box-shadow:0 0 0 4px rgba(255,201,77,.18), 0 12px 26px -16px rgba(227,154,18,.55) !important; }
.eott-home .op-star{ position:absolute; top:-14px; right:18px; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:17px; line-height:1; color:#fff; background:radial-gradient(circle at 35% 30%,#FFD86B,#E39A12); box-shadow:0 4px 10px -3px rgba(227,154,18,.7); z-index:2; }
.eott-home .op-t.op-hot .op-star{ top:-12px; right:14px; width:28px; height:28px; font-size:15px; }

/* ===== Entwurf 3.36 · Noch-2026-Zeilen dürfen am Handy umbrechen ===== */
@media (max-width:820px){ .eott-home #termine .op-alt > span{ white-space:normal; display:block; position:relative; padding-left:26px; line-height:1.5; margin:0 0 6px; } .eott-home #termine .op-alt > span > .op-ico-s{ position:absolute; left:0; top:1px; margin:0; } }

/* ===== Entwurf 3.37 · Grundbedürfnis-Band: dritter Satz als leise Einladung ===== */
.eott-home .op-luxus-more{ margin:16px 0 0; text-align:center !important; font-family:Lora,serif; font-style:italic; font-size:1.25rem; color:#8E3A48; }
@media (max-width:760px){ .eott-home .op-luxus-more{ font-size:1.08rem; } }

/* ===== Entwurf 3.39 · „Was du mitnimmst“: Titel und Unterzeile bleiben zusammen ===== */
.eott-home .ins-mit li{ grid-template-rows:auto auto; align-content:center; row-gap:2px; }
.eott-home .ins-mit li > b{ align-self:end; }
.eott-home .ins-mit li > small{ align-self:start; line-height:1.45; }
.eott-home .ins-mit .ins-ico{ align-self:center; }

/* ===== v64 (29.09.2026): Termine ohne Shop-Produkt im Buchungsfenster ===== */
.eott .bk-item.bk-soon .bk-row{ opacity:.62; cursor:default; }
.eott .bk-item.bk-soon .bk-box{ visibility:hidden; }
.eott .bk-soon-t{ margin:2px 0 8px 34px; font-size:.84rem; color:#8E3A48; }
.eott .bk-soon-t a{ color:#7A2E3B; font-weight:600; text-decoration:underline; text-underline-offset:2px; }

/* ===== v64.1 (29.09.2026): Auf den neuen Seiten (Rahmen .eott-home.op) nur die neue Leiste –
   die weinrote Theme-Kopfzeile bleibt auf Shop, Warenkorb, Kasse und älteren Seiten ===== */
body:has(.eott-home.op) .tc-header, body:has(.eott-home.op) #tc-sn, body:has(.eott-home.op) .header-skin-dark.tc-header{ display:none !important; }
body:has(.eott-home.op) #tc-page-wrap, body:has(.eott-home.op) .tc-header-placeholder{ padding-top:0 !important; margin-top:0 !important; }
body:has(.eott-home.op) .page-breadcrumbs{ display:none !important; }
/* ===== v64.2 (29.09.2026): Cookie-Leiste am Handy – Complianz schiebt sie mobil mit
   translateX(-50%) nach links; unsere Leiste steht fest mit left:0, daher Verschiebung aus ===== */
.cmplz-cookiebanner.cmplz-bottom, .cmplz-cookiebanner.cmplz-bottom-left, .cmplz-cookiebanner.cmplz-bottom-right{ transform:none !important; }
/* ===== v64.3 (29.09.2026): „Wähle deinen Weg“ – Zielgruppe als leichtes Band über die volle Kartenbreite
   (Garlef: Auftanken für alle · Begegnungszeit für Einzelpersonen · Zweisamkeit für Paare hervorheben,
   gleiche Höhe und Breite in allen drei Karten, Farbe passend zum Kasten) ===== */
.eott-home .op-door .op-kind{ align-self:stretch; display:flex !important; align-items:center; justify-content:center; box-sizing:border-box; width:auto; margin:4px -22px 8px !important; padding:9px 16px; min-height:38px; font-size:.7rem; letter-spacing:.09em; line-height:1.3; text-align:center !important; border-top:1px solid; border-bottom:1px solid; }
.eott-home .op-door.n .op-kind{ background:rgba(255,255,255,.42); border-color:rgba(138,62,38,.22); color:#8A3E26; }
.eott-home .op-door.b .op-kind{ background:rgba(255,255,255,.38); border-color:rgba(110,58,8,.22); color:#6E3A08; }
.eott-home .op-door.p .op-kind{ background:rgba(255,255,255,.09); border-color:rgba(212,175,120,.38); color:var(--gold-light); }
/* mittlere Breiten: Karten schmal, eine Zeile bricht um → alle drei Bänder gleich hoch */
@media (min-width:821px) and (max-width:1100px){ .eott-home .op-door .op-kind{ min-height:52px; } }
/* „WOCHENENDE“ brach in der Eure-Insel-Karte in zwei Zeilen */
.eott-home .op-door3 > span{ grid-template-columns:96px 1fr; }
.eott-home .op-door3 i{ letter-spacing:.05em; }
@media (min-width:821px) and (max-width:1100px){ .eott-home .op-door3 > span{ grid-template-columns:minmax(0,1fr); gap:0; } .eott-home .op-door3{ gap:8px; } .eott-home .op-door{ padding-left:18px; padding-right:18px; } .eott-home .op-door .op-kind{ margin-left:-18px !important; margin-right:-18px !important; } }
/* ===== v64.3 (29.09.2026): Warenkorb-Symbol in der Leiste (Garlef) – Punkt in Gold, sobald etwas im Korb liegt ===== */
.eott-home .op-pill.k{ position:relative; background:#fff; color:var(--wine-dark) !important; border:1px solid var(--gold-light); padding:0 9px; }
.eott-home .op-pill.k svg{ color:var(--wine-dark); }
.eott-home .op-pill.k .dot{ position:absolute; top:3px; right:3px; width:9px; height:9px; border-radius:50%; background:var(--sun); box-shadow:0 0 0 2px #fff; display:none; }
.eott-home .op-pill.k.voll .dot{ display:block; }
@media (max-width:760px){ .eott-home .op-pill.k{ padding:0 7px; } }
@media (max-width:380px){ .eott-home .op-pill.k{ padding:0 6px; } }
/* Handy: Platz reicht nicht für fünf Knöpfe + Menü → dort ersetzt der Korb das Auge „Tantra erklärt“ (steht weiter im Menü) */
@media (max-width:760px){ .eott-home .op-bar .op-pill.x{ display:none; } }
@media (max-width:380px){ .eott-home .op-pill.k svg{ display:block !important; } }
@media (max-width:340px){ .eott-home .op-bar{ gap:2px; } .eott-home .op-pill:not(.k){ padding:0 6px; font-size:10px; } }
/* ===== v66 (29.09.2026): dringende Korrekturen (Garlef) ===== */
/* 1 · Mitlaufende Leiste tiefer: oben am Rand (Safari/iPhone: Statusleiste, Tipp-Geste „nach oben“) schlecht anklickbar */
.eott-home .op-bar{ top:calc(20px + env(safe-area-inset-top, 0px)) !important; }
@media (max-width:760px){ .eott-home .op-bar{ top:calc(18px + env(safe-area-inset-top, 0px)) !important; } }
body.admin-bar .eott-home .op-bar{ top:52px !important; }
@media (max-width:782px){ body.admin-bar .eott-home .op-bar{ top:64px !important; } }
/* 2 · Zitate: das Theme setzt vor jedes <blockquote> ein dunkles Icon-Anführungszeichen (\e808), das mitten im Text hängt → aus.
   Gewollte Zierzeichen (.op-qmark in den Stimmen-Karten) sind eigene Elemente und bleiben. */
.eott-home blockquote::before, .eott-home blockquote::after{ content:none !important; display:none !important; }
/* 3 · Theme-Nummerierung „1. 2. 3.“ bzw. „0.1.“ vor eigenen Listen (Nähe & Intimität, Ablauf, Termin-Listen) → aus */
.eott-home ol.op-ways > li::before, .eott-home ol.flc-leg > li::before, .eott-home ol.op-tl > li::before{ content:none !important; display:none !important; }
/* 4 · Nächste Termine: Tür-Zeichen so groß wie das Fernglas (42 px) */
.eott-home .op-date:not(.a) > .op-ico{ width:42px; height:42px; padding:8px; box-sizing:border-box; }
.eott-home .op-date{ grid-template-columns:44px 200px minmax(0,1fr) auto; }
@media (max-width:820px){ .eott-home .op-date{ grid-template-columns:42px minmax(0,1fr); } }
/* 5 · „Wer dich begleitet“: Berufszeile nicht mehr fett – wie der Untertitel oben („Angeleitete Nachmittage …“) */
.eott-home .gm2-role{ font-weight:400 !important; color:#2E2420 !important; line-height:1.6; }
/* 6 · Zeile ganz unten („© … Alle Rechte vorbehalten“) war hellgold auf fast weißem Grund → siehe Punkt 9 (Rosé-Creme, gut lesbar) */
/* Newsletter-Zustimmung in der Fußzeile: keine gesperrte Fettschrift */
#footer .eott-nl .nl-check p{ letter-spacing:normal !important; font-weight:400 !important; }
@media (max-width:820px){ .eott-home .op-date:not(.a) > .op-ico{ width:38px; height:38px; padding:7px; } .eott-home .op-date{ grid-template-columns:40px minmax(0,1fr); } }
/* 7 · Ablauf-Kasten: „insgesamt 3 Std.“ größer und gut lesbar (Garlef) */
.eott-home .flc-sum{ display:block; margin-top:10px; font-size:.95rem; font-weight:600; color:var(--wine-dark); }
/* 8 · Stimmen-Karten: Zitate nicht fett (das Theme macht jedes blockquote 600) – normale Stärke, Lora kursiv bleibt */
.eott-home .op-quote blockquote{ font-weight:400 !important; }
/* 9 · Fuß- und Kopfzeile in „A · Rosé-Creme“ (Garlef 29.09.2026): weicher, hell, Weinrot bleibt „Eure Insel“ vorbehalten */
#footer.footer__wrapper{ background:linear-gradient(180deg,#F6E7E3 0%,#F2E9DD 100%) !important; color:#5C1E28; border-top:3px solid #D4AF78; }
#footer .widget, #footer .widget p, #footer .widget li{ color:#5C1E28; }
#footer .widget-title, #footer .eott-footer-col h4{ color:#7A2E3B; }
#footer a{ color:#5C1E28; border-bottom-color:rgba(184,134,59,.5); } #footer a:hover{ color:#7A2E3B; border-bottom-color:#7A2E3B; }
#footer .eott-footer-col .brand{ color:#7A2E3B; } #footer .eott-footer-col .tagline{ color:#B8863B; } #footer .eott-footer-col .muted{ color:#8A6A60; }
#footer a.eott-footer-btn{ background:#7A2E3B; border-color:#7A2E3B; color:#FBF6F0; } #footer a.eott-footer-btn:hover{ background:#5C1E28; border-color:#5C1E28; color:#FBF6F0; }
#footer .eott-nl .nl-in{ background:#fff !important; color:#2E2420 !important; border:1px solid #D4AF78 !important; } #footer .eott-nl .nl-in::placeholder{ color:#9A8478 !important; }
#footer .eott-nl .nl-check, #footer .eott-nl .nl-check p{ color:#6B5048 !important; } #footer .eott-nl .nl-check a{ color:#5C1E28 !important; border-bottom-color:#B8863B !important; }
#footer .eott-nl p.nl-note{ color:#8A6A60 !important; } #footer .eott-nl .nl-btn{ background:#FDB016 !important; color:#5C1E28 !important; }
#footer #colophon.colophon{ background:#EADCCD !important; border-top:1px solid rgba(184,134,59,.3); }
#footer #colophon p, #footer #colophon a, #footer #colophon span{ color:#6B3A40 !important; } #footer #colophon a:hover{ color:#7A2E3B !important; } #footer #colophon .social-icon{ color:#7A2E3B !important; }
/* Kopfzeile (nur noch auf Shop, Warenkorb, Kasse und älteren Seiten) */
body .tc-header, body .tc-header .topbar-navbar__wrapper, body .tc-header .topbar-navbar, body .tc-header .primary-navbar__wrapper, body .tc-header .primary-navbar, body .tc-header .mobile-navbar__wrapper, body .tc-header .mobile-navbar, body .tc-header .navbar-wrapper, body .tc-header .branding__container, body .tc-header .header-search__container, body .tc-header .search-form__container{ background:#F6E7E3 !important; background-image:none !important; }
body .tc-header .topbar-navbar__wrapper{ background:#F2E9DD !important; }
body .tc-header{ border-bottom:3px solid #D4AF78 !important; box-shadow:0 10px 26px -20px rgba(92,30,40,.45) !important; }
body .tc-header, body .tc-header a, body .tc-header .nav__link, body .tc-header .nav__title, body .tc-header .navbar-brand-sitename, body .tc-header a.navbar-brand-sitename, body .tc-header .navbar-brand-sitename span, body .tc-header .social-icon, body .tc-header .woocart, body .tc-header .icn-search, body .tc-header .icn-down-small, body .tc-header .icn-up-small, body .tc-header button, body .tc-header .czr-collapsed{ color:#5C1E28 !important; }
body .tc-header .header-tagline, body .tc-header .site-description{ color:#B8863B !important; }
body .tc-header a:hover, body .tc-header .nav__link:hover, body .tc-header .nav__link:hover .nav__title, body .tc-header .social-icon:hover, body .tc-header .woocart:hover, body .tc-header .icn-search:hover{ color:#B8863B !important; }
body .tc-header .czr-underline::after, body .tc-header .nav__link::after, body .tc-header .current-menu-item > .nav__link::after{ background-color:#FDB016 !important; }
body .tc-header .ham-toggler-menu .line, body .tc-header .ham__navbar-span-wrapper .line, body .tc-header .navbar-toggler .line{ background-color:#5C1E28 !important; }
body .tc-header .dropdown-menu, body .tc-header .sub-menu, body .tc-header .mobile-nav__menu, body .tc-header .nav__container, body .tc-header .czr-dropdown-submenu .dropdown-menu{ background-color:#FBF6F0 !important; }
body .tc-header .dropdown-menu a, body .tc-header .sub-menu a, body .tc-header .mobile-nav__menu a, body .tc-header .dropdown-menu .nav__title, body .tc-header .mobile-nav__menu .nav__title{ color:#5C1E28 !important; }
body .tc-header .dropdown-menu li:hover > a, body .tc-header .mobile-nav__menu li:hover > a, body .tc-header .dropdown-menu a:hover, body .tc-header .mobile-nav__menu a:hover{ color:#7A2E3B !important; background-color:rgba(253,176,22,.14) !important; }
body .tc-header .dropdown-menu li.current-menu-item > a, body .tc-header .mobile-nav__menu li.current-menu-item > a{ color:#B8863B !important; }
body .tc-header input[type="search"], body .tc-header .search-form input{ background:#fff !important; color:#2E2420 !important; border-color:#D4AF78 !important; }
body .tc-header input[type="search"]::placeholder{ color:#9A8478 !important; }
/* ===== v67 (29.09.2026): Mitlaufende Leiste größer, mehr Luft, Zeichen besser sichtbar (Garlef) ===== */
.eott-home .op-bar{ gap:10px; padding:8px 9px; }
.eott-home .op-pill{ height:46px; padding:0 18px 0 12px; gap:9px; font-size:1rem; }
.eott-home .op-pill svg{ width:28px; height:28px; }
.eott-home .op-pill.x, .eott-home .op-pill.k{ padding:0 13px; }
.eott-home .op-bar .op-menu > summary{ min-height:46px; padding:0 18px; font-size:1rem; }
.eott-home .op-bar .op-menu nav{ top:56px; }
.eott-home .op-pill.k .dot{ top:5px; right:5px; width:10px; height:10px; }
/* Tablet: etwas kompakter */
@media (max-width:1100px) and (min-width:761px){ .eott-home .op-pill{ height:42px; padding:0 13px 0 9px; font-size:.92rem; } .eott-home .op-pill svg{ width:25px; height:25px; } .eott-home .op-bar .op-menu > summary{ min-height:42px; } }
/* Handy: Zeichen groß über dem Wort – mehr Fläche zum Tippen, gleiche Breite */
@media (max-width:760px){
  .eott-home .op-bar{ gap:4px; padding:5px; }
  .eott-home .op-pill{ flex-direction:column; justify-content:center; height:54px; min-width:0; padding:3px 9px 4px; gap:2px; font-size:10.5px; line-height:1.1; border-radius:18px; }
  .eott-home .op-pill svg{ width:26px; height:26px; display:block !important; }
  .eott-home .op-pill.k{ padding:3px 10px; } .eott-home .op-pill.k svg{ width:26px; height:26px; }
  .eott-home .op-bar .op-menu > summary{ min-height:54px; padding:0 12px; border-radius:18px; }
  .eott-home .op-bar .op-menu > summary .ico{ font-size:1.35rem; }
  .eott-home .op-bar .op-menu nav{ top:64px; }
  .eott-home .op-pill.k .dot{ top:4px; right:4px; }
}
@media (max-width:380px){ .eott-home .op-pill{ padding:3px 6px 4px; font-size:10px; } .eott-home .op-pill:not(.x) svg{ display:block !important; } .eott-home .op-bar .op-menu > summary{ padding:0 9px; } }
@media (max-width:340px){ .eott-home .op-pill{ padding:3px 4px 4px; font-size:9.5px; } .eott-home .op-pill svg{ width:22px; height:22px; } }
/* Handy: Menü-Knopf nur als Zeichen (wie der Korb), damit die drei Türen Platz haben */
@media (max-width:760px){ .eott-home .op-bar .op-menu > summary{ font-size:0 !important; gap:0; } }
@media (max-width:340px){ .eott-home .op-pill{ font-size:9px; } }
/* Nächste Termine: Fernglas bündig unter den anderen Zeichen (vorher 4 px nach links versetzt) */
.eott-home .op-date.a > .op-ico{ margin-left:0 !important; }
/* „Wähle deinen Weg“: Band in der Eure-Insel-Karte deutlich heller – mehr Kontrast, wie beim Heimathafen */
.eott-home .op-door.p .op-kind{ background:#F6E7E3 !important; border-color:rgba(212,175,120,.75) !important; color:#7A2E3B !important; }
/* ===== v68 (29.09.2026): Quellenangaben ohne Theme-Strich – Customizr setzt vor jedes <cite> eine 2,5-em-Linie und rückt den Text ein ===== */
.eott-home cite::before, .eott-page cite::before{ content:none !important; display:none !important; }
.eott-home cite, .eott-page cite{ padding-left:0 !important; position:static !important; }
/* ===== v69 (29.09.2026): Leiste „gläsern“ (Garlef wählt C, noch leichter): kein Rahmen, zart durchschimmernd mit Unschärfe ===== */
.eott-home .op-bar{ background:rgba(251,246,240,.32) !important; border:0 !important; box-shadow:0 8px 26px -18px rgba(92,30,40,.28) !important; -webkit-backdrop-filter:blur(12px) saturate(1.15) !important; backdrop-filter:blur(12px) saturate(1.15) !important; }
/* ===== v70 (29.09.2026): Heimathafen-Foto so gerahmt, dass beide Menschen ganz im Bild sind und der Balken nicht in der Mitte steht ===== */
.eott-home .hafen .ins-side-img img{ object-position:35% 50% !important; }
@media (max-width:820px){ .eott-home .hafen .ins-side-img img{ object-position:36% 63% !important; } }
/* Termine-Knopf · Fassung 2 „hell leuchtend“ (Garlef): Sonnengold mit Lichtkranz, größer, mehr Abstand zum Rand */
.eott-home .op-fab, .eott-home .op-fab.t4{ right:30px !important; bottom:30px !important; font-size:1.08rem !important; font-weight:600 !important; padding:17px 32px 17px 22px !important; gap:12px; background:linear-gradient(145deg,#FFD66E,#FDB016 60%,#F2A007) !important; color:#3A2B25 !important; border:0 !important; box-shadow:0 0 0 6px rgba(253,176,22,.22), 0 0 34px 6px rgba(253,176,22,.45), 0 14px 28px -12px rgba(201,138,18,.8) !important; }
.eott-home .op-fab::before, .eott-home .op-fab.t4::before{ width:14px !important; height:14px !important; background:#fff !important; box-shadow:0 0 12px 4px rgba(255,255,255,.95) !important; }
@media (max-width:760px){ .eott-home .op-fab, .eott-home .op-fab.t4{ right:18px !important; bottom:calc(20px + env(safe-area-inset-bottom,0px)) !important; font-size:1rem !important; padding:15px 26px 15px 18px !important; } }
/* ===== v71 (29.09.2026): Heimathafen-Foto 2632 (Garlef) – Ausschnitt auf die kniende Person ===== */
.eott-home .hafen .ins-side-img img{ object-position:45% 50% !important; }
@media (max-width:820px){ .eott-home .hafen .ins-side-img img{ object-position:50% 92% !important; } }
/* ===== v72 (29.09.2026): Buchungsfenster „klar und entschlossen“ (Garlef): eine Schrift, große Preise, gewählter Preis kräftig markiert, weniger Kleingedrucktes ===== */
.eott-home .v-modal .v-win, .eott-home .v-modal .v-win *{ letter-spacing:normal !important; text-transform:none !important; }
.eott-home .v-modal label, .eott-home .v-modal label *, .eott-home .v-modal .bk-row *{ font-family:Poppins,sans-serif !important; }
.eott-home .v-modal .v-k{ font-size:.72rem !important; letter-spacing:.12em !important; text-transform:uppercase !important; }
.eott-home .v-modal .bk-hint{ font-size:.92rem !important; color:#3A2B25 !important; }
.eott-home .v-modal .bk-row{ padding:14px 16px !important; border-radius:16px !important; align-items:center; }
.eott-home .v-modal .bk-row b{ font-size:1.08rem !important; font-weight:600 !important; color:#3A2B25 !important; }
.eott-home .v-modal .bk-row small{ display:block; font-size:.88rem !important; font-weight:400 !important; color:#6B5A50 !important; margin-top:2px; }
.eott-home .v-modal .bk-row .bk-p{ font-family:Poppins,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#5C1E28 !important; }
.eott-home .v-modal .bk-box{ width:24px !important; height:24px !important; border-radius:7px !important; }
.eott-home .v-modal .bk-st{ gap:10px !important; }
.eott-home .v-modal .bk-st label{ padding:14px 6px !important; border-radius:14px !important; border:1.5px solid #E3D3BF !important; background:#fff !important; gap:4px; }
.eott-home .v-modal .bk-st label b{ font-family:Poppins,sans-serif !important; font-size:1.35rem !important; font-weight:600 !important; color:#3A2B25 !important; line-height:1.15; }
.eott-home .v-modal .bk-st label small{ font-size:.86rem !important; font-weight:500 !important; color:#5C1E28 !important; }
.eott-home .v-modal .bk-st label small.pct{ display:none !important; }
.eott-home .v-modal .bk-st label:has(input:checked){ background:#FDB016 !important; border-color:#E39A12 !important; box-shadow:0 8px 18px -10px rgba(201,138,18,.9) !important; }
.eott-home .v-modal .bk-st label:has(input:checked) b, .eott-home .v-modal .bk-st label:has(input:checked) small{ color:#3A2B25 !important; }
.eott-home .v-modal .bk-soon .bk-row b{ color:#9A8478 !important; }
.eott-home .v-modal .bk-sum{ font-size:1rem !important; }
.eott-home .v-modal .bk-sum b, .eott-home .v-modal .bk-sum strong{ font-family:Poppins,sans-serif !important; font-size:1.4rem !important; font-weight:700 !important; }
.eott-home .v-modal .v-go{ font-size:1.1rem !important; padding:18px !important; }
/* ===== v74 (29.09.2026): Goldene Stimmung über die volle Breite (Häufige Fragen, Tantra erklärt) · Über mich in Rosé-Creme und zartem Grün (Garlef) ===== */
body:has(.eott-home.op), body:has(.eott-page){ background:#FBF6F0 !important; }
.eott-home .ex-hero{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; box-sizing:border-box; border-radius:0 !important; background:linear-gradient(180deg,#FFEDC4 0%,#FFF2D6 34%,#FDF3E2 64%,#FBF6F0 100%) !important; padding-bottom:120px !important; margin-bottom:0 !important; }
@media (max-width:760px){ .eott-home .ex-hero{ padding-bottom:84px !important; } }
/* Über mich */
.eott-page .lk-sec.alt{ background:linear-gradient(180deg,#F6E7E3 0%,#F9EEE9 55%,#FBF6F0 100%) !important; }
.eott-page .lk-feature{ background:linear-gradient(180deg,#EDF4E8 0%,#F5F9F1 100%) !important; border-color:#CFE0C6 !important; box-shadow:0 22px 44px -32px rgba(47,91,52,.35) !important; }
.eott-page .lk-feature .eyebrow{ color:#4E7A48 !important; }
.eott-page .lk-feature .lk-timeline li{ border-color:#D9E6D2 !important; }
.eott-page .lk-stage{ background:linear-gradient(180deg,#F6E7E3 0%,#FBF1EC 100%) !important; border-color:#E9C9C0 !important; }
/* Shop: Zeichen je Bereich auf den Karten (nur Zeichen, keine Bereichsnamen im Titel – Garlef), ~20 % größer */
.woocommerce ul.products li.product{ position:relative; }
.woocommerce ul.products li.product.product_cat-heimathafen::after{ content:""; position:absolute; top:10px; left:10px; z-index:3; width:56px; height:56px; border-radius:50%; border:2px solid #fff; box-shadow:0 6px 14px -6px rgba(92,30,40,.55); background:#F5C09E url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%235C1E28%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%229.5%22%20r%3D%223.8%22%2F%3E%3Cpath%20d%3D%22M24%2013.5V40%22%2F%3E%3Cpath%20d%3D%22M16%2019.5h16%22%2F%3E%3Cpath%20d%3D%22M9.5%2028.5c0%207.2%206.5%2011.5%2014.5%2011.5s14.5-4.3%2014.5-11.5%22%2F%3E%3Cpath%20d%3D%22M6.5%2031.5l3-3%203%203%22%2F%3E%3Cpath%20d%3D%22M35.5%2031.5l3-3%203%203%22%2F%3E%3C%2Fsvg%3E") center/34px 34px no-repeat; pointer-events:none; }
.woocommerce ul.products li.product.product_cat-leinen-los::after{ content:""; position:absolute; top:10px; left:10px; z-index:3; width:56px; height:56px; border-radius:50%; border:2px solid #fff; box-shadow:0 6px 14px -6px rgba(92,30,40,.55); background:#FDB016 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%235C1E28%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M23%207v27%22%2F%3E%3Cpath%20d%3D%22M26%2010l12%2021H26z%22%2F%3E%3Cpath%20d%3D%22M20%2014l-9%2017h9%22%2F%3E%3Cpath%20d%3D%22M8%2035h32l-4%205H12z%22%2F%3E%3C%2Fsvg%3E") center/34px 34px no-repeat; pointer-events:none; }
.woocommerce ul.products li.product.product_cat-eure-insel::after{ content:""; position:absolute; top:10px; left:10px; z-index:3; width:56px; height:56px; border-radius:50%; border:2px solid #fff; box-shadow:0 6px 14px -6px rgba(92,30,40,.55); background:#7A2E3B url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23FBF6F0%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2035c5-5%2025-5%2030%200%22%2F%3E%3Cpath%20d%3D%22M19%2033c0-6%201-11%205-15%22%2F%3E%3Cpath%20d%3D%22M29%2033c0-6-1-11-5-15%22%2F%3E%3Cpath%20d%3D%22M24%2018c-3-3-8-3-11%200%22%2F%3E%3Cpath%20d%3D%22M24%2018c3-3%208-3%2011%200%22%2F%3E%3Cpath%20d%3D%22M24%2018c0-4%202-7%205-8%22%2F%3E%3Cpath%20d%3D%22M24%2018c0-4-2-7-5-8%22%2F%3E%3Cpath%20d%3D%22M5%2041c3-2%206-2%209%200s6%202%209%200%206-2%209%200%206%202%209%200%22%2F%3E%3C%2Fsvg%3E") center/34px 34px no-repeat; pointer-events:none; }
/* ===== v75 (29.09.2026): Heimathafen – Hinweis „Neue Termine erscheinen im Oktober“ statt Buchungsknopf ===== */
.eott-home .v-soon-note{ margin:14px 0 0; padding:16px 18px; border-radius:16px; background:linear-gradient(180deg,#FFF6E4,#FDEFD6); border:1px solid #F0D6A4; text-align:center; color:#3A2B25; }
.eott-home .v-soon-note b{ display:block; font-size:1.02rem; font-weight:600; color:#5C1E28; }
.eott-home .v-soon-note small{ display:block; margin-top:6px; font-size:.86rem; color:#6B5A50; }
.eott-home .v-soon-note a{ color:#5C1E28; font-weight:600; border-bottom:2px solid #FDB016; text-decoration:none; }
/* ===== v76 (29.09.2026): Neue Leiste auf allen übrigen Seiten (Plugin setzt .eott-bar-only ein) – Platz oben, damit nichts unter der Leiste verschwindet ===== */
.eott-bar-only{ height:0; margin:0 !important; padding:0 !important; background:transparent !important; }
body.eott-leiste #main-wrapper{ padding-top:96px !important; }
@media (max-width:760px){ body.eott-leiste #main-wrapper{ padding-top:88px !important; } }
body.eott-leiste .page-breadcrumbs, body.eott-leiste .breadcrumb-trail, body.eott-leiste .woocommerce-breadcrumb{ display:none !important; }
/* ===== v77 (29.09.2026): Kein Rand über dem Seitenkopf – das Theme gibt dem Inhaltsbereich 30 px Abstand oben; auf den neuen Seiten beginnt der Kopf ganz oben ===== */
body:has(.eott-home.op:not(.eott-bar-only)) #main-wrapper .container{ margin-top:0 !important; }
body:has(.eott-home.op:not(.eott-bar-only)) #main-wrapper, body:has(.eott-home.op:not(.eott-bar-only)) .column-content-wrapper, body:has(.eott-home.op:not(.eott-bar-only)) #content{ padding-top:0 !important; margin-top:0 !important; }
/* die 30 px wandern nach innen – Luft zwischen Leiste und Überschrift bleibt */
.eott-home .ex-hero{ padding-top:116px !important; }
.eott-home .op-subhero{ padding-top:114px !important; }
.eott-home header.op-hero:not(.op-subhero){ padding-top:100px !important; }
@media (max-width:760px){ .eott-home .ex-hero{ padding-top:106px !important; } .eott-home .op-subhero{ padding-top:108px !important; } .eott-home header.op-hero:not(.op-subhero){ padding-top:100px !important; } }
/* ===== v78 (29.09.2026): Heimathafen – Newsletter-Eintrag direkt im Hinweis „Neue Termine erscheinen im Oktober“ (Garlef) ===== */
.eott-home .v-soon-note .v-soon-nl{ display:grid; gap:8px; margin-top:12px; text-align:left; }
.eott-home .v-soon-note .v-soon-in{ width:100%; box-sizing:border-box; padding:11px 14px; border:1px solid #E3C98F; border-radius:24px; background:#fff; font:inherit; font-size:.92rem; color:#2E2420; }
.eott-home .v-soon-note .v-soon-ok{ display:flex; gap:8px; align-items:flex-start; font-size:.76rem; line-height:1.45; color:#6B5A50; cursor:pointer; }
.eott-home .v-soon-note .v-soon-ok input{ margin:2px 0 0; width:16px; height:16px; accent-color:#7A2E3B; flex:none; }
.eott-home .v-soon-note .v-soon-ok a{ border-bottom-width:1px; }
.eott-home .v-soon-note .v-soon-btn{ padding:11px 18px; border:0; border-radius:24px; background:#FDB016; color:#3A2B25; font:inherit; font-weight:600; font-size:.95rem; cursor:pointer; box-shadow:0 8px 18px -10px rgba(201,138,18,.9); }
.eott-home .v-soon-note .v-soon-btn:hover{ background:#F2A007; }
.eott-home .v-soon-note .v-soon-hint{ font-size:.72rem; color:#8A7A70; text-align:center; }
.eott-home .v-soon-note .v-soon-nl, .eott-home .v-soon-note .v-soon-nl *{ font-family:Poppins,sans-serif !important; letter-spacing:normal !important; text-transform:none !important; }
.eott-home .v-soon-note .v-soon-ok, .eott-home .v-soon-note .v-soon-ok span{ font-weight:400 !important; font-size:.78rem !important; }
.eott-home .v-soon-note .v-soon-btn{ font-weight:600 !important; font-size:.98rem !important; }
/* ===== v79 (29.09.2026): Fußzeile – dünner Streifen oben in frischem Grün statt Goldbeige; unterste Zeile („© … Alle Rechte vorbehalten“) im zarten Grün vom Werdegang (Garlef) ===== */
#footer.footer__wrapper{ border-top:4px solid #7DB46C !important; }
#footer #colophon.colophon{ background:linear-gradient(180deg,#EDF4E8 0%,#E3EEDB 100%) !important; border-top:1px solid #CFE0C6 !important; }
#footer #colophon p, #footer #colophon a, #footer #colophon span{ color:#2F5B34 !important; }
#footer #colophon a:hover{ color:#4E7A48 !important; }
#footer #colophon .social-icon{ color:#4E7A48 !important; }
/* ===== v80 (29.09.2026): Start-Knopf ganz links in der Leiste · Fußzeile in warmem Orange statt Grün – dünner Verlaufsstreifen wie der Rahmen um Garlefs Foto, unterste Zeile zart orange (Garlef) ===== */
.op-pill.h{ background:#fff; color:var(--wine-dark) !important; border:1px solid var(--gold-light); }
.op-pill.h svg{ color:var(--wine-dark); }
.op-pill.h:hover{ border-color:var(--sun); }
@media (max-width:760px){ .op-bar .op-pill.h{ padding:3px 7px 4px; } }
@media (max-width:380px){ .op-bar .op-pill.h svg{ display:block !important; } }
#footer.footer__wrapper{ border-top:3px solid #F7A541 !important; border-image:linear-gradient(90deg,rgba(253,176,22,.15) 0%,#FDB016 22%,#F58A2C 50%,#FDB016 78%,rgba(253,176,22,.15) 100%) 1 !important; }
#footer #colophon.colophon{ background:linear-gradient(180deg,#FFF4E4 0%,#FDE8CC 100%) !important; border-top:1px solid #F6D6A8 !important; }
#footer #colophon p, #footer #colophon a, #footer #colophon span{ color:#5C1E28 !important; }
#footer #colophon a:hover{ color:#B8641A !important; }
#footer #colophon .social-icon{ color:#B8641A !important; }
/* ===== v83 (29.09.2026): Mehr Luft zwischen „Warum Menschen … kommen“ und den Punkten (Garlef, Heimathafen – gilt für das Band auf allen Angebotsseiten) ===== */
.eott-home .ins-warum-band .op-q{ margin-bottom:26px !important; }
@media (max-width:760px){ .eott-home .ins-warum-band .op-q{ margin-bottom:20px !important; } }
/* ===== v85 (29.09.2026): Kacheln „Was ihr bekommt“ – lange Wörter nicht mitten im Wort brechen (Trennstriche statt „Verehrungsritua-l“) ===== */
.eott-home .wbx .wb-t, .eott-home .wbx .wb-kw li{ overflow-wrap:normal !important; word-break:normal !important; -webkit-hyphens:manual; hyphens:manual; }
/* ===== v88 (29.09.2026): Fußzeile – v86 zurückgenommen (Garlef: Slogan wieder sanft, nicht fett; Marke weinrot wie die anderen Überschriften). „Eye of the Tantra“ auf gleicher Höhe wie „Kontakt“, „Infos“, „Newsletter“. „Jetzt buchen“ in leichterem, leicht transparentem Rot mit sanftem Verlauf ===== */
#footer .eott-footer-col a.eott-footer-btn{ background:linear-gradient(180deg,rgba(168,74,88,.72) 0%,rgba(122,46,59,.86) 100%) !important; border:1px solid rgba(122,46,59,.25) !important; color:#FBF6F0 !important; box-shadow:0 10px 22px -12px rgba(92,30,40,.45); transition:background .2s, box-shadow .2s; }
#footer .eott-footer-col a.eott-footer-btn:hover, #footer .eott-footer-col a.eott-footer-btn:focus-visible{ background:linear-gradient(180deg,rgba(150,60,74,.88) 0%,#7A2E3B 100%) !important; color:#FBF6F0 !important; box-shadow:0 12px 24px -12px rgba(92,30,40,.55); }
/* ===== v90 (29.09.2026): Fußzeile – „Jetzt buchen“ im Sand der „Gute Gründe“ mit etwas mehr Grün (leichter Farbtupfer unten links); „Your Heart Space · In Touch with Magic“ in Orange mit Verlauf wie der Rahmen um Garlefs Foto, weiter sanft (nicht fett) (Garlef) ===== */
#footer .eott-footer-col .tagline{ background:linear-gradient(90deg,#E39A12 0%,#EE8A1F 50%,#E0701E 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#E0821A !important; font-weight:400 !important; display:inline-block; }
/* ===== v91 (29.09.2026): Aufgeklapptes Menü oben rechts im Farbton der Stimmen (Startseite) – Creme → Rosé mit ganz leichtem Übergang (Garlef) ===== */
.eott-home .op-menu nav{ background:linear-gradient(180deg,#FDF8F3 0%,#F9EEE7 50%,#F4E1DA 100%) !important; border:1px solid #F0DCD5 !important; box-shadow:0 22px 44px -22px rgba(142,58,72,.45) !important; }
.eott-home .op-menu nav a:hover{ background:rgba(255,255,255,.65) !important; }
.eott-home .op-menu nav hr{ border-top-color:#EBCFC6 !important; }
/* ===== v92 (29.09.2026): Fußzeile – „Eye of the Tantra“ wieder an der alten Stelle (Höhen-Regel aus v88 entfernt), „Jetzt buchen“ wieder im leichten, transparenten Rot aus v88 (grüne Fassung aus v90 entfernt); Slogan in Orange bleibt (Garlef) ===== */
/* ===== v93 (29.09.2026): Kontaktseite – Instagram-Karte wie E-Mail und Telefon (Bezeichnung über dem Namen, Name in einer Zeile) (Garlef) ===== */
.eott-page .lk-contact a{ display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:center !important; gap:6px; padding:18px 16px !important; min-height:96px; box-sizing:border-box; }
.eott-page .lk-contact a .k{ display:block !important; margin:0 !important; }
.eott-page .lk-contact a .v{ display:block; word-break:normal !important; overflow-wrap:normal !important; }
/* ===== v94 (29.09.2026): Logo in der Leiste ganz links neben „Start“ (am Handy trägt der Start-Knopf das Logo statt des Häuschens) · Fußzeile mit Logo vor „Eye of the Tantra“ · Fußzeile läuft mit leichtem Übergang in die unterste Zeile (Garlef) ===== */
.op-bar .op-logo{ flex:none; width:46px; height:46px; border-radius:50%; display:block; background:#fff; box-shadow:0 0 24px 7px rgba(253,176,22,.38); transition:box-shadow .2s, transform .2s; }
.op-bar .op-logo img{ width:100%; height:100%; object-fit:contain; border-radius:50%; display:block; }
.op-bar .op-logo:hover{ transform:scale(1.05); box-shadow:0 0 28px 9px rgba(253,176,22,.5); }
@media (max-width:760px){
  .op-bar .op-logo{ display:none !important; }
  .op-bar .op-pill.h svg{ display:none !important; }
  .op-bar .op-pill.h::before{ content:""; display:block; width:26px; height:26px; border-radius:50%; background:#fff url("https://eye-of-the-tantra.de/wp-content/uploads/2026/09/eye-of-the-tantra-logo.png") center/100% 100% no-repeat; box-shadow:0 0 12px 3px rgba(253,176,22,.38); }
}
#footer .eott-footer-col .brand img{ width:42px !important; height:42px !important; border-radius:50%; object-fit:contain; background:#fff; box-shadow:0 0 22px 6px rgba(253,176,22,.38); }
#footer.footer__wrapper{ background:linear-gradient(180deg,#F6E7E3 0%,#F4E8E0 55%,#FBEFE2 85%,#FFF4E4 100%) !important; }
#footer #colophon.colophon{ border-top:0 !important; }
/* ===== v95 (29.09.2026): Kontaktseite – Karten „E-Mail · Telefon · Instagram“ größer und stimmig wie auf den anderen Seiten (Zeichen im Goldkreis, Name nie zerrissen, bei wenig Platz untereinander) · Fußzeile „Jetzt buchen“ in der Optik des Logos: weiß mit Sonnenschein und kleinem Augen-Logo (Garlef) ===== */
.eott-page .lk-contact{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:18px !important; max-width:980px; margin:0 auto; }
.eott-page .lk-contact > a{ flex:1 1 250px; max-width:320px; }
.eott-page .lk-contact a{ padding:26px 18px 24px !important; min-height:150px; gap:8px; background:linear-gradient(180deg,#FFFDF9 0%,#FBF1EC 100%) !important; border:1px solid #F0DCD5 !important; border-top:3px solid var(--sun) !important; border-radius:18px !important; box-shadow:0 18px 36px -28px rgba(142,58,72,.45); text-decoration:none !important; }
.eott-page .lk-contact a::before{ content:""; display:block; width:48px; height:48px; border-radius:50%; background-color:#FFF3DC; background-repeat:no-repeat; background-position:center; background-size:26px 26px; box-shadow:0 0 0 1px #F6D6A8, 0 0 16px 3px rgba(253,176,22,.28); margin-bottom:4px; }
.eott-page .lk-contact a[href^="mailto"]::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%237A2E3B%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%2212%22%20width%3D%2234%22%20height%3D%2224%22%20rx%3D%224%22/%3E%3Cpath%20d%3D%22M8%2014l16%2012%2016-12%22/%3E%3C/svg%3E"); }
.eott-page .lk-contact a[href^="tel"]::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%237A2E3B%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%208h6l3%208-4%203a22%2022%200%200%200%2010%2010l3-4%208%203v6a4%204%200%200%201-4%204C22%2038%2010%2026%2010%2012a4%204%200%200%201%204-4z%22/%3E%3C/svg%3E"); }
.eott-page .lk-contact a[href*="instagram"]::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%237A2E3B%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%2230%22%20height%3D%2230%22%20rx%3D%229%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%227%22/%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2215%22%20r%3D%221.4%22/%3E%3C/svg%3E"); }
.eott-page .lk-contact .k{ font-size:.78rem !important; }
.eott-page .lk-contact .v{ font-size:1.12rem !important; white-space:nowrap; text-decoration:none !important; border-bottom:1px solid rgba(122,46,59,.25); padding-bottom:2px; }
.eott-page .lk-contact a:hover{ transform:translateY(-3px); box-shadow:0 22px 40px -26px rgba(142,58,72,.55); }
@media (max-width:380px){ .eott-page .lk-contact .v{ font-size:1rem !important; } }
#footer .eott-footer-col a.eott-footer-btn{ display:inline-flex !important; align-items:center; gap:10px; padding:8px 22px 8px 8px !important; background:linear-gradient(180deg,#FFFFFF 0%,#FFF6E6 100%) !important; border:1px solid #F6D6A8 !important; color:#7A2E3B !important; font-weight:600; box-shadow:0 0 22px 6px rgba(253,176,22,.30) !important; transition:box-shadow .2s, transform .2s; }
#footer .eott-footer-col a.eott-footer-btn::before{ content:""; width:30px; height:30px; flex:none; border-radius:50%; background:#fff url("https://eye-of-the-tantra.de/wp-content/uploads/2026/09/eye-of-the-tantra-logo.png") center/100% 100% no-repeat; }
#footer .eott-footer-col a.eott-footer-btn:hover, #footer .eott-footer-col a.eott-footer-btn:focus-visible{ background:linear-gradient(180deg,#FFFFFF 0%,#FFEFD2 100%) !important; color:#5C1E28 !important; box-shadow:0 0 28px 9px rgba(253,176,22,.45) !important; transform:translateY(-1px); }
/* ===== v96 (29.09.2026, Sammel-Chat): Handy-Leiste nur Zeichen (gleich groß) · Logo als Start auch am Desktop · „Warum …“-Listen mit Rand am Handy · Eure Insel „Wählt euren Rahmen“ am Handy untereinander · Ebenen-Reihe (Heimathafen drei, Leinen los vier mit Chili) · Leinen los fünf Wege · keine weißen Kästen bei den Wegen · Über mich grüner Übergang oben (Garlef) ===== */
@media (max-width:760px){
  .eott-home .op-bar .op-pill.n > span, .eott-home .op-bar .op-pill.b > span, .eott-home .op-bar .op-pill.p > span{ display:none !important; }
  .eott-home .op-bar .op-pill.n, .eott-home .op-bar .op-pill.b, .eott-home .op-bar .op-pill.p, .eott-home .op-bar .op-pill.k{ width:54px; min-width:54px; height:54px; padding:0 !important; justify-content:center; align-items:center; border-radius:18px; }
  .eott-home .op-bar .op-pill.n svg, .eott-home .op-bar .op-pill.b svg, .eott-home .op-bar .op-pill.p svg, .eott-home .op-bar .op-pill.k svg{ width:30px !important; height:30px !important; display:block !important; }
  .eott-home .op-bar .op-pill.h{ height:54px; }
  .eott-home .op-bar{ gap:6px; }
}
@media (max-width:360px){
  .eott-home .op-bar .op-pill.n, .eott-home .op-bar .op-pill.b, .eott-home .op-bar .op-pill.p, .eott-home .op-bar .op-pill.k{ width:48px; min-width:48px; height:48px; }
  .eott-home .op-bar .op-pill.h{ height:48px; }
  .eott-home .op-bar{ gap:4px; }
}
@media (min-width:761px){
  .op-bar .op-logo{ display:none !important; }
  .op-bar .op-pill.h svg{ display:none !important; }
  .op-bar .op-pill.h::before{ content:""; display:block; flex:none; width:32px; height:32px; border-radius:50%; background:#fff url("https://eye-of-the-tantra.de/wp-content/uploads/2026/09/eye-of-the-tantra-logo.png") center/100% 100% no-repeat; box-shadow:0 0 14px 4px rgba(253,176,22,.40); }
}
@media (max-width:760px){
  .eott-home .ins-warum-band > .ins-sec{ padding-left:20px !important; padding-right:20px !important; }
  .eott-home .ins-row{ grid-template-columns:minmax(0,1fr) !important; gap:6px !important; }
  .eott-home .ins-row .p{ white-space:normal; }
}
.eott-home .op-chili{ color:#D9482B; display:inline-flex; vertical-align:-.18em; margin-left:.25em; }
.eott-home .op-chili svg{ width:1.15em; height:1.15em; }
.eott-home .nz-drittel .op-way-ico.op-chili{ margin-left:auto; display:block; color:#D9482B; }
.eott-home .nz-drittel .op-way-ico.op-chili svg{ width:30px; height:30px; }
.eott-home .nz-drittel li{ background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border-color:#F0DCD5; }
.eott-home #nest .nz-drittel li{ background:linear-gradient(180deg,#F5F8F0 0%,#ECF2E4 100%); border-color:#D3E0C8; }
.eott-home #nest .nz-drittel .op-way-ico{ color:#5E7A52; }
.eott-home .nz-drittel li.spicy{ background:linear-gradient(180deg,#FFF6F2 0%,#FCE4DC 100%); border-color:#F2B8A8; }
.eott-home .nz-drittel li.flow{ background:linear-gradient(180deg,#FFFBF1 0%,#FFF0D2 100%); border-color:#F6D6A8; }
.eott-home .nz-drittel.nz-fuenf{ grid-template-columns:repeat(5,minmax(0,1fr)); }
@media (max-width:1100px){ .eott-home .nz-drittel.nz-fuenf{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px){ .eott-home .nz-drittel.nz-fuenf{ grid-template-columns:minmax(0,1fr); } }
.eott-home .op-ebenen{ margin:16px auto 4px; text-align:center; }
.eott-home .op-eb-t{ display:block; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:#8A6A3A; margin:0 0 8px; }
.eott-home .op-ebenen ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.eott-home .op-ebenen li{ display:inline-flex; align-items:center; gap:7px; margin:0; padding:5px 14px 5px 6px; border-radius:30px; font-size:.92rem; font-weight:600; line-height:1.2; color:var(--wine-dark); background:#FFF6EE; border:1px solid #F0DCD5; }
.eott-home .op-ebenen li::before{ content:none !important; }
.eott-home .op-eb-i{ flex:none; width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:#fff; }
.eott-home .op-eb-i svg{ width:19px; height:19px; }
.eott-home .op-ebenen.n li{ background:#EEF3E6; border-color:#D3E0C8; color:#3F5A3A; } .eott-home .op-ebenen.n .op-eb-i{ color:#5E7A52; }
.eott-home .op-ebenen.b li{ background:#FFF1D6; border-color:#F6D6A8; } .eott-home .op-ebenen.b .op-eb-i{ color:#B5741A; }
.eott-home .op-ebenen li.sp{ background:#FDE3DC !important; border-color:#F2B8A8 !important; color:#A3301B !important; } .eott-home .op-ebenen li.sp .op-eb-i{ color:#D9482B !important; }
.eott-home .op-ebenen li.leer{ background:transparent !important; border:1px dashed #CDBFAE !important; color:#B8A898 !important; padding-right:16px; }
.eott-home .op-ebenen li.leer .op-eb-i{ background:transparent; }
.eott-home .op-eb-vergleich{ display:grid; gap:10px; margin:6px 0 16px; }
.eott-home .op-eb-vergleich .op-ebenen{ display:flex; align-items:center; gap:12px; margin:0; text-align:left; }
.eott-home .op-eb-vergleich .op-eb-t{ min-width:118px; margin:0; font-family:Lora,serif; font-size:1rem; letter-spacing:0; text-transform:none; color:var(--wine-dark); }
.eott-home .op-eb-vergleich .op-ebenen ul{ justify-content:flex-start; }
@media (max-width:600px){ .eott-home .op-eb-vergleich .op-ebenen{ display:block; } .eott-home .op-eb-vergleich .op-eb-t{ margin:0 0 6px; } .eott-home .op-ebenen li{ font-size:.86rem; } }
/* v99: grüner Übergang auf Über mich zurückgenommen (Garlef) */
.eott-home svg.op-chili-i{ display:inline-block; width:1.15em; height:1.15em; color:#D9482B; vertical-align:-.2em; margin-left:.1em; }
.eott-home .op-door3 .op-d3t{ display:block; text-align:left !important; margin:0; padding:0; }
.eott-home .ex-tags{ max-width:1100px; margin:6px auto 30px; padding:0 16px; }
.eott-home .ex-tags ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:10px 12px; }
.eott-home .ex-tags li{ display:inline-flex; align-items:center; gap:9px; margin:0; padding:7px 18px 7px 7px; border-radius:40px; font-weight:600; font-size:.98rem; line-height:1.2; border:1px solid transparent; }
.eott-home .ex-tags li::before{ content:none !important; }
.eott-home .ex-tags .op-eb-i{ width:34px; height:34px; } .eott-home .ex-tags .op-eb-i svg{ width:22px; height:22px; }
.eott-home .ex-tags .t1{ background:#FBE3E6; border-color:#F0C3CA; color:#7A2E3B; } .eott-home .ex-tags .t1 .op-eb-i{ color:#B8606E; }
.eott-home .ex-tags .t2{ background:#FFEBD6; border-color:#F6CFA4; color:#7A3E12; } .eott-home .ex-tags .t2 .op-eb-i{ color:#C77A28; }
.eott-home .ex-tags .t3{ background:#FCE3D8; border-color:#F2BFA8; color:#7A2E1F; } .eott-home .ex-tags .t3 .op-eb-i{ color:#C9623D; }
.eott-home .ex-tags .t4{ background:#E6EFF3; border-color:#C4D8E2; color:#2E4E5C; } .eott-home .ex-tags .t4 .op-eb-i{ color:#4E7A8C; }
.eott-home .ex-tags .t5{ background:#F5DADF; border-color:#E4AFB9; color:#5C1E28; } .eott-home .ex-tags .t5 .op-eb-i{ color:#A8364A; }
.eott-home .ex-tags .t6{ background:#FFF1C9; border-color:#F6D98A; color:#6B4A0C; } .eott-home .ex-tags .t6 .op-eb-i{ color:#D39A0E; }
.eott-home .ex-tags .t7{ background:#E7EFDF; border-color:#C9DBBB; color:#344D2E; } .eott-home .ex-tags .t7 .op-eb-i{ color:#5E7A52; }
@media (max-width:600px){ .eott-home .ex-tags ul{ gap:8px; } .eott-home .ex-tags li{ font-size:.88rem; padding:5px 14px 5px 5px; } .eott-home .ex-tags .op-eb-i{ width:30px; height:30px; } }
.eott-home details.ex-more{ margin:18px auto 0; max-width:860px; border-top:1px dashed #E3CDB8; border-bottom:1px dashed #E3CDB8; }
.eott-home details.ex-more > summary{ position:relative; list-style:none; cursor:pointer; padding:14px 40px 14px 0; font-family:Lora,serif; font-size:1.15rem; color:var(--wine-dark); }
.eott-home details.ex-more > summary::-webkit-details-marker{ display:none; }
.eott-home details.ex-more[open] .op-more-plus{ transform:translateY(-50%) rotate(45deg); }
/* v96 Nachtrag (Garlef): Desktop-Leiste nur Zeichen, etwas höher · Fragezeichen für Tantra erklärt · Menü nur drei Striche · Free Flow als fünfte Ebene · Tags in zwei ausgewogenen Reihen, mehr Abstand */
@media (min-width:761px){
  .eott-home .op-bar{ gap:8px; padding:8px 10px; }
  .eott-home .op-bar .op-pill{ width:58px; min-width:58px; height:58px; padding:0 !important; justify-content:center; border-radius:20px; }
  .eott-home .op-bar .op-pill > span:not(.dot){ display:none !important; }
  .eott-home .op-bar .op-pill svg{ width:30px !important; height:30px !important; }
  .op-bar .op-pill.h::before{ width:40px !important; height:40px !important; }
  .eott-home .op-bar .op-menu > summary{ font-size:0 !important; gap:0; min-height:58px; min-width:58px; padding:0 !important; justify-content:center; border-radius:20px; }
  .eott-home .op-bar .op-menu > summary .ico{ font-size:1.6rem; }
}
.eott-home .op-ebenen li.ff{ background:#FFF8E6 !important; border-color:#F6D6A8 !important; } .eott-home .op-ebenen li.ff .op-eb-i{ color:#C98A12; }
.eott-home .ex-tags ul + ul{ margin-top:10px; }
.eott-home .ex-tags{ margin-bottom:60px !important; }
@media (max-width:600px){
  .eott-home .ex-tags{ padding:0 12px; margin-bottom:44px !important; }
  .eott-home .ex-tags ul{ gap:6px; } .eott-home .ex-tags ul + ul{ margin-top:6px; }
  .eott-home .ex-tags li{ font-size:.8rem; padding:3px 11px 3px 3px; gap:6px; }
  .eott-home .ex-tags .op-eb-i{ width:24px; height:24px; } .eott-home .ex-tags .op-eb-i svg{ width:16px; height:16px; }
}
@media (max-width:600px){ .eott-home .ex-tags{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; } .eott-home .ex-tags ul{ display:contents; } }
/* ===== v96.1 (29.09.2026): Fragezeichen für „Tantra erklärt“ per CSS (wirkt auch in der Leiste des Plugins) · Namen in der Leiste nur optisch versteckt (Screenreader lesen sie weiter) · Start am Handy gleich breit ===== */
.op-bar .op-pill.x svg{ display:none !important; }
.op-bar .op-pill.x::before{ content:""; display:block; flex:none; width:30px; height:30px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2219%22/%3E%3Cpath%20d%3D%22M18.5%2018.5a5.5%205.5%200%201%201%207.8%205c-1.6.8-2.3%202-2.3%203.8v1.2%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2234.5%22%20r%3D%221.4%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2219%22/%3E%3Cpath%20d%3D%22M18.5%2018.5a5.5%205.5%200%201%201%207.8%205c-1.6.8-2.3%202-2.3%203.8v1.2%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2234.5%22%20r%3D%221.4%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat; }
@media (min-width:761px){ .eott-home .op-bar .op-pill > span:not(.dot){ display:block !important; position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip-path:inset(50%) !important; white-space:nowrap !important; } }
@media (max-width:760px){
  .eott-home .op-bar .op-pill.n > span, .eott-home .op-bar .op-pill.b > span, .eott-home .op-bar .op-pill.p > span{ display:block !important; position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip-path:inset(50%) !important; white-space:nowrap !important; }
  .eott-home .op-bar .op-pill.h{ width:54px; min-width:54px; }
}
@media (max-width:360px){ .eott-home .op-bar .op-pill.h{ width:48px; min-width:48px; } }
/* ===== v97 (29.09.2026): Eure Insel Wochenende – Hinweis „Führung und Hingabe erkunden“ (Garlef) ===== */
.eott-home .nz-spot{ margin:16px 0 22px; padding:14px 18px; border-radius:14px; background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border:1px solid #F0DCD5; border-left:4px solid var(--sun); color:var(--wine-dark); font-size:.97rem; line-height:1.65; text-align:left !important; -webkit-hyphens:auto; hyphens:auto; }
.eott-home .nz-spot b{ font-family:Lora,serif; font-weight:600; }
/* ===== v98 (29.09.2026): Leinen los „U45“-Plakette (Garlef) ===== */
.eott-home .op-u45{ display:inline-block; vertical-align:.2em; margin-left:.35em; padding:2px 9px; border-radius:20px; background:#5C1E28; color:#FFE3A6; font-family:Poppins,sans-serif; font-size:.62em; font-weight:700; letter-spacing:.06em; line-height:1.5; white-space:nowrap; }
.eott-home .op-eb-t .op-u45{ font-size:.72em; vertical-align:.1em; }
/* ===== v100 (29.09.2026): „?“ = Häufige Fragen · Querverweise Tantra erklärt ↔ Häufige Fragen · Tantra erklärt: 4 Schlüssel + „Was du üben kannst“ (dauerhaft) direkt unter den Tags, danach „Gute Gründe“ (Garlef) ===== */
.eott-home .ex-cross{ margin:14px auto 26px; text-align:center; font-size:.95rem; }
.eott-home .ex-cross a{ color:var(--wine-dark); font-weight:600; text-decoration:none; border-bottom:2px solid var(--sun); padding-bottom:1px; }
.eott-home .ex-cross a:hover{ color:#5C1E28; border-bottom-color:#F58A2C; }
.eott-home .ex-keys-top{ padding-top:10px !important; }
.eott-home .ex-uebe-box{ max-width:860px; margin:34px auto 0; padding:26px 28px 22px; border-radius:22px; background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border:1px solid #F0DCD5; box-shadow:0 18px 36px -30px rgba(142,58,72,.45); }
.eott-home .ex-uebe-box h3{ font-family:Lora,serif; font-size:1.3rem; color:var(--wine-dark); text-align:center; margin:0 0 4px; font-weight:600; }
.eott-home .ex-uebe-box .ex-lead{ text-align:center; margin:0 0 16px; }
.eott-home #mehr-gruende{ margin-top:8px; }
@media (max-width:600px){ .eott-home .ex-uebe-box{ padding:20px 16px 16px; margin-top:26px; } }
/* ===== v101 (29.09.2026): Seite „Stimmen“ im warmen Look – keine weißen Kästen, Schlussband Pfirsich statt Weinrot, Knöpfe Sonne/Creme (Garlef) ===== */
.eott-page.eott-stimmen .voice, .eott-page.eott-stimmen .sec.alt .voice{ background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%) !important; border:1px solid #F0DCD5 !important; border-radius:20px !important; box-shadow:0 20px 40px -32px rgba(142,58,72,.45); }
.eott-page.eott-stimmen .voice::before{ color:var(--sun) !important; opacity:.85; }
.eott-page.eott-stimmen .voice blockquote{ color:#4A2C2A !important; }
.eott-page.eott-stimmen .v-by{ border-top-color:#F0DCD5 !important; }
.eott-page.eott-stimmen .voice-s, .eott-page.eott-stimmen .sec.alt .voice-s{ background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%) !important; border:1px solid #F0DCD5 !important; border-top:3px solid #F6C77A !important; border-radius:16px !important; color:#4A2C2A !important; box-shadow:0 16px 32px -28px rgba(142,58,72,.40); }
.eott-page.eott-stimmen .sec.alt{ background:linear-gradient(180deg,#F6E7E3 0%,#F9EEE9 55%,#FBF6F0 100%) !important; }
.eott-page.eott-stimmen .cta-band{ background:linear-gradient(90deg,#FCE7D8 0%,#FFF3EA 50%,#FCE7D8 100%) !important; color:var(--wine-dark) !important; border-top:1px solid #F2C9A8; border-bottom:1px solid #F2C9A8; position:relative; }
.eott-page.eott-stimmen .cta-band::before{ content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:min(420px,70%); height:3px; background:linear-gradient(90deg,transparent,#FDB016 30%,#F58A2C 50%,#FDB016 70%,transparent); }
.eott-page.eott-stimmen .cta-band h2, .eott-page.eott-stimmen .cta-band h3{ color:var(--wine-dark) !important; }
.eott-page.eott-stimmen .cta-band p{ color:#5C1E28 !important; opacity:.9; }
.eott-page.eott-stimmen .cta-band .btn.gold{ background:linear-gradient(180deg,#FFC94D 0%,#FDB016 55%,#F5A01A 100%) !important; color:#5C1E28 !important; border:0 !important; box-shadow:0 0 22px 5px rgba(253,176,22,.35) !important; }
.eott-page.eott-stimmen .cta-band .btn.gold:hover{ box-shadow:0 0 28px 8px rgba(253,176,22,.5) !important; transform:translateY(-2px); }
.eott-page.eott-stimmen .cta-band .btn.ghost{ background:#FFF8F3 !important; color:var(--wine-dark) !important; border:2px solid #F2B63C !important; }
.eott-page.eott-stimmen .cta-band .btn.ghost:hover{ background:#FFF1DE !important; transform:translateY(-2px); }
/* ===== v102 (29.09.2026): Shop – „Eure Insel · online“ als ein Produkt mit Terminauswahl (Garlef) ===== */
.eo-wahl{ max-width:760px; margin:10px 0 24px; padding:24px 24px 18px; border-radius:22px; background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border:1px solid #F0DCD5; box-shadow:0 18px 36px -30px rgba(142,58,72,.45); font-family:Poppins,sans-serif; color:#5C1E28; }
.eo-wahl h3{ font-family:Lora,serif; font-size:1.4rem; margin:0 0 6px; color:#5C1E28; }
.eo-wahl .eo-lead{ margin:0 0 10px; font-size:.95rem; }
.eo-wahl .eo-leg{ display:flex; flex-wrap:wrap; gap:6px 14px; margin:0 0 14px; font-size:.8rem; color:#8A6A3A; }
.eo-wahl .eo-list{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.eo-wahl .eo-row{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin:0; padding:12px 14px; border-radius:14px; background:#FFF8F3; border:1px solid #F0DCD5; }
.eo-wahl .eo-row::before{ content:none !important; }
.eo-wahl .eo-d b{ display:block; font-family:Lora,serif; font-size:1.08rem; }
.eo-wahl .eo-d small{ font-size:.82rem; color:#8E3A48; }
.eo-wahl .eo-p{ display:flex; gap:6px; }
.eo-wahl .eo-b{ display:inline-flex; align-items:center; justify-content:center; min-width:62px; height:40px; padding:0 12px; border-radius:30px; font-weight:600; font-size:.92rem; text-decoration:none !important; white-space:nowrap; transition:transform .15s, box-shadow .15s; }
.eo-wahl .eo-b.k, .eo-wahl .eo-b.u{ background:#fff8ef; color:#5C1E28 !important; border:1.5px solid #F2B63C; }
.eo-wahl .eo-b.r{ background:linear-gradient(180deg,#FFC94D 0%,#FDB016 60%,#F5A01A 100%); color:#5C1E28 !important; box-shadow:0 0 14px 3px rgba(253,176,22,.30); }
.eo-wahl .eo-b:hover{ transform:translateY(-2px); box-shadow:0 0 18px 5px rgba(253,176,22,.40); }
.eo-wahl .eo-note{ margin:14px 0 0; font-size:.84rem; color:#8A6A3A; }
@media (max-width:480px){ .eo-wahl{ padding:18px 14px 14px; } .eo-wahl .eo-row{ flex-direction:column; align-items:flex-start; } .eo-wahl .eo-p{ width:100%; } .eo-wahl .eo-b{ flex:1; min-width:0; } }
/* ===== v103 (29.09.2026): „?“ aus der mitlaufenden Leiste entfernt – Häufige Fragen, Tantra erklärt und Stimmen stehen im Menü (Garlef) ===== */
.op-bar .op-pill.x{ display:none !important; }
/* ===== v105 (29.09.2026): Eure Insel Wochenende – „Der rote Faden“ als Grafik (Garlef) ===== */
.eott-home .rf-lead{ margin:6px 0 16px; font-family:Lora,serif; font-style:italic; font-size:1.02rem; line-height:1.55; color:#8E3A48; }
.eott-home .rf{ position:relative; margin:4px 0 22px; padding:20px 20px 14px; border-radius:20px; background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border:1px solid #F0DCD5; box-shadow:0 18px 36px -30px rgba(142,58,72,.45); }
.eott-home .rf-prinzip{ margin:0 0 16px; font-size:.93rem; line-height:1.6; color:#5C1E28; }
.eott-home .rf-prinzip b{ font-family:Lora,serif; color:#8E3A48; }
.eott-home .rf-day{ position:relative; margin:0 0 6px; }
.eott-home .rf-dayt{ display:inline-block; margin:0 0 10px 0; padding:4px 14px; border-radius:30px; background:#7A2E3B; color:#FFE3A6; font-size:.78rem; font-weight:700; letter-spacing:.06em; }
.eott-home .rf ol{ list-style:none; margin:0; padding:0 0 0 6px; position:relative; }
.eott-home .rf ol::before{ content:""; position:absolute; left:26px; top:14px; bottom:14px; width:3px; border-radius:3px; background:linear-gradient(180deg,#B8606E 0%,#8E3A48 55%,#7A2E3B 100%); }
.eott-home .rf-st{ position:relative; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:12px; align-items:center; margin:0 0 10px; padding:0; }
.eott-home .rf-st::before{ content:none !important; }
.eott-home .rf-ico{ position:relative; z-index:1; width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#FFF8F3; border:2px solid #8E3A48; color:#8E3A48; box-shadow:0 0 0 4px #FBEFEA; }
.eott-home .rf-ico svg{ width:22px; height:22px; }
.eott-home .rf-st.w .rf-ico{ color:#B8606E; } .eott-home .rf-st.n .rf-ico{ color:#C77A28; } .eott-home .rf-st.b .rf-ico{ color:#C9623D; }
.eott-home .rf-st.r .rf-ico{ background:linear-gradient(180deg,#FFC94D,#FDB016); border-color:#7A2E3B; color:#5C1E28; box-shadow:0 0 0 4px #FBEFEA, 0 0 16px 4px rgba(253,176,22,.35); }
.eott-home .rf-t b{ display:block; font-family:Lora,serif; font-size:1.02rem; color:#5C1E28; line-height:1.3; }
.eott-home .rf-t span{ display:block; font-size:.86rem; color:#7A5A52; line-height:1.45; }
.eott-home .rf-int{ display:inline-flex; gap:3px; }
.eott-home .rf-int i{ width:7px; height:14px; border-radius:3px; background:#EBD9CF; }
.eott-home .rf-int i:nth-child(2){ height:16px; } .eott-home .rf-int i:nth-child(3){ height:18px; } .eott-home .rf-int i:nth-child(4){ height:20px; }
.eott-home .rf-int i.on{ background:linear-gradient(180deg,#F58A2C,#8E3A48); }
.eott-home .rf-int{ align-items:flex-end; }
.eott-home .rf-kern{ margin:10px 0 14px 50px; padding:12px 16px; border:0; border-left:3px solid var(--sun); border-radius:0 12px 12px 0; background:rgba(253,176,22,.10); font-family:Lora,serif; font-style:italic; font-size:1rem; line-height:1.55; color:#5C1E28; quotes:none; }
.eott-home .rf-kern::before{ content:none !important; }
.eott-home .rf-leg{ margin:8px 0 0; font-size:.8rem; color:#8A6A3A; display:flex; align-items:center; gap:8px; }
@media (max-width:600px){ .eott-home .rf{ padding:16px 12px 12px; } .eott-home .rf-st{ grid-template-columns:40px minmax(0,1fr); } .eott-home .rf-st .rf-int{ grid-column:2; } .eott-home .rf-kern{ margin-left:0; } .eott-home .rf ol::before{ left:24px; } .eott-home .rf-ico{ width:38px; height:38px; } }

/* ===== v106 (29.09.2026): roter Faden – Samstag „Berührung und körperliche Nähe“ mit farbig hinterlegtem Herz (Garlef) ===== */
.eott-home .rf-st.b.hl .rf-ico{ background:linear-gradient(180deg,#F9B8A0,#E9785A); border-color:#7A2E3B; color:#5C1E28; box-shadow:0 0 0 4px #FBEFEA, 0 0 14px 3px rgba(233,120,90,.35); }
.eott-home .rf-st.b.hl .rf-ico svg path{ fill:rgba(255,255,255,.35); }

/* ===== v108 (29.09.2026): Startseite – mehr Luft zwischen Leiste und Logo, wie auf Über mich (Garlef) ===== */
.eott-home header.op-hero:not(.op-subhero){ padding-top:190px !important; }
.eott-home .op-hero:not(.op-subhero) .hero-logo{ width:104px; height:104px; margin:0 auto 30px; }
@media (max-width:600px){ .eott-home header.op-hero:not(.op-subhero){ padding-top:160px !important; } }

/* ===== v111 (29.09.2026): Termine-Knopf am Desktop mit mehr Abstand zum Rand (Garlef) ===== */
@media (min-width:761px){ .eott-home .op-fab, .eott-home .op-fab.t4{ right:56px !important; bottom:48px !important; } }

/* ===== v112 (29.09.2026): Termine-Knopf auf der Kasse am Handy ausblenden (Garlef) ===== */
@media (max-width:760px){ body.woocommerce-checkout .eott-home .op-fab{ display:none !important; } }

/* ===== v114 (29.09.2026): Kontrast verbessert (Lesbarkeit, Barrierefreiheit) ===== */
.eott-home .op-q, .eott-home .nz-card .nz-k, .eott-page .lk-kicker, .eott-home .op-quote figcaption{ color:#8A6420; }
.eott-home .op-subhero.uns .op-q, .eott-home .ins-hero-t .op-q, .eott-home .ins-warum-band:not(.sand) .op-q, .eott-home .op-why-band .op-q, .eott-home .op-voice-band .op-q, .eott-home .ins-opt.w .k, .eott-home .ins-row.w .k{ color:#E8C995 !important; }
.eott-home .ins-warum-band.sand .op-q{ color:#7A5A22 !important; }
.eott-home .op-eb-t{ color:#5C1E28; }
.eott-home .op-door.n .op-door3 i, .eott-home .op-door.b .op-door3 i{ color:#5C1E28; }
.cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-links a, .cmplz-cookiebanner .cmplz-message a, .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences, .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences{ color:#E8C995 !important; border-color:#E8C995 !important; }
.woocommerce .price del, .woocommerce .price del bdi{ opacity:1 !important; color:#7A6A64 !important; }

/* ===== v115 (29.09.2026): Shop-Knöpfe in der Farbe der Tür (Zeichen an der Karte) ===== */
/* Reihenfolge wie die Zeichen: bei mehreren Türen gewinnt die letzte (Eure Insel > Leinen los > Heimathafen) */
.woocommerce ul.products li.product.product_cat-heimathafen a.button,
body.single-product div.product.product_cat-heimathafen form.cart .single_add_to_cart_button{ background:#F5C09E !important; background-image:none !important; border-color:#F5C09E !important; color:#5C1E28 !important; }
.woocommerce ul.products li.product.product_cat-leinen-los a.button,
body.single-product div.product.product_cat-leinen-los form.cart .single_add_to_cart_button{ background:#FDB016 !important; background-image:none !important; border-color:#FDB016 !important; color:#5C1E28 !important; }
.woocommerce ul.products li.product.product_cat-eure-insel a.button,
body.single-product div.product.product_cat-eure-insel form.cart .single_add_to_cart_button{ background:#7A2E3B !important; background-image:none !important; border-color:#7A2E3B !important; color:#FBF6F0 !important; }
.woocommerce ul.products li.product[class*="product_cat-"] a.button:hover,
body.single-product div.product form.cart .single_add_to_cart_button:hover{ filter:brightness(.94); }
/* Preiswahl (Radio) in der Tür-Farbe */
div.product.product_cat-heimathafen .eott-wahl-opt input{ accent-color:#C9835A; }
div.product.product_cat-leinen-los .eott-wahl-opt input{ accent-color:#E09A00; }
div.product.product_cat-eure-insel .eott-wahl-opt input{ accent-color:#7A2E3B; }
/* Leuchten passend zur Tür */
.woocommerce ul.products li.product.product_cat-heimathafen a.button, body.single-product div.product.product_cat-heimathafen form.cart .single_add_to_cart_button{ box-shadow:0 8px 20px -8px rgba(201,131,90,.55) !important; }
.woocommerce ul.products li.product.product_cat-eure-insel a.button, body.single-product div.product.product_cat-eure-insel form.cart .single_add_to_cart_button{ box-shadow:0 8px 20px -8px rgba(92,30,40,.55) !important; }

/* =====================================================================
   v119 (01.10.2026) – Handy: Schrift größer – NUR HANDY (bis 760 px)
   Garlef: Auf dem iPhone 11 war vieles deutlich kleiner als gewünscht.
   Alle Größen auf der Website hängen an der Grundschrift (rem). Am Handy
   wird sie von 16 auf 18 px angehoben (+12,5 %): Fließtext 14,4–15 px
   → 16,2–16,9 px, Kleingedrucktes mind. ca. 13 px. Desktop/Tablet unverändert.
   Hauptüberschriften (h1) bleiben so groß wie vorher, sonst brechen sie
   in drei Zeilen um. Das kleinste Etikett (Wochenend-Karten) wird etwas größer.
   ===================================================================== */
@media (max-width:760px){
  html{ font-size:112.5%; }
  .eott h1{ font-size:1.875rem !important; }
  .eott-home .wbx .wb-st{ font-size:.72rem; }
}

/* =====================================================================
   v120 (01.10.2026) – E-Mail-Adressen nie umbrechen + Sprung „Termine“
   mit Abstand unter der Leiste. Gilt überall (Handy und Desktop).
   .eott-nobr = Rahmen für Klartext-Adressen im Seiten-HTML.
   ===================================================================== */
a[href^="mailto:"], .eott-nobr{ white-space:nowrap; }
#termine:not(.shop-termine){ scroll-margin-top:56px; }

/* =====================================================================
   v121 (01.10.2026) – Newsletter-Seite + Collab im neuen Design
   (Rahmen .nl-op bzw. .col-op, Bausteine der neuen Seiten)
   ===================================================================== */
.eott-home.nl-op .ex-hero, .eott-home.col-op .ex-hero{ margin-bottom:34px; }
.eott-home.nl-op .nl-perks2{ list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:22px auto 0; padding:0; }
.eott-home.nl-op .nl-perks2 li{ padding:7px 16px; border-radius:999px; background:#FCE7D8; border:1px solid #F2CDB4; color:var(--wine-dark); font-weight:600; font-size:.9rem; white-space:nowrap; }
.eott-home.nl-op .nl-card{ max-width:600px; margin:0 auto; padding:30px 32px 28px; background:linear-gradient(135deg,#FCE7D8,#FFF6EF); border:2px solid var(--door-n,#F4C3A1); border-radius:22px; }
.eott-home.nl-op .nl-card .tnp.tnp-subscription{ max-width:none; margin:0; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
.eott-home.nl-op .nl-card .tnp.tnp-subscription input[type="text"], .eott-home.nl-op .nl-card .tnp.tnp-subscription input[type="email"]{ background:#FFF8F3; }
.eott-home.nl-op .nl-after{ max-width:600px; margin:22px auto 56px; text-align:center; color:var(--grey); font-size:.95rem; }
.eott-home.nl-op .nl-after p{ margin:0 0 8px; text-align:center; }
.eott-home.nl-op .nl-after a{ color:var(--wine-dark); font-weight:600; text-decoration:none; border-bottom:2px solid var(--sun); }
.eott-home.col-op .col-sec{ max-width:760px; padding:0 20px; }
.eott-home.col-op .col-sec > .op-q{ display:block; text-align:center; }
.eott-home.col-op .col-card .ins-mit li{ padding:6px 0; }
.eott-home.col-op .col-card .ins-mit .ins-ico{ width:48px; height:48px; padding:9px; color:var(--wine-dark); }
.eott-home.col-op .col-card .ins-mit li{ grid-template-columns:48px minmax(0,1fr); column-gap:14px; }
.eott-home.col-op .col-card .ins-mit b{ font-size:1.05rem; }
.eott-home.col-op .col-card .ins-mit small{ font-size:.92rem; }
.eott-home.col-op .col-weiter{ max-width:760px; margin:0 auto 60px; padding:0 20px; }
.eott-home.col-op .col-weiter > .op-q{ display:block; text-align:center; }
.eott-home.col-op .nz-w{ background:#FFF8F3; text-align:center; border-left:1px solid var(--gold-light); border-top:3px solid var(--sun); }
.eott-home.col-op .col-card .ins-mit, .eott-home.col-op .col-card .ins-mit.one{ grid-template-columns:minmax(0,1fr); max-width:460px; margin:0 auto; gap:12px; }
body .eott-home.col-op .col-weiter > p, body .eott-home.nl-op .nl-after p{ text-align:center !important; -webkit-hyphens:manual; hyphens:manual; }
body .eott-home.col-op .col-weiter h3{ font-size:1.7rem; }
/* v121 Runde 2 (Garlef): Collab größer, E-Mail/Anrufen als Knöpfe · Newsletter größer, Stichpunkte kräftiger */
.eott-home.col-op .ex-hero .op-sub, .eott-home.nl-op .ex-hero .op-sub{ font-size:1.22rem; line-height:1.65; max-width:680px; }
.eott-home.col-op .col-sec > .op-q, .eott-home.col-op .col-weiter > .op-q{ font-size:.86rem; }
.eott-home.col-op .col-sec h2{ font-size:2.3rem; }
.eott-home.col-op .col-card{ padding:30px 30px; }
.eott-home.col-op .col-card .ins-mit, .eott-home.col-op .col-card .ins-mit.one{ max-width:520px; gap:18px; }
.eott-home.col-op .col-card .ins-mit li{ grid-template-columns:58px minmax(0,1fr); column-gap:16px; }
.eott-home.col-op .col-card .ins-mit .ins-ico{ width:58px; height:58px; padding:11px; }
.eott-home.col-op .col-card .ins-mit b{ font-size:1.28rem; }
.eott-home.col-op .col-card .ins-mit small{ font-size:1.06rem; line-height:1.5; }
body .eott-home.col-op .col-weiter h3{ font-size:2.1rem; }
body .eott-home.col-op .col-weiter > p{ font-size:1.12rem; max-width:620px; }
.eott-home.col-op .nz-wgrid{ gap:16px; margin-top:6px; }
.eott-home.col-op a.col-btn{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:76px; padding:14px 22px; border-radius:40px; border:2px solid var(--wine); background:var(--wine); color:#FBF6F0; font-size:1.05rem; text-align:center; text-decoration:none; cursor:pointer; box-shadow:0 14px 26px -16px rgba(92,30,40,.75); transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.eott-home.col-op a.col-btn b{ color:#FBF6F0; font-family:Poppins,sans-serif; font-weight:600; font-size:1.18rem; margin:0; }
.eott-home.col-op a.col-btn.ghost{ background:#FFF8F3; color:var(--wine-dark); }
.eott-home.col-op a.col-btn.ghost b{ color:var(--wine-dark); }
.eott-home.col-op a.col-btn:hover{ transform:translateY(-2px); box-shadow:0 18px 30px -16px rgba(92,30,40,.8); background:var(--wine-dark); color:#FBF6F0; }
.eott-home.col-op a.col-btn.ghost:hover{ background:#FCE7D8; color:var(--wine-dark); }
.eott-home.col-op a.col-btn:focus-visible{ outline:3px solid var(--sun); outline-offset:3px; }
.eott-home.nl-op .nl-perks2{ gap:12px; margin-top:26px; }
.eott-home.nl-op .nl-perks2 li{ padding:11px 22px; background:#FDB016; border:0; color:#5C1E28; font-weight:700; font-size:1.06rem; box-shadow:0 12px 24px -14px rgba(232,148,12,.95); }
.eott-home.nl-op .nl-perks2 li::before{ content:"✓"; margin-right:8px; }
.eott-home.nl-op .nl-card .tnp.tnp-subscription .tnp-field label{ font-size:.9rem; }
.eott-home.nl-op .nl-card .tnp.tnp-subscription input[type="text"], .eott-home.nl-op .nl-card .tnp.tnp-subscription input[type="email"]{ height:56px; font-size:1.08rem; }
.eott-home.nl-op .nl-card .tnp.tnp-subscription .tnp-privacy-field label{ font-size:1rem; }
.eott-home.nl-op .nl-card .tnp.tnp-subscription .tnp-submit{ height:58px; font-size:1.1rem; }
.eott-home.nl-op .nl-after{ font-size:1.08rem; }
@media (max-width:760px){
  .eott-home.col-op .ex-hero .op-sub, .eott-home.nl-op .ex-hero .op-sub{ font-size:1.12rem; }
  .eott-home.col-op .col-sec h2{ font-size:1.9rem; }
  .eott-home.col-op .col-card{ padding:24px 18px; }
  body .eott-home.col-op .col-weiter h3{ font-size:1.75rem; }
}
.eott-home.nl-op .nl-after a{ display:inline-block; }

/* =====================================================================
   v122 (01.10.2026) – kleine Texte ca. +8 % (Desktop + Handy)
   Garlef: Untertitel, Beschreibungen, Meta-Zeilen u. ä. etwas größer.
   Überschriften, Leiste und die „Warum … kommen“-Kästen bleiben unverändert.
   Technik: jede Schriftgröße unter 1rem/16px in den Eye-of-the-Tantra-Rahmen
   ×1,08 – in derselben Reihenfolge wie im CSS, damit Handy-Regeln weiter greifen.
   ===================================================================== */
.eott-home .topnav{ font-size:0.95rem; }
.eott-home .kicker{ font-size:1.026rem; }
.eott-home .btn-primary{ font-size:1.058rem; }
.eott-home .btn-secondary{ font-size:1.058rem; }
.eott-home .jumpnav{ font-size:0.972rem; }
.eott-home .block .sub{ font-size:0.994rem; }
.eott-home .tag{ font-size:0.886rem; }
.eott-home .feature .eyebrow{ font-size:0.918rem; }
.eott-home .quality-list{ font-size:0.994rem; }
.eott-home .banner-caption{ font-size:0.918rem; }
.eott-home .group-head .count{ font-size:0.95rem; }
.eott-home .group-intro{ font-size:1.004rem; }
.eott-home details.offer-acc summary .meta-inline{ font-size:0.907rem; }
.eott-home details.offer-acc .offer-body{ font-size:1.026rem; }
.eott-home .offer-cta{ font-size:0.972rem; }
.eott-home .module{ font-size:0.929rem; }
.eott-home .module .num{ font-size:0.886rem; }
.eott-home .module strong{ font-size:0.994rem; }
.eott-home .timeline{ font-size:0.95rem; }
.eott-home .faq-list details p{ font-size:1.015rem; }
.eott-home .quote{ font-size:0.972rem; }
.eott-home .footer-contact{ font-size:1.026rem; }
.eott-home .footer-links{ font-size:0.918rem; }
.eott-home .foot-note{ font-size:0.842rem; }
.eott-home .cta-eyebrow{ font-size:0.842rem; }
.eott-home .cta-facts{ font-size:0.994rem; }
.eott-home .cta-stage .tag{ font-size:0.972rem; }
.eott-home .jumpnav-label{ font-size:0.799rem; }
.eott-home .stimmen-a .quote{ font-size:1.026rem; }
.eott-home .stimmen-b .quote{ font-size:0.994rem; }
.eott-home .stimmen-c .hint{ font-size:0.864rem; }
.eott-home .stimmen-d .eyebrow-d{ font-size:0.842rem; }
.eott-home .stimmen-d .dots{ font-size:0.864rem; }
.eott-home .disclaimer-rot .feature .eyebrow{ font-size:0.842rem; }
.eott-home .offer-cart{ font-size:0.95rem; }
.eott-home .acc .acc-hint{ font-size:0.929rem; }
.eott-home .acc-offers .group-intro{ font-size:0.994rem; }
.eott-home .offer-card .oc-meta{ font-size:0.918rem; }
.eott-home .offer-card p{ font-size:1.015rem; }
.eott-home .offer-card .oc-btn{ font-size:0.907rem; }
.eott-shop .info-box{ font-size:0.972rem; }
.eott-shop .info-box .k{ font-size:0.886rem; }
.eott-shop .bank-box .k{ font-size:0.918rem; }
.eott-shop .bank-box p{ font-size:0.994rem; }
.eott-shop .bank-box .note{ font-size:0.918rem; }
.eott-shop .notice-list{ font-size:0.972rem; }
.eott-event .eyebrow-line{ font-size:16.2px; }
.eott-event .fact-pill{ font-size:15.66px; }
.eott-event .cta-note{ font-size:14.58px; }
.eott-event .whom-grid p{ font-size:16.74px; }
.eott-event .whom-note{ font-size:16.74px; }
.eott-event .info-label{ font-size:14.58px; }
.eott-event .leader-note{ font-size:16.2px; }
.eott-event footer{ font-size:14.58px; }
#footer .eott-footer-col .tagline{ font-size:0.972rem; }
#footer .eott-footer-col .muted{ font-size:0.929rem; }
#footer a.eott-footer-btn{ font-size:0.972rem; }
.eott-page .muted{ font-size:0.994rem; }
.eott-page .kicker{ font-size:0.842rem; }
.eott-page .pills li{ font-size:0.929rem; }
.eott-page .photo-frame.ph{ font-size:0.918rem; }
.eott-page .eyebrow{ font-size:0.81rem; }
.eott-page ol.steps li::before{ font-size:0.918rem; }
.eott-page .tags li{ font-size:0.886rem; }
.eott-page .facts .k{ font-size:0.799rem; }
.eott-page blockquote cite{ font-size:0.918rem; }
.eott-page details > div{ font-size:1.026rem; }
.eott-page .offer .meta{ font-size:0.929rem; }
.eott-page .offer p{ font-size:1.004rem; }
.eott-page .offer .price s{ font-size:0.918rem; }
.eott-page .offer a.btn{ font-size:0.929rem; }
.eott-page .group-head .count{ font-size:0.95rem; }
.eott-page .modules li{ font-size:0.929rem; }
.eott-page .modules b{ font-size:0.864rem; }
.eott-page .note{ font-size:0.994rem; }
.eott-page .legal{ font-size:1.004rem; }
.eott-page .booking .hint{ font-size:0.929rem; }
.eott-page .slot .d small{ font-size:0.907rem; }
.eott-page .slot .p s{ font-size:0.918rem; }
.eott-page a.btn.cart{ font-size:0.994rem; }
.eott-page .booking .secure{ font-size:0.864rem; }
.eott-page .lk-kicker{ font-size:1.026rem; }
.eott-page .lk-sec .lk-sub{ font-size:1.026rem; }
.eott-page .lk-card p{ font-size:1.026rem; }
.eott-page .lk-card .meta{ font-size:0.886rem; }
.eott-page .lk-timeline li{ font-size:1.026rem; }
.eott-page .lk-contact .k{ font-size:0.799rem; }
.eott-page .lk-legal.legal{ font-size:1.004rem; }
.eott-shop .shop-kicker{ font-size:0.821rem; }
.eott-shop .shop-steps .t{ font-size:0.929rem; }
.eott-shop .info-box .k{ font-size:1.05rem; }
.eott-shop .notice-list li::before{ font-size:0.756rem; }
.eott-shop .sacc-label{ font-size:0.821rem; }
.eott-shop .sacc-hint{ font-size:0.886rem; }
.eott-shop .sacc-body{ font-size:0.994rem; }
.eott-shop .sacc-bank .iban{ font-size:1.1rem; }
.eott-shop .sacc-bank .note{ font-size:0.929rem; }
@media (max-width:760px){
  .eott-shop .sacc-bank .iban{ font-size:0.95rem; }
}
.eott-prod .pk-tag span{ font-size:0.842rem; }
.eott-prod .pk-lead{ font-size:1.048rem !important; }
.eott-prod .pk-facts .k{ font-size:0.734rem; }
.eott-prod .pk-facts .v{ font-size:0.972rem; }
.eott-prod .pk-open{ font-size:0.95rem !important; }
.eott-prod.pd{ font-size:1.048rem; }
.eott-prod .pd-eyebrow{ font-size:0.778rem; }
.eott-prod .pd-note{ font-size:0.994rem; }
.eott-prod .pd-card ul{ font-size:0.994rem; }
.eott-prod .pd-learn li{ font-size:0.994rem; }
.eott-prod .pd-learn .n{ font-size:0.864rem; }
.eott-prod .pd-flow .x{ font-size:1.004rem; }
.eott-prod .pd-imp-head p{ font-size:0.918rem; }
.eott-prod .pd-imp-item p, .eott-prod .pd-imp-item li{ font-size:0.994rem; }
.eott-prod .pd-frame .lbl{ font-size:0.842rem; }
.eott-prod .pd-end p{ font-size:0.972rem; }
.eott-nl .nl-eyebrow{ font-size:0.778rem; }
.eott-nl .nl-field span{ font-size:0.842rem; }
.eott-nl .nl-check{ font-size:0.929rem; }
.eott-nl .nl-note{ font-size:0.864rem; }
.eott-nl .nl-perks{ font-size:0.95rem; }
.eott-nl.nl-dark .nl-text{ font-size:0.994rem; }
.eott-nl.nl-dark .nl-check{ font-size:0.864rem; }
.eott-nl.nl-dark .nl-note{ font-size:0.821rem; }
#footer .eott-nl .nl-check p{ font-size:0.864rem; }
#footer .eott-nl p.nl-note{ font-size:0.821rem; }
.eott-page .nl-page .nl-perks{ font-size:1.026rem; }
.eott-home .jumpnav.jn-wide .jumpnav-label{ font-size:0.886rem; }
.eott-home .jumpnav.jn-wide a{ font-size:1rem; }
.eott-home .mini3 .mini-h{ font-size:0.95rem; }
.eott-home .mini3 .mini-b > p{ font-size:1.015rem; }
@media (max-width:900px){
  .eott-home .jumpnav.jn-wide a{ font-size:1.037rem; }
}
.eott-home .angebote-lead{ font-size:1.02rem; }
.eott-home .acc-offers .orient .mini-h{ font-size:0.95rem; }
.eott-home .acc-offers .orient .mini-b > p{ font-size:1.015rem; }
@media (max-width:900px){
  .eott-home .angebote-lead{ font-size:1.058rem; }
}
.eott-page .v-by{ font-size:1.004rem; }
.eott .pd-eyebrow, .eott .oc-meta, .eott .v-when{ font-size:0.864rem !important; }
.eott-home .nz-door span{ font-size:0.994rem; }
.eott-home .nz-door em{ font-size:0.929rem; }
.eott-home .nz-steps li{ font-size:0.929rem; }
.eott-home .nz-steps li::before{ font-size:0.864rem; }
.eott-home .nz-note{ font-size:0.972rem; }
.eott-home .nz-bhead .tag{ font-size:0.842rem; }
.eott-home .nz-forwen{ font-size:0.972rem; }
.eott-home .nz-stufe{ font-size:0.778rem; }
.eott-home .nz-card .nz-k{ font-size:0.821rem; }
.eott-home .nz-card ul.nz-get li{ font-size:1.026rem; }
.eott-home .nz-flow li{ font-size:0.886rem; }
.eott-home .nz-flow li b{ font-size:0.907rem; }
.eott-home .nz-card summary{ font-size:0.972rem; }
.eott-home .nz-card details ul{ font-size:0.972rem; }
.eott-home .nz-card details p{ font-size:0.972rem; }
.eott-home .nz-card .oc-price small{ font-size:0.842rem; }
.eott-home .nz-card .oc-side .nz-dur{ font-size:0.907rem; }
.eott-home .nz-card .oc-btn.cart small{ font-size:0.821rem; }
.eott-home .nz-card .nz-pending{ font-size:0.842rem; }
.eott-home .nz-credit > p{ font-size:1.026rem; }
.eott-home .nz-cc small{ font-size:0.886rem; }
.eott-home .nz-cc a{ font-size:0.907rem; }
.eott-home .nz-credit .nz-fine{ font-size:0.886rem; }
.eott-home .nz-frame p{ font-size:0.972rem; }
.eott-home .nz-card .oc-btn.go small{ font-size:0.821rem; }
.eott-home .nz-len{ font-size:0.778rem; }
.eott-home .nz-drittel li{ font-size:0.95rem; }
.eott-home .nz-drittel-t{ font-size:0.994rem; }
.eott-home .nz-weiter > p{ font-size:1.026rem; }
.eott-home .nz-w{ font-size:0.972rem; }
.eott-home .nz-old-note{ font-size:0.95rem; }
.eott-home .op-q{ font-size:0.821rem; }
.eott-home .op-door .who{ font-size:1.058rem; }
.eott-home .op-door .facts{ font-size:0.907rem; }
.eott-home .op-door em{ font-size:0.95rem; }
.eott-home .op-three span.t{ font-size:0.994rem; }
.eott-home .op-note{ font-size:1.058rem; }
.eott-home .op-card .len{ font-size:0.799rem; }
.eott-home .op-card li{ font-size:1.037rem; }
.eott-home .op-card .price span{ font-size:0.95rem; }
.eott-home .op-card .next{ font-size:0.929rem; }
.eott-home .op-btn{ font-size:0.972rem; }
.eott-home .op-why li{ font-size:0.994rem; }
.eott-home .op-why .tg{ font-size:0.756rem; }
.eott-home .op-credit span{ font-size:0.994rem; }
.eott-home .op-door .brief{ font-size:0.972rem; }
.eott-home .op-door .brief i{ font-size:0.756rem; }
.eott-home .op-why-grp .tg{ font-size:0.886rem !important; }
.eott-home .op-old-h{ font-size:0.972rem; }
.eott-home .op-old-h span{ font-size:0.799rem; }
.eott-home .op-old-i span{ font-size:0.918rem; }
.eott-home .op-old-i em{ font-size:0.886rem; }
.eott-home .op-t .d small{ font-size:0.778rem; }
.eott-home .op-t .m i{ font-size:0.734rem; }
.eott-home .op-t .m small{ font-size:0.929rem; }
.eott-home .op-tl-jg{ font-size:0.994rem; }
.eott-home .op-switch a{ font-size:0.972rem; }
.eott-home .op-hero-paare a{ font-size:1.026rem; }
.eott-home .op-main-t span{ font-size:1.026rem; }
.eott-home .op-main-f > span{ font-size:0.95rem; }
.eott-home .op-main em{ font-size:0.972rem; }
.eott-home .op-pair .k{ font-size:0.778rem; }
.eott-home .op-pair .l{ font-size:0.95rem; }
.eott-home .op-ways span{ font-size:1.015rem; }
.eott-home .op-kind{ font-size:0.778rem; }
.eott-home .op-next{ font-size:0.994rem; }
.eott-home .op-pair2 .l{ font-size:0.994rem; }
.eott-home .op-pair2 em{ font-size:0.972rem; }
.eott-home .op-me-role{ font-size:1.026rem; }
.eott-home .op-topup p{ font-size:1.004rem; }
.eott-home .op-topup-o a span{ font-size:0.886rem; }
.eott-home .op-topup-o a em{ font-size:0.886rem; }
.eott-home .op-online span:last-child{ font-size:0.994rem; }
.eott-home .op-main-one{ font-size:0.95rem; }
.eott-home .op-then{ font-size:0.842rem; }
.eott-home .op-t2 .l{ font-size:0.972rem; }
.eott-home .op-t2 .op-next{ font-size:0.95rem; }
.eott-home .op-t2 em{ font-size:0.95rem; }
.eott-home .nz-credit-hint{ font-size:0.886rem; }
.eott-home .op-topup-note{ font-size:0.972rem; }
.eott-home .op-fact p{ font-size:1.026rem; }
.eott-home .op-fact cite{ font-size:0.821rem; }
.eott-home .op-door .l{ font-size:0.994rem; }
.eott-home .op-door .pr{ font-size:0.972rem; }
.eott-home .op-door em{ font-size:0.95rem; }
.eott-home .op-door .badge{ font-size:0.756rem; }
.eott-home .op-date .d{ font-size:0.994rem; }
.eott-home .op-date .t{ font-size:1.026rem; }
.eott-home .op-date .t small{ font-size:0.842rem; }
.eott-home .op-date a{ font-size:0.918rem; }
.eott-home .op-dates-more{ font-size:0.972rem; }
.eott-home .op-quad li{ font-size:1.05rem; }
@media (max-width:720px){
  .eott-home .op-quad li{ font-size:1.026rem; }
}
.eott-home .op-quote figcaption{ font-size:0.864rem; }
.eott-home .op-voices2 figcaption{ font-size:0.842rem; }
.eott-home .op-quote figcaption, .eott-home .op-voices2 figcaption{ font-size:0.918rem; }
.eott-home .op-why-pairs li{ font-size:0.95rem; }
.eott-home .op-live-note{ font-size:0.972rem; }
.eott-home .ins-opt .k{ font-size:0.778rem; }
.eott-home .ins-opt .d{ font-size:0.972rem; }
.eott-home .ins-opt em{ font-size:0.918rem; }
.eott-home .ins-online{ font-size:0.994rem; }
.eott-home .ins-chips li{ font-size:0.994rem; }
.eott-home .ins-mit b{ font-size:1.026rem; }
.eott-home .ins-mit small{ font-size:0.886rem; }
.eott-home .ins-row .k{ font-size:0.778rem; }
.eott-home .ins-row .t small{ font-size:0.95rem; }
.eott-home .ins-row em{ font-size:0.918rem; }
.eott-home .gm-pills li{ font-size:0.918rem; }
.eott-home .ex-quote cite{ font-size:0.918rem; }
.eott-home .ex-keys li span{ font-size:0.972rem; }
.eott-home .ex-uebe li::before{ font-size:0.778rem; }
.eott-home .op-why-more.gold .op-gold-q{ font-size:0.778rem; }
.eott-home .ins-online-card .dates{ font-size:1.026rem; }
.eott-home .pnw-k{ font-size:0.778rem; }
.eott-home .pnw-o small{ font-size:0.778rem; }
.eott-home .pnw-n{ font-size:0.918rem; }
.eott-home .pnw-line{ font-size:0.918rem; }
.eott-home .nz-card .oc-side .v-price small{ font-size:0.842rem; }
.eott-home .v-k{ font-size:0.756rem; }
.eott-home .vA .nz-flow li{ font-size:0.864rem; }
.eott-home .vA .nz-flow li b{ font-size:1.026rem; }
.eott-home .vA details.v-pop summary{ font-size:0.886rem; }
.eott-home .vA .v-pop-box p{ font-size:0.886rem; }
.eott-home .v-steps small{ font-size:0.713rem; }
.eott-home .vA .v-dates b{ font-size:0.972rem; }
.eott-home .vA .v-dates small{ font-size:0.799rem; }
.eott-home .vA .v-dates em{ font-size:0.842rem; }
.eott-home .vA .v-dates .next b::after{ font-size:0.67rem; }
.eott-home .vB .nz-flow li{ font-size:0.907rem; }
.eott-home .vB .nz-flow li::before{ font-size:0.864rem; }
.eott-home .vB .nz-flow li b{ font-size:1.058rem; }
.eott-home .vB .v-seg-t{ font-size:0.799rem; }
.eott-home .vB .v-book a{ font-size:0.929rem; }
.eott-home .vB .v-book a small{ font-size:0.799rem; }
.eott-home .vC .nz-flow li{ font-size:0.864rem; }
.eott-home .vC .nz-flow li b{ font-size:1.026rem; }
.eott-home .vC .v-cta{ font-size:1.026rem; }
.eott-home .vC .v-cta small{ font-size:0.799rem; }
.eott-home .vC .v-next{ font-size:0.842rem; }
.eott-home .v-radios label{ font-size:0.95rem; }
.eott-home .v-radios small{ font-size:0.799rem; }
.eott-home .v-win p{ font-size:0.864rem; }
.eott-home .v-pop-box .v-we{ font-size:0.821rem; }
.eott-home .nz-card .nz-flow li{ font-size:0.907rem; }
.eott-home .nz-card .nz-flow li::before{ font-size:0.864rem; }
.eott-home .nz-card .nz-flow li b{ font-size:1.058rem; }
.eott-home .nz-card .v-cta{ font-size:1.026rem; }
.eott-home .nz-card .v-cta small{ font-size:0.799rem; }
.eott-home .v-win .v-k{ font-size:0.756rem; }
.eott-home .v-win .v-all{ font-size:0.778rem; }
.eott-home .bk-box{ font-size:0.864rem; }
.eott-home .bk-row b{ font-size:0.972rem; }
.eott-home .bk-row small{ font-size:0.799rem; }
.eott-home .v-win .v-steps small{ font-size:0.734rem; }
.eott-home .v-win p{ font-size:0.864rem; }
.eott-home .bk-sum{ font-size:0.972rem; }
.eott-home .fl-dayt{ font-size:0.778rem; }
.eott-home .fl-seg{ font-size:0.886rem; }
.eott-home .fl-scale{ font-size:0.756rem; }
.eott-home .fl-leg li{ font-size:0.886rem; }
.eott-home .fl-leg i{ font-size:0.842rem; }
.eott-home .fl-leg b{ font-size:1.058rem; }
.eott-home .fl-leg b span{ font-size:0.842rem; }
.eott-home .fl-note{ font-size:0.778rem; }
.eott-home .fq-jump a{ font-size:0.918rem; }
.eott-home .nz-card .v-slim .v-price small{ font-size:0.864rem; }
.eott-home .bk-st b{ font-size:1.026rem; }
.eott-home .bk-st small{ font-size:0.691rem; }
.eott-home .bk-quick{ font-size:0.821rem; }
.eott-home .bk-quick button{ font-size:0.821rem; }
.eott-home .bk-st small.pct{ font-size:0.648rem; }
.eott-home .nz-get.nz-tiles li{ font-size:0.929rem; }
.eott-home .nz-get.nz-tiles li b{ font-size:1.026rem; }
.eott-home .nz-get.nz-rows li{ font-size:0.95rem; }
.eott-home .nz-get.nz-rows li b{ font-size:1.026rem; }
.eott-home .nz-get.nz-dots li{ font-size:0.972rem; }
.eott-home details.v-gh{ font-size:0.864rem; }
.eott-home details.v-gh p{ font-size:0.864rem; }
.eott-home .bk-gh{ font-size:0.821rem !important; }
.eott-home .flc-leg{ font-size:0.864rem; }
.eott-home .flc-leg i{ font-size:0.713rem; }
.eott-home .flc-sum{ font-size:0.778rem; }
.eott-home .wb-t{ font-size:1.026rem; }
.eott-home .wb-kw{ font-size:0.886rem; }
.eott-home .wb2 .chips span{ font-size:0.799rem; }
.eott-home .wb3-st{ font-size:0.691rem; }
.eott-home .wbx .wb-st{ font-size:0.67rem; }
.eott-home .wbx .wb-t{ font-size:1.015rem; }
.eott-home .wbx .wb-kw{ font-size:0.886rem; }
.eott-home .flc-dayt{ font-size:0.734rem; }
.eott-home .op-kern .op-kern-lbl{ font-size:0.778rem; }
.eott-home .op-kern .op-kern-txt{ font-size:1.058rem; }
.eott-home .op-kern .op-kern-link{ font-size:0.918rem; }
.eott-home .op-door3{ font-size:0.907rem; }
.eott-home .op-door3 i{ font-size:0.713rem; }
.eott-home .op-kern-more{ font-size:0.918rem; }
.eott-home .op-why-hint{ font-size:0.918rem; }
.eott-home .ex-wert span{ font-size:0.778rem; }
.eott-home .op-t.op-hot .op-star{ font-size:16.2px; }
.eott .bk-soon-t{ font-size:0.907rem; }
.eott-home .op-door .op-kind{ font-size:0.756rem; }
.eott-home .flc-sum{ font-size:1.026rem; }
.eott-home .v-modal .v-k{ font-size:0.778rem !important; }
.eott-home .v-modal .bk-hint{ font-size:0.994rem !important; }
.eott-home .v-modal .bk-row small{ font-size:0.95rem !important; }
.eott-home .v-modal .bk-st label small{ font-size:0.929rem !important; }
.eott-home .v-soon-note small{ font-size:0.929rem; }
.eott-home .v-soon-note .v-soon-in{ font-size:0.994rem; }
.eott-home .v-soon-note .v-soon-ok{ font-size:0.821rem; }
.eott-home .v-soon-note .v-soon-btn{ font-size:1.026rem; }
.eott-home .v-soon-note .v-soon-hint{ font-size:0.778rem; }
.eott-home .v-soon-note .v-soon-ok, .eott-home .v-soon-note .v-soon-ok span{ font-size:0.842rem !important; }
.eott-home .v-soon-note .v-soon-btn{ font-size:1.058rem !important; }
.eott-page .lk-contact .k{ font-size:0.842rem !important; }
.eott-home .op-eb-t{ font-size:0.778rem; }
.eott-home .op-ebenen li{ font-size:0.994rem; }
@media (max-width:600px){
  .eott-home .op-ebenen li{ font-size:0.929rem; }
}
.eott-home .ex-tags li{ font-size:1.058rem; }
@media (max-width:600px){
  .eott-home .ex-tags li{ font-size:0.95rem; }
  .eott-home .ex-tags li{ font-size:0.864rem; }
}
.eott-home .nz-spot{ font-size:1.048rem; }
.eott-home .ex-cross{ font-size:1.026rem; }
.eott-home .rf-prinzip{ font-size:1.004rem; }
.eott-home .rf-dayt{ font-size:0.842rem; }
.eott-home .rf-t span{ font-size:0.929rem; }
.eott-home .rf-leg{ font-size:0.864rem; }
@media (max-width:760px){
  .eott-home .wbx .wb-st{ font-size:0.778rem; }
}
.eott-home.nl-op .nl-perks2 li{ font-size:0.972rem; }
.eott-home.nl-op .nl-after{ font-size:1.026rem; }
.eott-home.col-op .col-card .ins-mit small{ font-size:0.994rem; }
.eott-home.col-op .col-sec > .op-q, .eott-home.col-op .col-weiter > .op-q{ font-size:0.929rem; }
.eott-home.col-op .col-card .ins-mit small{ font-size:1.06rem; }
.eott-home.nl-op .nl-perks2 li{ font-size:1.06rem; }
.eott-home.nl-op .nl-card .tnp.tnp-subscription .tnp-field label{ font-size:0.972rem; }
.eott-home.nl-op .nl-after{ font-size:1.08rem; }

/* ===== v123 (01.10.2026): Tantra erklärt – „Tantra fängt bei sich selbst an“ (Version A, Garlef) ===== */
/* =====================================================================
   v123 (Vorschau) – Tantra erklärt: „Tantra fängt bei sich selbst an“
   ===================================================================== */
.eott-home .tg .ex-text p{ margin-bottom:22px; }
.eott-home .tg-tag{ display:inline-block; font-size:.78rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--wine-dark); margin:0 0 12px; }
.eott-home .tg-h{ display:flex; align-items:center; gap:10px; font-family:Lora,serif; font-size:1.25rem; color:var(--wine-dark); margin:0 0 10px; }
.eott-home .tg-hi{ width:34px; height:34px; flex:none; color:var(--wine); }
.eott-home .tg-layer p{ margin:0 0 10px; font-size:1rem; line-height:1.65; color:var(--dark); text-align:left; }
.eott-home .tg ul{ list-style:none; margin:0; padding:0; }
.eott-home .tg ul li::before, .eott-home .tg ul li::marker{ content:none; }
.eott-home .tg-ico{ width:46px; height:46px; border-radius:50%; background:#FDF0E6; border:2px solid var(--door-n); color:var(--wine-dark); padding:9px; flex:none; }
.eott-home .tg-ico svg, .eott-home .tg-li svg, .eott-home .tg-eli svg, .eott-home .tg-hi svg{ width:100%; height:100%; display:block; }
.eott-home .tg-n{ display:none; }
.eott-home .tg-t{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.eott-home .tg-t b{ font-family:Lora,serif; font-size:1.12rem; color:var(--wine-dark); }
.eott-home .tg-t > span{ font-size:.98rem; color:var(--grey); line-height:1.5; }
.eott-home .tg-elems{ display:flex; flex-wrap:wrap; gap:6px 8px; margin-top:8px; }
.eott-home .tg-el{ display:inline-flex; align-items:center; gap:6px; padding:5px 12px 5px 6px; border-radius:999px; background:#FDF0E6; border:1px solid var(--door-n); font-size:.9rem; color:var(--wine-dark); }
.eott-home .tg-elems.z .tg-el{ border-radius:14px; align-items:flex-start; padding:6px 12px 6px 6px; }
.eott-home .tg-eli{ width:22px; height:22px; flex:none; color:var(--wine); }
.eott-home .tg-lv{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px !important; }
.eott-home .tg-lv li{ display:inline-flex; align-items:center; gap:7px; padding:7px 14px 7px 7px; border-radius:999px; background:#FDF0E6; border:1px solid var(--door-b); font-weight:600; font-size:.95rem; color:var(--wine-dark); }
.eott-home .tg-li{ width:26px; height:26px; color:#B07A1A; }
.eott-home .tg-lv li:last-child{ background:var(--door-b); border-color:var(--door-b); }
.eott-home .tg-link{ display:inline-block; font-weight:600; color:var(--wine-dark); text-decoration:none; border-bottom:2px solid var(--sun); }
.eott-home .tg-gn{ display:flex !important; align-items:center; justify-content:center; gap:12px; font-family:Lora,serif; font-size:1.15rem !important; color:var(--wine-dark) !important; }
.eott-home .tg-gn span:not(.tg-x){ padding:6px 18px; border-radius:999px; background:#FDF0E6; border:1px solid #E8C9CF; }
.eott-home .tg-x{ color:var(--wine); font-size:1.4rem; }

/* ---- v123 Runde 2 ---- */
.eott-home .tg-box, .eott-home .tg-core{ max-width:940px; margin:0 auto; background:var(--door-n-l); border:2px solid var(--door-n); border-radius:26px; padding:24px; }
.eott-home .tg-k, .eott-home .tg-k2, .eott-home .tg-ext-k, .eott-home .tg-ge-k{ display:block; font-size:.8rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--wine-dark); margin:0 0 12px; }
.eott-home .tg-min{ display:inline-block; font-size:.82rem; font-weight:700; color:var(--wine-dark); background:var(--c,#F5C09E); border-radius:999px; padding:2px 10px; white-space:nowrap; }
.eott-home .tg-sub{ font-size:.92rem; color:var(--grey); line-height:1.45; }
.eott-home .tg-pause{ display:flex; align-items:center; gap:10px; margin:18px 0 10px; font-family:Lora,serif; font-style:italic; color:var(--wine-dark); font-size:1.05rem; }
.eott-home .tg-pause::after{ content:""; flex:1; height:2px; background:repeating-linear-gradient(90deg,var(--door-n) 0 6px,transparent 6px 11px); }
.eott-home .tg-pi{ width:30px; height:30px; color:var(--wine); }
.eott-home .tg-pi svg{ width:100%; height:100%; }
.eott-home .tg-touch{ display:flex; gap:14px; align-items:flex-start; background:#FFF1E6; border:1px solid var(--door-n); border-radius:18px; padding:16px; }
.eott-home .tg-basis{ margin:14px 0 0; font-family:Lora,serif; font-style:italic; font-size:1.05rem; color:var(--wine-dark); text-align:center; }
.eott-home .tg-ge{ margin-top:18px; background:var(--door-p-l); border:2px solid #E8C9CF; border-radius:20px; padding:16px 18px; text-align:center; }
.eott-home .tg-ge p{ margin:0 auto; max-width:620px; font-size:1rem; line-height:1.6; color:var(--dark); text-align:center !important; }
.eott-home .tg-ge .tg-gn{ margin-bottom:8px; }
.eott-home .tg-gn span:not(.tg-x){ white-space:nowrap; }
.eott-home .tg-gn span svg{ width:22px; height:22px; vertical-align:-5px; margin-right:6px; color:var(--wine); }
.eott-home .tg-ext{ max-width:940px; margin:22px auto 0; }
.eott-home .tg-ext-k{ text-align:center; }
.eott-home .tg-ext-g{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.eott-home .tg-x2{ border-radius:22px; padding:20px; min-width:0; }
.eott-home .tg-x2 p{ margin:0 0 10px; font-size:1rem; line-height:1.6; color:var(--dark); text-align:left; }
.eott-home .tg-x2.b{ background:var(--door-b-l); border:2px solid #F6D58A; }
.eott-home .tg-x2.p{ background:var(--door-p-l); border:2px solid #E8C9CF; }
.eott-home .tg-row{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.eott-home .tg-tile{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; background:#FDF0E6; border-radius:16px; border-top:5px solid var(--c); padding:12px 8px 14px; min-width:0; }
.eott-home .tg-tile b{ font-family:Lora,serif; font-size:1.02rem; color:var(--wine-dark); line-height:1.25; }
.eott-home .tg-tile .tg-ico{ border-color:var(--c); }
/* 1 Kreislauf */
.eott-home .tg-p1 .tg-hour > *{ min-width:0; }
.eott-home .tg-p1 .tg-hour{ display:grid; grid-template-columns:300px minmax(0,1fr); gap:24px; align-items:center; }
.eott-home .tg-donut{ width:100%; height:auto; max-width:300px; display:block; margin:0 auto; }
.eott-home .tg-dt1{ font-family:Lora,serif; font-size:19px; fill:#5C1E28; }
.eott-home .tg-dt2{ font-family:Poppins,sans-serif; font-weight:700; font-size:15px; fill:#B07A1A; }
.eott-home .tg-leg{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.eott-home .tg-leg li{ display:grid; grid-template-columns:16px 1fr auto; column-gap:10px; align-items:center; }
.eott-home .tg-leg li::before{ content:none; }
.eott-home .tg-dot{ width:16px; height:16px; border-radius:50%; background:var(--c); }
.eott-home .tg-leg b{ font-family:Lora,serif; font-size:1.08rem; color:var(--wine-dark); }
.eott-home .tg-leg .tg-sub{ grid-column:2 / 4; }
/* 2 Zeitleiste */
.eott-home .tg-bar{ display:flex; gap:4px; margin:0 0 16px; }
.eott-home .tg-bar > span{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:64px; background:var(--c); border-radius:12px; padding:6px 2px; min-width:0; }
.eott-home .tg-bar i{ width:26px; height:26px; color:#5C1E28; }
.eott-home .tg-bar i svg{ width:100%; height:100%; display:block; }
.eott-home .tg-bar em{ font-style:normal; font-weight:700; font-size:.8rem; color:#5C1E28; white-space:nowrap; }
.eott-home .tg-bar-p{ flex:4; background:repeating-linear-gradient(135deg,#FBF6F0 0 8px,#F2E3D6 8px 16px) !important; border:1px dashed var(--door-n); }
.eott-home .tg-bar-b{ flex:12; background:var(--wine) !important; }
.eott-home .tg-bar-b i, .eott-home .tg-bar-b em{ color:#FBF6F0 !important; }
/* 3 Ein Ganzes */
.eott-home .tg-whole{ max-width:940px; margin:0 auto; }
.eott-home .tg-cols{ display:grid; grid-template-columns:1fr; gap:16px; }
.eott-home .tg-p3 .tg-core{ background:linear-gradient(180deg,var(--door-n-l),#FDEEE3); }
@media (max-width:760px){
  .eott-home .tg-box, .eott-home .tg-core{ padding:16px 12px; border-radius:20px; }
  .eott-home .tg-p1 .tg-hour{ grid-template-columns:minmax(0,1fr); }
  .eott-home .tg-donut{ max-width:240px; }
  .eott-home .tg-row{ grid-template-columns:1fr 1fr; }
  .eott-home .tg-row .tg-tile:first-child{ grid-column:1 / -1; }
  .eott-home .tg-ext-g{ grid-template-columns:1fr; }
  .eott-home .tg-bar em{ display:none; }
  .eott-home .tg-bar > span{ min-height:44px; }
  .eott-home .tg-gn{ gap:8px; font-size:1.05rem !important; }
  .eott-home .tg-gn span:not(.tg-x){ padding:5px 12px; }
  .eott-home .tg-bar i{ width:20px; height:20px; }
  .eott-home .tg-touch{ padding:12px; }
}

/* ---- v123 Runde 3 ---- */
.eott-home .tg-whole{ max-width:960px; margin:0 auto; }
.eott-home .tg-h1card, .eott-home .tg-h2card{ border-radius:26px; padding:24px; min-width:0; }
.eott-home .tg-h1card{ background:var(--door-n-l); border:2px solid var(--door-n); }
.eott-home .tg-ch{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
.eott-home .tg-hr{ font-size:.82rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#FBF6F0; background:var(--wine); border-radius:999px; padding:4px 14px; white-space:nowrap; }
.eott-home .tg-all{ font-size:.8rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--wine-dark); white-space:nowrap; }
.eott-home h3.tg-ct{ font-family:Lora,serif; font-size:1.7rem; line-height:1.2; color:var(--wine-dark); margin:12px 0 14px; }
.eott-home .tg-hour{ display:grid; grid-template-columns:300px minmax(0,1fr); gap:24px; align-items:center; }
.eott-home .tg-hour > *{ min-width:0; }
.eott-home .tg-wheel{ width:100%; height:auto; max-width:300px; display:block; margin:0 auto; }
.eott-home .tg-st{ font-family:Poppins,sans-serif; font-weight:700; font-size:15px; fill:#7A2E3B; letter-spacing:.04em; }
.eott-home .tg-steps{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.eott-home .tg-steps li{ display:grid; grid-template-columns:30px minmax(0,1fr) auto; column-gap:10px; align-items:center; }
.eott-home .tg-steps li::before, .eott-home .tg-steps li::marker{ content:none; }
.eott-home .tg-n{ width:30px; height:30px; border-radius:50%; background:var(--c); color:#5C1E28; font-weight:700; font-size:.9rem; display:flex; align-items:center; justify-content:center; }
.eott-home .tg-steps b{ font-family:Lora,serif; font-size:1.1rem; color:var(--wine-dark); line-height:1.25; }
.eott-home .tg-steps .tg-sub{ grid-column:2 / 4; }
.eott-home .tg-pz{ display:flex; align-items:center; gap:10px; margin:16px 0; font-family:Lora,serif; font-size:1.15rem; color:var(--wine-dark); }
.eott-home .tg-pz::before, .eott-home .tg-pz::after{ content:""; flex:1; height:2px; background:repeating-linear-gradient(90deg,#C9B8A6 0 6px,transparent 6px 11px); }
.eott-home .tg-pz b{ font-weight:600; }
/* zweite + dritte Stunde – eigene Farbe */
.eott-home .tg-va .tg-h2card{ --s:#4E6242; --sd:#2F5B34; background:#EEF3E6; border:2px solid #CFE0C6; }
.eott-home .tg-vb .tg-h2card{ --s:#B8641A; --sd:#8A3E26; background:#FBEDE2; border:2px solid #F2CDB4; }
.eott-home .tg-h2card .tg-hr{ background:var(--s); }
.eott-home .tg-h2card h3.tg-ct, .eott-home .tg-h2card .tg-all{ color:var(--sd); }
.eott-home .tg-cs{ margin:0 0 16px; font-size:1.05rem; line-height:1.55; color:var(--dark); }
.eott-home .tg-big{ display:flex; gap:16px; align-items:center; margin:0 0 18px; }
.eott-home .tg-bi{ flex:none; width:64px; height:64px; border-radius:50%; border:2px solid var(--s); color:var(--sd); padding:12px; background:rgba(255,255,255,.35); }
.eott-home .tg-bi svg, .eott-home .tg-qi svg, .eott-home .tg-zi svg{ width:100%; height:100%; display:block; }
.eott-home .tg-big b{ display:block; font-family:Lora,serif; font-size:2rem; line-height:1.1; color:var(--sd); }
.eott-home .tg-big span span{ display:block; font-family:Lora,serif; font-style:italic; font-size:1.3rem; color:var(--sd); margin-top:4px; }
.eott-home .tg-qk{ display:block; font-size:.82rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--sd); margin:0 0 10px; }
.eott-home .tg-qs{ list-style:none; margin:0 0 14px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.eott-home .tg-qs li::before, .eott-home .tg-qs li::marker{ content:none; }
.eott-home .tg-q{ display:flex; gap:14px; align-items:center; background:var(--ql); border:2px solid var(--q); border-radius:18px; padding:14px 16px; min-width:0; }
.eott-home .tg-qi{ flex:none; width:52px; height:52px; border-radius:50%; background:var(--q); color:#fff; padding:11px; }
.eott-home .tg-q b{ display:block; font-family:Lora,serif; font-size:1.3rem; color:var(--q); line-height:1.2; }
.eott-home .tg-q span span{ display:block; font-size:.95rem; line-height:1.45; color:var(--dark); }
.eott-home .tg-zl{ display:flex; gap:10px; align-items:center; margin:8px 0 0; font-size:1rem; line-height:1.45; color:var(--dark); text-align:left; }
.eott-home .tg-zi{ flex:none; width:28px; height:28px; color:var(--sd); }
.eott-home .tg-ge{ margin-top:18px; }
.eott-home .tg-x2.p .tg-lv li, .eott-home .tg-x2.p .tg-lv li:last-child{ background:#FBF1EC; border-color:#D9A3AB; }
/* Variante B: beide Stunden nebeneinander */
.eott-home .tg-pair{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:12px; align-items:stretch; }
.eott-home .tg-vb .tg-hour{ grid-template-columns:minmax(0,1fr); gap:16px; }
.eott-home .tg-vb .tg-wheel{ max-width:250px; }
.eott-home .tg-vb .tg-pz{ flex-direction:column; justify-content:center; margin:0; font-size:1rem; }
.eott-home .tg-vb .tg-pz::before, .eott-home .tg-vb .tg-pz::after{ flex:1; width:2px; height:auto; background:repeating-linear-gradient(180deg,#C9B8A6 0 6px,transparent 6px 11px); }
.eott-home .tg-vb .tg-pz b{ writing-mode:vertical-rl; transform:rotate(180deg); letter-spacing:.1em; }
.eott-home .tg-vb .tg-qs{ grid-template-columns:1fr 1fr; }
.eott-home .tg-vb .tg-q{ flex-direction:column; align-items:flex-start; gap:8px; padding:12px; }
.eott-home .tg-vb .tg-qi{ width:46px; height:46px; padding:10px; }
@media (max-width:760px){
  .eott-home .tg-h1card, .eott-home .tg-h2card{ padding:18px 14px; border-radius:20px; }
  .eott-home h3.tg-ct{ font-size:1.45rem; }
  .eott-home .tg-hour{ grid-template-columns:minmax(0,1fr); gap:16px; }
  .eott-home .tg-wheel{ max-width:260px; }
  .eott-home .tg-pair{ grid-template-columns:minmax(0,1fr); gap:0; }
  .eott-home .tg-vb .tg-pz{ flex-direction:row; margin:16px 0; font-size:1.15rem; }
  .eott-home .tg-vb .tg-pz::before, .eott-home .tg-vb .tg-pz::after{ height:2px; width:auto; background:repeating-linear-gradient(90deg,#C9B8A6 0 6px,transparent 6px 11px); }
  .eott-home .tg-vb .tg-pz b{ writing-mode:horizontal-tb; transform:none; }
  .eott-home .tg-qs{ gap:10px; }
  .eott-home .tg-q{ flex-direction:column; align-items:flex-start; gap:8px; padding:12px; }
  .eott-home .tg-qi{ width:44px; height:44px; padding:9px; }
  .eott-home .tg-q b{ font-size:1.2rem; }
  .eott-home .tg-big b{ font-size:1.75rem; }
  .eott-home .tg-big span span{ font-size:1.15rem; }
  .eott-home .tg-bi{ width:56px; height:56px; }
}

/* ===== v124 (01.10.2026): Tantra erklärt – Geben ⇄ Empfangen in Gold-Sand (nicht mehr Insel-Farbe) · Eure Insel-Karte in Weinrot mit cremefarbenem Knopf (Garlef) ===== */
.eott-home .tg-ge{ background:#F6EADB; border-color:#D9B67A; }
.eott-home .tg-ge .tg-ge-k{ color:#8C6124; }
.eott-home .tg-ge .tg-gn span:not(.tg-x){ background:#FBF6F0; border-color:#D9B67A; }
.eott-home .tg-ge .tg-gn span svg, .eott-home .tg-ge .tg-x{ color:#8C6124; }
.eott-home .tg-x2.p{ background:var(--wine); border-color:var(--wine); }
.eott-home .tg-x2.p .tg-tag{ color:#E8C995; }
.eott-home .tg-x2.p .tg-h{ color:#FBF6F0; }
.eott-home .tg-x2.p p{ color:#F6E7E3; }
.eott-home .tg-x2.p .tg-lv li, .eott-home .tg-x2.p .tg-lv li:last-child{ background:rgba(251,246,240,.10); border-color:rgba(251,246,240,.55); color:#FBF6F0; }
.eott-home .tg-x2.p .tg-li{ color:#E8C995; }
.eott-home .tg-x2.p .tg-link, .eott-home .tg-x2.p .tg-link:visited{ display:inline-block; margin-top:4px; padding:10px 20px; border:0; border-radius:999px; background:#FBF6F0; color:var(--wine) !important; font-weight:600; }
.eott-home .tg-x2.p .tg-link:hover, .eott-home .tg-x2.p .tg-link:focus-visible{ background:#E8C995; color:#5C1E28 !important; }


/* ===== v126 (02.10.2026): Leinen los – Karten „Schon 2026“ (Genuss mit Kuss, Blind Touch, Date Night, Wochenende) ===== */
.eott-home .ll26{ margin:0 0 26px; }
.eott-home .ll26-k{ display:flex; align-items:center; gap:14px; margin:0 0 22px !important; text-align:center !important; }
.eott-home .ll26-k::before, .eott-home .ll26-k::after{ content:""; flex:1; height:1px; background:#F0DCD5; }
.eott-home .ll26-k span{ font-size:.8rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#B8606E; }
.eott-home .ll26-g{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 20px; }
.eott-home .ll26-g .op-online{ margin:0; min-width:0; }
.eott-home .ll26-g .op-online .op-btn{ margin-top:auto; padding-top:0; }
.eott-home .ll26-g .op-online > span:not(.op-star){ margin-bottom:12px; }
@media (max-width:760px){
  .eott-home .ll26-g{ grid-template-columns:minmax(0,1fr); gap:24px; }
}
/* ===== v126 (02.10.2026): Häufige Fragen – „Wie läuft ein Seminar genau ab?“ (Startseite + /faq/) ===== */
.eott-home .faq-list details.faq-ablauf ul.faq-steps{ list-style:none; margin:12px 0 0; padding:0; max-width:64ch; display:grid; gap:8px; }
.eott-home .faq-list details.faq-ablauf ul.faq-steps li{ position:relative; margin:0; padding:0 0 0 22px; font-size:1.015rem; line-height:1.6; text-align:left; }
.eott-home .faq-list details.faq-ablauf ul.faq-steps li::marker{ content:none; }
.eott-home .faq-list details.faq-ablauf ul.faq-steps li::before{ content:""; position:absolute; left:2px; top:.62em; width:9px; height:9px; border-radius:50%; background:var(--sun); }
.eott-home .faq-list details.faq-ablauf ul.faq-steps li b{ font-family:Lora,serif; font-weight:600; color:var(--wine-dark); }
.eott-home .faq-list details.faq-ablauf a.faq-more{ color:var(--wine-dark); font-weight:600; text-decoration:none; border-bottom:2px solid var(--sun); white-space:nowrap; }
/* ===== v126 (02.10.2026): /blind-touch/ im neuen Design (Rahmen .eott-home.op, Klassen bt-…) ===== */
.eott-home .bt-hero .bt-lead{ max-width:620px; margin:6px auto 22px; font-size:1.02rem; line-height:1.65; color:var(--wine-dark); text-align:center !important; }
.eott-home .bt-hero .bt-book{ max-width:620px; margin:0 auto 6px; text-align:left; }
.eott-home .bt-book .bt-btns{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.eott-home .bt-book .bt-btns .op-btn{ margin-top:0; }
.eott-home .op-online.bt-book > span.bt-btns{ color:inherit; }
.eott-home .bt-book .bt-hint{ display:block; margin-top:10px; font-size:.9rem; color:var(--grey); }
.eott-home .bt-btns .op-btn{ padding:0 22px; }
.eott-home .bt-btns .op-btn.more{ background:#FFFAF6; padding:0 20px; }
.eott-home .ins-sec.bt-side{ align-items:start; }
.eott-home .bt-side .ins-side-img{ min-height:0; aspect-ratio:4/5; position:sticky; top:110px; }
.eott-home .bt-text-g{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); gap:28px; align-items:center; }
.eott-home .bt-text-t > .op-q{ display:block; text-align:center; }
.eott-home .bt-text p{ font-size:1.02rem; line-height:1.7; color:var(--dark); margin:0 0 14px; }
.eott-home .bt-img2{ margin:0; border-radius:22px; overflow:hidden; }
.eott-home .bt-img2 img{ width:100%; height:auto; display:block; }
.eott-home .bt-ablauf .op-q, .eott-home .bt-blick .op-q{ display:block; text-align:center; }
.eott-home .bt-tl{ list-style:none; margin:0 auto; padding:0; max-width:780px; display:grid; gap:12px; }
.eott-home .bt-tl li{ display:grid; grid-template-columns:150px minmax(0,1fr); gap:16px; align-items:start; background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border:1px solid #F0DCD5; border-left:4px solid var(--sun); border-radius:16px; padding:14px 18px; }
.eott-home .bt-tl li::before, .eott-home .bt-tl li::marker{ content:none !important; display:none !important; }
.eott-home .bt-z{ font-weight:700; color:var(--wine); white-space:nowrap; font-size:1rem; }
.eott-home .bt-x{ font-size:1rem; line-height:1.6; color:var(--dark); }
.eott-home .bt-x b{ display:block; font-family:Lora,serif; font-size:1.12rem; color:var(--wine-dark); margin-bottom:2px; }
.eott-home .ins-sec.bt-two{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); max-width:1060px; align-items:start; }
.eott-home .bt-two .ins-list{ columns:auto; }
.eott-home .bt-facts{ list-style:none; margin:0 auto; padding:0; max-width:820px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.eott-home .bt-facts li{ background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border:1px solid #F0DCD5; border-radius:16px; padding:14px 16px; min-width:0; }
.eott-home .bt-facts li::before, .eott-home .bt-facts li::marker{ content:none !important; display:none !important; }
.eott-home .bt-facts .k{ display:block; font-size:.78rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#8A6420; margin-bottom:4px; }
.eott-home .bt-facts .v{ display:block; font-family:Lora,serif; font-size:1.08rem; line-height:1.4; color:var(--wine-dark); }
.eott-home .bt-schluss{ max-width:620px; margin:22px auto 0 !important; text-align:center !important; font-family:Lora,serif; font-style:italic; font-size:1.15rem; color:var(--wine-dark); }
.eott-home .bt-btns.c{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:18px 0 0 !important; }
.eott-home .bt-back{ text-align:center !important; margin-top:26px; }
.eott-home .bt-back a{ color:var(--wine-dark); }
@media (max-width:760px){
  .eott-home .bt-text-g, .eott-home .ins-sec.bt-two{ grid-template-columns:minmax(0,1fr); }
  .eott-home .bt-img2{ max-width:420px; margin:0 auto; }
  .eott-home .bt-side .ins-side-img{ position:relative; top:auto; aspect-ratio:16/11; }
  .eott-home .bt-tl li{ grid-template-columns:minmax(0,1fr); gap:4px; padding:12px 14px; }
  .eott-home .bt-facts{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .eott-home .bt-hero .bt-lead{ font-size:1rem; }
}

/* ===== v127 (03.10.2026): Leinen los – Zeile „Begegnung mit Plan · Einladung zu Tiefe“ unter der Kartenüberschrift ===== */
.eott-home .nz-card .nz-plan{ margin:2px 0 6px !important; font-size:1.02rem; font-weight:600; color:#B0600E; letter-spacing:.01em; }

/* ===== v128 (03.10.2026): Warenkorb + Kasse am Handy, „unterstützend“ im Buchungsfenster ===== */
/* Warenkorb/Kasse: kein Herausziehen an den Rand (alignwide hatte -15 px), Tabelle passt auf jedes Handy */
@media (max-width:782px){
  .wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{ margin-left:0 !important; margin-right:0 !important; max-width:100% !important; }
  table.wc-block-cart-items, table.wc-block-cart-items tbody{ display:block !important; width:100% !important; }
  table.wc-block-cart-items thead{ display:none !important; }
  table.wc-block-cart-items .wc-block-cart-items__row{ display:grid !important; grid-template-columns:72px minmax(0,1fr); column-gap:14px; row-gap:6px; padding:16px 0 !important; border-bottom:1px solid #EAD9CC; }
  table.wc-block-cart-items .wc-block-cart-items__row > td{ display:block !important; padding:0 !important; border:0 !important; width:auto !important; min-width:0; }
  table.wc-block-cart-items .wc-block-cart-item__image{ grid-row:1 / span 2; }
  table.wc-block-cart-items .wc-block-cart-item__image img{ width:72px !important; height:auto; }
  table.wc-block-cart-items .wc-block-cart-item__product{ grid-column:2; }
  table.wc-block-cart-items .wc-block-cart-item__total{ grid-column:2 !important; grid-row:3 !important; position:static !important; display:flex !important; justify-content:flex-start !important; text-align:left !important; font-weight:600; }
  table.wc-block-cart-items .wc-block-cart-item__total *{ position:static !important; }
  table.wc-block-cart-items .wc-block-cart-item__total{ align-items:baseline !important; gap:6px; font-size:.95rem !important; }
  table.wc-block-cart-items .wc-block-cart-item__total::before{ content:"Summe:"; font-weight:500; color:#7A5D61; font-size:.9rem; }
  table.wc-block-cart-items .wc-block-cart-item__total-price-and-sale-badge-wrapper{ display:flex !important; flex-direction:row !important; align-items:baseline !important; gap:8px; text-align:left !important; }
  table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-product-price{ font-size:.95rem !important; }
  table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-sale-badge{ margin-left:8px; }
  table.wc-block-cart-items .wc-block-cart-item__image{ grid-row:1 / span 3 !important; }
  .wc-block-cart-item__product .wc-block-components-product-name{ overflow-wrap:anywhere; }
}
/* Buchungsfenster: „unterstützend“ bleibt im Knopf */
@media (max-width:420px){
  .eott-home .bk-st label{ padding-left:4px !important; padding-right:4px !important; min-width:0; }
  .eott-home .bk-st label small:not(.pct){ font-size:clamp(10.5px, 3.15vw, 13px) !important; letter-spacing:-.01em; }
}
/* Termine-Knopf auf Warenkorb und Kasse aus (verdeckte am Handy „Weiter zur Kasse“; auf der Kasse am Handy schon seit v112 aus) */
body.woocommerce-cart .op-fab, body.woocommerce-checkout .op-fab{ display:none !important; }
/* Handy: lange Knöpfe in den Schlussblöcken (Jahresgruppe, Yoga, Pre-Silvester, Date Night, 1. Berührung) laufen nicht mehr aus dem Block */
@media (max-width:600px){
  .eott .btn{ white-space:normal !important; max-width:100% !important; height:auto !important; min-height:44px; line-height:1.3 !important; text-align:center; padding-top:.7em !important; padding-bottom:.7em !important; }
}
/* Handy: Überschriften trennen mit Bindestrich statt mitten im Wort (Datenschutzerklärung, Geschäftsbedingungen, Cookie-Richtlinie) */
@media (max-width:600px){
  .eott h1, .eott h2, .eott h3, .entry-content h1, .entry-content h2, .entry-content h3, .cmplz-document h2, .cmplz-document h3{ -webkit-hyphens:auto; hyphens:auto; }
  .eott-home .op-door3 i{ letter-spacing:.03em !important; -webkit-hyphens:auto; hyphens:auto; }
  .eott-home .bt-facts .v{ font-size:15.5px !important; }
}
/* Newsletter-Einwilligung: normale Schrift statt fett-unterstrichen, Hausschrift statt Arial */
.tnp-privacy-field, .tnp-privacy-field label, .tnp-privacy-field a{ font-family:inherit !important; font-weight:400 !important; }
.tnp-privacy-field a{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px; }
/* Mein Konto + Kasse: Beschriftungen ohne gesperrte Buchstaben, Felder bleiben in der Karte */
.woocommerce form .form-row label, .woocommerce-form label, .wc-block-components-checkbox__label, .wc-block-components-checkbox label{ letter-spacing:normal !important; text-transform:none !important; font-family:inherit !important; }
.woocommerce-form input, .woocommerce-form img, .woocommerce-form select{ max-width:100% !important; }
/* AGB/Widerruf am Desktop: angenehme Zeilenlänge statt voller Breite */
@media (min-width:900px){ .eott .lk-legal-wide .lk-legal{ max-width:820px; margin-left:auto; margin-right:auto; } }
/* Handy: lange Wörter in Rechtstexten passen in die Zeile (Datenschutzerklärung, Geschäftsbedingungen, Deaktivierung) */
@media (max-width:600px){
  .eott .lk-hero h1, .eott .lk-legal h1{ font-size:min(33.75px, 7.2vw) !important; }
  .eott .lk-legal h2, .cmplz-document h2{ font-size:min(26px, 6vw) !important; }
}

/* ===== v131 (03.10.2026): Buchungskarte – „Sofort buchen“ statt Guthaben-Hinweis ===== */
.eott-home .v-direkt{ margin:12px 0 4px !important; font-size:.9rem; line-height:1.4; color:#5C1E28; text-align:center; font-weight:500; }

/* ===== v133 (03.10.2026): Leiste Variante B – ab 1024 px Tantra erklärt · Häufige Fragen · Über mich statt der drei Türen; Türen oben im Menü. Handy unverändert. ===== */
.eott-home .op-bar .op-txt{ display:none; }
.eott-home .op-menu nav a.op-mdoor, .eott-home .op-menu nav hr.op-mdoor{ display:none; }
@media (min-width:1024px){
  .eott-home .op-bar:has(.op-txt) .op-pill.n, .eott-home .op-bar:has(.op-txt) .op-pill.b, .eott-home .op-bar:has(.op-txt) .op-pill.p{ display:none !important; }
  .eott-home .op-bar .op-txt{ display:inline-flex; align-items:center; height:46px; padding:0 16px; border-radius:30px; font-size:1rem; font-weight:600; color:var(--wine-dark) !important; text-decoration:none !important; white-space:nowrap; }
  .eott-home .op-bar .op-txt:hover{ background:var(--cream-2); }
  .eott-home .op-menu nav a.op-mdoor{ display:flex !important; font-weight:600; }
  .eott-home .op-menu nav hr.op-mdoor{ display:block !important; }
  .eott-home .op-bar:has(.op-txt) .op-menu nav a.op-mtxt{ display:none !important; }
}

/* v131.1 (03.10.2026): „Sofort buchen“-Zeile mittig statt Blocksatz */
.eott-home .oc-side .v-direkt{ text-align:center !important; text-align-last:center; hyphens:manual; word-spacing:normal; }

/* ===== v130 (03.10.2026): „Wähle deinen Rahmen“ auf Heimathafen + Leinen los – nur Farben der eigenen Tür (Garlef: keine Farben mischen) ===== */
.eott-home .v130{ margin:10px auto 34px; }
.eott-home .ins-row.hh1{ background:#FCE7D8; color:var(--wine-dark); }
.eott-home .ins-row.hh2{ background:#F5C09E; color:var(--wine-dark); }
.eott-home .ins-row.hh3{ background:linear-gradient(180deg,#FFFFFF 0%,#FFF3EA 100%); border:1px solid #F5D3BC; color:var(--wine-dark); }
.eott-home .ins-row.hh1 .k, .eott-home .ins-row.hh3 .k{ color:#A0583A; }
.eott-home .ins-row.hh2 .k{ color:#6E3422; }
.eott-home .ins-row.ll1{ background:#FFF1D2; color:var(--wine-dark); }
.eott-home .ins-row.ll2{ background:#FDB016; color:var(--wine-dark); }
.eott-home .ins-row.ll3{ background:linear-gradient(180deg,#FFFFFF 0%,#FFF8E6 100%); border:1px solid #F6D6A8; color:var(--wine-dark); }
.eott-home .ins-row.ll1 .k, .eott-home .ins-row.ll3 .k{ color:#8A5A00; }
.eott-home .ins-row.ll2 .k{ color:#5C1E28; }
.eott-home .ins-row.hh1 em, .eott-home .ins-row.hh2 em, .eott-home .ins-row.hh3 em, .eott-home .ins-row.ll1 em, .eott-home .ins-row.ll2 em, .eott-home .ins-row.ll3 em{ color:var(--wine-dark); }
/* ===== v134 (03.10.2026): Warenkorb + Kasse im Hausdesign – Lora-Überschriften, runde Felder, Sonnen-Knopf, Karten wie auf den Angebotsseiten ===== */
body.woocommerce-cart .wp-block-woocommerce-cart, body.woocommerce-checkout .wp-block-woocommerce-checkout{ font-family:"Poppins",system-ui,sans-serif; color:#3B2227; }
body.woocommerce-cart .entry-title, body.woocommerce-checkout .entry-title, body.woocommerce-cart h1, body.woocommerce-checkout h1{ font-family:"Lora",Georgia,serif !important; color:#5C1E28 !important; }
/* Überschriften in Warenkorb und Kasse */
.wc-block-components-title, .wc-block-components-checkout-step__title, .wc-block-cart__totals-title, .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{ font-family:"Lora",Georgia,serif !important; color:#5C1E28 !important; font-weight:600 !important; text-transform:none !important; letter-spacing:0 !important; }
.wc-block-cart__totals-title{ font-size:1.15rem !important; }
/* Karten: Artikel-Liste, Summen, Bestellübersicht */
.wc-block-cart .wc-block-cart-items, .wc-block-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-totals-block, .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{ background:#FFFDFB; border:1px solid #F0DCD5 !important; border-radius:20px; box-shadow:0 14px 34px -22px rgba(92,30,40,.35); }
.wc-block-cart .wc-block-cart-items{ padding:6px 18px !important; border-collapse:separate; }
.wc-block-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-totals-block, .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{ padding:18px 20px !important; }
.wc-block-cart-items__header{ font-family:"Poppins",sans-serif !important; font-size:.72rem !important; letter-spacing:.12em !important; color:#B0600E !important; }
.wc-block-components-product-name{ font-family:"Lora",Georgia,serif !important; color:#5C1E28 !important; font-weight:600 !important; text-decoration:none !important; font-size:1.05rem !important; }
.wc-block-components-product-price, .wc-block-components-totals-item__value, .wc-block-formatted-money-amount{ color:#5C1E28; font-variant-numeric:tabular-nums; }
.wc-block-cart-item__image img{ border-radius:12px; }
/* Menge + Löschen */
.wc-block-components-quantity-selector{ border-radius:999px !important; border-color:#E5CFC2 !important; overflow:hidden; background:#fff; }
.wc-block-components-quantity-selector::after{ border:0 !important; }
.wc-block-cart-item__remove-link{ color:#8E3A48 !important; }
/* Sonnen-Knöpfe: Weiter zur Kasse, Zahlungspflichtig bestellen */
.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-button.contained{ background:linear-gradient(180deg,#FDC24A 0%,#FDB016 55%,#F2A007 100%) !important; color:#3B1A20 !important; border:0 !important; border-radius:999px !important; font-family:"Poppins",sans-serif !important; font-weight:600 !important; font-size:1.02rem !important; text-decoration:none !important; min-height:54px; box-shadow:0 12px 26px -12px rgba(176,96,14,.6) !important; }
.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{ filter:brightness(1.04); }
.wc-block-cart__submit-button .wc-block-components-button__text, .wc-block-components-checkout-place-order-button .wc-block-components-button__text{ text-decoration:none !important; }
/* Felder */
.wc-block-components-text-input input, .wc-block-components-text-input textarea, .wc-block-components-combobox .wc-block-components-combobox-control input, .wc-blocks-components-select .wc-blocks-components-select__select, .wc-block-components-textarea{ border:1px solid #E5CFC2 !important; border-radius:14px !important; background:#FFFDFB !important; color:#3B2227 !important; box-shadow:none !important; }
.wc-block-components-text-input input:focus, .wc-blocks-components-select .wc-blocks-components-select__select:focus, .wc-block-components-textarea:focus{ border-color:#FDB016 !important; box-shadow:0 0 0 3px rgba(253,176,22,.25) !important; outline:0 !important; }
.wc-block-components-text-input label, .wc-blocks-components-select__label{ color:#7A5D61 !important; }
.wc-blocks-components-select__container{ border-radius:14px !important; }
/* Zahlungsart + Kontrollkästchen */
.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option{ border-radius:14px !important; }
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option{ border-color:#F0DCD5 !important; background:#FFFDFB; }
.wc-block-components-radio-control__input:checked, .wc-block-components-checkbox__input:checked{ background:#FDB016 !important; border-color:#B0600E !important; }
.wc-block-components-checkbox__input{ border-radius:6px !important; border-color:#D9B8A8 !important; }
.wc-block-components-checkbox__mark{ fill:#3B1A20 !important; }
/* Links + Gutschein-Aufklapper */
.wc-block-cart a, .wc-block-checkout a{ color:#8E3A48; }
.wc-block-components-panel__button{ color:#5C1E28 !important; font-weight:500; }
.wc-block-components-totals-wrapper{ border-color:#F0DCD5 !important; }
/* Rand am Handy (Kasse) */
@media (max-width:782px){
  body.woocommerce-checkout .wc-block-components-sidebar-layout{ padding-left:4px; padding-right:4px; }
  .wc-block-cart .wc-block-cart-items{ padding:2px 14px !important; }
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{ box-shadow:inset 0 0 0 2px #FDB016 !important; border-radius:14px !important; }
.wc-block-components-radio-control--highlight-checked::after{ border-color:#F0DCD5 !important; border-radius:14px !important; }

/* ===== v136 (03.10.2026): Farben je Tür – keine Farben mischen (Garlef). Heimathafen = Pfirsich, Leinen los = Sonne, Eure Insel = Weinrot ===== */
body.page-id-12123 .eott-home .nz-card .v-cta, body.page-id-12123 .eott-home .op-btn.book, body.page-id-12123 .eott-home .bk-row:has(input:checked) .bk-box{ background:linear-gradient(145deg,#F9D3BA,#EFA97F) !important; color:#5C1E28 !important; box-shadow:0 12px 24px -14px rgba(160,88,58,.75) !important; }
body.page-id-12123 .eott-home .op-btn.book:hover{ background:#EFA97F !important; }
body.page-id-12123 .eott-home .v-modal .bk-st label:has(input:checked){ background:#F5C09E !important; border-color:#E39C74 !important; box-shadow:0 8px 18px -10px rgba(160,88,58,.8) !important; }
body.page-id-12123 .eott-home .bk-box{ border-color:#E8B596 !important; }
body.page-id-12125 .eott-home .nz-card .v-cta, body.page-id-12125 .eott-home .op-btn.book, body.page-id-12125 .eott-home .bk-row:has(input:checked) .bk-box{ background:linear-gradient(145deg,#94404F,#5C1E28) !important; color:#FBF6F0 !important; box-shadow:0 12px 24px -14px rgba(92,30,40,.8) !important; }
body.page-id-12125 .eott-home .op-btn.book:hover{ background:#5C1E28 !important; }
body.page-id-12125 .eott-home .v-modal .bk-st label:has(input:checked){ background:#7A2E3B !important; border-color:#5C1E28 !important; box-shadow:0 8px 18px -10px rgba(92,30,40,.8) !important; }
body.page-id-12125 .eott-home .v-modal .bk-st label:has(input:checked) b, body.page-id-12125 .eott-home .v-modal .bk-st label:has(input:checked) small{ color:#FBF6F0 !important; }
body.page-id-12125 .eott-home .bk-box{ border-color:#C9A0A8 !important; }
.eott-home .op-door.p em{ background:#F6E7E3 !important; color:#5C1E28 !important; }
body.page-id-12123 .eott-home .bk-row:has(input:checked){ border-color:#E39C74 !important; background:#FFF3EA !important; }
body.page-id-12125 .eott-home .bk-row:has(input:checked){ border-color:#7A2E3B !important; background:#F9EEEB !important; }

/* ===== v137 (03.10.2026): Farben je Tür auch auf den Einzelseiten – Date Night + The Gathering (Leinen los = Sonne), 1. Berührung + Yoga (Heimathafen = Pfirsich). Kein Weinrot mehr dort. ===== */
body.page-id-1146 .eott a.btn:not(.cart):not(.ghost), body.page-id-11523 .eott a.btn:not(.cart):not(.ghost){ background:linear-gradient(145deg,#FFC94D,#E39A12) !important; color:#3A2B25 !important; border-color:transparent !important; }
body.page-id-1146 .eott section.cta-band, body.page-id-11523 .eott section.cta-band{ background:linear-gradient(180deg,#FFF1D2 0%,#FDD27A 100%) !important; color:#5C1E28 !important; }
body.page-id-2262 .eott a.btn:not(.ghost), body.page-id-9860 .eott a.btn:not(.ghost){ background:linear-gradient(145deg,#F9D3BA,#EFA97F) !important; color:#5C1E28 !important; border-color:transparent !important; }
body.page-id-2262 .eott section.cta-band, body.page-id-9860 .eott section.cta-band{ background:linear-gradient(180deg,#FCE7D8 0%,#F5C09E 100%) !important; color:#5C1E28 !important; }
body.page-id-1146 .eott section.cta-band *:not(.btn):not(.btn *), body.page-id-11523 .eott section.cta-band *:not(.btn):not(.btn *), body.page-id-2262 .eott section.cta-band *:not(.btn):not(.btn *), body.page-id-9860 .eott section.cta-band *:not(.btn):not(.btn *){ color:#5C1E28 !important; }
body.page-id-1146 .eott section.cta-band a.btn.cart, body.page-id-11523 .eott section.cta-band a.btn.cart, body.page-id-2262 .eott section.cta-band a.btn.cart, body.page-id-9860 .eott section.cta-band a.btn.cart{ background:#5C1E28 !important; color:#FBF6F0 !important; }
body.page-id-1146 .eott section.cta-band a.btn.ghost, body.page-id-11523 .eott section.cta-band a.btn.ghost, body.page-id-2262 .eott section.cta-band a.btn.ghost, body.page-id-9860 .eott section.cta-band a.btn.ghost{ background:transparent !important; color:#5C1E28 !important; border:1.5px solid #5C1E28 !important; }
body.page-id-1146 .eott section.cta-band a.btn.cart, body.page-id-11523 .eott section.cta-band a.btn.cart, body.page-id-2262 .eott section.cta-band a.btn.cart, body.page-id-9860 .eott section.cta-band a.btn.cart{ background:#3A2B25 !important; color:#F8EEDF !important; }

/* ===== v138 (03.10.2026): Türfarben auch in der Liste „Angebote 2026“, an Sternen und am U45-Zeichen (Garlef: keine Farben mischen) ===== */
body .eott ol.op-tl li.door-n a.op-btn, body .eott ol.op-tl li.door-n.op-hot a.op-btn{ background-color:#EFA97F!important; background:linear-gradient(145deg,#F9D3BA,#EFA97F)!important; border-color:#EFA97F!important; color:#5C1E28!important; }
body .eott ol.op-tl li.door-p a.op-btn, body .eott ol.op-tl li.door-p.op-hot a.op-btn{ background:#7A2E3B!important; border-color:#7A2E3B!important; color:#FBF6F0!important; }
.eott .op-tl li.door-n{ border-color:#F5C09E!important; }
.eott .op-tl li.door-p{ border-color:#D9A3AC!important; }
.eott .op-tl li.door-n .op-star, body.page-id-12123 .eott .op-star{ background:radial-gradient(circle at 35% 30%,#FCE7D8 0%,#F5C09E 45%,#E08A5E 100%)!important; color:#5C1E28!important; }
.eott .op-tl li.door-p .op-star, body.page-id-12125 .eott .op-star{ background:radial-gradient(circle at 35% 30%,#C9707F 0%,#7A2E3B 60%,#5C1E28 100%)!important; color:#FBF6F0!important; }
.eott .op-u45{ background:#8A5A00!important; color:#FFF1D2!important; }

/* ===== v138.1 (03.10.2026): Kartenrand oben, Leuchten der Hinweis-Termine und „nur … €“ in Türfarbe ===== */
body.page-id-12123 .eott article.nz-card{ border-top-color:#EFA97F!important; }
body.page-id-12124 .eott article.nz-card{ border-top-color:#FDB016!important; }
body.page-id-12125 .eott article.nz-card{ border-top-color:#7A2E3B!important; }
.eott .op-tl li.door-n.op-hot, body.page-id-12123 .eott .op-online.op-hot{ box-shadow:0 0 0 4px rgba(239,169,127,.22), 0 12px 26px -16px rgba(224,138,94,.6)!important; }
.eott .op-tl li.door-p.op-hot, body.page-id-12125 .eott .op-online.op-hot{ box-shadow:0 0 0 4px rgba(122,46,59,.14), 0 12px 26px -16px rgba(92,30,40,.55)!important; }
.eott .op-tl li.door-n .op-nur, body.page-id-12123 .eott .op-nur{ background:linear-gradient(#FCE7D8,#F5C09E)!important; color:#5C1E28!important; }
.eott .op-tl li.door-p .op-nur, body.page-id-12125 .eott .op-nur{ background:linear-gradient(#F6E7E3,#E9C3C9)!important; color:#5C1E28!important; }

/* ===== v138.2 (03.10.2026): Angebotskarten Heimathafen (Pfirsich) + Eure Insel (Weinrot) – Ablauf-Balken, Ziffern, Kleintitel, Ränder, Guthaben-Kästen ohne Sonnengelb ===== */
body.page-id-12123 .eott article.nz-card{ border-color:#F0C9B0!important; border-top-color:#EFA97F!important; }
body.page-id-12123 .eott .flc-bar .c1, body.page-id-12123 .eott article.nz-card i.c1{ background:#FCE7D8!important; }
body.page-id-12123 .eott .flc-bar .c2, body.page-id-12123 .eott article.nz-card i.c2{ background:linear-gradient(90deg,#F5C09E,#E08A5E)!important; }
body.page-id-12123 .eott .flc-bar .c3, body.page-id-12123 .eott article.nz-card i.c3{ background:#F9D3BA!important; }
body.page-id-12123 .eott article.nz-card .nz-k, body.page-id-12123 .eott .v-wahl, body.page-id-12123 .eott .op-topup .op-kind{ color:#A0583A!important; }
body.page-id-12123 .eott article.nz-card details{ border-top-color:#F0C9B0!important; }
body.page-id-12123 .eott article.nz-card summary::before{ color:#E08A5E!important; }
body.page-id-12123 .eott .op-topup a{ border-color:#EFA97F!important; }
body.page-id-12123 .eott .op-topup a em{ background:linear-gradient(145deg,#F9D3BA,#EFA97F)!important; color:#5C1E28!important; }
body.page-id-12125 .eott article.nz-card{ border-color:#E3C3C8!important; border-top-color:#7A2E3B!important; }
body.page-id-12125 .eott .flc-bar .c1, body.page-id-12125 .eott article.nz-card i.c1{ background:#F6E7E3!important; }
body.page-id-12125 .eott .flc-bar .c2, body.page-id-12125 .eott article.nz-card i.c2{ background:linear-gradient(90deg,#B4505F,#7A2E3B)!important; color:#FBF6F0!important; }
body.page-id-12125 .eott .flc-bar .c3, body.page-id-12125 .eott article.nz-card i.c3{ background:#E9C3C9!important; }
body.page-id-12125 .eott article.nz-card .nz-k, body.page-id-12125 .eott .v-wahl, body.page-id-12125 .eott .op-topup .op-kind{ color:#8E3A48!important; }
body.page-id-12125 .eott article.nz-card details{ border-top-color:#E3C3C8!important; }
body.page-id-12125 .eott article.nz-card summary::before{ color:#8E3A48!important; }
body.page-id-12125 .eott .op-topup a{ border-color:#C9707F!important; }
body.page-id-12125 .eott .op-topup a em{ background:#7A2E3B!important; color:#FBF6F0!important; }
body.page-id-12125 .eott .nz-spot{ border-left-color:#7A2E3B!important; }
body.page-id-12125 .eott .rf-kern{ background:rgba(122,46,59,.07)!important; border-left-color:#7A2E3B!important; }
body.page-id-12123 .eott .nz-spot{ border-left-color:#EFA97F!important; }
body.page-id-12123 .eott .rf-kern{ background:rgba(239,169,127,.12)!important; border-left-color:#EFA97F!important; }

/* ===== v138.3 (03.10.2026): gestrichelte Linie unter „Schon Guthaben?“ in Türfarbe ===== */
body.page-id-12123 .eott article.nz-card .v-gh, body.page-id-12123 .eott article.nz-card .v-gh *{ border-color:#F0C9B0!important; }
body.page-id-12125 .eott article.nz-card .v-gh, body.page-id-12125 .eott article.nz-card .v-gh *{ border-color:#E3C3C8!important; }

/* ===== v138.4 (03.10.2026): „neu“-Schild in der Liste + Verbindungslinie „Was ihr bekommt“ am Handy in Türfarbe ===== */
.eott .op-tl li.door-p .m i:not([class]){ background:#7A2E3B!important; color:#FBF6F0!important; }
.eott .op-tl li.door-n .m i:not([class]){ background:linear-gradient(145deg,#F9D3BA,#EFA97F)!important; color:#5C1E28!important; }
body.page-id-12125 .eott ol.nz-get::before{ border-color:#D9A3AB!important; }
body.page-id-12123 .eott ol.nz-get::before{ border-color:#F0C9B0!important; }


/* ===== v139 (03.10.2026) – Sprungziele frei unter der Leiste (ganze Website) =====
   Leiste unten: Handy 82 px · Desktop 94 px → je ca. 16 px Luft.
   :where() = ohne Gewicht, eigene Regeln (#termine 56 px, Shop 90 px) gelten weiter.
   Dazu Customizr „tc_link_scroll“ AUS (Theme ignoriert sonst scroll-margin). */
:where(.entry-content [id], section[id], .eott [id]){ scroll-margin-top:98px; }
@media (min-width:768px){
  :where(.entry-content [id], section[id], .eott [id]){ scroll-margin-top:112px; }
}

/* ===== v140 (03.10.2026) – Kopf-Rhythmus: Logo, Kicker, Überschrift, Untertitel gleichmäßig =====
   Ein Maß für alle Seitenköpfe (Desktop / Handy):
   Leiste → erstes Element 64/48 (Seiten mit Logo behalten ihre größere Luft wie die Startseite) · Logo → nächstes 30/22 · Zeichen → Kicker 14/12
   Kicker → Überschrift 12/10 · Überschrift → Untertitel 18/14 · Untertitel → Zusatz 24/20
   Kopf-Ende → nächster Block ca. 56/44 */
:root{ --k-first:158px; --k-first-lk:32px; --k-logo:30px; --k-ico:14px; --k-kick:12px; --k-h1:18px; --k-sub:24px; --k-end:50px; }
@media (max-width:767px){
  :root{ --k-first:130px; --k-first-lk:10px; --k-logo:22px; --k-ico:12px; --k-kick:10px; --k-h1:14px; --k-sub:20px; --k-end:40px; }
}

/* Abstand oben: Köpfe, die unter der schwebenden Leiste beginnen */
/* Startseite bleibt unverändert (Garlef v106: mehr Luft unter der Leiste) */
html body .eott .ex-hero,
html body .eott .op-hero.op-subhero{ padding-top:var(--k-first) !important; }
html body .eott .lk-hero:not(:has(.lk-logo)),
html body .eott .p-hero{ padding-top:var(--k-first-lk) !important; }

/* Überschrift: Abstand kommt immer vom Element davor */
html body .eott :is(.ex-hero,.op-subhero,.lk-hero,.p-hero) > h1{ margin-top:0 !important; margin-bottom:var(--k-h1) !important; }

/* Logo / Zeichen / Kicker */
html body .eott .lk-hero > .lk-logo{ margin-top:0 !important; margin-bottom:var(--k-logo) !important; }
html body .eott .op-subhero > .op-ico{ margin-top:0 !important; margin-bottom:var(--k-ico) !important; }
html body .eott :is(.ex-hero,.op-subhero) > .op-q,
html body .eott .lk-hero > .lk-kicker,
html body .eott .p-hero > .kicker{ margin-top:0 !important; margin-bottom:var(--k-kick) !important; }

/* Strich unter der Überschrift (Kontakt, Über mich, Rechtliches) */
html body .eott .lk-hero > .lk-rule{ margin-top:0 !important; margin-bottom:var(--k-h1) !important; }

/* Untertitel und was darunter folgt */
html body .eott :is(.ex-hero,.op-subhero) > .op-sub,
html body .eott .p-hero > .lead{ margin-top:0 !important; margin-bottom:var(--k-sub) !important; }
html body .eott .op-subhero > .op-ebenen{ margin-top:0 !important; margin-bottom:var(--k-sub) !important; }
html body .eott .ex-hero > .ex-cross{ margin-top:0 !important; margin-bottom:var(--k-sub) !important; }
html body .eott :is(.ex-hero,.op-subhero,.p-hero) > :last-child{ margin-bottom:0 !important; }

/* Kopf-Ende: nicht mehr 120 px Leerraum vor den Tags/Sprunglinks */
html body .eott .ex-hero{ padding-bottom:var(--k-end) !important; }
html body .eott .op-hero.op-subhero{ padding-bottom:0 !important; }
html body .eott .ex-hero + :is(.ex-tags,.fq-jump){ margin-top:0 !important; }

/* Querverweis im Kopf ohne Silbentrennung („Rah-men“, „Häufi-gen“ am Handy) */
html body .eott .ex-hero > .ex-cross, html body .eott .ex-hero > .ex-cross a{ hyphens:manual !important; -webkit-hyphens:manual !important; }

/* ===== v141 (04.10.2026): Wissens-Blog – Übersicht /wissen/ und Artikel (Rahmen .eott-home.op, Klassen wx-…) ===== */
.eott-home .wx-hero .wx-meta{ margin:14px 0 0 !important; font-size:.86rem; color:#8A6420; letter-spacing:.02em; text-align:center !important; }
.eott-home .wx-art{ max-width:720px; margin:0 auto; padding:0 20px; }
.eott-home .wx-art > p, .eott-home .wx-mir p, .eott-home .wx-faq p{ font-size:1.06rem; line-height:1.78; color:#2E2420; margin:0 0 18px; text-align:left !important; -webkit-hyphens:auto; hyphens:auto; }
.eott-home .wx-art > p.wx-lead{ font-family:Lora,Georgia,serif; font-size:1.22rem; line-height:1.65; color:#5C1E28; margin:26px 0 24px; }
.eott-home .wx-art h2{ max-width:none !important; width:auto !important; margin-left:0 !important; margin-right:0 !important; padding:0 !important; font-family:Lora,Georgia,serif; font-weight:600; color:#7A2E3B; font-size:1.55rem; line-height:1.3; margin:44px 0 14px; text-align:left !important; text-wrap:balance; }
.eott-home .wx-fig{ margin:8px 0 0; }
.eott-home .wx-fig img{ display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:22px; box-shadow:0 18px 40px -26px rgba(92,30,40,.55); }
.eott-home .wx-fig figcaption{ margin-top:8px; font-size:.78rem; color:#8A6A3A; text-align:right; }
.eott-home .wx-k{ display:block; font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#A0583A; margin:0 0 10px; }
/* Kurz gesagt */
.eott-home .wx-kurz{ margin:0 0 28px; padding:20px 22px; border-radius:18px; background:linear-gradient(180deg,#FFF3EA 0%,#FCE7D8 100%); border:1px solid #F5D3BC; }
.eott-home .wx-kurz ul, .eott-home .wx-mir ul, .eott-home .wx-tuer ul, .eott-home .wx-quellen ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.eott-home .wx-kurz li, .eott-home .wx-mir li, .eott-home .wx-tuer li{ position:relative; padding-left:22px; font-size:1rem; line-height:1.55; color:#2E2420; text-align:left; }
.eott-home .wx-kurz li::before, .eott-home .wx-mir li::before, .eott-home .wx-tuer li::before{ content:""; position:absolute; left:2px; top:.6em; width:9px; height:9px; border-radius:50%; background:#EFA97F; }
.eott-home .wx-kurz li::marker, .eott-home .wx-mir li::marker, .eott-home .wx-tuer li::marker, .eott-home .wx-quellen li::marker, .eott-home .wx-uebung li::marker{ content:none; }
.eott-home .wx-kurz b, .eott-home .wx-mir b, .eott-home .wx-tuer li b, .eott-home .wx-uebung li b{ font-family:Lora,Georgia,serif; font-weight:600; color:#5C1E28; }
/* Übung im Gold-Kasten */
.eott-home .wx-uebung{ margin:34px 0; padding:24px 24px 20px; border-radius:20px; background:linear-gradient(180deg,#FFF3DC 0%,#FDE8CC 100%); border:1px solid #F6D6A8; box-shadow:0 0 26px 4px rgba(253,176,22,.12); }
.eott-home .wx-uebung .wx-k{ color:#8A6420; }
.eott-home .wx-uebung h3{ font-family:Lora,Georgia,serif; font-size:1.3rem; color:#5C1E28; margin:0 0 14px; text-align:left !important; }
.eott-home .wx-uebung h3 small{ font-family:Poppins,sans-serif; font-size:.82rem; font-weight:500; color:#8A6420; margin-left:8px; white-space:nowrap; }
.eott-home .wx-uebung ol{ list-style:none; counter-reset:wx; margin:0; padding:0; display:grid; gap:10px; }
.eott-home .wx-uebung ol li{ counter-increment:wx; position:relative; display:block; margin:0; padding:2px 0 0 42px; min-height:28px; font-size:1rem; line-height:1.55; text-align:left; }
.eott-home .wx-uebung ol li::before{ content:counter(wx) !important; position:absolute; left:0; top:0; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-weight:600; font-size:.85rem; line-height:1; color:#3A2B25; background:linear-gradient(180deg,#FFC94D,#E39A12); }
.eott-home .wx-uebung .wx-zu2{ margin:14px 0 0; font-style:italic; color:#5C1E28; }
/* Zitatband Pfirsich, volle Breite */
.eott-home .wx-band{ margin-top:48px; margin-bottom:48px; padding:46px 20px !important; background:linear-gradient(90deg,#FCE7D8 0%,#FFF3EA 50%,#FCE7D8 100%); border:0; text-align:center; quotes:none; }
.eott-home .wx-band::before{ display:none !important; }
.eott-home .wx-band p{ max-width:760px; margin:0 auto 12px !important; font-family:Lora,Georgia,serif; font-size:clamp(1.3rem,2.6vw,1.75rem); line-height:1.5; color:#5C1E28; font-style:italic; text-align:center !important; }
.eott-home .wx-band cite{ font-style:normal; font-size:.9rem; font-weight:600; letter-spacing:.06em; color:#A0583A; }
.eott-home .wx-band cite::before{ display:none !important; content:none !important; }
/* Wie das bei mir aussieht */
.eott-home .wx-mir{ margin:40px 0 0; padding:24px; border-radius:20px; background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border:1px solid #F0DCD5; }
.eott-home .wx-mir ul{ margin-bottom:18px; }
.eott-home .wx-stimme{ margin:0; padding:16px 18px; border-radius:14px; background:#FFF8F3; border-left:4px solid #EFA97F; }
.eott-home .wx-stimme blockquote{ margin:0; padding:0; border:0; font-family:Lora,Georgia,serif; font-style:italic; font-weight:400; font-size:1.05rem; line-height:1.6; color:#3A2E29; quotes:none; }
.eott-home .wx-stimme blockquote::before{ display:none !important; content:none !important; }
.eott-home .wx-stimme figcaption{ margin-top:8px; font-size:.82rem; color:#8A6A3A; }
/* Tür-Karte Heimathafen */
.eott-home a.wx-tuer{ display:grid; grid-template-columns:64px minmax(0,1fr); gap:6px 16px; margin:28px 0; padding:22px; border-radius:22px; text-decoration:none !important; color:#5C1E28 !important; background:linear-gradient(145deg,#FCE7D8 0%,#F9D3BA 100%); border:1px solid #F0C9B0; box-shadow:0 16px 32px -22px rgba(160,88,58,.7); transition:transform .2s, box-shadow .2s; }
.eott-home a.wx-tuer:hover{ transform:translateY(-2px); box-shadow:0 20px 36px -20px rgba(160,88,58,.75); }
.eott-home .wx-tz{ grid-row:1 / span 3; width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:#F5C09E; color:#5C1E28; }
.eott-home .wx-tz svg{ width:34px; height:34px; }
.eott-home .wx-tt b{ display:block; font-family:Lora,Georgia,serif; font-size:1.35rem; color:#5C1E28; }
.eott-home .wx-tt em{ display:block; font-style:normal; font-size:.92rem; color:#A0583A; font-weight:500; }
.eott-home .wx-tuer ul{ margin:6px 0 4px; }
.eott-home .wx-tuer li::before{ background:#E08A5E; }
.eott-home .wx-btn{ justify-self:start; display:inline-flex; align-items:center; min-height:44px; padding:0 22px; border-radius:30px; font-weight:600; background:linear-gradient(145deg,#F9D3BA,#EFA97F); color:#5C1E28; box-shadow:0 10px 22px -12px rgba(160,88,58,.75); }
/* Häufige Fragen, Quellen, Autor */
.eott-home .wx-faq{ margin:40px 0 0; }
.eott-home .wx-quellen{ margin:36px 0 0; padding:18px 20px; border-radius:16px; background:#FFF8F3; border:1px solid #F0DCD5; }
.eott-home .wx-quellen li{ font-size:.9rem; line-height:1.55; color:#3A2E29; text-align:left; }
.eott-home .wx-quellen a{ color:#8E3A48; }
.eott-home .wx-autor{ display:grid; grid-template-columns:72px minmax(0,1fr); gap:16px; align-items:center; margin:28px 0 0; padding:18px 20px; border-radius:18px; background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border:1px solid #F0DCD5; }
.eott-home .wx-autor img{ width:72px; height:72px; border-radius:50%; object-fit:cover; object-position:50% 22%; box-shadow:0 0 18px 4px rgba(253,176,22,.3); border:2px solid #fff; }
.eott-home .wx-autor p{ margin:0 !important; font-size:.95rem; line-height:1.55; text-align:left !important; }
.eott-home .wx-autor b{ font-family:Lora,Georgia,serif; color:#5C1E28; }
.eott-home .wx-zurueck{ margin:28px 0 70px !important; text-align:center !important; }
.eott-home .wx-zurueck a, .eott-home .wx-bald a, .eott-home .wx-quer a{ color:#5C1E28; font-weight:600; text-decoration:none; border-bottom:2px solid #FDB016; }
/* Übersicht /wissen/ */
.eott-home .wx-liste{ max-width:1000px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),360px)); justify-content:center; gap:24px; }
.eott-home a.wx-karte{ display:flex; flex-direction:column; text-decoration:none !important; border-radius:22px; overflow:hidden; background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border:1px solid #F0DCD5; box-shadow:0 16px 34px -24px rgba(92,30,40,.5); transition:transform .2s, box-shadow .2s; }
.eott-home a.wx-karte:hover{ transform:translateY(-3px); box-shadow:0 22px 40px -22px rgba(92,30,40,.55); }
.eott-home .wx-bild img{ display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.eott-home .wx-txt{ display:flex; flex-direction:column; gap:6px; padding:18px 20px 20px; }
.eott-home .wx-txt .wx-k{ margin:0; }
.eott-home .wx-txt b{ font-family:Lora,Georgia,serif; font-size:1.3rem; line-height:1.3; color:#5C1E28; }
.eott-home .wx-satz{ font-size:.97rem; line-height:1.55; color:#3A2E29; }
.eott-home .wx-lz{ font-size:.82rem; color:#8A6420; margin-top:4px; }
.eott-home .wx-bald, .eott-home .wx-quer{ max-width:700px; margin:30px auto 0 !important; padding:0 20px; text-align:center !important; font-size:1rem; color:#5C1E28; }
.eott-home .wx-quer{ margin-bottom:80px !important; font-size:.95rem; }
@media (max-width:760px){
  .eott-home .wx-art{ padding:0 18px; }
  .eott-home .wx-art h2{ font-size:1.35rem; margin-top:36px; }
  .eott-home .wx-art > p.wx-lead{ font-size:1.12rem; }
  .eott-home .wx-fig img{ border-radius:16px; }
  .eott-home .wx-uebung, .eott-home .wx-mir{ padding:20px 18px; }
  .eott-home a.wx-tuer{ grid-template-columns:minmax(0,1fr); padding:20px 18px; }
  .eott-home .wx-tz{ grid-row:auto; width:52px; height:52px; }
  .eott-home .wx-band{ padding:36px 18px !important; margin-top:38px; margin-bottom:38px; }
}
@media (prefers-reduced-motion:reduce){ .eott-home a.wx-tuer, .eott-home a.wx-karte{ transition:none; } }
/* v141 Feinschliff: Kopf näher am Bild, Zitat links */
.eott-home .ex-hero.wx-hero{ padding-bottom:34px !important; }
.eott-home .wx-stimme blockquote{ text-align:left !important; padding:0 !important; }
.eott-home .wx-band p{ padding:0 !important; }
@media (max-width:760px){ .eott-home .ex-hero.wx-hero{ padding-bottom:22px !important; } }
/* v141: Alltags-Beispiel, Weiterlesen */
.eott-home .wx-beispiel{ margin:30px 0; padding:22px 24px; border-radius:20px; background:linear-gradient(180deg,#FBF6F0 0%,#F8ECE3 55%,#F4E1DA 100%); border:1px solid #F0DCD5; }
.eott-home .wx-beispiel .wx-k{ color:#B8606E; }
.eott-home .wx-beispiel h3{ font-family:Lora,Georgia,serif; font-size:1.25rem; color:#5C1E28; margin:0 0 8px; text-align:left !important; }
.eott-home .wx-beispiel h3 small{ font-family:Poppins,sans-serif; font-size:.82rem; font-weight:500; color:#8A6420; margin-left:8px; white-space:nowrap; }
.eott-home .wx-beispiel p{ margin:0 !important; font-size:1.02rem; line-height:1.7; color:#2E2420; text-align:left !important; }
.eott-home .wx-weiter{ margin:36px 0 0; }
.eott-home .wx-weiter > div{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.eott-home a.wx-wl{ display:flex; flex-direction:column; gap:4px; padding:16px 18px; border-radius:16px; text-decoration:none !important; background:linear-gradient(180deg,#FFFAF6 0%,#FBEFEA 100%); border:1px solid #F0DCD5; box-shadow:0 12px 26px -20px rgba(92,30,40,.5); transition:transform .2s; }
.eott-home a.wx-wl:hover{ transform:translateY(-2px); }
.eott-home a.wx-wl b{ font-family:Lora,Georgia,serif; font-size:1.08rem; color:#5C1E28; }
.eott-home a.wx-wl span{ font-size:.92rem; line-height:1.5; color:#3A2E29; }
@media (max-width:760px){ .eott-home .wx-weiter > div{ grid-template-columns:minmax(0,1fr); } .eott-home .wx-beispiel{ padding:20px 18px; } }

/* ===== v143 (04.10.2026): Jahresgruppe-Banner unter den Terminen (Startseite, neutral Sonne) · Heimathafen ohne Grün – „Verbindung entsteht auf drei Wegen“ und Ebenen in Pfirsich (keine Farben mischen) ===== */
.eott-home a.op-jg{ display:flex; flex-direction:column; align-items:center; gap:6px; max-width:860px; margin:30px auto 0; padding:24px 26px; border-radius:22px; text-align:center; text-decoration:none !important; background:linear-gradient(180deg,#FFF8E6 0%,#FFF1D2 100%); border:1px solid #F6D6A8; box-shadow:0 14px 30px -22px rgba(176,96,14,.55); color:#5C1E28; }
.eott-home a.op-jg .op-jg-k{ font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#8A5A00; }
.eott-home a.op-jg b{ font-family:Lora,Georgia,serif; font-weight:600; font-size:1.45rem; line-height:1.3; color:#5C1E28; }
.eott-home a.op-jg .op-jg-t{ font-size:1rem; line-height:1.55; color:#5C1E28; max-width:60ch; }
.eott-home a.op-jg em{ font-style:normal; font-weight:600; margin-top:6px; padding:10px 22px; border-radius:30px; background:linear-gradient(145deg,#FFC94D,#E39A12); color:#3A2B25; }
.eott-home a.op-jg:hover em{ filter:brightness(1.05); }
@media (max-width:760px){ .eott-home a.op-jg{ margin-top:22px; padding:20px 18px; } .eott-home a.op-jg b{ font-size:1.25rem; } }
.eott-home #nest .nz-drittel li{ background:linear-gradient(180deg,#FFF3EA 0%,#FCE7D8 100%) !important; border-color:#F5D3BC !important; }
.eott-home #nest .nz-drittel .op-way-ico{ color:#A0583A !important; }
.eott-home .op-ebenen.n li{ background:#FCE7D8 !important; border-color:#F5D3BC !important; color:#6E3422 !important; } .eott-home .op-ebenen.n .op-eb-i{ color:#A0583A !important; }

/* v143.1: Banner-Knopf bleibt in einer Zeile (Handy) */
.eott-home a.op-jg em{ white-space:nowrap; } @media (max-width:420px){ .eott-home a.op-jg em{ font-size:.95rem; padding:10px 18px; } }

/* ===== v144 (04.10.2026): Jahresgruppe in eigener, vierter Farbe „Salbei“ (Garlef: Knöpfe in einer 4. Farbe, passend zum Hausdesign) – Seite /jahresgruppe/ (10721) + Banner auf der Startseite ===== */
body.page-id-10721 .eott a.btn:not(.ghost), body.page-id-10721 .eott a.btn.cart{ background:linear-gradient(145deg,#5C7750,#4F6845) !important; color:#FBF6F0 !important; border-color:transparent !important; box-shadow:0 12px 24px -14px rgba(62,86,52,.75) !important; }
body.page-id-10721 .eott a.btn:not(.ghost):hover{ background:#4F6845 !important; }
body.page-id-10721 .eott a.btn.ghost{ background:transparent !important; color:#3F5A3A !important; border:2px solid #7F9A72 !important; }
body.page-id-10721 .eott a.btn.ghost:hover{ background:#EEF3E6 !important; }
body.page-id-10721 .eott section.cta-band{ background:linear-gradient(180deg,#F3F7EE 0%,#DCE8D2 100%) !important; color:#2F4A2C !important; }
body.page-id-10721 .eott section.cta-band *:not(.btn):not(.btn *){ color:#2F4A2C !important; }
body.page-id-10721 .eott .jg-gh{ margin:14px 0 0; padding:14px 16px; border-radius:14px; background:#F3F7EE; border:1px solid #CFE0C6; font-size:.95rem; line-height:1.55; color:#2F4A2C; text-align:left; }
body.page-id-10721 .eott .jg-gh b{ color:#3F5A3A; }
body.page-id-10721 .eott .jg-gh a{ color:#3F5A3A; font-weight:600; text-decoration:underline; text-underline-offset:2px; white-space:nowrap; }
.eott-home a.op-jg{ background:linear-gradient(180deg,#F6F9F2 0%,#E8F0E0 100%) !important; border-color:#CFE0C6 !important; box-shadow:0 14px 30px -22px rgba(62,86,52,.5) !important; }
.eott-home a.op-jg .op-jg-k{ color:#4F6B45 !important; }
.eott-home a.op-jg em{ background:linear-gradient(145deg,#5C7750,#4F6845) !important; color:#FBF6F0 !important; }

/* ===== v151 (05.10.2026): Kasse – Absätze im Text unter „Direkte Banküberweisung“ anzeigen (Zeilenumbrüche aus dem Feld „Beschreibung“) ===== */
.wc-block-components-radio-control-accordion-content > div{ white-space:pre-line; }

/* ===== v154 (05.10.2026): KI-Bilder – Reihen mit Illustrationen, Hinweis „Illustration · mit KI erstellt“ =====
   Startseite, Heimathafen, Leinen los, Eure Insel, Tantra erklärt, Wissens-Artikel.
   Gleiche Höhe in einer Reihe: jede figure bekommt flex = Breite/Höhe (inline). Am Handy untereinander. */
.eott .ki-sec{ max-width:1080px; margin:34px auto; padding-inline:16px; }
.eott .ki-reihe{ display:flex; gap:14px; align-items:flex-start; margin:22px 0; }
.eott .ki-reihe figure{ margin:0; min-width:0; }
.eott .ki-reihe img{ display:block; width:100%; height:auto; border-radius:18px; box-shadow:0 18px 40px -26px rgba(92,30,40,.55); }
.eott .ki-reihe figcaption{ margin-top:6px; line-height:1.3; }
.eott .ki-reihe figcaption span{ display:block; text-align:right; font-size:.74rem; color:#8A6A3A; }
.eott .ki-reihe figcaption b{ display:block; font-family:Lora,Georgia,serif; font-weight:600; font-size:1.08rem; color:#5C1E28; margin-bottom:2px; }
.eott .ki-reihe.ki-eins{ max-width:460px; margin-inline:auto; }
.eott .ki-reihe.ki-blog{ margin:26px 0 30px; }
.eott .ki-reihe.ki-blog figure{ width:100%; }
@media (max-width:700px){
  .eott .ki-sec{ margin:24px auto; }
  .eott .ki-reihe{ flex-direction:column; gap:18px; }
  .eott .ki-reihe figure{ flex:none !important; width:100%; }
  .eott .ki-reihe.ki-tg figure img{ aspect-ratio:3/2; object-fit:cover; object-position:50% 22%; }
}
/* Wissen: Berührungs-Artikel mit KI-Bild (Karte + Artikelbild) */
.eott .wx-bild.ki-bild{ position:relative; }
.eott .wx-bild.ki-bild .ki-mini{ position:absolute; right:8px; bottom:8px; padding:2px 8px; border-radius:999px; background:rgba(251,246,240,.86); color:#5C1E28; font-size:.66rem; line-height:1.5; }

/* ===== v157 (05.10.2026): KI-Hinweis als ein Satz unter der Bildreihe bzw. unter dem Artikelbild (★ Garlef) ===== */
.eott .ki-note{ max-width:72ch; margin:-8px auto 0 !important; font-size:.78rem; line-height:1.45; color:#8A6A3A; text-align:center !important; }
.eott .ki-reihe.ki-eins + .ki-note{ max-width:460px; }
.eott .wx-fig.ki-fig figcaption{ text-align:left !important; line-height:1.45; }
@media (max-width:700px){ .eott .ki-note{ margin-top:-6px !important; font-size:.76rem; } }

/* ===== v158 (05.10.2026): Startseite – drittes Bild der Reihe als Ausschnitt (Zoom in eine Gruppe), Bild 17 groß unter „Nähe & Intimität“ ===== */
.eott .ki-reihe figure.ki-zoom{ overflow:hidden; border-radius:18px; box-shadow:0 18px 40px -26px rgba(92,30,40,.55); }
.eott .ki-reihe figure.ki-zoom img{ aspect-ratio:3/2; object-fit:cover; transform:scale(2.4); transform-origin:99% 94%; border-radius:0; box-shadow:none; }
.eott .ki-gross{ max-width:980px; margin:34px auto 30px; padding:0; }
.eott .ki-gross img{ display:block; width:100%; height:auto; border-radius:24px; box-shadow:0 24px 50px -28px rgba(92,30,40,.6); }
.eott .ki-gross figcaption{ margin-top:8px; font-size:.78rem; line-height:1.45; color:#8A6A3A; text-align:center; }
@media (max-width:700px){ .eott .ki-gross{ margin:24px auto 22px; } .eott .ki-gross img{ border-radius:18px; } .eott .ki-reihe figure.ki-zoom img{ aspect-ratio:3/2; } }

/* ===== v159 (05.10.2026): Leinen los – ein großes Gruppenbild (Ausschnitt aus Bild 17) + Reihe mit drei Ausschnitten aus Gruppenbildern (15, 16) ===== */
.eott figure.ki-crop{ position:relative; overflow:hidden; margin:0; border-radius:18px; box-shadow:0 18px 40px -26px rgba(92,30,40,.55); }
.eott figure.ki-crop img{ position:absolute; max-width:none !important; height:auto !important; border-radius:0 !important; box-shadow:none !important; }
.eott figure.ki-gross.ki-crop{ max-width:900px; margin:34px auto 0; border-radius:24px; box-shadow:0 24px 50px -28px rgba(92,30,40,.6); }
.eott .ki-reihe.ki-zoomreihe{ max-width:900px; margin:14px auto 22px; }
@media (max-width:700px){ .eott figure.ki-gross.ki-crop{ border-radius:18px; margin-top:24px; } .eott .ki-reihe.ki-zoomreihe{ margin-top:14px; } }

/* ===== v160 (05.10.2026): Startseite – Zoom-Reihe aus Bild 16 unter dem großen Bild, drittes Bild der oberen Reihe als Ausschnitt aus Bild 15 ===== */
.eott #naehe .ki-gross{ margin-bottom:0; }
.eott #naehe .ki-reihe.ki-zoomreihe{ max-width:980px; margin:14px auto 22px; }

/* ===== v162 (05.10.2026): echte Fotos durch KI-Ausschnitte ersetzt – Seitenbilder Heimathafen, Leinen los, Eure Insel + Jahresgruppe ===== */
.eott-home .ins-side-img img.kz-hafen{ object-position:30.8% 50.0% !important; transform:scale(1.164); transform-origin:50.0% 42.0%; }
.eott-home .ins-side-img img.kz-leinen{ object-position:4.9% 50.0% !important; transform:none; }
.eott-home .ins-side-img img.kz-insel{ object-position:96.6% 50.0% !important; transform:scale(1.347); transform-origin:50.0% 54.7%; }
@media (max-width:820px){ .eott-home .ins-side-img img.kz-hafen{ object-position:0.0% 50.0% !important; transform:scale(1.969); transform-origin:41.0% 42.0%; } }
@media (max-width:820px){ .eott-home .ins-side-img img.kz-leinen{ object-position:0.0% 50.0% !important; transform:scale(2.438); transform-origin:19.0% 45.9%; } }
@media (max-width:820px){ .eott-home .ins-side-img img.kz-insel{ object-position:100.0% 50.0% !important; transform:scale(2.327); transform-origin:82.7% 52.7%; } }
.eott .photo-gallery .photo-frame{ position:relative; }
.eott .photo-gallery .photo-frame img.kz-jg1{ object-position:60.2% 50.0% !important; transform:scale(1.463); transform-origin:50.0% 45.9%; }
.eott .photo-gallery .photo-frame img.kz-jg2{ object-position:0.0% 50.0% !important; transform:scale(1.896); transform-origin:39.1% 68.4%; }
.eott .ins-side-img .ki-mini, .eott .photo-frame .ki-mini{ position:absolute; top:10px; right:10px; z-index:2; padding:3px 9px; border-radius:20px; background:rgba(251,246,240,.82); color:#7A4A2A; font:500 .68rem/1.3 Poppins,sans-serif; letter-spacing:.02em; }
@media (max-width:700px){ .eott .photo-frame .ki-mini{ top:6px; right:6px; font-size:.58rem; padding:2px 6px; } }

/* ===== v163 (05.10.2026): Eure Insel – zwei KI-Bilder nebeneinander (11 + 03); am Handy untereinander (nebeneinander wären sie nur 139 px breit) ===== */
.eott .ki-reihe.ki-zwei{ max-width:900px; margin-inline:auto; }
.eott .ki-reihe.ki-zwei + .ki-note{ max-width:900px; }

/* ===== v166 (05.10.2026, zuerst v164 genannt): Website-Check – Kontrast Gold (#B8863B → #7A5520 auf hellem Grund), Rechtshinweise § 19 UStG in Warenkorb/Shop, KI-Etikett am Handy lesbar ===== */
.eott .facts span.k, .eott .pk-facts span.k{ color:#7A5520 !important; }
.eott-page .p-hero p.sub, .eott-page span.eyebrow, .eott-page blockquote cite, .eott .pk-tag span{ color:#7A5520 !important; }
.eott .ins-row.hh2 span.k{ color:#5A2616 !important; }
.eott-ust-hinweis{ margin:12px 0 0; font-size:.86rem; line-height:1.45; color:#6B4A2E; }
.eott .shop-termine .shop-rechtliches{ margin:8px auto 0; max-width:62ch; font-size:.86rem; line-height:1.45; color:#6B4A2E; text-align:center; }
@media (max-width:700px){ .eott .photo-frame .ki-mini{ font-size:.66rem !important; padding:2px 7px !important; } }
.wc-block-checkout__terms, .wc-block-checkout__terms label, .wc-block-checkout__terms .wc-block-components-checkbox__label{ font-size:.9rem !important; font-weight:400 !important; line-height:1.55 !important; }

/* ===== v168 (06.10.2026): Startseite – zwei Bild-Karussells mit je 6 Zoom-Ausschnitten aus den HD-Bildern (★ Garlef) =====
   Desktop: 3 Bilder sichtbar, 3:2 · Handy: ein Bild + Anschnitt des nächsten, 4:5 mit eigenem Ausschnitt (Menschen + Berührung im Bild).
   Ausschnitt je Bild über --w/--l/--t (Desktop) und --wm/--lm/--tm (Handy), wie ki-crop. */
.eott .kk{ position:relative; max-width:980px; margin:22px auto 6px; }
.eott .kk-track{ display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:4px 2px 26px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.eott .kk-track::-webkit-scrollbar{ display:none; }
.eott .kk-track:focus-visible{ outline:2px solid #FDB016; outline-offset:4px; border-radius:20px; }
.eott .kk figure.kk-s{ flex:0 0 calc((100% - 28px) / 3); aspect-ratio:3/2; scroll-snap-align:start; margin:0 !important; }
.eott .kk figure.kk-s img{ width:var(--w) !important; left:var(--l); top:var(--t); }
.eott .kk-nav{ display:flex; align-items:center; justify-content:center; gap:16px; margin-top:-8px; }
.eott .kk-nav button{ all:unset; cursor:pointer; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font:600 1.6rem/1 Lora,Georgia,serif; color:#5C1E28; background:#FBF6F0; border:2px solid #F6D6A8; box-shadow:0 8px 18px -12px rgba(92,30,40,.55); transition:background .2s; }
.eott .kk-nav button:hover{ background:#FFF1D2; }
.eott .kk-nav button:focus-visible{ outline:2px solid #FDB016; outline-offset:2px; }
.eott .kk-nav button:disabled{ opacity:.35; cursor:default; }
.eott .kk-dots{ display:flex; gap:8px; }
.eott .kk-dots i{ width:8px; height:8px; border-radius:50%; background:#E8D3B5; transition:background .2s, transform .2s; }
.eott .kk-dots i.on{ background:#B8863B; transform:scale(1.25); }
.eott .kk + .ki-note{ margin-top:10px !important; }
@media (max-width:700px){
  .eott .kk{ max-width:none; margin:18px calc(50% - 50vw) 4px; }
  .eott .kk-track{ gap:12px; padding:4px 16px 22px; scroll-padding-inline:16px; }
  .eott .kk figure.kk-s{ flex:0 0 82%; aspect-ratio:4/5; scroll-snap-align:center; }
  .eott .kk figure.kk-s img{ width:var(--wm) !important; left:var(--lm); top:var(--tm); }
}
@media (prefers-reduced-motion:reduce){ .eott .kk-track{ scroll-behavior:auto; } .eott .kk-nav button, .eott .kk-dots i{ transition:none; } }

/* ===== v170 (06.10.2026): HD-Bilder überall + Handy-Ausschnitte auf Menschen und Berührung (★ Garlef) =====
   Startseite Bild 17 groß: quadratisch auf Augenbinde + Hände auf den Schultern · Leinen los großes Bild: quadratisch auf das junge Paar rechts · Eure Insel Seitenbild: Paar rechts mittig */
@media (max-width:700px){
  .eott-home #naehe figure.ki-gross:not(.ki-crop){ position:relative; aspect-ratio:1/1; overflow:hidden; }
  .eott-home #naehe figure.ki-gross:not(.ki-crop) img{ position:absolute; max-width:none !important; height:auto !important; width:236.3% !important; left:-76.9%; top:-50.8%; border-radius:0 !important; box-shadow:none !important; }
  .eott figure.ki-gross.ki-crop{ aspect-ratio:1/1 !important; }
  .eott figure.ki-gross.ki-crop img{ width:241.5% !important; left:-141.5% !important; top:-59.7% !important; }
}
@media (max-width:820px){ .eott-home .ins-side-img img.kz-insel{ transform-origin:96% 55% !important; } }

/* ===== v171 (06.10.2026): Karussells laufen endlos durch, ohne Pfeile (★ Garlef) – Startseite oben + unten, Leinen los · großes Bild 17 auf der Startseite entfernt =====
   Band = 6 Bilder + dieselben 6 noch einmal (für Hilfsprogramme ausgeblendet) → wandert um 50 % und beginnt nahtlos von vorn.
   Desktop: anhalten beim Drüberfahren · Wer „weniger Bewegung“ eingestellt hat, bekommt ein ruhiges Band zum Wischen. */
.eott .kk.kk-lauf{ position:relative; max-width:980px; margin:22px auto 10px; overflow:hidden; padding:4px 0 26px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%); }
.eott .kk-lauf .kk-band{ display:flex; gap:14px; padding-right:14px; width:max-content; animation:kk-lauf 54s linear infinite; will-change:transform; }
.eott .kk-lauf[data-kk="unten"] .kk-band{ animation-duration:60s; animation-direction:reverse; }
.eott .kk-lauf:hover .kk-band{ animation-play-state:paused; }
.eott .kk-lauf figure.kk-s{ flex:0 0 auto; width:316px; aspect-ratio:3/2; margin:0 !important; }
.eott .kk-lauf figure.kk-s img{ width:var(--w) !important; left:var(--l); top:var(--t); }
@keyframes kk-lauf{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (max-width:700px){
  .eott .kk.kk-lauf{ max-width:none; margin:18px calc(50% - 50vw) 6px; padding-bottom:22px; -webkit-mask-image:none; mask-image:none; }
  .eott .kk-lauf .kk-band{ gap:12px; padding-right:12px; animation-duration:42s; }
  .eott .kk-lauf[data-kk="unten"] .kk-band{ animation-duration:46s; }
  .eott .kk-lauf figure.kk-s{ width:68vw; aspect-ratio:4/5; }
  .eott .kk-lauf figure.kk-s img{ width:var(--wm) !important; left:var(--lm); top:var(--tm); }
}
/* Leinen los am Handy: Seitenbild oben auf Gesichter (★ Garlef: „das erste Foto, das alleine oben ist, Gesichter zeigt“) */
@media (max-width:820px){ .eott-home .ins-side-img img.kz-leinen{ transform:scale(2.2) !important; transform-origin:66% 22% !important; object-position:0% 50% !important; } }
@media (prefers-reduced-motion:reduce){
  .eott .kk-lauf .kk-band{ animation:none; }
  .eott .kk.kk-lauf{ overflow-x:auto; }
  .eott .kk-lauf figure.kk-s[aria-hidden="true"]{ display:none; }
}

/* ===== v173 (06.10.2026): Karussells laufen IMMER endlos (★ Garlef: „ist das endlos still?“) =====
   Auch bei eingeschaltetem „Bewegung reduzieren“ (Mac/iPhone) – dann langsamer statt stehend. Kein Scrollbalken, keine Lücke.
   Anhalten: Maus darüber (Desktop) oder Finger gedrückt halten (Handy). */
.eott .kk-lauf:active .kk-band{ animation-play-state:paused; }
@media (prefers-reduced-motion:reduce){
  .eott .kk.kk-lauf{ overflow:hidden !important; }
  .eott .kk-lauf .kk-band{ animation-name:kk-lauf !important; animation-duration:108s !important; animation-timing-function:linear !important; animation-iteration-count:infinite !important; }
  .eott .kk-lauf[data-kk="unten"] .kk-band{ animation-duration:120s !important; animation-direction:reverse; }
  .eott .kk-lauf figure.kk-s[aria-hidden="true"]{ display:block !important; }
}

/* v173.1: Band startet, sobald es ins Bild kommt (Skript setzt .kk-js / .kk-an), und läuft auch beim Drüberfahren weiter (★ Garlef) – ohne Skript läuft es einfach immer */
.eott .kk-lauf:hover .kk-band, .eott .kk-lauf:active .kk-band{ animation-play-state:running; }
.eott .kk-lauf.kk-js:not(.kk-an) .kk-band{ animation-play-state:paused !important; }

/* ===== v174 (06.10.2026): Karussells 30 % schneller (★ Garlef: „dürfen 30 % schneller laufen“) ===== */
.eott .kk-lauf .kk-band{ animation-duration:41.5s; }
.eott .kk-lauf[data-kk="unten"] .kk-band{ animation-duration:46s; }
@media (max-width:700px){
  .eott .kk-lauf .kk-band{ animation-duration:32s; }
  .eott .kk-lauf[data-kk="unten"] .kk-band{ animation-duration:35s; }
}
@media (prefers-reduced-motion:reduce){
  .eott .kk-lauf .kk-band{ animation-duration:83s !important; }
  .eott .kk-lauf[data-kk="unten"] .kk-band{ animation-duration:92s !important; }
}

/* ===== v175 (06.10.2026): Karussells nochmals 40 % schneller (★ Garlef: „41 auf 25 Sekunden circa usw.“) ===== */
.eott .kk-lauf .kk-band{ animation-duration:25s; }
.eott .kk-lauf[data-kk="unten"] .kk-band{ animation-duration:28s; }
@media (max-width:700px){
  .eott .kk-lauf .kk-band{ animation-duration:19s; }
  .eott .kk-lauf[data-kk="unten"] .kk-band{ animation-duration:21s; }
}
@media (prefers-reduced-motion:reduce){
  .eott .kk-lauf .kk-band{ animation-duration:50s !important; }
  .eott .kk-lauf[data-kk="unten"] .kk-band{ animation-duration:55s !important; }
}

/* ==== v176 (08.10.2026) · Ebenen-Pillen mit mehr Luft · Weiterlesen-Tags Tantra erklärt · Instagram in der Fußzeile ==== */
/* 1 · Ebenen (Worte · nonverbal · Berührung …): mehr Abstand zwischen Text und Rand */
.eott-home .op-ebenen ul{ gap:10px; }
.eott-home .op-ebenen li{ gap:10px; padding:7px 24px 7px 8px; }
.eott-home .op-ebenen li.leer{ padding-right:24px; }
@media (max-width:600px){ .eott-home .op-ebenen li{ padding:6px 18px 6px 7px; gap:8px; } }

/* 2 · Tantra erklärt: Weiterlesen als kompakte Tags im goldenen Kasten am Seitenende (wie „In jedem Seminar“) */
.eott-home nav.ex-weiter{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px 14px; max-width:860px; margin:44px auto 12px; padding:26px 24px 28px; background:#F6EADB; border:2px solid #D9B67A; border-radius:28px; box-sizing:border-box; }
.eott-home .ex-weiter-k{ flex-basis:100%; text-align:center; font-family:'Poppins',sans-serif; font-size:.8rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#8C6124; margin-bottom:4px; }
.eott-home nav.ex-weiter a{ display:inline-flex; align-items:center; gap:9px; min-height:46px; padding:8px 22px 8px 9px; border-radius:999px; background:#FBF6F0; border:1.5px solid #D9B67A; color:#5C1E28; font-family:'Poppins',sans-serif; font-size:.98rem; font-weight:600; line-height:1.25; text-decoration:none; transition:background .2s, border-color .2s, transform .2s; }
.eott-home nav.ex-weiter a i{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#F6EADB; color:#8C6124; font-style:normal; font-size:.95rem; font-weight:700; flex:none; }
.eott-home nav.ex-weiter a i svg{ width:17px; height:17px; }
.eott-home nav.ex-weiter a small{ font-size:.86em; font-weight:400; color:#8C6124; }
.eott-home nav.ex-weiter a:hover, .eott-home nav.ex-weiter a:focus-visible{ background:#fff; border-color:#C99A4B; transform:translateY(-1px); }
@media (max-width:600px){ .eott-home nav.ex-weiter{ margin:36px 16px 8px; padding:22px 16px 24px; } }
@media (prefers-reduced-motion:reduce){ .eott-home nav.ex-weiter a{ transition:none; } .eott-home nav.ex-weiter a:hover{ transform:none; } }

/* 3 · Fußzeile: Instagram als eigener Knopf unter „Jetzt buchen“ */
#footer .eott-footer-col a.eott-footer-ig{ display:flex; width:fit-content; align-items:center; gap:9px; min-height:44px; margin-top:10px; padding:8px 18px 8px 12px; border-radius:999px; background:#F6EADB; border:1.5px solid #D9B67A; color:#5C1E28; font-weight:600; font-size:.92rem; text-decoration:none; transition:background .2s, border-color .2s; }
#footer .eott-footer-col a.eott-footer-ig svg{ width:20px; height:20px; color:#8C6124; flex:none; }
#footer .eott-footer-col a.eott-footer-ig:hover, #footer .eott-footer-col a.eott-footer-ig:focus-visible{ background:#FBF6F0; border-color:#C99A4B; }
#footer .eott-footer-col a.eott-footer-ig-t{ display:inline-flex; align-items:center; gap:6px; }
#footer .eott-footer-col a.eott-footer-ig-t svg{ width:15px; height:15px; flex:none; }

/* 4 · „Wähle deinen Weg“ (drei Türen): Bänder in einer Linie, Freiraum gleichmäßig verteilt, Preise und Knöpfe auf einer Höhe */
.eott-home .op-door .op-kind{ display:flex; align-items:center; justify-content:center; }
@media (min-width:761px){
  .eott-home .op-door .l{ margin-top:auto; }
  .eott-home .op-door .op-door3{ margin-bottom:0; }
  .eott-home .op-door .pr{ margin-top:auto; min-height:4.1em; display:flex; align-items:center; justify-content:center; }
}
/* v176.1 (08.10.2026) · Weiterlesen-Kasten am Handy: volle Breite, Tags bleiben im Kasten */
@media (max-width:600px){
  .eott-home nav.ex-weiter{ margin:36px 0 8px; padding:22px 14px 24px; }
  .eott-home nav.ex-weiter a{ width:100%; max-width:100%; box-sizing:border-box; justify-content:center; flex-wrap:wrap; row-gap:2px; padding:8px 16px 8px 9px; }
  .eott-home nav.ex-weiter a small{ white-space:nowrap; }
}
/* v176.2 (08.10.2026) · Startseite: Rubrik „Mit welchen Anliegen kommen Menschen?“ (fünf Karten, Gold-Sand) */
.eott-home .op-anl{ text-align:center; }
.eott-home ul.op-anl-l{ list-style:none; margin:26px auto 0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:14px; max-width:1180px; }
.eott-home ul.op-anl-l li{ position:relative; flex:0 1 calc((100% - 56px) / 5); box-sizing:border-box; margin:0; padding:20px 18px 22px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; text-align:left; background:#F6EADB; border:1.5px solid #D9B67A; border-radius:22px; }
.eott-home ul.op-anl-l li::before{ content:none !important; }
.eott-home ul.op-anl-l i{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:#FBF6F0; border:1.5px solid #D9B67A; color:#8C6124; font-family:Lora,serif; font-style:normal; font-weight:600; font-size:1.05rem; }
.eott-home ul.op-anl-l b{ font-family:Lora,serif; font-size:1.14rem; line-height:1.25; color:#5C1E28; hyphens:manual; }
.eott-home ul.op-anl-l span{ font-size:.95rem; line-height:1.55; color:#3A2E29; hyphens:manual; }
@media (max-width:1100px){ .eott-home ul.op-anl-l li{ flex-basis:calc((100% - 28px) / 3); } }
@media (max-width:760px){ .eott-home ul.op-anl-l{ gap:10px; } .eott-home ul.op-anl-l li{ flex-basis:100%; display:grid; grid-template-columns:34px 1fr; column-gap:12px; row-gap:4px; padding:16px 16px 18px; } .eott-home ul.op-anl-l i{ grid-row:span 2; } }
/* v176.3 (08.10.2026) · Anliegen-Kästen goldiger + Knopf „Nach oben“ golden (★ Garlef: „schönere Farben für die Kästen bitte. Goldig?“ · „Knopf unten rechts auch in der Farbe“) */
.eott-home ul.op-anl-l li{ background:linear-gradient(160deg,#FFF6DF 0%,#FDE6AE 100%); border:1.5px solid #EDBF5E; box-shadow:0 14px 30px -22px rgba(201,138,18,.75), inset 0 1px 0 rgba(255,255,255,.7); }
.eott-home ul.op-anl-l i{ background:linear-gradient(145deg,#FFD36B 0%,#FDB016 55%,#EE9A22 100%); border:0; color:#5C1E28; box-shadow:0 4px 12px -4px rgba(238,154,34,.8); }
.eott-home ul.op-anl-l b{ color:#5C1E28; }
.eott-home ul.op-anl-l span{ color:#4A3426; }
.czr-btt.czr-btta, .czr-btt.czr-btta:hover, .czr-btt.czr-btta:focus{ background:linear-gradient(145deg,#FFD36B 0%,#FDB016 55%,#EE9A22 100%) !important; color:#5C1E28 !important; border:0 !important; border-radius:50% !important; box-shadow:0 6px 16px -6px rgba(238,154,34,.85) !important; opacity:1; }
.czr-btt.czr-btta i, .czr-btt.czr-btta i::before{ color:#5C1E28 !important; }
/* v176.3 · Weiterlesen-Kasten (Tantra erklärt) im selben Gold (★ Garlef: „selbes Thema. Farbe und Design aufwerten“) */
.eott-home nav.ex-weiter{ background:linear-gradient(160deg,#FFF6DF 0%,#FDE6AE 100%); border:1.5px solid #EDBF5E; box-shadow:0 18px 36px -26px rgba(201,138,18,.8), inset 0 1px 0 rgba(255,255,255,.7); }
.eott-home .ex-weiter-k{ color:#8C6124; }
.eott-home nav.ex-weiter a{ background:#FFFBF2; border:1.5px solid #EDBF5E; box-shadow:0 6px 14px -10px rgba(201,138,18,.7); }
.eott-home nav.ex-weiter a i{ background:linear-gradient(145deg,#FFD36B 0%,#FDB016 55%,#EE9A22 100%); color:#5C1E28; box-shadow:0 3px 10px -4px rgba(238,154,34,.8); }
.eott-home nav.ex-weiter a small{ color:#7A5A22; }
.eott-home nav.ex-weiter a:hover, .eott-home nav.ex-weiter a:focus-visible{ background:#fff; border-color:#FDB016; box-shadow:0 10px 20px -12px rgba(238,154,34,.85); }
/* v176.4 (08.10.2026) · Sechs Anliegen: Desktop 3 + 3 · Handy ein goldener Kasten mit Trennlinien (★ Garlef: „sechs Anliegen … auf dem Handy stimmiger und mit weniger Raum“) */
@media (min-width:761px){ .eott-home ul.op-anl-l li{ flex-basis:calc((100% - 28px) / 3); } .eott-home ul.op-anl-l{ max-width:1040px; } }
@media (max-width:760px){
  .eott-home ul.op-anl-l{ display:block; margin:20px 0 0; padding:4px 16px; background:linear-gradient(160deg,#FFF6DF 0%,#FDE6AE 100%); border:1.5px solid #EDBF5E; border-radius:22px; box-shadow:0 14px 30px -22px rgba(201,138,18,.75); }
  .eott-home ul.op-anl-l li{ display:grid; grid-template-columns:28px 1fr; column-gap:12px; row-gap:2px; padding:11px 0; background:none; border:0; border-radius:0; box-shadow:none; }
  .eott-home ul.op-anl-l li + li{ border-top:1px solid rgba(201,138,18,.28); }
  .eott-home ul.op-anl-l i{ width:28px; height:28px; font-size:.88rem; grid-row:span 2; margin-top:1px; }
  .eott-home ul.op-anl-l b{ font-size:.98rem; }
  .eott-home ul.op-anl-l span{ font-size:.84rem; line-height:1.45; }
}
/* v176.5 (08.10.2026) · Anliegen ohne Zahlen (★ Garlef: „ohne Zahlen und Nummerierungen“) – statt Zahl ein feiner Goldstrich über dem Titel */
.eott-home ul.op-anl-l b::before{ content:""; display:block; width:36px; height:4px; margin:0 0 12px; border-radius:4px; background:linear-gradient(90deg,#FFD36B 0%,#FDB016 55%,#EE9A22 100%); }
@media (max-width:760px){
  .eott-home ul.op-anl-l li{ display:block; padding:12px 2px; }
  .eott-home ul.op-anl-l b{ display:block; margin-bottom:2px; }
  .eott-home ul.op-anl-l b::before{ display:none; }
  .eott-home ul.op-anl-l span{ display:block; }
}
/* v176.6 (08.10.2026) · Tür-Karten: Bänder in gleicher Helligkeit, damit sie wie ein durchlaufendes Band wirken (★ Garlef) + Titelzeile fest hoch (U45-Plakette verschiebt nichts mehr) */
.eott-home .op-doors .op-door .op-kind{ border-top:1px solid rgba(140,90,40,.16) !important; border-bottom:1px solid rgba(140,90,40,.16) !important; }
.eott-home .op-doors .op-door.n .op-kind{ background:#FBE8DC !important; color:#8A3E26 !important; }
.eott-home .op-doors .op-door.b .op-kind{ background:#FDEDCC !important; color:#6E3A08 !important; }
.eott-home .op-doors .op-door.p .op-kind{ background:#F7E9E6 !important; color:#7A2E3B !important; }
.eott-home .op-doors .op-door > b{ display:flex; align-items:center; justify-content:center; gap:10px; min-height:1.9em; line-height:1.15; }
.eott-home .op-doors .op-door > b .op-u45{ vertical-align:middle; margin:0; line-height:1.3; }
/* v176.7 (08.10.2026) · Tantra erklärt: „Geben ⇄ Empfangen“ und „Was du bei uns üben kannst“ im Gold der Startseite (★ Garlef) */
.eott-home .tg-ge, .eott-home .ex-uebe-box{ background:linear-gradient(160deg,#FFF6DF 0%,#FDE6AE 100%) !important; border:1.5px solid #EDBF5E !important; box-shadow:0 18px 36px -26px rgba(201,138,18,.8), inset 0 1px 0 rgba(255,255,255,.7) !important; }
.eott-home .tg-ge .tg-ge-k{ color:#8C6124 !important; }
.eott-home .tg-ge .tg-gn > span:not(.tg-x){ background:#FFFBF2 !important; border:1.5px solid #EDBF5E !important; box-shadow:0 6px 14px -10px rgba(201,138,18,.7); }
.eott-home .tg-ge .tg-x{ color:#C98A12 !important; }
.eott-home .ex-uebe-box h3{ color:#5C1E28; }
.eott-home .ex-uebe-box .ex-lead{ color:#7A5A22; }
/* v176.8 (08.10.2026) · Anliegen am Handy wieder als einzelne goldene Karten wie am Desktop (★ Garlef: „So wie im Screenshot will ich es“) – kompakt */
@media (max-width:760px){
  .eott-home ul.op-anl-l{ display:flex; flex-direction:column; gap:10px; margin:20px 0 0; padding:0; background:none; border:0; border-radius:0; box-shadow:none; }
  .eott-home ul.op-anl-l li{ display:block; flex-basis:auto; padding:14px 16px 16px; background:linear-gradient(160deg,#FFF6DF 0%,#FDE6AE 100%); border:1.5px solid #EDBF5E; border-radius:18px; box-shadow:0 12px 26px -22px rgba(201,138,18,.75), inset 0 1px 0 rgba(255,255,255,.7); }
  .eott-home ul.op-anl-l li + li{ border-top:1.5px solid #EDBF5E; }
  .eott-home ul.op-anl-l b::before{ display:block; width:30px; height:3px; margin:0 0 9px; }
  .eott-home ul.op-anl-l b{ font-size:1rem; margin-bottom:3px; }
  .eott-home ul.op-anl-l span{ font-size:.86rem; line-height:1.45; }
}
/* v176.9 (08.10.2026) · Jahresgruppe (Salbei-Seite): Zitat „Unser Credo“ golden mit ruhigen Abständen, ohne Theme-Symbol · „Die vier Module“ in Salbei statt Weinrot (★ Garlef: „Salbei grün – kein Rot verwenden, was Insel entspricht“) */
body.page-id-10721 .eott blockquote{ position:relative; margin:28px 0 0 !important; padding:26px 28px 22px !important; background:linear-gradient(160deg,#FFF6DF 0%,#FDE6AE 100%) !important; border:1.5px solid #EDBF5E !important; border-radius:22px !important; box-shadow:0 18px 36px -26px rgba(201,138,18,.8), inset 0 1px 0 rgba(255,255,255,.7) !important; font-style:normal !important; font-weight:400 !important; }
body.page-id-10721 .eott blockquote::before{ content:none !important; display:none !important; }
body.page-id-10721 .eott blockquote p{ padding:0 !important; margin:0 0 14px !important; font-family:Lora,Georgia,serif !important; font-style:italic !important; font-weight:500 !important; font-size:1.16rem !important; line-height:1.55 !important; color:#4A3426 !important; }
body.page-id-10721 .eott blockquote p:first-of-type{ font-size:1.3rem !important; color:#3F5A3A !important; }
body.page-id-10721 .eott blockquote cite{ display:block !important; margin:4px 0 0 !important; padding:0 !important; font-family:Poppins,sans-serif; font-style:normal; font-weight:700; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:#8C6124; }
body.page-id-10721 .eott blockquote cite::before{ content:"" !important; display:inline-block !important; position:static !important; width:28px; height:3px; margin:0 10px 3px 0; vertical-align:middle; border-radius:3px; background:linear-gradient(90deg,#FFD36B,#FDB016 55%,#EE9A22); }
@media (max-width:600px){ body.page-id-10721 .eott blockquote{ padding:22px 20px 18px !important; } body.page-id-10721 .eott blockquote p{ font-size:1.06rem !important; } body.page-id-10721 .eott blockquote p:first-of-type{ font-size:1.18rem !important; } }
body.page-id-10721 .eott .card.accent{ border-color:#CFE0C6 !important; border-top-color:#7F9A72 !important; }
body.page-id-10721 .eott .card.accent h3{ color:#3F5A3A !important; }
body.page-id-10721 .eott ul.modules li b{ background:linear-gradient(145deg,#7F9A72 0%,#5C7750 100%) !important; color:#FBF6F0 !important; }
body.page-id-10721 .eott ul.modules li strong{ color:#3F5A3A !important; }
/* v176.10 (08.10.2026) · „Wie geht's jetzt weiter?“ (Heimathafen, Leinen los, Eure Insel): Karten beim Drüberfahren golden hinterlegt (★ Garlef) */
.eott-home .nz-weiter a.nz-w{ transition:background .25s, border-color .25s, box-shadow .25s, transform .25s; }
.eott-home .nz-weiter a.nz-w:hover, .eott-home .nz-weiter a.nz-w:focus-visible{ background:linear-gradient(160deg,#FFF6DF 0%,#FDE6AE 100%) !important; border-color:#EDBF5E !important; box-shadow:0 16px 30px -22px rgba(201,138,18,.85) !important; transform:translateY(-2px); }
@media (prefers-reduced-motion:reduce){ .eott-home .nz-weiter a.nz-w{ transition:none; } .eott-home .nz-weiter a.nz-w:hover{ transform:none; } }
/* v176.11 (08.10.2026) · Leinen los Seitenbild am Desktop: jüngerer Ausschnitt (junge Frau + Mann, Hände auf den Schultern) statt grauhaariger Frau (★ Garlef) – Handy-Ausschnitt mit Gesichtern bleibt · Knöpfe .btn auf Stimmen, Über mich, Kontakt, Jahresgruppe u. a. in Poppins statt Ersatzschrift (★ Garlef „Poppins für Stimmen, ja“) */
@media (min-width:821px){ .eott-home .ins-side-img img.kz-leinen{ object-position:49.5% 50% !important; } }
@media (min-width:1100px){ .eott-home .ins-side-img img.kz-leinen{ object-position:47% 50% !important; transform:scale(1.25) !important; transform-origin:46% 45% !important; } }
.eott a.btn{ font-family:'Poppins',system-ui,-apple-system,sans-serif !important; letter-spacing:.01em !important; }
/* v176.12 (08.10.2026) · Alle klickbaren Banner/Karten: Hover wie „Wie geht's jetzt weiter?“ – heller Verlauf, leicht anheben, weicher Schein – jeweils in der Themenfarbe (★ Garlef „nicht per se in dem Farbton, aber passend zur Themenfarbe“) */
.eott-home{ --hv1:#FFF6DF; --hv2:#FDE6AE; --hvb:#EDBF5E; --hvs:rgba(201,138,18,.8); }
body.page-id-12123 .eott-home{ --hv1:#FFF4EC; --hv2:#F9D6BE; --hvb:#EDB08A; --hvs:rgba(214,120,70,.6); }
body.page-id-12124 .eott-home{ --hv1:#FFF6DF; --hv2:#FDDF9A; --hvb:#F2B53A; --hvs:rgba(201,138,18,.8); }
body.page-id-12125 .eott-home{ --hv1:#FCF2F0; --hv2:#F2D4D0; --hvb:#D9A0A8; --hvs:rgba(122,46,59,.5); }
.eott-home .door-n, .eott-home .op-date.n, .eott-home .op-door.n, .eott-home a.nz-w[href*="/heimathafen/"]{ --hv1:#FFF4EC; --hv2:#F9D6BE; --hvb:#EDB08A; --hvs:rgba(214,120,70,.6); }
.eott-home .door-b, .eott-home .op-date.b, .eott-home .op-door.b, .eott-home a.nz-w[href*="/leinen-los/"]{ --hv1:#FFF6DF; --hv2:#FDDF9A; --hvb:#F2B53A; --hvs:rgba(201,138,18,.8); }
.eott-home .door-p, .eott-home .op-date.p, .eott-home .op-door.p, .eott-home a.nz-w[href*="/eure-insel/"]{ --hv1:#FCF2F0; --hv2:#F2D4D0; --hvb:#D9A0A8; --hvs:rgba(122,46,59,.5); }
.eott-home .op-date.a{ --hv1:#FFF6DF; --hv2:#FDE6AE; --hvb:#EDBF5E; --hvs:rgba(201,138,18,.8); }
.eott-home a.op-jg{ --hv1:#F5F9F1; --hv2:#D8E6CD; --hvb:#A9C29B; --hvs:rgba(79,104,69,.55); }
.eott-home :is(a.nz-w, a.ins-row, .op-online, li.op-t, li.op-date, article.offer-card, a.op-door, a.op-jg){ transition:background .25s, border-color .25s, box-shadow .25s, transform .25s, filter .25s; }
.eott-home :is(a.nz-w, a.ins-row:not(.ll2):not(.hh2):not(.w), .op-online, li.op-t, li.op-date, article.offer-card, a.op-jg):is(:hover, :focus-visible){ background:linear-gradient(160deg,var(--hv1) 0%,var(--hv2) 100%) !important; border-color:var(--hvb) !important; box-shadow:0 16px 30px -22px var(--hvs) !important; transform:translateY(-2px); }
.eott-home :is(a.ins-row.ll2, a.ins-row.hh2, a.ins-row.w, a.op-door):is(:hover, :focus-visible){ filter:brightness(1.07) saturate(1.04); box-shadow:0 20px 36px -24px var(--hvs) !important; transform:translateY(-3px); }
@media (prefers-reduced-motion:reduce){ .eott-home :is(a.nz-w, a.ins-row, .op-online, li.op-t, li.op-date, article.offer-card, a.op-door, a.op-jg){ transition:none; } .eott-home :is(a.nz-w, a.ins-row, .op-online, li.op-t, li.op-date, article.offer-card, a.op-door, a.op-jg):hover{ transform:none; } }
/* v176.12 · „Wähle deinen Rahmen“: langer Preis darf umbrechen, damit der Titel nicht zusammengedrückt wird (Eintauchen 08.05.2027) */
.eott-home a.ins-row .p{ white-space:normal !important; max-width:8.5em; text-align:right; line-height:1.3; }

/* v176.12b (08.10.2026): Rahmen-Zeilen am Handy – Preis linksbuendig, volle Breite */
@media (max-width:760px){ .eott-home a.ins-row .p{ max-width:none !important; text-align:left !important; } }

/* v176.13 (08.10.2026) · Hover-Luecken geschlossen: Kontakt-Karten und Weiterlesen-Links in den Wissens-Artikeln bekommen denselben goldenen Hover wie alle Banner */
.eott-home :is(.lk-contact > a, a.wx-wl){ transition:background .25s, border-color .25s, box-shadow .25s, transform .25s; }
.eott-home :is(.lk-contact > a, a.wx-wl):is(:hover, :focus-visible){ background:linear-gradient(160deg,var(--hv1) 0%,var(--hv2) 100%) !important; border-color:var(--hvb) !important; box-shadow:0 16px 30px -22px var(--hvs) !important; transform:translateY(-2px); }
@media (prefers-reduced-motion:reduce){ .eott-home :is(.lk-contact > a, a.wx-wl):is(:hover, :focus-visible){ transform:none; } }

/* v176.13b · Kontaktseite liegt nicht in .eott-home: eigener Selektor mit Gold als Rueckfall */
.lk-contact > a{ transition:background .25s, border-color .25s, box-shadow .25s, transform .25s; }
.lk-contact > a:is(:hover, :focus-visible){ background:linear-gradient(160deg,#FFF6DF 0%,#FDE6AE 100%) !important; border-color:#EDBF5E !important; box-shadow:0 16px 30px -22px rgba(201,138,18,.8) !important; transform:translateY(-2px); }
@media (prefers-reduced-motion:reduce){ .lk-contact > a:is(:hover, :focus-visible){ transform:none; } }

/* v176.14 (08.10.2026) · Startseite Garlef-Block am Handy: seitlicher Rand, Zitat nach jedem Komma umbrochen = 3 Zeilen (★ Garlef „fürs Handy schmaler und 3 Zeilen“, „nach jedem Komma einrücken“), Berufszeile ohne Silbentrennung, „·“ nur am Desktop */
.eott-mbr{ display:none; }
@media (max-width:760px){
 .eott-home .gm2-band .gm2{ padding-left:22px !important; padding-right:22px !important; box-sizing:border-box; }
 .eott-home .gm2-band .gm2 blockquote{ max-width:none !important; font-size:min(4.6vw,19px) !important; line-height:1.6 !important; }
 .eott-home .gm2-band .gm2 .gm2-role{ hyphens:manual !important; -webkit-hyphens:manual !important; font-size:min(4.6vw,19px) !important; }
 .eott-mbr{ display:inline; }
 .eott-dsk{ display:none; }
}

/* v179 (09.10.2026) – „Rabatt für MehrfachgenießerInnen“ (Heimathafen #guthaben): langes Wort passt am Handy in die Karte – Schrift wächst mit der Breite statt über den Rand zu laufen */
@media (max-width: 560px){
  .op-topup > *, .op-topup-t{ min-width:0; }
  .op-topup .op-topup-t h3{ font-size:min(26px, calc((100vw - 124px) / 11.9)) !important; overflow-wrap:break-word; }
  .nz-w b{ overflow-wrap:break-word; }
}

/* v181 (09.10.2026) – Startseite „Nächste Termine“ im Stil von Leinen los · am Handy kompakt (★ Garlef): nur Titel, Schilder NEU + U45/U40
   und Preis in einer Zeile in der Karte, kein Untertitel, kein Buchen-Knopf (ganze Karte ist der Link). Desktop unverändert.
   Altersschild als Weinrot-Umriss – ★ Garlef 09.10.: #8A5A00 nie als Button/Schild. */
#termine .op-tl .op-u45-m, #termine .op-tl .op-pm{display:none}
#termine .op-tl .op-mtags{display:contents}
@media (max-width:640px){
 #termine .op-tl{gap:12px!important}
 #termine .op-tl > li{position:relative;padding:10px 12px 10px 10px!important;column-gap:12px!important;align-items:center!important}
 #termine .op-tl > li > *{min-width:0}
 #termine .op-tl > li .d{padding:6px 4px!important;min-width:58px;border-radius:10px!important}
 #termine .op-tl > li .d b{font-size:15px!important;line-height:1.15!important}
 #termine .op-tl > li .d small{font-size:10px!important}
 #termine .op-tl > li .d .op-ico{width:22px!important;height:22px!important}
 #termine .op-tl > li .d .op-ico svg{width:14px!important;height:14px!important}
 #termine .op-tl .m > a{font-size:18px!important;line-height:1.25!important}
 #termine .op-tl .m > a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
 #termine .op-tl .m > small, #termine .op-tl .op-btn, #termine .op-tl > li > .p{display:none!important}
 #termine .op-tl .op-mtags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
 #termine .op-tl .op-mtags > *{margin:0!important}
 #termine .op-tl .op-mtags i{font-size:11px!important;padding:1px 7px!important;line-height:1.5!important}
 #termine .op-tl .op-u45-m{display:inline-block;width:max-content;background:#FFF8E1!important;color:#5C1E28!important;border:1.5px solid #E0A82E!important;padding:0 8px!important;font-size:11px!important}
 #termine .op-tl .op-pm{display:inline-block;margin-left:auto!important;padding:2px 11px;border-radius:999px;font-family:Lora,serif;font-size:14px;font-weight:600;line-height:1.35;white-space:nowrap;background:#FFF6EC;border:1px solid #E9C9A8;color:#5C1E28}
 #termine .op-tl > li.door-n .op-pm{background:#FBE6D8;border-color:#E8B596}
 #termine .op-tl > li.door-b .op-pm{background:#FFEDB8;border-color:#EDBF5E}
 #termine .op-tl > li.door-p .op-pm{background:#7A2E3B;border-color:#7A2E3B;color:#FFF1E6}
}

/* v181 (09.10.2026) – ★ Garlef „Lass die Sterne weg!“: keine Sterne an den Terminkarten (Startseite + Leinen los, Desktop + Handy) */
.op-tl > li > .op-star{display:none!important}

/* v183 – Startseite „Nächste Termine“: je Karte 3 Tags in Türfarbe (NEU · U45/U40 · Stichwörter), darunter Untertitel ohne Doppelungen; Handy: Preis rechts in der Untertitel-Zeile */
#termine .op-tl .op-tag{display:inline-block;width:max-content;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;line-height:1.6;padding:0 8px;border-radius:999px;border:1.5px solid;white-space:nowrap}
#termine .op-tl > li.door-n .op-tag{background:#FFF4EC;border-color:#E8B596;color:#5C1E28}
#termine .op-tl > li.door-b .op-tag{background:#FFF8E1;border-color:#E0A82E;color:#5C1E28}
#termine .op-tl > li.door-p .op-tag{background:#FBF1F2;border-color:#B98A92;color:#7A2E3B}
@media (max-width:640px){#termine .op-tl .op-mtags{row-gap:5px!important}#termine .op-tl .op-fuss{display:flex;align-items:flex-end;gap:8px;order:3;margin-top:4px}#termine .op-tl .op-fuss > small{display:block!important;flex:1;margin:0!important;font-size:12.5px!important;line-height:1.4!important;opacity:.85}#termine .op-tl .op-fuss > .op-pm{display:inline-block!important;margin:0!important;flex:none}}
@media (min-width:641px){#termine .op-tl .m{flex-flow:row wrap!important;align-items:center;column-gap:10px}#termine .op-tl .m > a{flex:0 1 auto}#termine .op-tl .op-fuss{display:contents}#termine .op-tl .op-fuss > small{flex:1 0 100%}#termine .op-tl .op-fuss > .op-pm{display:none!important}#termine .op-tl .op-mtags{display:inline-flex!important;flex-wrap:wrap;gap:6px;align-items:center}#termine .op-tl .op-mtags > *{margin:0!important}#termine .op-tl .op-u45-m{display:inline-block!important;width:max-content;padding:0 8px!important;font-size:11px!important;line-height:1.6}}
/* v183 – U45/U40 überall Gold (auch am PC), nie #8A5A00-Fläche */
#termine .op-tl .op-u45-m{background:#FFF8E1!important;color:#5C1E28!important;border:1.5px solid #E0A82E!important}

/* v184 – U45-Plaketten überall Gold-Umriss wie in der Terminliste (nie #8A5A00-Fläche) · alle Sterne aus (★ Garlef „Sterne weg“) */
.eott .op-u45:not(.op-u45-m), .eott-home .op-u45:not(.op-u45-m){background:#FFF8E1!important;color:#5C1E28!important;box-shadow:inset 0 0 0 1.5px #E0A82E!important}
.op-star{display:none!important}