/*
 * MounaLife · Neue Seiten
 * Gilt nur für Seiten, die neu nach dem Muster gebaut sind (Hülle <div id="ml">).
 * Übergang: Das doppelte #ml#ml und die !important sind nötig, solange bestand.css
 * geladen wird. Sobald bestand.css leer ist, wird aus "#ml#ml " ein "#ml " und die
 * !important fallen weg.
 */

#ml#ml{
  --ml-bg:#0B0A08;
  --ml-bg2:var(--ml-alt,#1F1F1F);
  --ml-tx:#F7F4EE;
  --ml-mu:rgba(247,244,238,.82);
  --ml-fa:rgba(247,244,238,.58);
  --ml-eb:rgba(247,244,238,.82);
  --ml-ln:rgba(247,244,238,.09);
  --ml-gd:#C5AF73;
  --ml-gdh:#D3B975;
  background:var(--ml-bg);
  color:var(--ml-tx);
  overflow:hidden;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

#ml#ml *{ box-sizing:border-box; }

#ml#ml p,
#ml#ml li{
  font-size:16px !important;
  line-height:1.6 !important;
  color:var(--ml-mu) !important;
  -webkit-text-fill-color:var(--ml-mu) !important;
  font-weight:300 !important;
  margin:0;
}

#ml#ml h1,
#ml#ml h2,
#ml#ml h3{
  color:var(--ml-tx) !important;
  -webkit-text-fill-color:var(--ml-tx) !important;
  margin:0;
  padding:0;
  text-transform:none !important;
}

/* Eine Grösse für alle Seitentitel, Massstab ist die Startseite */
#ml#ml .ml-h1{ font-size:clamp(46px,5.6vw,88px) !important; line-height:.98 !important; }
@media (max-width:1100px){ #ml#ml .ml-h1{ font-size:clamp(40px,6vw,60px) !important; } }
@media (max-width:600px){ #ml#ml .ml-h1{ font-size:clamp(36px,10vw,44px) !important; } }
#ml#ml h2{ font-size:clamp(36px,5vw,62px) !important; line-height:1.04 !important; }
#ml#ml h3{ font-size:clamp(24px,2.2vw,27px) !important; line-height:1.12 !important; margin:0 0 10px; }

#ml#ml .ml-in{ max-width:1200px; margin:0 auto; padding:0 110px; }
#ml#ml .ml-sec{ padding:92px 0; position:relative; scroll-margin-top:140px; }
/* Wechselnder Abschnitt: Licht von oben wie bisher, nur leichter.
   Goldener statt beige, weicher auslaufend, keine Struktur. */
#ml#ml .ml-alt{
  background:radial-gradient(ellipse 78% 68% at 50% 0%,rgba(232,186,92,.085) 0%,rgba(232,186,92,.05) 22%,rgba(232,186,92,.022) 45%,rgba(232,186,92,.007) 62%,rgba(232,186,92,0) 78%),#0E0D0B;
}
#ml#ml :is(.ml-hero,.ml-sec) + .ml-sec{ border-top:1px solid rgba(197,175,115,.18); }

#ml#ml .ml-eb{
  font-family:"Poiret One","Helvetica Neue",Arial,sans-serif !important;
  font-size:13px !important;
  letter-spacing:.34em !important;
  text-transform:uppercase !important;
  color:var(--ml-eb) !important;
  -webkit-text-fill-color:var(--ml-eb) !important;
  margin:0 0 18px !important;
}

/* Hero: Unterzeile kursiv, gleiche Grösse wie der Lead, auf dem Computer eine Zeile */
#ml#ml .ml-sub{
  font-style:italic !important;
  margin:26px 0 0 !important;
  max-width:none;
}

#ml#ml .ml-lead{ margin:18px 0 0 !important; }
#ml#ml .ml-re{ font-size:14px !important; color:var(--ml-fa) !important; -webkit-text-fill-color:var(--ml-fa) !important; }
#ml#ml .ml-after{ margin:30px 0 0 !important; }

/* Knöpfe und Links: Gold nur für Klickbares */
#ml#ml .ml-ctarow{ display:flex; align-items:center; flex-wrap:wrap; gap:14px 20px; margin:34px 0 0; }
/* Goldene Knöpfe: am Rand kräftiges MounaLife-Gold, innen ein leichter
   Goldnebel. Über die ganze Breite ein hellerer Streifen aus demselben Gold.
   Beim Darüberfahren wird die hellste Stelle noch heller und
   ein waagrechter Lichtkanal breitet sich von der Mitte zu beiden Seiten
   aus, danach atmet er leise. Kein Schein um den Knopf herum.
   Gilt auch für den Suchknopf. */
#ml#ml a.ml-cta,
#ml#ml button.ml-cta,
#ml#ml .ml-search button.tsty-search-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  display:inline-block !important;
  background:
    linear-gradient(180deg,#A8894B 0%,#C5AF73 20%,#D9CBA4 44%,#C5AF73 68%,#AD9154 86%,#927540 100%) !important;
  color:#0B0A08 !important;
  -webkit-text-fill-color:#0B0A08 !important;
  padding:16px 30px !important;
  border:1px solid #9C7F45 !important;
  border-radius:999px !important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  line-height:1.15 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  text-shadow:0 1px 0 rgba(255,248,228,.45) !important;
  box-shadow:inset 0 0 14px rgba(120,92,40,.35),0 2px 8px rgba(0,0,0,.25) !important;
  white-space:nowrap;
  cursor:pointer;
  transition:border-color .45s ease !important;
}
#ml#ml a.ml-cta::before,
#ml#ml button.ml-cta::before,
#ml#ml .ml-search button.tsty-search-btn::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(ellipse 40% 70% at 50% 45%,rgba(250,243,222,.7) 0%,rgba(242,230,198,.3) 55%,rgba(242,230,198,0) 100%);
  opacity:0;
  transition:opacity .5s ease;
  pointer-events:none;
}
#ml#ml a.ml-cta::after,
#ml#ml button.ml-cta::after,
#ml#ml .ml-search button.tsty-search-btn::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:-4%;
  right:-4%;
  top:45%;
  height:48%;
  z-index:-1;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(252,246,228,.85) 0%,rgba(246,234,204,.45) 40%,rgba(238,222,184,.14) 70%,rgba(238,222,184,0) 100%);
  transform:translateY(-50%) scaleX(0);
  opacity:0;
  transition:transform .75s cubic-bezier(.22,.8,.25,1),opacity .4s ease;
  pointer-events:none;
}
#ml#ml :is(a.ml-cta,button.ml-cta,.ml-search button.tsty-search-btn):is(:hover,:focus-visible){
  border-color:#B89A5A !important;
}
#ml#ml :is(a.ml-cta,button.ml-cta,.ml-search button.tsty-search-btn):is(:hover,:focus-visible)::before{ opacity:1 !important; }
#ml#ml :is(a.ml-cta,button.ml-cta,.ml-search button.tsty-search-btn):is(:hover,:focus-visible)::after{
  opacity:1 !important;
  transform:translateY(-50%) scaleX(1);
  animation:ml-lichtkanal 2.8s ease-in-out .8s infinite;
}
@keyframes ml-lichtkanal{
  0%,100%{ opacity:1; }
  50%{ opacity:.7; }
}
@media (prefers-reduced-motion:reduce){
  #ml#ml :is(a.ml-cta,button.ml-cta,.ml-search button.tsty-search-btn)::after{ transition:none; animation:none !important; }
}
#ml#ml a.ml-lnk{
  color:var(--ml-gd) !important;
  -webkit-text-fill-color:var(--ml-gd) !important;
  font-size:15px !important;
  font-weight:300 !important;
  text-decoration:none !important;
}
#ml#ml a.ml-lnk:hover{ color:var(--ml-gdh) !important; -webkit-text-fill-color:var(--ml-gdh) !important; }

/* Seitenkopf */
#ml#ml .ml-hero{
  padding:120px 0 96px;
  min-height:640px;
  display:flex;
  align-items:center;
  background:radial-gradient(ellipse at 80% 0%,rgba(197,175,115,.10),transparent 55%);
}
#ml#ml .ml-hero .ml-in{ width:100%; }
/* Themenzeile im Hero: reine Information, gleicher Stil wie die Eyebrows */
#ml#ml :is(p,div).ml-doors{
  margin:30px 0 0 !important;
  font-family:"Poiret One","Helvetica Neue",Arial,sans-serif !important;
  font-size:13px !important; line-height:1.7 !important; letter-spacing:.34em !important;
  text-transform:uppercase !important; font-weight:400 !important;
  color:var(--ml-eb) !important; -webkit-text-fill-color:var(--ml-eb) !important;
}
/* Übergang: alte Startseite (div mit span) sieht bis zum Neuaufbau gleich aus */
#ml#ml div.ml-doors span{ font:inherit !important; letter-spacing:inherit !important; color:inherit !important; -webkit-text-fill-color:inherit !important; }
#ml#ml div.ml-doors span:not(:last-child)::after{ content:" · "; }
/* Stichwörter im Hero immer auf einer Zeile: ist die Textspalte schmaler als die Zeile,
   rückt nur der Buchstabenabstand enger (höchstens wie der Eyebrow, .34em).
   Schriftgrösse bleibt gleich wie beim Eyebrow (13px).
   Volle Zeile ohne Abstand: 13px = 386px, 54 Zeichen. */
#ml#ml .ml-hasphoto .ml-htxt{ container-type:inline-size; }
@container (min-width:440px){
  #ml#ml .ml-hasphoto .ml-htxt > .ml-doors{ white-space:nowrap !important; letter-spacing:min(.34em, calc((100cqi - 388px) / 54)) !important; }
}

/* Abschnittskopf: Überschrift links, Text rechts */
/* Überschrift und ihr Text gehören zusammen: der Text steht direkt darunter, nicht frei rechts daneben */
#ml#ml .ml-split{ display:block; margin:0 0 50px; }
#ml#ml .ml-split .ml-side{ max-width:640px; margin-top:20px; }
#ml#ml .ml-split .ml-side:empty{ display:none; }
#ml#ml .ml-split .ml-side p{ font-size:17px !important; }

/* Raster */
#ml#ml .ml-grid4{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
#ml#ml .ml-grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
#ml#ml .ml-grid2{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }

/* Karten */
#ml#ml .ml-card{
  position:relative; overflow:hidden;
  background:rgba(247,244,238,.035); border:1px solid var(--ml-ln); border-radius:0;
  padding:26px 24px 24px; min-height:230px; display:flex; flex-direction:column;
}
#ml#ml .ml-art{ position:absolute; top:0; right:0; width:100%; height:110px; }
#ml#ml .ml-tag{
  position:relative; align-self:flex-start;
  font-size:10.5px !important; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ml-mu) !important; -webkit-text-fill-color:var(--ml-mu) !important; font-weight:300 !important;
  border:1px solid rgba(247,244,238,.22); padding:5px 9px; border-radius:0; margin:0 0 70px;
}
#ml#ml .ml-card h3,
#ml#ml .ml-card p{ position:relative; }
#ml#ml .ml-card p{ font-size:14.5px !important; }
#ml#ml .ml-cfoot{
  margin-top:auto; padding-top:18px; display:flex; justify-content:space-between; align-items:center;
  font-size:14px; color:var(--ml-tx);
}
#ml#ml .ml-cfoot span{ color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important; font-weight:300 !important; }
#ml#ml .ml-cfoot a.ml-lnk{ font-size:14px !important; }

/* Satz-Kacheln */
#ml#ml .ml-qcols{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
#ml#ml .ml-qcol{ background:rgba(247,244,238,.035); border:1px solid var(--ml-ln); border-radius:0; padding:22px; }
#ml#ml .ml-qcol .ml-tag{ margin:0 0 12px; }
#ml#ml button.ml-qi{
  display:flex !important; justify-content:space-between; gap:10px; width:100%;
  padding:13px 0 !important; margin:0 !important;
  background:none !important; background-image:none !important; border:0 !important;
  border-bottom:1px solid var(--ml-ln) !important; border-radius:0 !important; box-shadow:none !important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size:19px !important; font-weight:300 !important;
  line-height:1.25 !important; letter-spacing:0 !important; text-transform:none !important; text-align:left !important;
  color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important; text-shadow:none !important; cursor:pointer;
}
#ml#ml button.ml-qi:last-child{ border-bottom:0 !important; }
#ml#ml button.ml-qi b{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; font-family:"Helvetica Neue",Arial,sans-serif !important; font-weight:400 !important; }
#ml#ml button.ml-qi:hover{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; }

/* Suche (bestehende Suchfunktion, im neuen Kleid) */
#ml#ml .ml-search{ margin:34px 0 0; }
#ml#ml .ml-search .ml-re{ margin:0 0 12px !important; }
#ml#ml .ml-search .tsty-search-wrap{ padding-left:0 !important; padding-right:0 !important; }
#ml#ml .ml-search .tsty-search-row{ display:flex !important; gap:12px; flex-wrap:nowrap !important; align-items:stretch; }
#ml#ml .ml-search .tsty-search-input{
  flex:1 1 auto;
  min-width:0;
  background:transparent !important;
  border:1px solid rgba(247,244,238,.35) !important;
  border-radius:0 !important;
  color:var(--ml-tx) !important;
  -webkit-text-fill-color:var(--ml-tx) !important;
}
#ml#ml .ml-search button.tsty-search-btn{ flex:none; }

/* Key-Drop-Karten mit Standbild */
#ml#ml a.ml-kdc{
  display:flex !important; flex-direction:column; overflow:hidden;
  background:rgba(247,244,238,.035); border:1px solid var(--ml-ln) !important; border-radius:0;
  text-decoration:none !important; color:inherit !important;
  transition:border-color .2s;
}
#ml#ml a.ml-kdc:hover{ border-color:rgba(197,175,115,.5) !important; }
#ml#ml .ml-kdc .ml-still{ height:170px; position:relative; background:radial-gradient(ellipse at 45% 45%,#3a3127 0%,#1a1612 55%,#0B0A08 90%); }
#ml#ml .ml-kdc .ml-still img{ width:100%; height:100%; object-fit:cover; display:block; }
#ml#ml .ml-kdc .ml-still i{
  position:absolute; left:14px; bottom:14px; width:34px; height:34px; border-radius:50%;
  border:1px solid rgba(197,175,115,.7); background:rgba(11,10,8,.55);
  color:var(--ml-gd); font-style:normal; font-size:12px; display:grid; place-items:center;
}
#ml#ml .ml-kdc .ml-soon{
  /* klein, unten links: dort sitzt bei fertigen Stories der Play-Knopf, die Gesichter bleiben frei */
  position:absolute; left:14px; bottom:14px; right:auto; top:auto;
  font-size:9.5px !important; line-height:1.2 !important; letter-spacing:.16em; text-transform:uppercase;
  /* ohne Rahmen, damit es nicht mit dem Themen-Schild darunter konkurriert */
  color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; border:0 !important; border-radius:0; padding:0; background:none;
  text-shadow:0 1px 3px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.6);
}
#ml#ml .ml-kdc > .ml-tag{ margin:20px 22px 14px; }
#ml#ml .ml-kdc > h3{ font-size:25px !important; margin:0 22px 10px; }
#ml#ml .ml-kdc > p{ font-size:14.5px !important; margin:0 22px; }
#ml#ml .ml-kdc > .ml-cfoot{ margin:0 22px 22px; }
#ml#ml .ml-kdc .ml-cfoot .ml-open{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; }
/* Themen-Schild nie abgeschnitten: lange Namen brechen um */
#ml#ml .ml-tag{ white-space:normal; max-width:100%; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; line-height:1.35 !important; }

/* Gleiche Höhen in jeder Kartenreihe: Etikett, Titel, Text und Preis stehen in allen Karten auf derselben Linie */
@supports (grid-template-rows:subgrid){
  #ml#ml :is(.ml-grid2,.ml-grid3,.ml-grid4){ grid-auto-rows:auto; row-gap:0; }
  #ml#ml :is(.ml-grid2,.ml-grid3,.ml-grid4) > .ml-card{
    display:grid; grid-row:span 4; grid-template-rows:subgrid; row-gap:0; margin-bottom:18px;
  }
  #ml#ml :is(.ml-grid2,.ml-grid3,.ml-grid4) > .ml-card > .ml-tag{ justify-self:start; }
  #ml#ml :is(.ml-grid2,.ml-grid3,.ml-grid4) > .ml-card > .ml-cfoot{ align-self:end; }
  #ml#ml :is(.ml-grid2,.ml-grid3,.ml-grid4) > a.ml-kdc{
    display:grid !important; grid-row:span 5; grid-template-rows:subgrid; row-gap:0; margin-bottom:18px;
  }
  #ml#ml :is(.ml-grid2,.ml-grid3,.ml-grid4) > a.ml-kdc > .ml-tag{ justify-self:start; max-width:calc(100% - 44px); }
  #ml#ml :is(.ml-grid2,.ml-grid3,.ml-grid4) > a.ml-kdc > .ml-cfoot{ align-self:end; padding-top:18px; }
}

/* Band */
#ml#ml .ml-band{
  display:block;
  margin:80px 0 0; padding:0;
}
#ml#ml .ml-band h2{ font-size:clamp(34px,4vw,48px) !important; }
#ml#ml .ml-band p{ font-size:17px !important; }

/* E-Mail */
#ml#ml .ml-notify{ max-width:760px; }
#ml#ml .ml-notify > p{ margin:16px 0 0 !important; }
#ml#ml .ml-field{
  display:flex; align-items:center; gap:10px;
  background:rgba(247,244,238,.045); border:1px solid rgba(197,175,115,.28); border-radius:0;
  padding:8px 8px 8px 24px; margin:30px 0 0; max-width:620px;
  box-shadow:0 0 40px rgba(232,186,92,.06), inset 0 1px 0 rgba(247,244,238,.05);
}
#ml#ml .ml-field input{
  flex:1; min-width:0; background:transparent !important; border:0 !important; box-shadow:none !important; outline:0;
  color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important; font-size:15px !important; padding:10px 0 !important;
}

/* Fragen */
#ml#ml .ml-faqgrid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; }
#ml#ml details.ml-q{ border-bottom:1px solid var(--ml-ln); }
#ml#ml details.ml-q summary{
  list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:20px;
  padding:20px 0; font-size:17px; color:var(--ml-tx); font-weight:300;
}
#ml#ml details.ml-q summary::-webkit-details-marker{ display:none; }
#ml#ml details.ml-q summary b{ color:var(--ml-gd); font-weight:400; transition:transform .2s; }
#ml#ml details.ml-q[open] summary b{ transform:rotate(45deg); }
#ml#ml .ml-ans{ padding:0 0 22px; font-size:15.5px; line-height:1.65; color:var(--ml-mu); font-weight:300; }

/* Tablet */
@media (max-width:980px){
  #ml#ml .ml-in{ padding:0 48px; }
  #ml#ml .ml-sec{ padding:72px 0; }
  #ml#ml .ml-hero{ padding:90px 0 80px; min-height:0; }
  #ml#ml .ml-split,
  #ml#ml .ml-band{ grid-template-columns:1fr; gap:18px; }
  #ml#ml .ml-split{ margin:0 0 40px; }
  #ml#ml .ml-grid4,
  #ml#ml .ml-qcols,
  #ml#ml .ml-grid3{ grid-template-columns:repeat(2,1fr); }
  #ml#ml .ml-faqgrid{ grid-template-columns:1fr; gap:20px; }
}

/* Handy: Kacheln als Wischreihe */
@media (max-width:600px){
  /* Handy: Eyebrows und Themenzeile gleich klein, etwas heller, damit die
     feine Schrift dieselbe Leuchtkraft hat wie in gross */
  #ml#ml :is(.ml-eb,p.ml-doors,div.ml-doors){ font-size:11.5px !important; letter-spacing:.28em !important; color:rgba(247,244,238,.95) !important; -webkit-text-fill-color:rgba(247,244,238,.95) !important; }
  #ml#ml .ml-in{ padding:0 20px; }
  #ml#ml .ml-sec{ padding:56px 0; }
  #ml#ml .ml-hero{ padding:60px 0 56px; }
  #ml#ml .ml-grid2,
  #ml#ml .ml-grid3{ grid-template-columns:1fr; }
  #ml#ml .ml-qcols,
  #ml#ml .ml-grid4{
    grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:84%;
    gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; margin-right:-20px; padding-right:20px;
  }
  #ml#ml .ml-qcol,
  #ml#ml .ml-kdc{ scroll-snap-align:start; }
  #ml#ml .ml-card{ min-height:0; }
  #ml#ml .ml-tag{ margin:0 0 54px; }
  #ml#ml .ml-field{ flex-direction:column; align-items:stretch; border-radius:0; padding:16px; gap:14px; }
  #ml#ml .ml-field .ml-cta{ text-align:center; }
}

/* Suche auf dem Handy: Feld und Knopf bleiben in einer Zeile */
@media (max-width:600px){
  #ml#ml .ml-search button.tsty-search-btn{ padding:14px 20px !important; font-size:14px !important; }
}

/* ==========================================================================
   Bausteine der weiteren Seiten (Portal, Key Drop Stories, Themen, Angebote, Mouna)
   ========================================================================== */

/* Seitenkopf der Unterseiten: wie der Startseiten-Kopf, etwas niedriger */
#ml#ml .ml-hero.ml-thero{ min-height:520px; }
#ml#ml .ml-thero .ml-sub{ max-width:640px; }

/* Brotkrumen auf den Themenseiten */
#ml#ml p.ml-crumb{
  margin:0 0 26px !important;
  font-family:"Poiret One","Helvetica Neue",Arial,sans-serif !important;
  font-size:13px !important; letter-spacing:.34em !important; text-transform:uppercase !important;
  color:var(--ml-eb) !important; -webkit-text-fill-color:var(--ml-eb) !important;
}
#ml#ml p.ml-crumb a{ font-family:inherit !important; font-size:inherit !important; font-weight:inherit !important; letter-spacing:inherit !important; text-transform:inherit !important; color:inherit !important; -webkit-text-fill-color:inherit !important; text-decoration:none !important; border:0 !important; }
#ml#ml p.ml-crumb a:hover{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; }

/* Kennzahlen im Kopf */
#ml#ml .ml-facts{ display:flex; flex-wrap:wrap; gap:18px 40px; margin:34px 0 0; }
#ml#ml .ml-facts div{ font-size:14px; color:var(--ml-mu); font-weight:300; }
/* Zahlen in Helvetica Neue, leicht: Italiana macht Ziffern wie «2 × 7» schwer lesbar */
#ml#ml .ml-facts b{
  display:block; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-weight:300 !important;
  font-size:28px; line-height:1.2; letter-spacing:.01em; margin:0 0 2px; color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important;
}

/* Drei Schritte */
#ml#ml .ml-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
#ml#ml .ml-steps > div{ border:0; padding-top:0; }
#ml#ml .ml-steps b{
  display:block; margin:0 0 8px;
  font-family:"Italiana","Didot",serif !important; font-weight:400 !important; font-size:40px; line-height:1;
  color:var(--ml-fa) !important; -webkit-text-fill-color:var(--ml-fa) !important;
}

/* Abschlusskarte mit Knopf */
#ml#ml .ml-ctacard{
  border:1px solid rgba(197,175,115,.35); border-radius:0; padding:64px; text-align:center;
  background:radial-gradient(ellipse 70% 80% at 50% 0%,rgba(232,186,92,.07),rgba(232,186,92,0) 70%);
}
#ml#ml .ml-ctacard > p{ max-width:620px; margin:16px auto 0 !important; }
#ml#ml .ml-ctacard .ml-ctarow{ justify-content:center; }
#ml#ml .ml-ctacard .ml-field{ margin:30px auto 0; text-align:left; }

/* Satz-Kacheln als Link (Key Drop Stories) */
#ml#ml a.ml-qi{
  display:flex !important; justify-content:space-between; gap:10px; padding:13px 0 0 !important;
  font-size:19px !important; font-weight:300 !important; line-height:1.25 !important;
  color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important;
  text-decoration:none !important; border:0 !important;
}
#ml#ml a.ml-qi b{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; font-weight:400 !important; }
#ml#ml a.ml-qi:hover{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; }

/* Ganze Karte klickbar, wenn sie zu einer Seite führt */
#ml#ml a.ml-card{ text-decoration:none !important; border-bottom:1px solid var(--ml-ln) !important; color:inherit !important; transition:border-color .25s ease; }
#ml#ml a.ml-card:hover{ border-color:rgba(197,175,115,.45) !important; }
#ml#ml a.ml-card .ml-lnk-t{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; font-size:14px; }

/* Weitere Themen */
#ml#ml .ml-chips{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 0; }
#ml#ml .ml-chips a{
  font-size:13px !important; font-weight:300 !important; color:var(--ml-mu) !important; -webkit-text-fill-color:var(--ml-mu) !important;
  border:1px solid rgba(247,244,238,.22) !important; border-radius:0; padding:9px 14px; text-decoration:none !important;
  transition:color .25s ease,border-color .25s ease;
}
#ml#ml .ml-chips a:hover{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; border-color:var(--ml-gd) !important; }

/* Themenseite ohne Geschichten */
#ml#ml .ml-empty{ font-size:17px !important; color:var(--ml-mu) !important; }

/* Mouna: Geschichte */
#ml#ml .ml-story{ display:grid; grid-template-columns:1fr; gap:26px; max-width:780px; }
#ml#ml .ml-story p{ font-size:17px !important; line-height:1.7 !important; }
#ml#ml .ml-story p.ml-closer{
  font-family:"Italiana","Didot",serif !important; font-weight:400 !important; font-size:30px !important; line-height:1.3 !important;
  color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important;
}
#ml#ml .ml-tl > div{ display:grid; grid-template-columns:260px 1fr; gap:30px; padding:18px 0; }
#ml#ml .ml-tl b{
  font-family:"Italiana","Didot",serif !important; font-weight:400 !important; font-size:24px; line-height:1.25;
  color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important;
}
#ml#ml .ml-wide{ margin:40px 0 0 !important; max-width:900px; font-size:17px !important; }

@media (max-width:980px){
  #ml#ml .ml-hero.ml-thero{ min-height:0; }
  #ml#ml .ml-steps{ grid-template-columns:1fr; gap:28px; }
  #ml#ml .ml-ctacard{ padding:52px 40px; }
  #ml#ml .ml-story{ grid-template-columns:1fr; }
}
@media (max-width:600px){
  #ml#ml .ml-ctacard{ padding:40px 22px; }
  #ml#ml .ml-tl > div{ grid-template-columns:1fr; gap:6px; }
  #ml#ml p.ml-crumb{ font-size:11.5px !important; letter-spacing:.28em !important; }
}

/* Übernommene Formulare (WPForms, Download After Email) im neuen Stil */
#ml#ml .ml-form{ margin:30px 0 0; max-width:720px; }
#ml#ml .ml-form :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],select,textarea){
  width:100% !important; max-width:none !important;
  background:transparent !important; border:1px solid rgba(247,244,238,.35) !important; border-radius:0 !important; box-shadow:none !important;
  color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size:16px !important; font-weight:300 !important;
  padding:14px 16px !important; min-height:0 !important; height:auto !important;
}
#ml#ml .ml-form :is(input,select,textarea):focus{ border-color:var(--ml-gd) !important; outline:0 !important; }
#ml#ml .ml-form :is(label,legend,.wpforms-field-label,.wpforms-field-sublabel){
  color:var(--ml-mu) !important; -webkit-text-fill-color:var(--ml-mu) !important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size:15px !important; font-weight:300 !important;
}
#ml#ml .ml-form :is(button[type="submit"],input[type="submit"],.wpforms-submit){
  display:inline-block !important; width:auto !important; cursor:pointer;
  background:linear-gradient(180deg,#A8894B 0%,#C5AF73 20%,#D9CBA4 44%,#C5AF73 68%,#AD9154 86%,#927540 100%) !important;
  border:1px solid #9C7F45 !important; border-radius:999px !important; padding:16px 30px !important; height:auto !important;
  color:#0B0A08 !important; -webkit-text-fill-color:#0B0A08 !important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size:15px !important; font-weight:700 !important;
  text-transform:uppercase !important; letter-spacing:.02em !important;
  box-shadow:inset 0 0 14px rgba(120,92,40,.35),0 2px 8px rgba(0,0,0,.25) !important;
}
#ml#ml .ml-form :is(button[type="submit"],input[type="submit"],.wpforms-submit):hover{
  background:radial-gradient(ellipse 50% 60% at 50% 45%,rgba(252,246,228,.7),rgba(252,246,228,0) 80%),linear-gradient(180deg,#A8894B 0%,#C5AF73 20%,#D9CBA4 44%,#C5AF73 68%,#AD9154 86%,#927540 100%) !important;
}

/* Suchergebnisse im neuen Stil */
#ml#ml .tsty-search-hits.ml-sr{ display:block !important; margin:44px 0 0 !important; }
#ml#ml .ml-sr .ml-eb{ margin:0 0 18px !important; }
#ml#ml .ml-sr .ml-sr-soon-eb{ margin-top:46px !important; }
#ml#ml .ml-sr-col{ display:flex; flex-direction:column; gap:10px; }

/* Coming-soon-Karte: Bild leicht gedämpft */
#ml#ml a.ml-kdc-soon .ml-still img{ opacity:.55; }

/* Daily-Anchor-Karte */
#ml#ml a.ml-anc{
  display:flex !important; gap:14px; align-items:center; padding:12px !important;
  background:rgba(247,244,238,.035); border:1px solid rgba(197,175,115,.35) !important; border-radius:0;
  text-decoration:none !important; color:var(--ml-tx) !important; transition:border-color .25s ease;
}
#ml#ml a.ml-anc:hover{ border-color:var(--ml-gd) !important; }
#ml#ml a.ml-anc img{ width:64px; height:64px; object-fit:cover; flex:none; }
#ml#ml .ml-anc-b{ display:flex; flex-direction:column; gap:4px; min-width:0; flex:1; }
#ml#ml .ml-anc-e{ font-size:10.5px !important; letter-spacing:.16em; text-transform:uppercase; color:var(--ml-mu) !important; -webkit-text-fill-color:var(--ml-mu) !important; }
#ml#ml .ml-anc b{ font-family:"Italiana","Didot",serif !important; font-weight:400 !important; font-size:20px; line-height:1.2; color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important; }
#ml#ml .ml-anc-f{ display:flex; justify-content:space-between; font-size:13.5px; color:var(--ml-tx); }
#ml#ml .ml-anc-f .ml-open{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; }
#ml#ml .ml-anc-row{ max-width:460px; }
#ml#ml .ml-anc-row a.ml-anc img{ width:96px; height:96px; }

/* Vorschauseite einer Story */
#ml#ml .ml-pv-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:center; }
#ml#ml .ml-pv-img img{ display:block; width:100%; height:auto; border:1px solid var(--ml-ln); }
@media (max-width:980px){
  #ml#ml .ml-pv-grid{ grid-template-columns:1fr; gap:34px; }
}
#ml#ml .ml-sr h3:not(#z),
#ml#ml .ml-sr h3:not(#z) *{
  font-family:"Italiana","Didot","Bodoni 72",serif !important; font-weight:400 !important; font-style:normal !important;
}

/* E-Mail-Felder: Hinweis, Antwort, Bot-Falle */
#ml#ml .ml-hp{ position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; }
#ml#ml p.ml-optin{ margin:12px 0 0 !important; font-size:13px !important; color:var(--ml-fa) !important; -webkit-text-fill-color:var(--ml-fa) !important; }
#ml#ml p.ml-optin a{ color:inherit !important; -webkit-text-fill-color:inherit !important; text-decoration:underline !important; }
#ml#ml .ml-ctacard p.ml-optin{ text-align:center; }
#ml#ml p.ml-done{ margin:30px 0 0 !important; padding:18px 22px; border:1px solid rgba(197,175,115,.45); font-size:16px !important; color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important; max-width:620px; }
#ml#ml p.ml-done.ml-err{ margin:12px 0 0 !important; padding:0; border:0; font-size:14px !important; color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; }

/* Hero mit Porträt: Text links (Hook zuerst, wo der Blick beginnt),
   Mouna rechts, zum Text gewandt, mit Blick zum Besucher.
   Zwei getrennte Spalten, nichts liegt übereinander. */
#ml#ml .ml-hero.ml-hasphoto{ padding:72px 0 0; min-height:0; overflow:hidden; }
#ml#ml .ml-hasphoto .ml-in{
  display:grid; grid-template-columns:1fr 1fr; column-gap:clamp(20px,2vw,32px); align-items:end;
}
#ml#ml .ml-hasphoto .ml-htxt{ grid-column:1; grid-row:1; align-self:center; padding:0 0 72px; max-width:540px; }
#ml#ml .ml-photo{ grid-column:2; grid-row:1; justify-self:start; width:100%; max-width:620px; }
#ml#ml .ml-photo img{ display:block; width:100%; height:auto; max-height:780px; object-fit:contain; object-position:50% 100%; }

/* Tablet: zwei Spalten, Augen auf Höhe der Überschrift, Bild läuft unten weich aus */
@media (max-width:1100px){
  #ml#ml .ml-hero.ml-hasphoto{ padding:64px 0 56px; }
  #ml#ml .ml-hasphoto .ml-in{ column-gap:16px; align-items:start; }
  #ml#ml .ml-photo{ width:84%; max-width:400px; align-self:start; margin-top:-6px; }
  #ml#ml .ml-photo img{ max-height:none;
    -webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%); mask-image:linear-gradient(to bottom,#000 70%,transparent 100%); }
  #ml#ml .ml-hasphoto .ml-htxt{ align-self:start; padding:0; }
}

/* Handy: Mouna klein rechts neben Eyebrow und Überschrift, der Rest folgt darunter */
@media (max-width:600px){
  #ml#ml .ml-hero.ml-hasphoto{ padding:36px 0 52px; }
  #ml#ml .ml-hasphoto .ml-in{
    grid-template-columns:1fr 46%; column-gap:6px; align-items:end;
    grid-template-areas:"eb eb" "h1 photo" "sub sub" "lead lead" "cta cta" "doors doors";
  }
  #ml#ml .ml-hasphoto .ml-htxt{ display:contents; }
  #ml#ml .ml-hasphoto .ml-htxt > .ml-eb{ grid-area:eb; align-self:end; }
  #ml#ml .ml-hasphoto .ml-htxt > .ml-h1{ grid-area:h1; align-self:center; }
  #ml#ml .ml-hasphoto .ml-htxt > .ml-sub{ grid-area:sub; }
  #ml#ml .ml-hasphoto .ml-htxt > .ml-lead{ grid-area:lead; }
  #ml#ml .ml-hasphoto .ml-htxt > .ml-ctarow{ grid-area:cta; }
  #ml#ml .ml-hasphoto .ml-htxt > .ml-doors{ grid-area:doors; }
  #ml#ml .ml-photo{ grid-area:photo; grid-column:auto; grid-row:auto; width:100%; max-width:none; margin:0; align-self:end; }
  #ml#ml .ml-photo img{ max-height:none;
    -webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%); mask-image:linear-gradient(to bottom,#000 72%,transparent 100%); }
  #ml#ml .ml-hasphoto .ml-htxt > .ml-sub{ margin-top:18px !important; }
}

/* Gewählter Satz über den Ergebnissen */
#ml#ml p.ml-chosen{
  margin:40px 0 22px !important; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:19px !important; font-style:italic !important; font-weight:300 !important;
  color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important;
}
#ml#ml p.ml-chosen + .ml-sr{ margin-top:0 !important; }
#ml#ml button.ml-qi.is-on{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; }

/* Ergebnis der Satz-Kacheln: direkt unter den Kacheln, eine Reihe, gleich breite Karten */
#ml#ml .ml-tilehits-out:empty{ display:none; }
#ml#ml .ml-tilehits-out{ margin:6px 0 44px; }
#ml#ml .ml-tilehits-out p.ml-chosen{ margin:34px 0 20px !important; }
#ml#ml .ml-th-row{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:start; }
#ml#ml .ml-th-row .ml-sr-col{ display:flex; flex-direction:column; gap:10px; min-width:0; }
#ml#ml .ml-th-row a.ml-kdc{ width:100%; }
#ml#ml .ml-anc-e{ white-space:nowrap; }
@media (max-width:980px){ #ml#ml .ml-th-row{ grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-flow:row; overflow:visible; margin-right:0; padding-right:0; } }
@media (max-width:600px){ #ml#ml .ml-th-row{ grid-template-columns:1fr; } }

/* Kleine Titel (Karten, Daily Anchor, Schritte) in Helvetica Neue, gut lesbar.
   Italiana bleibt den grossen Überschriften vorbehalten. */
#ml#ml :is(.ml-kdc,.ml-card,.ml-steps,.ml-th-row) h3:not(#z):not(#z),
#ml#ml :is(.ml-kdc,.ml-card,.ml-steps,.ml-th-row) h3:not(#z):not(#z) *,
#ml#ml .ml-anc b:not(#z):not(#z){
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}
#ml#ml :is(.ml-kdc,.ml-card,.ml-th-row) h3:not(#z):not(#z){ font-size:20px !important; line-height:1.25 !important; }
#ml#ml .ml-steps h3:not(#z):not(#z){ font-size:19px !important; line-height:1.3 !important; }
#ml#ml .ml-anc b:not(#z):not(#z){ font-size:16px !important; line-height:1.3 !important; }

/* ==========================================================================
   Gedanke → Antwort → Stories (Startseite) und Suchergebnisse
   Jede Story-Karte ist gleich gebaut und gleich hoch: Bild, Thema, Titel
   (immer zwei Zeilen Platz), Preis, darunter immer ihr Daily Anchor.
   ========================================================================== */

#ml#ml .ml-sec{ scroll-margin-top:96px; }
#ml#ml .ml-search.ml-search-top{ margin:6px 0 34px; }
#ml#ml .ml-search.ml-search-after{ margin:48px 0 0; }
#ml#ml .ml-search:is(.ml-search-top,.ml-search-after) .tsty-search-input{ min-height:64px; font-size:18px !important; padding:0 22px !important; }
#ml#ml .ml-search:is(.ml-search-top,.ml-search-after) .tsty-search-results:empty{ display:none; }

#ml#ml .ml-tilehits-out{ margin:0; }
#ml#ml .ml-res{ padding:44px 0 8px; }
#ml#ml .ml-res p.ml-chosen{ margin:0 0 14px !important; font-size:21px !important; }
#ml#ml .ml-res p.ml-answer{
  margin:0 0 34px !important; max-width:760px;
  font-size:18px !important; line-height:1.65 !important; font-weight:300 !important;
  color:var(--ml-mu) !important; -webkit-text-fill-color:var(--ml-mu) !important;
}
#ml#ml .ml-res > p.ml-eb{ margin:0 0 16px !important; }

#ml#ml .ml-scrow{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:stretch; }
#ml#ml .ml-sc{
  display:flex; flex-direction:column; min-width:0; height:100%;
  background:rgba(247,244,238,.035); border:1px solid var(--ml-ln); border-radius:0;
  transition:border-color .2s;
}
#ml#ml .ml-sc:hover{ border-color:rgba(197,175,115,.5); }
#ml#ml a.ml-sc-main{ display:flex !important; flex-direction:column; flex:1 1 auto; text-decoration:none !important; color:inherit !important; }
#ml#ml .ml-sc-img{
  display:block; position:relative; aspect-ratio:16/10; overflow:hidden;
  background:radial-gradient(ellipse at 45% 45%,#3a3127 0%,#1a1612 55%,#0B0A08 90%);
}
#ml#ml .ml-sc-img img{ width:100%; height:100%; object-fit:cover; display:block; }
#ml#ml .ml-sc-soon .ml-sc-img img{ opacity:.55; }
#ml#ml .ml-sc-img i{
  position:absolute; left:14px; bottom:14px; width:34px; height:34px; border-radius:50%;
  border:1px solid rgba(197,175,115,.7); background:rgba(11,10,8,.55);
  color:var(--ml-gd); font-style:normal; font-size:12px; display:grid; place-items:center;
}
#ml#ml .ml-sc-img .ml-soon{
  /* klein, unten links: dort sitzt bei fertigen Stories der Play-Knopf, die Gesichter bleiben frei */
  position:absolute; left:14px; bottom:14px; right:auto; top:auto;
  font-size:9.5px !important; line-height:1.2 !important; letter-spacing:.16em; text-transform:uppercase;
  /* ohne Rahmen, damit es nicht mit dem Themen-Schild darunter konkurriert */
  color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; border:0 !important; border-radius:0; padding:0; background:none;
  text-shadow:0 1px 3px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.6);
}
#ml#ml .ml-sc-body{ display:flex; flex-direction:column; flex:1 1 auto; padding:18px 20px 18px; }
#ml#ml .ml-sc .ml-tag{ margin:0 0 14px; align-self:flex-start; }
#ml#ml .ml-sc h3:not(#z):not(#z){
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-weight:500 !important; letter-spacing:0 !important;
  font-size:19px !important; line-height:1.3 !important; margin:0 0 16px !important;
  min-height:2.6em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important;
}
#ml#ml .ml-sc-foot{ margin-top:auto; display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:14px; font-weight:300; color:var(--ml-tx); }
#ml#ml .ml-sc-foot .ml-open{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; white-space:nowrap; }
#ml#ml a.ml-sc-anc,
#ml#ml span.ml-sc-anc{
  display:flex !important; flex-direction:column; gap:6px; padding:14px 20px 16px;
  border-top:1px solid var(--ml-ln); text-decoration:none !important; color:inherit !important;
}
#ml#ml a.ml-sc-anc:hover .ml-sc-anc-t{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; }
#ml#ml .ml-sc-anc-e{ font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--ml-mu); white-space:nowrap; }
#ml#ml .ml-sc-anc-t{
  font-size:15px; font-weight:500; line-height:1.3; color:var(--ml-tx);
  min-height:2.6em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#ml#ml .ml-sc-anc .ml-sc-foot{ margin-top:2px; font-size:13.5px; }
#ml#ml .ml-sc-anc-none{ visibility:hidden; }

/* Suchergebnisse im selben Kleid */
#ml#ml .tsty-search-hits.ml-res{ padding-top:30px; }

@media (max-width:980px){
  #ml#ml .ml-scrow{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px){
  #ml#ml .ml-scrow{ grid-template-columns:1fr; gap:14px; }
  #ml#ml .ml-res{ padding-top:30px; }
  #ml#ml .ml-res p.ml-chosen{ font-size:19px !important; }
  #ml#ml .ml-res p.ml-answer{ font-size:16.5px !important; margin-bottom:26px !important; }
  #ml#ml .ml-search:is(.ml-search-top,.ml-search-after) .tsty-search-input{ min-height:56px; font-size:16px !important; }
  #ml#ml .ml-sc h3:not(#z):not(#z){ min-height:0; }
  #ml#ml .ml-sc-anc-t{ min-height:0; }
  #ml#ml .ml-sc-anc-none{ display:none !important; }
}

/* Beratung über den Stories */
#ml#ml .ml-res.ml-ai{ padding:30px 0 0; }
#ml#ml .ml-res.ml-ai + .ml-res{ padding-top:10px; }
#ml#ml .ml-res.ml-ai p.ml-answer{ margin:0 0 14px !important; color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important; }
#ml#ml .ml-res.ml-ai p.ml-answer.ml-gap{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; margin-bottom:26px !important; }
#ml#ml .ml-res.ml-ai .ml-ctarow{ margin:6px 0 10px; }
#ml#ml p.ml-ai-hint{ margin:10px 0 0 !important; font-size:12.5px !important; color:var(--ml-fa) !important; -webkit-text-fill-color:var(--ml-fa) !important; }
#ml#ml .ml-search .tsty-search-loading{ color:var(--ml-mu) !important; font-style:italic; padding:26px 0 0 !important; }
#ml#ml .ml-search .tsty-search-wrap{ margin:0 !important; padding-top:0 !important; padding-bottom:0 !important; }

/* Zeilen der Überschrift, die zusammenbleiben sollen */
#ml#ml .ml-h1 .ml-nw{ white-space:nowrap; }

/* Portal: My Library als schmale Zeile unter den Türen (keine Tür, das eigene Regal) */
#ml#ml a.ml-libline{
  display:flex !important; align-items:center; gap:22px; margin:24px 0 0;
  padding:18px 24px; border:1px solid var(--ml-ln) !important; background:rgba(247,244,238,.035);
  text-decoration:none !important; color:inherit !important; transition:border-color .25s ease;
}
#ml#ml a.ml-libline:hover{ border-color:rgba(197,175,115,.45) !important; }
#ml#ml a.ml-libline .ml-tag{ margin:0; flex:none; }
#ml#ml .ml-libline-t{ flex:1 1 auto; font-size:16px; color:var(--ml-mu); -webkit-text-fill-color:var(--ml-mu); }
#ml#ml .ml-libline-t b{ font-weight:500; margin-right:12px; color:var(--ml-tx); -webkit-text-fill-color:var(--ml-tx); }
#ml#ml a.ml-libline .ml-lnk-t{ flex:none; color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; font-size:14px; }
@media (max-width:600px){
  #ml#ml a.ml-libline{ flex-wrap:wrap; gap:12px 16px; padding:16px 18px; }
  #ml#ml .ml-libline-t{ flex-basis:100%; order:2; }
  #ml#ml .ml-libline-t b{ display:block; margin:0 0 2px; }
  #ml#ml a.ml-libline .ml-lnk-t{ order:3; }
}

/* Wunschfeld (The Source Room, Take Back Control) */
#ml#ml form.ml-wish{ margin:30px 0 0; max-width:720px; border:1px solid rgba(247,244,238,.22); border-radius:0; padding:18px 18px 14px 22px; }
#ml#ml form.ml-wish textarea{
  display:block; width:100%; min-height:96px; resize:vertical; background:transparent !important; border:0 !important; box-shadow:none !important; outline:0; border-radius:0;
  color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size:16px !important; line-height:1.55 !important; padding:4px 0 !important;
}
#ml#ml form.ml-wish textarea::placeholder{ color:rgba(247,244,238,.5); -webkit-text-fill-color:rgba(247,244,238,.5); }
#ml#ml .ml-wish-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin:12px 0 0; }
#ml#ml .ml-wish-note{ font-size:13px; color:rgba(247,244,238,.6); }
#ml#ml form.ml-wish + p.ml-done{ margin:14px 0 0 !important; }
@media (max-width:600px){
  #ml#ml form.ml-wish{ padding:16px; }
  #ml#ml .ml-wish-row{ flex-direction:column; align-items:stretch; }
  #ml#ml .ml-wish-row .ml-cta{ text-align:center; }
}

/* Paket: Ersparnis sichtbar (Story-Karten, Key-Drop-Karten, Story-Seite) */
#ml#ml .ml-save{
  position:absolute; right:12px; bottom:12px; z-index:2;
  padding:4px 9px; background:#C5AF73; color:#0B0A08 !important; -webkit-text-fill-color:#0B0A08 !important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size:11px !important; font-weight:600 !important; line-height:1.2 !important; letter-spacing:.12em; text-transform:uppercase;
}
#ml#ml .ml-facts .ml-fact-save b{ color:#C5AF73 !important; -webkit-text-fill-color:#C5AF73 !important; }

/* Paket: zwei Daily Anchors nebeneinander, der fehlende als «Coming soon» */
#ml#ml .ml-anc-row.ml-anc-two{ max-width:940px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
#ml#ml .ml-anc-soon{ display:flex; align-items:center; min-height:120px; padding:18px 22px; border:1px dashed rgba(197,175,115,.35); opacity:.75; }
@media (max-width:700px){ #ml#ml .ml-anc-row.ml-anc-two{ grid-template-columns:1fr; } }

/* Story-Seite: die Teile mit je einer Szene */
#ml#ml .ml-epgrid{ display:grid; gap:40px; margin-top:34px; max-width:760px; }
#ml#ml .ml-epgrid.ml-ep-two{ max-width:none; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); }
#ml#ml .ml-eps{ list-style:none; counter-reset:ep; margin:0; padding:0; }
#ml#ml .ml-eps li{ counter-increment:ep; position:relative; padding:0 0 22px 52px; margin:0; }
#ml#ml .ml-eps li::before{ content:counter(ep,decimal-leading-zero); position:absolute; left:0; top:-2px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:300; font-size:22px; line-height:1.2; color:var(--ml-gd); }
#ml#ml .ml-eps b{ display:block; font-weight:500; color:var(--ml-tx); }
#ml#ml .ml-eps span{ display:block; margin-top:4px; font-size:15px; line-height:1.55; color:var(--ml-fa); }

/* Ruhiger Abschnitt: viel Raum, alles mittig, ein einziger Knopf */
#ml#ml .ml-calm{ padding:150px 0 160px; text-align:center; }
#ml#ml .ml-calm .ml-notify{ max-width:860px; margin:0 auto; }
#ml#ml .ml-calm h2{ font-size:clamp(46px,5.6vw,82px) !important; line-height:1.02 !important; margin:18px 0 26px !important; }
#ml#ml .ml-calm .ml-notify > p{ max-width:560px; margin:0 auto !important; color:var(--ml-mu); }
#ml#ml .ml-calm .ml-field{ margin:44px auto 0; max-width:540px; }
#ml#ml .ml-calm .ml-form{ margin:44px auto 0; max-width:540px; text-align:left; }
@media (max-width:767px){
  #ml#ml .ml-calm{ padding:110px 0 120px; }
}

/* Hero mit Szene: das Bild liegt rechts und löst sich zu allen Rändern in den Seitenhintergrund auf,
   der Text steht links auf dem gleichen Schwarz wie überall */
#ml#ml .ml-hero.ml-scene{ position:relative; overflow:hidden; min-height:min(80vh,720px); }
#ml#ml .ml-scene .ml-in{ position:relative; z-index:1; }
#ml#ml .ml-scene-txt{ max-width:560px; }
#ml#ml .ml-scene-img{ position:absolute; top:0; right:0; bottom:0; width:68%; z-index:0; pointer-events:none; }
#ml#ml .ml-scene-img img{
  display:block; width:var(--ml-iw,100%); margin-left:auto; height:100%; object-fit:cover; object-position:var(--ml-pos,70% 50%);
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 40%),linear-gradient(to bottom,transparent 0,#000 14%,#000 78%,transparent 100%);
  -webkit-mask-composite:source-in; mask-image:linear-gradient(to right,transparent 0,#000 40%),linear-gradient(to bottom,transparent 0,#000 14%,#000 78%,transparent 100%); mask-composite:intersect;
}
@media (max-width:767px){
  #ml#ml .ml-hero.ml-scene{ display:block; min-height:0; padding-top:0; }
  #ml#ml .ml-scene-img{ position:relative; width:100%; height:92vw; margin:0 0 -16vw; }
  #ml#ml .ml-scene-img img{ width:100%; object-position:var(--ml-mpos,85% 55%);
    -webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%); mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);
    -webkit-mask-composite:source-over; mask-composite:add;
  }
}

#ml#ml .ml-band > div{ max-width:640px; margin-top:20px; }
#ml#ml .ml-split + .ml-facts{ margin:0 0 40px; }

/* Zwei Angebote nebeneinander (Signature Anchor): Titel, Preis, Rauten-Liste */
#ml#ml .ml-opts{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:0 0 40px; }
#ml#ml .ml-opt{ min-height:0; padding:30px 28px 28px; }
#ml#ml .ml-opt h3{ margin:0 0 6px !important; }
#ml#ml p.ml-opt-p{ margin:0 0 6px !important; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-weight:300 !important; font-size:28px !important; line-height:1.2 !important; color:var(--ml-tx) !important; }
#ml#ml ul.ml-dia{ list-style:none; margin:0; padding:0; }
#ml#ml ul.ml-dia li{ position:relative; padding:0 0 0 22px; margin:0 0 12px; font-size:15px !important; color:var(--ml-mu); }
#ml#ml ul.ml-dia li::before{ content:"\2666"; position:absolute; left:0; top:0; color:var(--ml-gd); font-size:12px; line-height:1.9; }
#ml#ml .ml-ans p{ margin:0 0 12px !important; }
@media (max-width:767px){ #ml#ml .ml-opts{ grid-template-columns:1fr; } }
#ml#ml p.ml-opt-s{ margin:0 0 20px !important; font-size:15px !important; color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; }

/* Signature Anchor: Knopf in jeder Option, zwei Formulare, sichtbar erst nach der Wahl */
#ml#ml .ml-opt{ display:flex; flex-direction:column; }
#ml#ml .ml-opt ul.ml-dia{ flex:1 1 auto; }
#ml#ml .ml-opt .ml-ctarow{ margin:26px 0 0 !important; }
#ml#ml p.ml-opts-re{ display:block; margin:-14px 0 0 !important; text-align:center; }
#ml#ml .ml-fpane{ display:none; scroll-margin-top:140px; }
#ml#ml .ml-fpane:target{ display:block; }
/* Ohne Wahl bleibt der Formularbereich ganz weg */
#ml#ml .ml-sec:has(.ml-fwrap):not(:has(.ml-fpane:target)){ display:none; }
#ml#ml p.ml-opt-next{ margin:24px 0 0 !important; font-size:14px !important; color:var(--ml-mu) !important; -webkit-text-fill-color:var(--ml-mu) !important; }
#ml#ml .ml-opt p.ml-opt-next + .ml-ctarow{ margin-top:14px !important; }
#ml#ml p.ml-fnote{ margin:14px 0 0 !important; font-size:15px !important; color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; }
#ml#ml p.ml-fswitch{ margin:18px 0 0 !important; font-size:14px !important; }
#ml#ml p.ml-fswitch a{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; text-decoration:none !important; }
#ml#ml p.ml-fswitch a:hover{ text-decoration:underline !important; }
#ml#ml .ml-form .wpforms-field-checkbox li,#ml#ml .ml-form .wpforms-field-radio li{ display:flex; align-items:flex-start; gap:10px; }
#ml#ml .ml-form .wpforms-field-checkbox li label,#ml#ml .ml-form .wpforms-field-radio li label{ color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important; }
#ml#ml .ml-form :is(input[type="checkbox"],input[type="radio"]){ accent-color:var(--ml-gd); width:18px; height:18px; margin:3px 0 0 !important; flex:none; }

/* Imprint und weitere Rechtsseiten: ruhiger Textblock */
#ml#ml .ml-legal{ max-width:640px; }
#ml#ml .ml-legal p{ margin:0 0 22px !important; font-size:17px !important; line-height:1.7 !important; color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important; }
#ml#ml .ml-legal b{ font-weight:500; }
#ml#ml .ml-legal a{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; text-decoration:none !important; }
#ml#ml .ml-legal a:hover{ text-decoration:underline !important; }

/* Fehlerseite */
#ml#ml .ml-404{ min-height:min(74vh,680px); display:flex; align-items:center; }
#ml#ml .ml-404-in{ display:flex; align-items:center; gap:72px; width:100%; }
#ml#ml .ml-404-txt{ flex:1 1 auto; max-width:620px; }
#ml#ml .ml-404-art{ order:2; flex:0 0 260px; width:260px; height:auto; color:var(--ml-gd); opacity:.85; }
#ml#ml .ml-404-glow{ stroke:none; fill:rgba(197,175,115,.07); }
#ml#ml .ml-404-door{ transform-origin:160px 160px; animation:ml404door 6s ease-in-out infinite; }
@keyframes ml404door{ 0%,100%{ transform:skewY(0deg); } 50%{ transform:skewY(-3deg); } }
#ml#ml p.ml-404-home{ margin:22px 0 0 !important; }
@media (max-width:760px){
  #ml#ml .ml-404-in{ flex-direction:column; align-items:flex-start; gap:28px; }
  #ml#ml .ml-404-art{ order:0; flex:none; width:150px; }
}
@media (prefers-reduced-motion:reduce){ #ml#ml .ml-404-door{ animation:none; } }

/* Portal: drei Türen als goldene Torbögen mit dem Satz, in dem sich der Kunde erkennt */
#ml#ml .ml-gates{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; align-items:start; }
#ml#ml a.ml-door{ display:flex; flex-direction:column; text-decoration:none !important; color:inherit; }
#ml#ml .ml-door-arch{
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  aspect-ratio:4/5; padding:22% 13% 16%; margin:0 0 22px;
  border:1px solid rgba(197,175,115,.32); border-bottom-color:rgba(197,175,115,.55);
  border-radius:9999px 9999px 0 0;
  background:radial-gradient(ellipse 80% 55% at 50% 108%, rgba(197,175,115,.16), rgba(197,175,115,0) 70%), #0E0D0B;
  transition:border-color .5s ease, background .5s ease, transform .5s ease, box-shadow .5s ease;
}
#ml#ml .ml-door-arch::after{
  content:""; position:absolute; left:18%; right:18%; bottom:-1px; height:1px;
  background:linear-gradient(90deg, transparent, rgba(229,206,140,.9), transparent); opacity:.55; transition:opacity .5s ease;
}
#ml#ml .ml-door-arch .ml-tag{ position:absolute; top:15%; left:50%; transform:translateX(-50%); margin:0; }
#ml#ml .ml-door-q{
  font-family:"Italiana","Didot",serif !important; font-weight:400 !important; font-size:27px; line-height:1.3;
  color:var(--ml-tx) !important; -webkit-text-fill-color:var(--ml-tx) !important;
}
#ml#ml .ml-door-t{ font-size:19px; font-weight:500; color:var(--ml-tx); -webkit-text-fill-color:var(--ml-tx); margin:0 0 6px; }
#ml#ml .ml-door-p{ font-size:15px; font-weight:300; line-height:1.55; color:var(--ml-mu); -webkit-text-fill-color:var(--ml-mu); margin:0 0 12px; }
#ml#ml a.ml-door .ml-lnk-t{ color:var(--ml-gd) !important; -webkit-text-fill-color:var(--ml-gd) !important; font-size:14px; }
#ml#ml a.ml-door:hover .ml-door-arch{
  border-color:rgba(197,175,115,.7); transform:translateY(-4px);
  background:radial-gradient(ellipse 90% 70% at 50% 108%, rgba(229,206,140,.30), rgba(197,175,115,0) 72%), #0E0D0B;
  box-shadow:0 18px 40px -24px rgba(229,206,140,.35);
}
#ml#ml a.ml-door:hover .ml-door-arch::after{ opacity:1; }
#ml#ml .ml-doorlines{ display:grid; gap:12px; margin-top:44px; }
#ml#ml .ml-doorlines a.ml-libline{ margin:0 !important; }
@media (max-width:900px){
  #ml#ml .ml-gates{ grid-template-columns:1fr; gap:36px; max-width:380px; margin:0 auto; }
  #ml#ml .ml-door-q{ font-size:26px; }
  #ml#ml .ml-door-arch{ aspect-ratio:1/1; padding:20% 12% 10%; }
  #ml#ml .ml-door-arch .ml-tag{ top:13%; }
}
@media (prefers-reduced-motion:reduce){ #ml#ml .ml-door-arch{ transition:none; } #ml#ml a.ml-door:hover .ml-door-arch{ transform:none; } }