/* ==========================================================
   Emma Nord – Grundgerüst (Header, Footer, Beiträge, Übersichten)
   Seitenspezifische Gestaltung steckt in den Seiten selbst.
   ========================================================== */

/* ---------- Schriften (lokal, keine Verbindung zu Google) ---------- */
@font-face{font-family:"Arsenal";src:url(/assets/fonts/arsenal-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Arsenal";src:url(/assets/fonts/arsenal-bold.woff2) format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"Arsenal";src:url(/assets/fonts/arsenal-italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Arsenal";src:url(/assets/fonts/arsenal-bolditalic.woff) format("woff");font-weight:600 800;font-style:italic;font-display:swap}
@font-face{font-family:"Dancing Script";src:url(/assets/fonts/dancing-script.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}

/* ---------- Farben & Maße ---------- */
:root{
  --rot:#8a1e1e; --rot-dunkel:#6f1717; --rot-zart:#d8aaa1; --rosa:#fbeceb;
  --navy:#2c3a54; --navy-soft:#5b6b82; --blau:#5a9ec9; --blau-hell:#e9f3fa; --blau-linie:rgba(90,158,201,.3);
  --papier:#fbf8f3; --creme:#f4f1e8; --weiss:#fff;
  --serif:"Arsenal",Georgia,"Times New Roman",serif;
  --script:"Dancing Script","Brush Script MT",cursive;
  --breite:1240px; --text:680px;
  --kopf-h:92px;
}

/* ---------- Basis ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf-h) + 12px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--weiss);color:var(--navy);font-family:var(--serif);font-size:var(--t-body,1rem);line-height:1.65;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
:where(img,svg,video){max-width:100%}
:where(img){height:auto;display:inline-block;vertical-align:middle}
:where(a){color:var(--rot);text-underline-offset:.18em}
:where(a:hover){color:var(--rot-dunkel)}
:where(h1,h2,h3,h4){line-height:1.2;text-wrap:balance}
:where(p){text-wrap:pretty}
:focus-visible{outline:2px solid var(--blau);outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:2000;background:var(--rot);color:#fff;padding:10px 16px;font-weight:700;text-decoration:none}
.skip:focus{top:12px;color:#fff}

/* ---------- Schutz der Inhalte ---------- */
body.geschuetzt{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.geschuetzt :is(input,textarea,select,[contenteditable]){-webkit-user-select:text;user-select:text}
body.geschuetzt img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}
@media print{
  img,picture,svg image,[style*="background-image"]{visibility:hidden!important}
  body::before{content:"© Emma Nord – emma-nord.de · Bilder und Texte sind urheberrechtlich geschützt.";display:block;font:700 14pt/1.4 Georgia,serif;margin:0 0 12pt}
}

/* ==========================================================
   HEADER
   ========================================================== */
.kopf{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);
  border-bottom:1px solid var(--blau-linie);transition:box-shadow .25s ease}
.kopf::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--rot) 20%,var(--rot) 80%,transparent);opacity:.0;transition:opacity .25s ease}
.kopf.ist-gescrollt{box-shadow:0 8px 24px rgba(44,58,84,.08)}
.kopf.ist-gescrollt::after{opacity:.55}
.kopf-inner{max-width:1600px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:24px;min-height:var(--kopf-h)}
.kopf-logo{display:inline-flex;flex-shrink:0;line-height:0}
.kopf-logo img{height:70px;width:auto;transition:height .25s ease}
.kopf.ist-gescrollt .kopf-logo img{height:56px}
.nav{margin-left:auto;display:flex;align-items:center;gap:22px}
.nav-liste{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0}
.nav-punkt{position:relative}
.nav-link{display:inline-flex;align-items:center;gap:6px;padding:10px 11px;font-weight:700;font-size:1.04rem;letter-spacing:.2px;
  color:var(--navy);text-decoration:none;white-space:nowrap;position:relative}
.nav-link::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:1px;background:var(--rot);transform:scaleX(0);transition:transform .2s ease}
.nav-link:hover,.nav-punkt.aktiv>.nav-zeile>.nav-link,.nav-punkt.aktiv>.nav-link{color:var(--rot)}
.nav-link:hover::after,.nav-punkt.aktiv>.nav-zeile>.nav-link::after,.nav-punkt.aktiv>.nav-link::after{transform:scaleX(1)}
.nav-zeile{display:flex;align-items:center}
.nav-auf{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:-8px;padding:0;border:0;background:none;color:var(--navy);cursor:pointer}
.nav-auf svg{width:13px;height:13px;transition:transform .2s ease}
.nav-unter{position:absolute;top:calc(100% + 8px);left:50%;min-width:260px;margin:0;padding:8px 0;list-style:none;background:#fff;
  border-top:3px solid var(--rot);box-shadow:0 18px 40px rgba(44,58,84,.14);opacity:0;visibility:hidden;transform:translate(-50%,8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s}
.nav-unter::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.nav-punkt:hover>.nav-unter,.nav-punkt.offen>.nav-unter,.nav-punkt:focus-within>.nav-unter{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-punkt:hover .nav-auf svg,.nav-punkt.offen .nav-auf svg{transform:rotate(180deg)}
.nav-unter a{display:block;padding:9px 22px 9px 26px;color:var(--navy);text-decoration:none;font-weight:700;font-size:.98rem;position:relative;transition:background .15s,color .15s,padding .15s}
.nav-unter a::before{content:"";position:absolute;left:12px;top:50%;width:5px;height:1px;background:var(--rot);transition:width .15s}
.nav-unter a:hover,.nav-unter a[aria-current]{background:var(--blau-hell);color:var(--rot);padding-left:30px}
.nav-unter a:hover::before,.nav-unter a[aria-current]::before{width:10px}
.nav-unter .nav-uebersicht{font-family:var(--script);font-size:1.25rem;color:var(--rot);border-bottom:1px solid var(--blau-linie);margin-bottom:4px}
.nav-extra{display:flex;align-items:center;gap:14px;padding-left:20px;border-left:1px solid var(--blau-linie)}
.nav-extra a{color:var(--navy);display:inline-flex;line-height:0;transition:color .15s,transform .15s}
.nav-extra a:hover{color:var(--rot);transform:translateY(-1px)}
.sprache{display:inline-flex;align-items:center;gap:2px;font-weight:700;font-size:.85rem;letter-spacing:1px;line-height:1!important;
  border:1px solid var(--blau-linie);padding:6px 9px;text-decoration:none}
.sprache span{opacity:.45}
.sprache b{color:var(--rot)}
.burger{display:none;margin-left:auto;width:46px;height:46px;border:0;background:none;padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:26px;height:2px;background:var(--navy);transition:transform .2s,opacity .2s}
.kopf.nav-offen .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.kopf.nav-offen .burger span:nth-child(2){opacity:0}
.kopf.nav-offen .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:1180px){
  :root{--kopf-h:76px}
  .kopf-logo img{height:56px}
  .kopf.ist-gescrollt .kopf-logo img{height:50px}
  .burger{display:inline-flex}
  .nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;padding:6px 22px 24px;max-height:calc(100vh - var(--kopf-h));overflow-y:auto;box-shadow:0 18px 30px rgba(44,58,84,.12);border-top:1px solid var(--blau-linie)}
  .kopf.nav-offen .nav{display:flex}
  .nav-liste{flex-direction:column;align-items:stretch;gap:0}
  .nav-punkt{border-bottom:1px solid var(--blau-linie)}
  .nav-zeile{justify-content:space-between}
  .nav-link{padding:15px 2px;font-size:1.15rem}
  .nav-link::after{display:none}
  .nav-auf{width:48px;height:48px;margin:0;border-left:1px solid var(--blau-linie)}
  .nav-auf svg{width:16px;height:16px}
  .nav-unter{position:static;transform:none!important;opacity:1;visibility:visible;display:none;box-shadow:none;border-top:0;background:var(--blau-hell);padding:4px 0 10px;min-width:0}
  .nav-punkt:hover>.nav-unter{display:none}
  .nav-punkt.offen>.nav-unter{display:block}
  .nav-punkt:hover .nav-auf svg{transform:none}
  .nav-punkt.offen .nav-auf svg{transform:rotate(180deg)}
  .nav-extra{border-left:0;padding:18px 0 0;gap:22px}
}
@media (max-width:600px){
  .kopf-inner{padding:8px 16px;gap:12px}
  .kopf-logo img{height:50px}
}

/* ---------- Brotkrumen ---------- */
.krumen{max-width:var(--breite);margin:0 auto;padding:14px 24px 0;font-size:.86rem;letter-spacing:.3px;color:var(--navy-soft)}
.krumen ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.krumen li+li::before{content:"♥";color:var(--rot-zart);font-size:.7rem;margin-right:8px}
.krumen a{color:var(--navy-soft);text-decoration:none}
.krumen a:hover{color:var(--rot)}
.krumen [aria-current]{color:var(--navy);font-weight:700}
.seite-de-only{max-width:var(--breite);margin:10px auto 0;padding:10px 24px;font-size:.92rem;color:var(--navy-soft)}

/* ==========================================================
   BEITRAG
   ========================================================== */
.beitrag{background:
   radial-gradient(1200px 380px at 12% -80px,rgba(90,158,201,.16),transparent 70%),
   radial-gradient(900px 340px at 92% -40px,rgba(216,170,161,.22),transparent 70%),
   var(--papier);padding:0 0 clamp(48px,7vw,90px)}
.beitrag-text{max-width:var(--text);margin:0 auto;padding:0 24px;font-size:clamp(1.08rem,1.2vw,1.18rem);line-height:1.8}
.beitrag-text>:first-child{margin-top:0}
.beitrag-text :where(p){margin:0 0 1.15em}
.beitrag-text :where(h2){font-family:var(--script);color:var(--rot);font-weight:700;font-size:clamp(1.9rem,3.6vw,2.5rem);margin:1.6em 0 .5em}
.beitrag-text :where(h3){font-size:1.3rem;color:var(--navy);margin:1.5em 0 .5em}
.beitrag-text :where(h4){font-size:1.1rem;margin:1.4em 0 .4em}
.beitrag-text :where(ul,ol){padding-left:1.3em;margin:0 0 1.2em}
.beitrag-text :where(li){margin:.3em 0}
.beitrag-text :where(blockquote){margin:1.8em 0;padding:1.1em 1.4em 1.1em 1.6em;border-left:3px solid var(--rot);background:rgba(255,255,255,.7);font-style:italic;font-size:1.12em}
.beitrag-text :where(blockquote p:last-child){margin-bottom:0}
.beitrag-text :where(img){display:block;margin:1.6em auto}
.beitrag-text :where(figure){margin:1.8em 0}
.beitrag-text :where(figcaption){font-size:.9rem;color:var(--navy-soft);text-align:center;margin-top:.5em}
.beitrag-text :where(hr){border:0;text-align:center;margin:2.4em 0;height:auto}
.beitrag-text :where(hr)::before{content:"♥ ♥ ♥";color:var(--rot);letter-spacing:6px}
.beitrag-text :where(pre){white-space:pre-wrap;font-family:var(--serif);font-size:1.05em;background:rgba(255,255,255,.75);padding:1em 1.3em;border-left:3px solid var(--blau)}
.beitrag-text :where(strong){color:var(--navy)}

/* WordPress-Blöcke in alten Beiträgen */
.wp-block-columns{display:flex;flex-wrap:wrap;gap:2em;margin:1.5em 0}
.wp-block-column{flex:1 1 0;min-width:0}
.wp-block-columns.are-vertically-aligned-center{align-items:center}
.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}
@media (max-width:781px){.wp-block-columns{flex-direction:column}.wp-block-column{flex-basis:100%!important}}
.wp-block-media-text{display:grid;grid-template-columns:50% 1fr;gap:1.6em;align-items:center;margin:1.6em 0}
.wp-block-media-text.is-stacked,.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:1fr}
@media (min-width:600px){.wp-block-media-text.is-stacked-on-mobile:not(.is-stacked){grid-template-columns:50% 1fr}}
.wp-block-media-text__media img{width:100%;margin:0}
.wp-block-image{margin:1.6em 0}.wp-block-image img{margin:0 auto}
.has-text-align-center{text-align:center}.aligncenter{margin-left:auto;margin-right:auto;text-align:center}
.has-medium-font-size{font-size:1.125rem}
.wp-block-group.has-background{padding:1.4em 1.6em}
.wp-block-spacer{clear:both}

/* ==========================================================
   BEITRAGS-KARUSSELL (Emmas Originalgestaltung, jetzt statisch)
   ========================================================== */


#en-carousel{
  --enc-white:#ffffff;
  --enc-red:#8a1e1e;
  --enc-red-dark:#6f1717;
  --enc-red-light:#d8aaa1;
  --enc-blue:#5a9ec9;
  --enc-blue-light:#d7e8f3;
  --enc-navy:#2c3a54;
  --enc-muted:#6f7887;
  --enc-script:"Dancing Script",cursive;
  --enc-sans:"Arsenal",Arial,sans-serif;

  width:100%;
  overflow:hidden;
  padding:clamp(3.5rem,7vw,6rem) 0;
  background:var(--enc-white);
  color:var(--enc-navy);
  font-family:var(--enc-sans);
}

#en-carousel,
#en-carousel *,
#en-carousel *::before,
#en-carousel *::after{
  box-sizing:border-box;
}

#en-carousel .enc-inner{
  width:min(calc(100% - 40px),1240px);
  margin-inline:auto;
  text-align:center;
}

/* Zarte Linie mit Herz ueber der Ueberschrift */
#en-carousel .enc-ornament{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.8rem;
  width:min(240px,62vw);
  margin:0 auto .75rem;
  color:var(--enc-red);
}

#en-carousel .enc-ornament span{
  display:block;
  flex:1;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    var(--enc-red-light)
  );
}

#en-carousel .enc-ornament span:last-child{
  background:linear-gradient(
    90deg,
    var(--enc-red-light),
    transparent
  );
}

#en-carousel .enc-ornament b{
  font-family:Arial,sans-serif;
  font-size:.82rem;
  font-weight:400;
  line-height:1;
}

#en-carousel h2{
  margin:0 0 clamp(1.8rem,4vw,3rem);
  color:var(--enc-red);
  font-family:var(--enc-script);
  font-size:clamp(2.6rem,6vw,4.6rem);
  font-weight:700;
  line-height:1.05;
  letter-spacing:0;
  text-transform:none;
}

/* Karussell */
#en-carousel .enc-shell{
  position:relative;
  display:grid;
  grid-template-columns:2.8rem minmax(0,1fr) 2.8rem;
  align-items:center;
  gap:clamp(.35rem,1.2vw,1rem);
}

#en-carousel .enc-viewport{
  min-width:0;
  overflow:hidden;
}

#en-carousel .enc-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(.45rem,1.7vw,1.4rem);
  min-width:0;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .35s ease,transform .35s ease;
}

#en-carousel .enc-row.enc-ready{
  opacity:1;
  transform:none;
}

/* Quadratische Beitragskacheln */
#en-carousel .enc-card{
  position:relative;
  display:flex;
  min-width:0;
  aspect-ratio:1 / 1;
  align-items:stretch;
  justify-content:stretch;
  overflow:hidden;
  color:var(--enc-navy);
  background:var(--enc-white);
  border:1px solid var(--enc-blue);
  text-decoration:none;
  transition:
    color .25s ease,
    background-color .25s ease,
    border-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}

#en-carousel .enc-card::before{
  position:absolute;
  inset:.55rem;
  border:1px solid transparent;
  content:"";
  pointer-events:none;
  transition:border-color .25s ease;
}

#en-carousel .enc-card-inner{
  position:relative;
  z-index:1;
  display:flex;
  width:100%;
  min-width:0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:clamp(.55rem,2vw,1.7rem);
}

#en-carousel .enc-date{
  display:block;
  margin:0 0 clamp(.35rem,1.2vw,.85rem);
  color:var(--enc-muted);
  font-family:var(--enc-sans);
  font-size:clamp(.58rem,1.5vw,.86rem);
  font-weight:400;
  line-height:1.25;
}

#en-carousel .enc-card-title{
  display:-webkit-box;
  max-width:100%;
  margin:0;
  overflow:hidden;
  color:var(--enc-red);
  font-family:var(--enc-script);
  font-size:clamp(.95rem,2.7vw,2rem);
  font-weight:700;
  line-height:1.08;
  overflow-wrap:anywhere;
  text-align:center;
  text-transform:none;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}

#en-carousel .enc-card-arrow{
  display:block;
  margin-top:clamp(.35rem,1.2vw,.9rem);
  color:var(--enc-blue);
  font-family:Arial,sans-serif;
  font-size:clamp(.8rem,1.8vw,1.15rem);
  line-height:1;
  transition:color .25s ease,transform .25s ease;
}

#en-carousel .enc-card:hover,
#en-carousel .enc-card:focus-visible{
  color:var(--enc-white);
  background:var(--enc-red);
  border-color:var(--enc-red);
  box-shadow:0 12px 28px rgba(44,58,84,.13);
  transform:translateY(-4px);
  outline:none;
}

#en-carousel .enc-card:hover::before,
#en-carousel .enc-card:focus-visible::before{
  border-color:rgba(255,255,255,.45);
}

#en-carousel .enc-card:hover .enc-date,
#en-carousel .enc-card:focus-visible .enc-date,
#en-carousel .enc-card:hover .enc-card-title,
#en-carousel .enc-card:focus-visible .enc-card-title,
#en-carousel .enc-card:hover .enc-card-arrow,
#en-carousel .enc-card:focus-visible .enc-card-arrow{
  color:var(--enc-white);
}

#en-carousel .enc-card:hover .enc-card-arrow,
#en-carousel .enc-card:focus-visible .enc-card-arrow{
  transform:translateX(3px);
}

/* Unsichtbarer Platzhalter bei einer unvollstaendigen letzten Gruppe */
#en-carousel .enc-card--empty{
  visibility:hidden;
  pointer-events:none;
}

/* Pfeile */
#en-carousel .enc-arrow{
  display:grid;
  width:2.65rem;
  height:2.65rem;
  margin:0;
  padding:0;
  place-items:center;
  color:var(--enc-red);
  background:var(--enc-white);
  border:1px solid var(--enc-blue);
  border-radius:50%;
  cursor:pointer;
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

#en-carousel .enc-arrow span{
  display:block;
  margin-top:-.08em;
  font-family:Georgia,serif;
  font-size:1.9rem;
  line-height:1;
}

#en-carousel .enc-arrow:hover,
#en-carousel .enc-arrow:focus-visible{
  color:var(--enc-white);
  background:var(--enc-red);
  border-color:var(--enc-red);
  outline:none;
  transform:scale(1.06);
}

#en-carousel .enc-arrow:disabled{
  opacity:.35;
  cursor:default;
  transform:none;
}

/* Navigationspunkte */
#en-carousel .enc-dots{
  display:flex;
  min-height:1rem;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  margin-top:clamp(1.2rem,2.8vw,2rem);
}

#en-carousel .enc-dot{
  width:.58rem;
  height:.58rem;
  margin:0;
  padding:0;
  background:var(--enc-blue-light);
  border:0;
  border-radius:50%;
  cursor:pointer;
  transition:background-color .2s ease,transform .2s ease;
}

#en-carousel .enc-dot:hover,
#en-carousel .enc-dot:focus-visible{
  background:var(--enc-blue);
  outline:2px solid transparent;
  transform:scale(1.2);
}

#en-carousel .enc-dot.is-active{
  background:var(--enc-red);
  transform:scale(1.2);
}

#en-carousel .enc-status,
#en-carousel .enc-noscript{
  margin:1rem 0 0;
  color:var(--enc-muted);
  font-family:var(--enc-sans);
  font-size:.9rem;
}

#en-carousel .enc-status:empty{
  display:none;
}

/* Die drei Kacheln bleiben ausdruecklich auch mobil nebeneinander. */
@media (max-width:600px){
  #en-carousel{
    padding:3.25rem 0;
  }

  #en-carousel .enc-inner{
    width:min(calc(100% - 20px),1240px);
  }

  #en-carousel h2{
    margin-bottom:1.5rem;
    font-size:clamp(2.35rem,12vw,3.2rem);
  }

  #en-carousel .enc-shell{
    grid-template-columns:1.65rem minmax(0,1fr) 1.65rem;
    gap:.2rem;
  }

  #en-carousel .enc-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.35rem;
  }

  #en-carousel .enc-arrow{
    width:1.55rem;
    height:1.55rem;
    border-color:var(--enc-blue-light);
  }

  #en-carousel .enc-arrow span{
    font-size:1.35rem;
  }

  #en-carousel .enc-card::before{
    inset:.25rem;
  }

  #en-carousel .enc-card-inner{
    padding:.38rem .25rem;
  }

  #en-carousel .enc-date{
    margin-bottom:.28rem;
    font-size:clamp(.48rem,2.15vw,.65rem);
  }

  #en-carousel .enc-card-title{
    font-size:clamp(.72rem,3.55vw,1rem);
    line-height:1.04;
    -webkit-line-clamp:4;
  }

  #en-carousel .enc-card-arrow{
    margin-top:.28rem;
    font-size:.72rem;
  }

  #en-carousel .enc-dots{
    gap:.42rem;
    margin-top:1.1rem;
  }

  #en-carousel .enc-dot{
    width:.48rem;
    height:.48rem;
  }
}

@media (prefers-reduced-motion:reduce){
  #en-carousel .enc-row,
  #en-carousel .enc-card,
  #en-carousel .enc-card-arrow,
  #en-carousel .enc-arrow,
  #en-carousel .enc-dot{
    scroll-behavior:auto;
    transition:none;
  }
}

#en-carousel.auf-papier{background:transparent}
#en-carousel .enc-card[hidden]{display:none}

/* ---------- YouTube 2-Klick ---------- */
.en-yt-facade{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;
  background:linear-gradient(135deg,#2c3a54,#5a9ec9);color:#fff}
.en-yt-facade__btn{display:inline-flex;align-items:center;gap:12px;padding:14px 24px;background:#fff;color:var(--rot);border:0;font:700 1.05rem var(--serif);cursor:pointer}
.en-yt-facade__play{font-size:1.1rem}
.en-yt-facade__hint{margin:0;max-width:440px;font-size:.85rem;line-height:1.5;opacity:.9}
.en-yt-facade__hint a{color:#fff}
.en-yt-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
:where(.en-yt__video){position:relative;aspect-ratio:16/9}

/* ==========================================================
   FOOTER
   ========================================================== */
.fuss{background:var(--blau-hell);border-top:3px solid var(--rot);color:var(--navy);line-height:1.55;position:relative}
.fuss-welle{display:block;width:100%;height:28px;color:var(--blau-hell);position:absolute;top:-30px;left:0}
.fuss-inner{max-width:1600px;margin:0 auto;padding:52px 24px 0}
.fuss-oben{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}
.fuss-marke img{height:72px;width:auto;margin-bottom:14px;mix-blend-mode:multiply}
.fuss-marke p{margin:0;color:var(--navy-soft);max-width:34ch}
.fuss-zitat{font-family:var(--script);font-size:1.45rem;color:var(--rot);margin-top:14px!important;line-height:1.25}
.fuss h2{font-size:1.05rem;color:var(--rot);margin:0 0 14px;letter-spacing:.3px}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss li{margin-bottom:9px}
.fuss a{color:var(--navy);text-decoration:none;transition:color .15s}
.fuss a:hover{color:var(--rot)}
.fuss-social{display:flex;gap:16px;margin-bottom:14px}
.fuss-social a{display:inline-flex}
.fuss-unten{border-top:1px solid rgba(90,158,201,.35);padding:18px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.92rem}
.fuss-copy{color:var(--navy-soft)}
.fuss-recht{display:flex;gap:20px;flex-wrap:wrap}
.herz{color:var(--rot)}
@media (max-width:980px){.fuss-oben{grid-template-columns:1fr 1fr}.fuss-marke{grid-column:1/-1}}
@media (max-width:600px){
  .fuss-oben{grid-template-columns:1fr;text-align:center;gap:26px}
  .fuss-marke img{margin-left:auto;margin-right:auto}.fuss-marke p{margin-left:auto;margin-right:auto}
  .fuss ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}.fuss li{margin:0}
  .fuss-social{justify-content:center}
  .fuss-unten{flex-direction:column;text-align:center}.fuss-recht{justify-content:center}
}

/* ---------- Nach oben ---------- */
.nach-oben{position:fixed;right:18px;bottom:18px;z-index:900;width:48px;height:54px;border:0;padding:0;background:var(--rosa);color:#111;cursor:pointer;
  box-shadow:0 4px 14px rgba(44,58,84,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.9;font-size:.82rem;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,background .15s}
.nach-oben.sichtbar{opacity:1;visibility:visible;transform:none}
.nach-oben:hover{background:#f6dcda}

/* ---------- 404 ---------- */
.fehlerseite{min-height:60vh;display:grid;place-items:center;text-align:center;padding:60px 24px;background:var(--papier)}
.fehlerseite h1{font-family:var(--script);color:var(--rot);font-size:clamp(3rem,8vw,5.5rem);margin:0 0 10px}
.fehlerseite p{max-width:520px;margin:0 auto 24px;font-size:1.15rem}

/* ==========================================================
   TYPO-REGEL – gilt auf allen Seiten gleich (DE + EN)
   Fließtext 15 px (Handy 14) · Einleitung 17 px (16) · Klein 13 px · Label 11 px
   Akzent/Zitat 26 px · H1 64 px · H2 42 px · H3 28 px · H4 17 px
   Überschriften H1–H3 immer in Dancing Script, Dachzeilen immer Versalien
   (auf dem Handy jeweils etwas kleiner)
   ========================================================== */
:root{
  --t-body:clamp(.875rem,.8rem + .25vw,1rem);
  --t-lead:clamp(1rem,.95rem + .25vw,1.0625rem);
  --t-small:.8125rem;
  --t-label:.6875rem;
  --t-accent:clamp(1.25rem,1.1rem + .7vw,1.625rem);
  --t-h1:clamp(2.25rem,1.5rem + 3.2vw,4rem);
  --t-h2:clamp(1.75rem,1.35rem + 1.6vw,2.625rem);
  --t-h3:clamp(1.375rem,1.2rem + .6vw,1.75rem);
  --t-h4:1.0625rem;
}
#inhalt#inhalt :is(p,li,dd,dt,td,th):not(:where(#en-carousel *, .krumen *)){font-size:var(--t-body)!important;line-height:1.7!important;font-family:var(--serif)!important}
#inhalt#inhalt h1:not(:where(#en-carousel *)){font-size:var(--t-h1)!important}
#inhalt#inhalt :is(h2,p[class*="display"],p[class*="-head"],p.en-orte-head){font-size:var(--t-h2)!important}
#inhalt#inhalt :is(h3,p.info-name):not(:where(#en-carousel *)){font-size:var(--t-h3)!important}
#inhalt#inhalt h4{font-size:var(--t-h4)!important}
#inhalt#inhalt :is(p,li)[class*="lead"],#inhalt#inhalt :is(p,li)[class*="sub"],#inhalt#inhalt p[class*="hero-line"],#inhalt#inhalt p[class*="schluss"],#inhalt#inhalt p.intro{font-size:var(--t-lead)!important;line-height:1.6!important}
#inhalt#inhalt :is(figcaption,small),#inhalt#inhalt :is(p,li,a)[class*="note"],#inhalt#inhalt :is(p,li)[class*="hint"],#inhalt#inhalt :is(p,li)[class*="credit"],
#inhalt#inhalt :is(p,li)[class*="date"],#inhalt#inhalt :is(p,li)[class*="datum"],#inhalt#inhalt :is(p,li)[class*="excerpt"],#inhalt#inhalt :is(p,li)[class*="desc"],
#inhalt#inhalt :is(p,a)[class*="maps"],#inhalt#inhalt p.bildhinweis,#inhalt#inhalt :is(p,li)[class*="-sv"]{font-size:var(--t-small)!important;line-height:1.55!important}
#inhalt#inhalt :is(p,li,a)[class*="eyebrow"],#inhalt#inhalt :is(p,li)[class*="kicker"],#inhalt#inhalt :is(p,li)[class*="label"],#inhalt#inhalt :is(p,li)[class*="badge"],
#inhalt#inhalt :is(p,li)[class*="status"],#inhalt#inhalt .beitrag-rubrik,#inhalt#inhalt p.schloss{font-size:var(--t-label)!important;line-height:1.4!important}
#inhalt#inhalt :is(blockquote,blockquote p),#inhalt#inhalt p[class*="quote"],#inhalt#inhalt p[class*="zitat"],#inhalt#inhalt p.betont,#inhalt#inhalt p.sign,
#inhalt#inhalt p.hand,#inhalt#inhalt p[class*="script"]:not([class*="display"]){font-size:var(--t-accent)!important;line-height:1.35!important}
/* Text in Beiträgen folgt derselben Regel */
.beitrag-text{font-size:var(--t-body)}
.beitrag-titel{font-size:var(--t-h1)}

/* Überschriften immer in Schreibschrift */
#inhalt#inhalt :is(h1,h2,h3,p[class*="display"],p[class*="-head"],p.en-orte-head,p.info-name):not(:where(.krumen *)){
  font-family:var(--script)!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;
  line-height:1.15!important;font-style:normal!important}
.fuss h2{font-family:var(--serif)}
/* Dachzeilen (Eyebrows) einheitlich */
#inhalt#inhalt :is(p,span,div)[class*="eyebrow"],#inhalt#inhalt :is(p,span)[class*="kicker"]{
  font-family:var(--serif)!important;font-style:normal!important;font-weight:700!important;text-transform:uppercase!important;
  letter-spacing:.18em!important;font-size:var(--t-label)!important;line-height:1.4!important}
/* Kopfzeile deckend weiß (Logo-Kasten verschwindet) */
.kopf{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
/* Nach-oben-Knopf dezenter */
.nach-oben{width:40px;height:46px;font-size:.72rem;opacity:.0}
.nach-oben.sichtbar{opacity:.85}

/* Geschützte Tagebuch-Kacheln: nach dem Codewort aufflippen */
@keyframes tk-flip-in{from{transform:perspective(1200px) rotateY(90deg);opacity:0}to{transform:none;opacity:1}}
#tk21nf-1 .article:not([hidden]){animation:tk-flip-in .55s ease both}
@media (prefers-reduced-motion:reduce){#tk21nf-1 .article:not([hidden]){animation:none}}

/* ==========================================================
   BEITRAGSSEITE
   ========================================================== */
.lesefortschritt{position:fixed;top:0;left:0;right:0;height:3px;z-index:1100;pointer-events:none}
.lesefortschritt span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--rot),#c0605a);transform-origin:0 50%;transform:scaleX(0)}
.beitrag-held{max-width:1120px;margin:0 auto;padding:clamp(20px,4vw,56px) 24px clamp(28px,5vw,64px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.beitrag-held.ohne-bild{grid-template-columns:1fr;text-align:center}
.beitrag-held-text{min-width:0}
.beitrag-rubrik{display:inline-block;margin:0 0 16px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--rot);text-decoration:none;border-bottom:1px solid var(--rot-zart);padding-bottom:4px}
.beitrag-titel{margin:0;color:var(--rot)}
.beitrag-meta{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--navy-soft)}
.beitrag-held.ohne-bild .beitrag-meta{justify-content:center}
.beitrag-meta span+span::before{content:"·";margin-right:14px;color:var(--rot-zart)}
.beitrag-herzen{margin:18px 0 0;color:var(--rot);letter-spacing:.5em;font-size:.8rem}
.beitrag-polaroid{position:relative;margin:0;background:#fff;padding:14px 14px 46px;box-shadow:0 2px 3px rgba(44,58,84,.06),0 24px 50px rgba(44,58,84,.16);transform:rotate(1.6deg);justify-self:center;max-width:520px;width:100%}
.beitrag-polaroid img{display:block;width:100%;height:auto}
.beitrag-polaroid .tape{position:absolute;top:-14px;left:50%;width:120px;height:30px;transform:translateX(-50%) rotate(-3deg);background:rgba(244,236,214,.85);box-shadow:0 1px 3px rgba(0,0,0,.08)}
@media (max-width:860px){
  .beitrag-held{grid-template-columns:1fr;text-align:center;gap:34px}
  .beitrag-meta{justify-content:center}
  .beitrag-polaroid{max-width:360px;transform:rotate(1.2deg);padding:10px 10px 34px}
}
.beitrag-text{position:relative;background:#fff;max-width:760px;padding:clamp(28px,5vw,64px) clamp(20px,5vw,72px);box-shadow:0 1px 2px rgba(44,58,84,.05),0 14px 40px rgba(44,58,84,.07)}
@media (max-width:800px){.beitrag-text{margin:0 12px}}
.beitrag-text :where(h2)::before{content:"♥";display:block;font-family:Georgia,serif;font-size:.8rem;color:var(--rot-zart);margin-bottom:.5em;letter-spacing:0}
.beitrag-text :where(h2){text-align:center}
.beitrag-text p.mit-initiale::first-letter{float:left;font-family:var(--script);font-weight:700;color:var(--rot);font-size:3.6em;line-height:.8;margin:.08em .12em 0 0}
.beitrag-text :where(img){box-shadow:0 10px 28px rgba(44,58,84,.12)}
.beitrag-text :where(blockquote){position:relative;border-left:0;background:var(--papier);text-align:center;padding:1.6em 1.6em 1.2em}
.beitrag-text :where(blockquote)::before{content:"“";position:absolute;top:-.15em;left:50%;transform:translateX(-50%);font-family:var(--script);font-size:4em;color:var(--rot-zart);line-height:1}
.beitrag-ende{text-align:center;color:var(--rot);margin:2.4em 0 0!important}
/* Autorin */
.autorin{max-width:760px;margin:clamp(36px,6vw,60px) auto 0;padding:0 24px}
.autorin-karte{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center;padding:26px 28px;
  background:radial-gradient(400px 160px at 0% 0%,rgba(90,158,201,.18),transparent 70%),radial-gradient(400px 160px at 100% 100%,rgba(216,170,161,.25),transparent 70%),#fff;border:1px solid var(--blau-linie)}
.autorin img{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 5px #fff,0 0 0 6px var(--rot-zart)}
.autorin-name{font-family:var(--script)!important;font-size:1.9rem!important;color:var(--rot);margin:0;line-height:1!important}
.autorin-text{margin:.4em 0 .7em}
.autorin-link{font-weight:700;text-decoration:none}
@media (max-width:520px){.autorin-karte{grid-template-columns:1fr;text-align:center;justify-items:center}}
/* Vor / Zurück */
.blaettern{max-width:760px;margin:22px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.blatt{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:10px;background:#fff;border:1px solid var(--blau-linie);text-decoration:none;color:var(--navy);transition:border-color .2s,transform .2s}
.blatt:hover{border-color:var(--rot);transform:translateY(-2px);color:var(--navy)}
.blatt img{width:64px;height:64px;object-fit:cover}
.blatt small{display:block;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rot);font-weight:700;margin-bottom:2px}
.blatt-titel{font-family:var(--script);font-size:1.25rem;line-height:1.1;color:var(--rot)}
.blatt.weiter{grid-column:2;grid-template-columns:1fr 64px;text-align:right}
.blatt.weiter img{order:2}
@media (max-width:560px){.blaettern{grid-template-columns:1fr}.blatt.weiter{grid-column:1}}
/* Orte als Bildkacheln */
#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:1100px;margin:22px auto 0;padding:0;flex-wrap:initial}
#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster) a.ort-kachel{position:relative;display:block!important;aspect-ratio:4/3;overflow:hidden;padding:0!important;margin:0!important;border:0!important;border-radius:0;background:var(--blau-hell);
  color:#fff!important;text-decoration:none;box-shadow:0 6px 18px rgba(44,58,84,.12);transition:transform .25s ease,box-shadow .25s ease}
#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster) a.ort-kachel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(28,36,54,.72));border:0}
#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster) a.ort-kachel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;margin:0}
#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster) a.ort-kachel span{position:absolute;left:12px;right:10px;bottom:9px;z-index:1;font-family:var(--script)!important;font-weight:700;font-size:1.35rem!important;line-height:1.1;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}
#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster) a.ort-kachel:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(44,58,84,.2)}
#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster) a.ort-kachel:hover img{transform:scale(1.06)}
@media (max-width:560px){#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster){grid-template-columns:1fr 1fr;gap:10px}}

/* ==========================================================
   TAGEBUCH (Heilung erleben)
   ========================================================== */
.tb-leiste{max-width:1200px;margin:clamp(30px,5vw,56px) auto 22px;padding:0 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}
#inhalt#inhalt .tb-intro{margin:0;font-family:var(--script)!important;font-size:var(--t-h3)!important;color:var(--rot);line-height:1.2!important}
.tb-schalter{display:inline-flex;border:1px solid var(--rot-zart);background:#fff}
.tb-schalter button{border:0;background:none;padding:9px 16px;font:700 .8rem var(--serif);letter-spacing:.08em;color:var(--navy);cursor:pointer}
.tb-schalter button[aria-pressed="true"]{background:var(--rot);color:#fff}
.tb-start{font-weight:700;font-size:.85rem;color:var(--rot);text-decoration:none;border-bottom:1px solid var(--rot-zart)}
.tagebuch{max-width:1200px;margin:0 auto;padding:clamp(26px,4vw,48px) clamp(16px,3vw,40px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,4vw,54px) clamp(22px,3vw,40px);
  background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(90,158,201,.13) 31px 32px),var(--papier);position:relative}
.tagebuch::before{content:"";position:absolute;top:0;bottom:0;left:clamp(8px,1.6vw,22px);width:1px;background:rgba(138,30,30,.25)}
.tb-eintrag{position:relative;order:calc(100 - var(--nr));background:#fff;padding:12px 12px 16px;box-shadow:0 2px 3px rgba(44,58,84,.05),0 16px 36px rgba(44,58,84,.12);transition:transform .3s ease;min-width:0}
.tagebuch.alt .tb-eintrag{order:var(--nr)}
.tb-eintrag.tb-links{transform:rotate(-.6deg)}.tb-eintrag.tb-rechts{transform:rotate(.6deg)}
.tb-eintrag:hover{transform:none}
.tb-eintrag::before{content:"";position:absolute;top:-12px;left:50%;width:110px;height:26px;transform:translateX(-50%) rotate(-2deg);background:rgba(244,214,214,.8);box-shadow:0 1px 2px rgba(0,0,0,.06);z-index:3}
.tb-eintrag.tb-rechts::before{background:rgba(214,230,244,.85);transform:translateX(-50%) rotate(2deg)}
#inhalt#inhalt .tb-kopf{display:flex;align-items:baseline;gap:10px;margin:4px 4px 10px;font-size:var(--t-small)!important;line-height:1.3!important}
.tb-nr{font-family:var(--script);font-weight:700;font-size:1.45rem;color:var(--rot)}
.tb-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--rosa);color:var(--rot);padding:3px 8px}
.tb-schloss{margin-left:auto;font-size:.95rem}
/* geöffneter Eintrag nimmt die ganze Breite ein */
.tb-eintrag:has([id$="-v"][style*="display: none"]),.tb-eintrag:has(.cover[hidden]){grid-column:1/-1;transform:none}
@media (max-width:820px){.tagebuch{grid-template-columns:1fr}.tagebuch::before{display:none}.tb-leiste{justify-content:center;text-align:center}}

/* Tagebuch-Kacheln: einheitliches Deckblatt (Titel, Codewort-Feld, Knöpfe) */
#inhalt#inhalt .tb-eintrag :is([id$="-overlay"],.cover .overlay){background:linear-gradient(180deg,rgba(251,236,235,.30),rgba(251,236,235,.80))!important;opacity:1!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) h2{font-family:var(--script)!important;font-weight:700!important;font-size:clamp(2rem,1.6rem + 1.6vw,2.75rem)!important;
  color:#7a1f2b!important;text-shadow:0 1px 14px rgba(255,255,255,.85)!important;line-height:1.1!important;margin:0 0 .4em!important;letter-spacing:0!important;text-transform:none!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) :is(.kicker,.datum,.schloss,label){font-family:var(--serif)!important;font-size:.72rem!important;font-weight:700!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;color:#7a1f2b!important;margin:0 0 .7em!important;font-style:normal!important;line-height:1.4!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) input[type=password]{display:block;width:min(240px,100%)!important;margin:0 auto 10px!important;padding:10px 14px!important;
  border:1px solid rgba(138,30,30,.35)!important;border-radius:0!important;background:rgba(255,255,255,.92)!important;font:1rem var(--serif)!important;color:var(--navy)!important;text-align:center!important;letter-spacing:.05em!important;box-shadow:none!important}
#inhalt#inhalt .tb-eintrag :is(button[id$="-unlock"],button[id$="-oeffnen-btn"],.gate button[type=submit]){display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  min-width:160px;padding:11px 26px!important;background:var(--rot)!important;color:#fff!important;border:0!important;border-radius:0!important;
  font:700 .75rem var(--serif)!important;letter-spacing:.16em!important;text-transform:uppercase!important;cursor:pointer;box-shadow:0 6px 16px rgba(138,30,30,.25)!important;transition:background .2s,transform .2s!important}
#inhalt#inhalt .tb-eintrag :is(button[id$="-unlock"],button[id$="-oeffnen-btn"],.gate button[type=submit]):hover{background:var(--rot-dunkel)!important;transform:translateY(-1px)}
#inhalt#inhalt .tb-eintrag :is([id$="-err"],.cover .message){font:italic .85rem var(--serif)!important;color:#7a1f2b!important;margin-top:8px!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner){padding:48px 24px!important}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover){min-height:340px!important}

/* Hinweise auf der Tagebuch-Seite zum Ausklappen */
#inhalt#inhalt details.hinweis-klapp>summary{display:flex!important;width:100%!important;align-items:center;gap:10px;cursor:pointer;list-style:none;margin:0!important}
#inhalt#inhalt details.hinweis-klapp>summary::-webkit-details-marker{display:none}
#inhalt#inhalt details.hinweis-klapp>summary::after{content:"+";margin-left:auto;font:400 1.3rem/1 Georgia,serif;color:var(--rot)}
#inhalt#inhalt details.hinweis-klapp[open]>summary::after{content:"–"}
#inhalt#inhalt details.hinweis-klapp>p{margin-top:12px!important}
#inhalt#inhalt details.hinweis-klapp:not([open]){padding-top:14px!important;padding-bottom:14px!important}

/* Tagebuch-Kacheln: Bild klar, Titel auf einem weißen Etikett statt Farbverlauf */
#inhalt#inhalt .tb-eintrag :is([id$="-overlay"],.cover .overlay){background:none!important;opacity:0!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner){background:rgba(255,255,255,.93)!important;max-width:min(86%,400px)!important;margin:auto!important;
  padding:26px 26px 24px!important;box-shadow:0 10px 30px rgba(44,58,84,.22)!important;position:relative;z-index:2}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner)::before{content:"";position:absolute;inset:6px;border:1px solid rgba(138,30,30,.18);pointer-events:none}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) h2{text-shadow:none!important;font-size:clamp(1.8rem,1.4rem + 1.4vw,2.4rem)!important}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover){display:flex;align-items:center;justify-content:center}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover)[style*="display: none"]{display:none!important}
#inhalt#inhalt .tb-eintrag .cover[hidden]{display:none!important}

/* Hauptmenü: ganze Zeile klickbar */
.nav-zeile .nav-link{flex:1}
@media (max-width:1180px){.nav-link{display:flex;width:100%}.nav-unter a{width:100%}}

/* ==========================================================
   TAGEBUCH – geöffnete Einträge (Rückseite) einheitlich
   ========================================================== */
#inhalt#inhalt .tb-eintrag [data-tk-eintrag]{background:transparent!important;font-family:var(--serif)!important}
#inhalt#inhalt .tb-eintrag :is([id$="-h"],.article){background:#fff!important;color:var(--navy)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner){padding:clamp(22px,4vw,48px) clamp(16px,4vw,56px)!important;text-align:left!important;background:transparent!important;max-width:760px;margin:0 auto!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner) h3{font-family:var(--script)!important;color:var(--rot)!important;font-size:var(--t-h2)!important;
  text-align:center!important;margin:0 0 .8em!important;line-height:1.15!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner) h4{font-family:var(--script)!important;color:var(--rot)!important;font-size:clamp(1.4rem,1.2rem + .6vw,1.75rem)!important;
  font-weight:700!important;margin:1.6em 0 .5em!important;text-transform:none!important;letter-spacing:0!important;line-height:1.2!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner) :is(p,li){color:var(--navy)!important;text-align:left!important;margin:0 0 1em!important;font-style:normal}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner) p.betont{font-family:var(--script)!important;color:var(--rot)!important;font-size:var(--t-accent)!important;line-height:1.3!important;text-align:center!important;margin:1.2em 0!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner) p.kurz{font-weight:700!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner) figure{margin:1.6em auto!important;background:#fff!important;padding:10px 10px 12px!important;box-shadow:0 10px 28px rgba(44,58,84,.14)!important;border:0!important;border-radius:0!important;max-width:100%}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner) figure img{display:block;width:100%!important;height:auto!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner) figcaption{font:italic var(--t-small) var(--serif)!important;color:var(--navy-soft)!important;text-align:center!important;margin-top:8px!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hinweis"],[id$="-cw"]){background:var(--rosa)!important;border:0!important;border-left:3px solid var(--rot)!important;border-radius:0!important;padding:14px 18px!important;margin:0 0 1.6em!important;color:var(--navy)!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hinweis"],[id$="-cw"]) .label{display:block;font:700 var(--t-label) var(--serif)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--rot)!important;margin-bottom:6px!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hinweis"],[id$="-cw"]) p{margin:0!important}
#inhalt#inhalt .tb-eintrag [id$="-g"]{background:linear-gradient(180deg,rgba(255,255,255,0),#fff 85%)!important}
#inhalt#inhalt .tb-eintrag :is(button[id$="-z"],button[id$="-m"],.article .back){display:inline-flex!important;align-items:center;justify-content:center;margin:1.4em auto 0!important;padding:10px 24px!important;
  background:#fff!important;color:var(--rot)!important;border:1px solid var(--rot)!important;border-radius:0!important;box-shadow:none!important;
  font:700 .75rem var(--serif)!important;letter-spacing:.16em!important;text-transform:uppercase!important;cursor:pointer;transition:background .2s,color .2s!important}
#inhalt#inhalt .tb-eintrag :is(button[id$="-z"],button[id$="-m"],.article .back):hover{background:var(--rot)!important;color:#fff!important}

/* Deckblatt-Etikett nur ganz dezent */
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner){background:rgba(255,255,255,.22)!important;box-shadow:none!important;
  -webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner)::before{border-color:rgba(255,255,255,.55)}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) h2{text-shadow:0 0 18px rgba(255,255,255,.95),0 0 4px rgba(255,255,255,.9)!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) :is(.kicker,.datum,.schloss,label){text-shadow:0 0 8px rgba(255,255,255,.95)}
/* Hinweise in den einzelnen Einträgen ausblenden – es gibt sie oben zum Ausklappen */
#inhalt#inhalt .tb-eintrag :is([id$="-hinweis"],[id$="-cw"]){display:none!important}

/* ==========================================================
   Deckblätter v3: keine Fläche, Schrift je nach Bildhelligkeit,
   dezenter Lesen-Link, Codewort als feine Linie
   ========================================================== */
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner){background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;max-width:min(90%,440px)!important;padding:24px 16px!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner)::before{display:none!important}
/* Farben */
.tb-eintrag.cover-dunkel{--cv-text:#fff;--cv-glow:0 1px 3px rgba(0,0,0,.55),0 0 22px rgba(0,0,0,.45);--cv-linie:rgba(255,255,255,.75)}
.tb-eintrag.cover-hell{--cv-text:#5e1717;--cv-glow:0 0 16px rgba(255,255,255,.95),0 0 3px rgba(255,255,255,.9);--cv-linie:rgba(94,23,23,.6)}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) h2{color:var(--cv-text)!important;text-shadow:var(--cv-glow)!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) :is(.kicker,.datum,.schloss,label){color:var(--cv-text)!important;text-shadow:var(--cv-glow)!important;opacity:.9}
/* Codewort: nur eine feine Linie */
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) input[type=password]{width:min(200px,100%)!important;background:transparent!important;border:0!important;
  border-bottom:1px solid var(--cv-linie)!important;padding:6px 4px!important;color:var(--cv-text)!important;text-shadow:var(--cv-glow);font:1rem var(--serif)!important;letter-spacing:.12em!important;margin:4px auto 12px!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) input[type=password]::placeholder{color:var(--cv-text);opacity:.75}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) input[type=password]:focus{outline:none;border-bottom-width:2px!important}
/* Lesen / Öffnen: dezenter Text-Link */
#inhalt#inhalt .tb-eintrag :is(button[id$="-unlock"],button[id$="-oeffnen-btn"],.gate button[type=submit]){background:none!important;box-shadow:none!important;min-width:0!important;
  padding:6px 2px 4px!important;color:var(--cv-text)!important;text-shadow:var(--cv-glow)!important;border:0!important;border-bottom:1px solid var(--cv-linie)!important;
  font:700 .72rem var(--serif)!important;letter-spacing:.22em!important}
#inhalt#inhalt .tb-eintrag :is(button[id$="-unlock"],button[id$="-oeffnen-btn"],.gate button[type=submit]):hover{background:none!important;transform:none!important;border-bottom-width:2px!important}
#inhalt#inhalt .tb-eintrag :is([id$="-err"],.cover .message){color:var(--cv-text)!important;text-shadow:var(--cv-glow)!important}

/* ==========================================================
   Tagebuch: ein Codewort-Feld oben, Kacheln komplett klickbar
   ========================================================== */
.tb-freischalten{max-width:1200px;margin:0 auto 26px;padding:0 24px}
.tb-freischalten>div{background:#fff;border:1px solid var(--rot-zart);border-left:4px solid var(--rot);padding:20px 24px;box-shadow:0 8px 24px rgba(44,58,84,.08)}
.tb-freischalten .tbf-offen{display:none;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;border-left-color:#5a9ec9;padding:12px 20px}
.tb-freischalten.ist-frei .tbf-zu{display:none}
.tb-freischalten.ist-frei .tbf-offen{display:flex}
#inhalt#inhalt .tbf-titel{margin:0!important;font-family:var(--script)!important;font-weight:700!important;font-size:var(--t-h3)!important;color:var(--rot);line-height:1.2!important}
#inhalt#inhalt .tbf-offen .tbf-titel{font-size:1.35rem!important;color:var(--navy)}
#inhalt#inhalt .tbf-text{margin:6px 0 14px!important}
.tbf-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tbf-form input{flex:1 1 220px;max-width:320px;padding:10px 4px;border:0;border-bottom:1px solid var(--rot);background:transparent;font:1rem var(--serif);letter-spacing:.1em;color:var(--navy)}
.tbf-form input:focus{outline:none;border-bottom-width:2px}
.tbf-form button{padding:11px 24px;background:var(--rot);color:#fff;border:0;font:700 .75rem var(--serif);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.tbf-form button:hover{background:var(--rot-dunkel)}
.tbf-form button:disabled{opacity:.6}
#inhalt#inhalt .tbf-meldung{margin:8px 0 0!important;font-style:italic;color:var(--rot);min-height:1em}
.tbf-sperren{background:none;border:0;border-bottom:1px solid var(--navy-soft);padding:2px 0;font:.8rem var(--serif);color:var(--navy-soft);cursor:pointer}
@keyframes tbf-blink{0%,100%{box-shadow:0 8px 24px rgba(44,58,84,.08)}40%{box-shadow:0 0 0 6px rgba(138,30,30,.25)}}
.tb-freischalten.blinkt .tbf-zu{animation:tbf-blink .9s ease 2}
/* Kacheln: keine Knöpfe/Felder mehr, das ganze Bild öffnet */
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) :is(form,input,button,label,.schloss,[id$="-gate"],[id$="-err"],.message,[id$="-oeffnen"]){display:none!important}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover){cursor:pointer}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover) img{transition:transform .6s ease}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover):hover img{transform:scale(1.03)}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover):focus-visible{outline:3px solid var(--blau);outline-offset:3px}
/* Hinweis auf gesperrten Kacheln */
.tagebuch:not(.ist-frei) .tb-geschuetzt :is([id$="-vi"],.cover-inner)::after{content:"🔒 Codewort oben eingeben";display:block;margin-top:10px;
  font:700 .7rem var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--cv-text);text-shadow:var(--cv-glow)}

/* ==========================================================
   Tagebuch-Kacheln als Polaroid: Bild oben, Titel darunter
   ========================================================== */
.tb-eintrag{--cv-text:var(--rot);--cv-glow:none;--cv-linie:var(--rot-zart)}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover){display:block!important;position:relative!important;min-height:0!important;height:auto!important;
  background:#fff!important;border-radius:0!important;overflow:hidden;padding:0!important}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover)>img{position:static!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;inset:auto!important;border-radius:0!important}
#inhalt#inhalt .tb-eintrag :is([id$="-overlay"],.cover .overlay){display:none!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner){position:static!important;max-width:none!important;margin:0!important;padding:18px 12px 8px!important;text-align:center!important;background:#fff!important;transform:none!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) h2{color:var(--rot)!important;text-shadow:none!important;margin:0!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) :is(.kicker,.datum){color:var(--navy-soft)!important;text-shadow:none!important;margin:0 0 6px!important}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover)[style*="display: none"],#inhalt#inhalt .tb-eintrag .cover[hidden]{display:none!important}
.tagebuch:not(.ist-frei) .tb-geschuetzt :is([id$="-vi"],.cover-inner)::after{color:var(--navy-soft)!important}

/* Polaroid-Feinschliff */
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover)>img{transform:none!important;aspect-ratio:4/3!important;object-fit:cover!important;max-height:none!important}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover):hover>img{transform:scale(1.03)!important}
#inhalt#inhalt .tb-eintrag :is([id$="-v"],.cover){max-height:none!important}
.tagebuch{align-items:start}
/* Geöffnete Einträge: zartes Rosé wie früher, Zwischenüberschriften geschwungen */
#inhalt#inhalt .tb-eintrag :is([id$="-h"],.article){background:var(--rosa)!important}
#inhalt#inhalt .tb-eintrag [id$="-g"]{background:linear-gradient(180deg,rgba(251,236,235,0),var(--rosa) 85%)!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner) :is(h4,h5,h6){font-family:var(--script)!important;color:var(--rot)!important;font-weight:700!important;
  font-size:clamp(1.45rem,1.25rem + .6vw,1.8rem)!important;text-transform:none!important;letter-spacing:0!important;line-height:1.2!important;text-align:center!important;margin:1.8em 0 .6em!important}
#inhalt#inhalt .tb-eintrag :is([id$="-hi"],.article .inner) :is(h4,h5,h6)::before{content:"♥";display:block;font:400 .75rem Georgia,serif;color:var(--rot-zart);margin-bottom:.4em}
#inhalt#inhalt .tb-eintrag :is(button[id$="-z"],button[id$="-m"],.article .back){background:transparent!important}
#inhalt#inhalt .tb-eintrag :is(button[id$="-z"],button[id$="-m"],.article .back):hover{background:var(--rot)!important}

/* Deckblatt: zarte Dachzeile und dezenter Codewort-Hinweis, nichts verschwommen */
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) .kicker{font-family:var(--serif)!important;font-weight:400!important;font-size:.7rem!important;letter-spacing:.2em!important;
  text-transform:uppercase!important;color:var(--navy-soft)!important;text-shadow:none!important;opacity:1!important;margin:0 0 4px!important;font-style:normal!important}
#inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) :is(h2,.kicker,label,.schloss){text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}
.tagebuch:not(.ist-frei) .tb-geschuetzt :is([id$="-vi"],.cover-inner)::after{content:"Codewort zum Lesen oben eingeben"!important;font:400 .78rem var(--serif)!important;letter-spacing:.04em!important;
  text-transform:none!important;font-style:italic!important;color:var(--navy-soft)!important;text-shadow:none!important;margin-top:6px!important}
.tagebuch,.tagebuch *{overflow-anchor:none}

/* ==========================================================
   ORDNUNG: nur zwei Breiten (breit 1200 px, Text 760 px)
   und einheitliche, randabfallende Hero-Bilder
   ========================================================== */
:root{--w-breit:1200px;--w-text:760px;--hero-h:clamp(340px,42vw,560px)}
html,body{overflow-x:clip}

/* breite, transparente Rahmen: Inhalt exakt 1200 px, am Handy 24 px Rand */
#inhalt#inhalt :is(.krumen,.en-inner,.en-wrap:not(.en-narrow),.ensw-wrap,.room-inner,.en-shop-inner,.enn-latest,.beitrag-held,.tb-leiste,.tb-freischalten,
  #enOrte,.en-cards,.en-feature,.en-kunst-banner,.en-ort .wrap,#orteWrap,.en-mailwrap,#en-selbst,.en-scenes,.kachel-raster,.orte-nav,.en-orte-nav,.en-tiles,
  #sw-page .wrap,.sm-wrap,.fsk-wrap,.en-center,.en-btns,.ensw-grid,.ensw-cards,.ensw-topic-grid,.ensw-feature,.ensw-seo-links,.ensw-btns,.ensw-center,.enn-latest__grid,#enn-featured){
  width:min(100% - 48px,var(--w-breit))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
#inhalt#inhalt :is(.krumen,.en-inner,.en-wrap:not(.en-narrow),.ensw-wrap,.room-inner,.en-shop-inner,.enn-latest,.beitrag-held,.tb-leiste,.tb-freischalten,
  #enOrte,.en-ort .wrap,#orteWrap,.en-mailwrap,#en-selbst,#sw-page .wrap){padding-left:0!important;padding-right:0!important}
/* verschachtelt: einfach die volle Breite des äußeren Rahmens */
#inhalt#inhalt :is(.en-inner,.en-wrap,.ensw-wrap,.room-inner,.en-shop-inner,.enn-latest,#enOrte,.en-ort .wrap,#orteWrap,.en-mailwrap,#en-selbst,#sw-page .wrap,.en-band,.en-karte,.sm-wrap,.fsk-wrap)
  :is(.en-inner,.en-wrap:not(.en-narrow),.ensw-wrap,.room-inner,.en-shop-inner,#enOrte,.en-cards,.en-feature,.en-kunst-banner,.en-ort .wrap,.kachel-raster,.orte-nav,.en-orte-nav,.en-tiles,
  .en-scenes,#sw-page .wrap,.en-center,.en-btns,.ensw-grid,.ensw-cards,.ensw-topic-grid,.ensw-feature,.ensw-seo-links,.ensw-btns,.ensw-center,.enn-latest__grid,#enn-featured){width:100%!important}
/* Kästen mit Hintergrund: gleiche Außenbreite, Innenabstand bleibt */
#inhalt#inhalt :is(.en-band,.en-box,.en-karte,.more,.tagebuch){width:min(100% - 48px,var(--w-breit))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
#inhalt#inhalt :is(.en-wrap,.room-inner,.en-inner) :is(.en-box,.more,.en-band){width:100%!important}
/* Seiten-Hüllen nicht begrenzen, Bänder laufen über die volle Breite */
#inhalt#inhalt #sw-page{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
#inhalt#inhalt :is(main#en-home,main#en-ueber){max-width:none!important;width:min(100% - 48px,var(--w-breit))!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}
#inhalt#inhalt :is(main#en-home,main#en-ueber) .en-band{width:100%!important}
#inhalt#inhalt .ensw-sec{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}

/* Text-Spalte: 760 px */
#inhalt#inhalt :is(.en-narrow,.en-lead,.en-intro,.en-story,.en-quote,.en-quote-box,.ensw-lead,.ensw-quote,.room-head,.en-shop-note,.en-shop-sub,
  .en-shop-info,.en-shop-steps,.en-topic-head,#en-themen-title,.autorin,.blaettern,.hinweis-klapp,.en-yt__inner,.en-formular,.en-facts,.en-orte-head,#en-story-h,.en-yt__title){
  width:min(100% - 48px,var(--w-text))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
#inhalt#inhalt :is(.en-wrap,.ensw-wrap,.room-inner,.en-shop-inner,.en-inner,.en-band,.en-box,.en-hero-inner,.tb-leiste) :is(.en-narrow,.en-lead,.en-intro,.en-story,.en-quote,.en-quote-box,.ensw-lead,.ensw-quote,
  .room-head,.en-shop-note,.en-shop-sub,.en-shop-info,.en-shop-steps,.en-topic-head,#en-themen-title,.hinweis-klapp,.en-yt__inner,.en-formular,.en-facts,.en-orte-head,#en-story-h,.en-yt__title){width:min(100%,var(--w-text))!important}
#inhalt#inhalt .blaettern,#inhalt#inhalt .autorin{padding-left:0!important;padding-right:0!important}

/* Hero: immer randabfallend und überall gleich hoch */
#inhalt#inhalt :is(.en-hero,.ensw-hero-sec,.en-ort>.hero,header.hero){width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  height:var(--hero-h)!important;min-height:var(--hero-h)!important;border-radius:0!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important}
#inhalt#inhalt .ensw-hero-sec :is(.ensw-wrap,.ensw-hero){width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;border-radius:0!important}
#inhalt#inhalt :is(.en-hero-img,.en-hero-bg,.ensw-hero-img,.hero-img){width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
#inhalt#inhalt .en-hero-block{max-width:none!important;padding:0!important}

/* ==========================================================
   Tagebuch: drei Spalten, kompakte Codewort-Zeile, deutlichere Sortierung
   ========================================================== */
@media (min-width:1100px){.tagebuch{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #inhalt#inhalt .tb-eintrag :is([id$="-vi"],.cover-inner) h2{font-size:clamp(1.5rem,1.1rem + .9vw,2rem)!important}}
@media (min-width:821px) and (max-width:1099px){.tagebuch{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.tb-leiste{margin-bottom:14px!important;row-gap:12px}
.tb-schalter{display:inline-flex;align-items:center;gap:0;border:2px solid var(--rot)!important;background:#fff;box-shadow:0 6px 18px rgba(138,30,30,.14)}
.tb-schalter-label{padding:0 12px 0 16px;font:italic 1rem var(--serif);color:var(--navy-soft)}
.tb-schalter button{padding:12px 20px!important;font:700 .95rem var(--serif)!important;letter-spacing:.03em!important;color:var(--rot)!important;background:#fff;transition:background .2s,color .2s}
.tb-schalter button+button{border-left:1px solid var(--rot-zart)!important}
.tb-schalter button[aria-pressed="true"]{background:var(--rot)!important;color:#fff!important}
.tb-schalter button:not([aria-pressed="true"]):hover{background:var(--rosa)}
.tb-freischalten{margin-bottom:22px!important}
.tb-freischalten .tbf-zu{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 16px!important;border-left-width:3px!important;box-shadow:none!important}
#inhalt#inhalt .tbf-zu .tbf-titel{flex:1 1 320px;font-family:var(--serif)!important;font-weight:400!important;font-size:.95rem!important;color:var(--navy)!important;line-height:1.4!important}
#inhalt#inhalt .tbf-zu .tbf-titel b{color:var(--rot)}
.tbf-zu .tbf-form{flex:0 1 auto;gap:8px;flex-wrap:nowrap!important}
.tbf-zu .tbf-form input{flex:0 1 200px;padding:7px 4px;font-size:.95rem}
.tbf-zu .tbf-form button{padding:8px 16px;font-size:.7rem}
#inhalt#inhalt .tbf-zu .tbf-meldung{flex-basis:100%;margin:0!important;min-height:0}
#inhalt#inhalt .tbf-zu .tbf-meldung:empty{display:none}
#inhalt#inhalt .tbf-offen .tbf-titel{font-size:1.05rem!important}
.tb-freischalten .tbf-offen{padding:8px 16px!important}
@media (max-width:820px){.tb-schalter{width:100%}.tb-schalter-label{display:none}.tb-schalter button{flex:1;padding:11px 8px!important;font-size:.88rem!important}}

/* ==========================================================
   Beitrags-Karussell: kleinere Kacheln, mehr nebeneinander
   ========================================================== */
#en-carousel .enc-row{grid-template-columns:repeat(var(--enc-n,3),minmax(0,1fr))!important}
#en-carousel .enc-inner{width:min(100% - 48px,calc(var(--w-breit) + 7.6rem))!important}
#en-carousel .enc-card{aspect-ratio:4/5!important}
#en-carousel .enc-card-title{font-size:clamp(1.05rem,.8rem + .7vw,1.5rem)!important;-webkit-line-clamp:4}
#en-carousel .enc-date{font-size:.8rem!important}
#en-carousel .enc-card-inner{padding:1rem .8rem!important}
@media (max-width:559px){#en-carousel .enc-card{aspect-ratio:1/1!important}#en-carousel .enc-card-title{font-size:1.15rem!important}}
#inhalt#inhalt #sm-weather .sm-wrap,#inhalt#inhalt #fs-kalender .fsk-wrap{width:min(100% - 48px,var(--w-breit))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
#inhalt#inhalt :is(main#en-home,main#en-ueber,.en-typisch,.en-kontakt,.en-fika,.en-ort,#en-selbst,#en-heilung,#sw-page){overflow:visible!important}

#inhalt#inhalt #sw-page>.ensw-hero-sec{margin-left:0!important;margin-right:0!important;width:100%!important}
#inhalt#inhalt #sw-page>.ensw-hero-sec>.ensw-wrap{width:100%!important;max-width:none!important;margin:0!important;height:100%!important}
#inhalt#inhalt #sw-page>.ensw-hero-sec{transform:none!important;left:auto!important;position:relative!important}
#inhalt#inhalt #sm-weather .sm-wrap,#inhalt#inhalt #fs-kalender .fsk-wrap{width:min(100%,var(--w-breit))!important}
#inhalt#inhalt :is(.en-inner,.en-wrap,.en-mailwrap) .en-karte{width:100%!important}

/* ==========================================================
   EINHEITLICHE AUSRICHTUNG
   Abschnittsköpfe (Dachzeile, Überschrift, kurzer Einleitungssatz, Knöpfe) mittig,
   alles in Kästen und Karten linksbündig, lange Texte zweispaltig
   ========================================================== */
#inhalt#inhalt :is(.en-wrap,.en-center,.wrap,.ensw-wrap,.ensw-center,.gallery-panel,.en-inner,.en-back,.en-orte,section,.en-topic-head,.room-head,.en-intro,.en-story,.en-narrow)>:is(h2,.en-kicker,.eyebrow,.ensw-kicker,.ensw-eyebrow,.kicker,.en-h2,.ensw-h2){
  text-align:center!important;margin-left:auto!important;margin-right:auto!important}
#inhalt#inhalt :is(.en-wrap,.en-center,.wrap,.ensw-wrap,.ensw-center,.gallery-panel,.en-inner,.en-back,.en-orte,section,.en-topic-head,.room-head,.en-intro,.en-story,.en-narrow)>:is(.en-lead,.lead,.ensw-lead,.gallery-intro,.en-scenes-intro,.en-orte-sub,.maps-note,.en-back-text,.en-scenes-note,.en-credit){
  text-align:center!important;width:min(100%,var(--w-text))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
#inhalt#inhalt :is(.en-wrap,.en-center,.wrap,.ensw-wrap,.ensw-center,.en-inner,.en-back,section,.en-intro,.en-story)>:is(.en-btns,.ensw-btns){justify-content:center!important;text-align:center!important}
#inhalt#inhalt :is(.card,.note,.postcard,.en-feature,.ensw-feature,.en-card,.ensw-topic,.en-box,.board,.info,.en-kunst-copy) :is(h2,h3,p,.eyebrow,.en-kicker){text-align:left!important}
#inhalt#inhalt :is(.en-card,.ensw-topic) :is(h3,p){text-align:center!important}
#inhalt#inhalt .en-kunst-copy{width:100%!important;padding-left:0!important;padding-right:0!important}
#inhalt#inhalt .en-kunst-copy :is(h2,p,.en-kicker){margin-left:0!important;margin-right:0!important;max-width:none!important}

/* lange Fließtexte: links, auf großen Bildschirmen zweispaltig */
#inhalt#inhalt .text-spalten{width:min(100% - 48px,var(--w-breit));margin:0 auto 1.2em;text-align:left}
#inhalt#inhalt :is(.en-wrap,.wrap,.ensw-wrap,.en-inner,.en-band,.en-story,.en-narrow,.en-intro,.ensw-center,.en-center,section) .text-spalten{width:100%}
#inhalt#inhalt .text-spalten>p{text-align:left!important;width:auto!important;max-width:none!important;margin:0 0 1em!important}
@media (min-width:1000px){
  #inhalt#inhalt .text-spalten{columns:2;column-gap:56px;column-rule:1px solid rgba(138,30,30,.12)}
  #inhalt#inhalt .text-spalten>p{orphans:3;widows:3}
  #inhalt#inhalt :is(.en-narrow,.en-intro,.en-story,.en-lead):has(>.text-spalten){width:min(100% - 48px,var(--w-breit))!important}
}

/* ==========================================================
   FOTO-GALERIEN (Typisch schwedisch, Städte, Schwedentraum):
   gleich große Kacheln, kleiner, Klick vergrößert
   ========================================================== */
#inhalt#inhalt :is(.gallery,.en-scenes,.en-strip,.ensw-grid){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
  gap:12px!important;column-count:auto!important;columns:auto!important;margin-left:auto!important;margin-right:auto!important}
#inhalt#inhalt :is(.gallery,.en-scenes,.en-strip,.ensw-grid)>:is(figure,.ensw-tile){margin:0!important;aspect-ratio:4/3!important;overflow:hidden;cursor:zoom-in;flex:0 0 180px!important;
  height:auto!important;width:180px!important;background:#eee;box-shadow:0 1px 2px rgba(44,58,84,.06),0 8px 20px rgba(44,58,84,.10)}
#inhalt#inhalt :is(.gallery,.en-scenes,.en-strip,.ensw-grid)>:is(figure,.ensw-tile) img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;transition:transform .5s ease}
#inhalt#inhalt :is(.gallery,.en-scenes,.en-strip,.ensw-grid)>:is(figure,.ensw-tile):hover img{transform:scale(1.04)}
#inhalt#inhalt :is(.gallery,.en-scenes,.en-strip,.ensw-grid) figcaption{display:none}
@media (max-width:600px){#inhalt#inhalt :is(.gallery,.en-scenes,.en-strip,.ensw-grid){gap:8px!important}#inhalt#inhalt :is(.gallery,.en-scenes,.en-strip,.ensw-grid)>:is(figure,.ensw-tile){flex:0 0 calc(50% - 4px)!important;width:calc(50% - 4px)!important}}
/* Großansicht */
.bild-lb{position:fixed;inset:0;z-index:1000;background:rgba(20,26,40,.92);display:none;align-items:center;justify-content:center;padding:4vh 4vw}
.bild-lb.offen{display:flex}
.bild-lb img{max-width:100%;max-height:88vh;box-shadow:0 20px 60px rgba(0,0,0,.4);background:#fff}
.bild-lb button{position:absolute;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;width:48px;height:48px;border-radius:50%;font:1.6rem/1 Georgia,serif;cursor:pointer}
.bild-lb button:hover{background:rgba(255,255,255,.25)}
.bild-lb .lb-zu{top:18px;right:18px}.bild-lb .lb-zurueck{left:18px;top:50%;transform:translateY(-50%)}.bild-lb .lb-vor{right:18px;top:50%;transform:translateY(-50%)}

/* ==========================================================
   KUNST-GALERIE: wie in einer Galerie – gleich große Werke im Passepartout
   ========================================================== */
#rooms .lead{display:none!important}
#rooms .room-inner{width:min(100% - 48px,var(--w-breit))!important;max-width:none!important}
#rooms .room{padding-left:0!important;padding-right:0!important}
#rooms .grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:30px 26px!important;align-items:start!important}
#rooms .g-item{grid-row-end:auto!important;background:var(--mat,#fff)!important;padding:12px 12px 0!important;overflow:visible!important;
  box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 30px rgba(20,14,30,.14);transition:transform .3s ease,box-shadow .3s ease;cursor:zoom-in}
#rooms .g-item:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(0,0,0,.08),0 18px 40px rgba(20,14,30,.2)}
#rooms .g-item::after{display:none!important}
#rooms .g-item img{aspect-ratio:4/5;width:100%!important;height:auto!important;object-fit:cover;transform:none!important}
#rooms .g-item figcaption{position:static!important;opacity:1!important;transform:none!important;color:#5b6b82!important;background:none!important;
  padding:10px 2px 12px!important;font:italic .8rem/1.4 var(--serif)!important;text-align:center;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em}
#rooms .g-item .num{display:none!important}
#rooms .g-rest{display:none!important}
#rooms .grid.open .g-rest{display:block!important}
#rooms .room.tone-dark .g-item figcaption{color:#5b6b82!important}
@media (max-width:1000px){#rooms .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:640px){#rooms .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}#rooms .g-item{padding:8px 8px 0!important}}

/* ==========================================================
   HEILUNG: Hinweise nebeneinander auf Weiß, eine Steuerzeile
   ========================================================== */
#inhalt#inhalt .hinweis-paar{width:min(100% - 48px,var(--w-breit));margin:26px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
#inhalt#inhalt .hinweis-paar details.hinweis-klapp{width:auto!important;margin:0!important;background:#fff!important;border:1px solid var(--linie,#d8e6f0)!important;border-left:3px solid var(--rot)!important;box-shadow:none!important}
#inhalt#inhalt .hinweis-paar details.en-persoenlich{border-left-color:var(--navy)!important}
@media (max-width:760px){#inhalt#inhalt .hinweis-paar{grid-template-columns:1fr}}
.tb-leiste{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:22px auto 16px!important}
.tb-leiste .tb-freischalten{width:auto!important;margin:0!important;padding:0!important;flex:0 1 auto}
.tb-leiste .tb-freischalten>div{border:0!important;box-shadow:none!important;padding:0!important;background:none!important}
.tb-leiste .tbf-zu{display:block!important}
.tb-leiste .tbf-form{display:flex!important;align-items:center;gap:10px;flex-wrap:nowrap!important}
#inhalt#inhalt .tb-leiste .tbf-titel{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;font:400 .92rem var(--serif)!important;color:var(--navy)!important;white-space:nowrap}
#inhalt#inhalt .tb-leiste .tbf-titel b{color:var(--navy)}
.tb-schloss-svg{color:var(--navy);flex:none;vertical-align:-2px}
.tb-leiste .tbf-form input{flex:0 0 190px!important;max-width:190px!important;padding:9px 12px!important;border:1px solid rgba(44,58,84,.3)!important;background:#fff!important;font-size:.92rem!important;letter-spacing:.04em}
.tb-leiste .tbf-form input:focus{border-color:var(--navy)!important;outline:none}
.tb-leiste .tbf-form button{padding:10px 18px!important;background:var(--navy)!important;font-size:.72rem!important}
.tb-leiste .tbf-form button:hover{background:var(--rot)!important}
#inhalt#inhalt .tb-leiste .tbf-meldung{position:absolute;margin-top:4px!important;font-size:.85rem}
.tb-leiste .tbf-offen{display:none;align-items:center;gap:14px}
.tb-freischalten.ist-frei .tbf-offen{display:flex!important}
.tb-schloss .tb-schloss-svg{width:14px;height:14px}
#inhalt#inhalt .tagebuch>.tb-intro{grid-column:1/-1;order:-999;margin:0 0 4px!important;text-align:center;font-family:var(--script)!important;font-size:var(--t-h3)!important;color:var(--rot)!important}
@media (max-width:820px){
  .tb-leiste{flex-direction:column;align-items:stretch}
  .tb-leiste .tbf-form{flex-wrap:wrap!important}
  .tb-leiste .tbf-form input{flex:1 1 140px!important;max-width:none!important}
  #inhalt#inhalt .tb-leiste .tbf-titel{width:100%}
}

/* ==========================================================
   FUSSZEILE: eine aufgeräumte Zeile, linksbündig
   ========================================================== */
.fuss-inner{max-width:none!important;width:min(100% - 48px,var(--w-breit));padding:30px 0 0!important}
.fuss-oben{display:flex!important;align-items:center;gap:20px 40px;flex-wrap:wrap;padding-bottom:22px!important;text-align:left!important}
.fuss-logo img{height:54px;width:auto;mix-blend-mode:multiply;display:block}
.fuss-nav{display:flex;flex-wrap:wrap;gap:6px 22px;flex:1}
.fuss-nav a{font-weight:700;font-size:.95rem}
.fuss-social{margin:0!important;justify-content:flex-start!important}
.fuss-unten{padding:14px 0 22px!important;font-size:.85rem!important;flex-direction:row!important;text-align:left!important;justify-content:space-between!important}
.fuss-recht{justify-content:flex-start!important}
@media (max-width:700px){.fuss-oben{flex-direction:column;align-items:flex-start}.fuss-unten{flex-direction:column!important;align-items:flex-start!important}}

/* ==========================================================
   BEITRAGS-KACHELN: klein und quadratisch
   ========================================================== */
#en-carousel .enc-card{aspect-ratio:1/1!important}
#en-carousel .enc-card-title{font-size:clamp(.95rem,.75rem + .45vw,1.2rem)!important;-webkit-line-clamp:4}
#en-carousel .enc-date{font-size:.72rem!important;margin-bottom:.4rem!important}
#en-carousel .enc-card-inner{padding:.7rem .6rem!important}
#en-carousel .enc-card-arrow{margin-top:.3rem!important}
@media (max-width:559px){#en-carousel .enc-card-title{font-size:1rem!important}}
#inhalt#inhalt#inhalt#inhalt .tb-leiste .tb-freischalten{width:auto!important;margin:0!important;flex:0 1 auto}
#inhalt#inhalt .tb-leiste .tbf-form{width:auto!important}
#inhalt#inhalt#inhalt#inhalt .hinweis-paar details.hinweis-klapp{width:auto!important;margin:0!important}
#inhalt#inhalt .wrap>.maps-btn{display:table!important;margin-left:auto!important;margin-right:auto!important}
#rooms .g-item figcaption{padding:0!important;margin:9px 2px 11px!important;height:2.8em!important;min-height:0!important;line-height:1.4!important}

#inhalt#inhalt#inhalt .en-kunst-copy{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
/* Bildkacheln (Orte / Typisch schwedisch): gleich groß, Reihe immer mittig */
#inhalt#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important}
#inhalt#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster)>.ort-kachel{flex:0 0 180px!important;width:180px!important;max-width:none!important}
@media (max-width:560px){#inhalt#inhalt#inhalt :is(.orte-nav,.en-orte-nav,.kachel-raster)>.ort-kachel{flex:0 0 calc(50% - 6px)!important;width:calc(50% - 6px)!important}}
/* kurze Texte unter mittigen Überschriften ebenfalls mittig */
#inhalt#inhalt :is(.en-narrow,.en-wrap,.ensw-wrap,.ensw-center,.en-center,.en-intro,.en-story,.room-head)>:is(p,.en-flip-hint):not(.text-spalten p){text-align:center!important}
#inhalt#inhalt :is(.en-narrow,.en-wrap,.ensw-wrap,.ensw-center,.en-center,.en-intro,.en-story)>p{margin-left:auto!important;margin-right:auto!important;max-width:var(--w-text)!important}

/* ==========================================================
   FEINSCHLIFF SCHRIFTBILD & ABSTÄNDE
   ========================================================== */
#inhalt#inhalt :is(p,li){hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:7 3 3;text-wrap:pretty;overflow-wrap:break-word}
#inhalt#inhalt :is(h1,h2,h3){text-wrap:balance;hyphens:manual}
html[lang="en"] #inhalt#inhalt :is(p,li){hyphens:manual}

/* „Meine Kunst“: links Titel, rechts Text und Knopf */
@media (min-width:860px){
  #inhalt#inhalt .en-kunst-copy{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);column-gap:48px;align-items:start}
  #inhalt#inhalt .en-kunst-copy>.en-num{grid-column:1;grid-row:1}
  #inhalt#inhalt .en-kunst-copy>h2{grid-column:1;grid-row:2;margin-top:4px!important}
  #inhalt#inhalt .en-kunst-copy>p{grid-column:2;grid-row:1 / span 2;margin:0!important;align-self:center}
  #inhalt#inhalt .en-kunst-copy>p+p{grid-row:3;margin-top:14px!important}
}
#inhalt#inhalt .en-kunst-copy #en-kunst-h{width:auto!important;text-align:left!important;margin-left:0!important}

/* Stadtseiten: Einstieg wie im Magazin – links Aufmacher, rechts Text */
#inhalt#inhalt section.intro .wrap{width:min(100% - 48px,var(--w-breit))!important}
@media (min-width:860px){
  #inhalt#inhalt section.intro .wrap{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);column-gap:56px;align-items:start}
  #inhalt#inhalt section.intro .wrap>.eyebrow{grid-column:1;text-align:left!important;margin:0 0 10px!important}
  #inhalt#inhalt section.intro .wrap>.lead{grid-column:1;text-align:left!important;width:auto!important;margin:0!important;
    font-family:var(--script)!important;font-weight:700!important;font-size:clamp(1.5rem,1.1rem + 1vw,2.05rem)!important;line-height:1.25!important;color:var(--rot)!important}
  #inhalt#inhalt section.intro .wrap>.intro-text{grid-column:2;grid-row:1 / span 3}
  #inhalt#inhalt section.intro .intro-text>p{margin:0 0 1em!important;max-width:none!important;text-align:left!important}
}
@media (max-width:859px){#inhalt#inhalt section.intro .wrap>:is(.eyebrow,.lead){text-align:center!important}#inhalt#inhalt section.intro .intro-text>p{text-align:left!important;max-width:none!important}}

/* Tagebuch: umgedreht = gleich ganz lesen, kein „Weiterlesen“ */
#inhalt#inhalt .tb-eintrag [data-tk-text],#inhalt#inhalt .tb-eintrag [id$="-t"]{max-height:none!important;overflow:visible!important}
#inhalt#inhalt .tb-eintrag :is([id$="-g"],button[id$="-m"]){display:none!important}
#inhalt#inhalt#inhalt .tb-eintrag :is([id^="tk"][id$="-m"],[id^="tk"][id$="-g"]){display:none!important}

/* ==========================================================
   UPDATE OKTOBER 2026
   ========================================================== */
/* Fließtext am Handy 15 px statt 14 px (Computer unverändert 16 px) */
:root{--t-body:clamp(.9375rem,.8rem + .25vw,1rem)}

/* Sprachwahl am Handy direkt im Kopf neben dem Menü */
.sprache-mobil{display:none!important}
@media (max-width:1180px){
  .sprache-mobil{display:inline-flex!important;margin-left:auto;padding:8px 10px;font-size:.8rem}
  .sprache-mobil+.burger{margin-left:4px}
  .nav-extra .sprache:not(.sprache-mobil){display:none}
}

/* Pfad (Brotkrumen) hell oben links im Hero */
#inhalt#inhalt :is(.en-hero,.ensw-hero-sec,.hero){position:relative}
#inhalt#inhalt .krumen.krumen-im-hero{position:absolute!important;top:clamp(12px,2vw,20px);left:0;right:0;z-index:5;padding:0!important;
  width:min(100% - 48px,var(--w-breit))!important;margin:0 auto!important;text-align:left!important;color:rgba(255,255,255,.85);
  font-size:.8rem;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 12px rgba(0,0,0,.25);pointer-events:none}
#inhalt#inhalt .krumen-im-hero ol{justify-content:flex-start}
#inhalt#inhalt .krumen-im-hero :is(a,[aria-current]){color:#fff;pointer-events:auto}
#inhalt#inhalt .krumen-im-hero a{opacity:.85}
#inhalt#inhalt .krumen-im-hero a:hover{opacity:1;color:#fff;text-decoration:underline}
#inhalt#inhalt .krumen-im-hero li+li::before{color:rgba(255,255,255,.75)}
#inhalt#inhalt .krumen-im-hero :is(li,a,span){font-family:var(--serif)!important;font-size:inherit!important;line-height:1.4!important;text-align:left!important}
@media (max-width:600px){#inhalt#inhalt .krumen.krumen-im-hero{font-size:.74rem;width:calc(100% - 32px)!important}}
#inhalt#inhalt .krumen.krumen-im-hero::before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);width:100vw;top:calc(-1 * clamp(12px,2vw,20px));height:64px;
  background:linear-gradient(180deg,rgba(20,26,40,.32),rgba(20,26,40,0));pointer-events:none}
/* Hero-Inhalt rutscht etwas nach unten, damit der Pfad frei bleibt */
#inhalt#inhalt :is(.en-hero,.en-ort>.hero,header.hero){padding-top:42px!important}
#inhalt#inhalt .ensw-hero-sec .ensw-hero{padding-top:42px!important;box-sizing:border-box!important}

/* Kunst-Galerie: Bilder ohne Rahmen und ohne Unterschrift – Titel erst in der Großansicht */
#rooms .g-item{background:none!important;padding:0!important;box-shadow:none!important;border:0!important}
#rooms .g-item:hover{transform:none!important;box-shadow:none!important}
#rooms .g-item img{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s ease!important}
#rooms .g-item:hover img{transform:scale(1.025)!important;filter:brightness(1.04)}
#rooms .g-item figcaption{display:none!important}
#rooms .grid{gap:18px!important}
@media (max-width:640px){#rooms .grid{gap:10px!important}}
.lb .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;max-width:90vw}
.lb .lb-fig img{max-width:90vw!important;max-height:80vh!important;width:auto;height:auto;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.lb .lb-cap{margin-top:14px;max-width:min(640px,86vw);text-align:center;color:rgba(255,255,255,.72);font:italic .9rem/1.45 var(--serif);letter-spacing:.01em}
.lb .lb-cap small{display:block;margin-top:4px;font:400 .72rem var(--serif);letter-spacing:.14em;color:rgba(255,255,255,.45);font-style:normal}
@media (max-width:640px){.lb{padding:1rem!important}.lb .lb-nav{top:auto!important;bottom:1rem;transform:none!important}.lb .lb-fig img{max-height:70vh!important}}

/* Bild-Karussell (alle Foto-Strecken): 3 Bilder nebeneinander, am Handy 1 Bild mit Blick aufs nächste */
.bk{position:relative;width:min(100% - 48px,var(--w-breit));margin:26px auto 0}
#inhalt#inhalt :is(.en-wrap,.wrap,.ensw-wrap,.en-inner,.room-inner,.gallery-panel,.en-band,section .wrap) .bk{width:100%}
#inhalt#inhalt#inhalt .bk>:is(.gallery,.en-scenes,.en-strip,.ensw-grid){--bk-gap:14px;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:var(--bk-gap)!important;
  width:100%!important;max-width:none!important;margin:0!important;padding:4px 0 16px!important;overflow-x:auto!important;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#inhalt#inhalt#inhalt .bk>:is(.gallery,.en-scenes,.en-strip,.ensw-grid)::-webkit-scrollbar{display:none}
#inhalt#inhalt#inhalt .bk>:is(.gallery,.en-scenes,.en-strip,.ensw-grid):focus-visible{outline:2px solid var(--blau);outline-offset:4px}
#inhalt#inhalt#inhalt .bk>:is(.gallery,.en-scenes,.en-strip,.ensw-grid)>:is(figure,.ensw-tile,div){flex:0 0 calc((100% - 2 * var(--bk-gap)) / 3)!important;width:auto!important;max-width:none!important;
  aspect-ratio:4/3!important;height:auto!important;margin:0!important;scroll-snap-align:start;overflow:hidden;cursor:zoom-in;background:var(--blau-hell);
  box-shadow:0 1px 2px rgba(44,58,84,.06),0 10px 24px rgba(44,58,84,.10);border-radius:0!important;padding:0!important;transform:none!important}
#inhalt#inhalt#inhalt .bk>*>:is(figure,.ensw-tile,div) img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;margin:0!important;border:0!important;border-radius:0!important;transition:transform .6s ease}
#inhalt#inhalt#inhalt .bk>*>:is(figure,.ensw-tile,div):hover img{transform:scale(1.04)}
#inhalt#inhalt#inhalt .bk figcaption{display:none!important}
.bk-passt>:is(.gallery,.en-scenes,.en-strip,.ensw-grid){justify-content:center!important}
.bk-pfeil{position:absolute;top:calc(50% - 14px);transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--rot-zart);
  background:rgba(255,255,255,.95);color:var(--rot);font:1.7rem/1 Georgia,serif;padding:0 0 3px;cursor:pointer;box-shadow:0 6px 16px rgba(44,58,84,.16);transition:opacity .2s,background .2s,color .2s}
.bk-pfeil:hover{background:var(--rot);color:#fff;border-color:var(--rot)}
.bk-pfeil:disabled{opacity:0;pointer-events:none}
.bk-zurueck{left:-22px}.bk-vor{right:-22px}
.bk-passt .bk-pfeil{display:none}
#inhalt#inhalt .bk-zahl{margin:2px 0 0!important;text-align:center!important;font:700 .72rem var(--serif)!important;letter-spacing:.16em!important;color:var(--navy-soft)!important;min-height:1em;line-height:1.4!important}
@media (max-width:700px){
  #inhalt#inhalt#inhalt .bk>:is(.gallery,.en-scenes,.en-strip,.ensw-grid){--bk-gap:10px;scroll-padding-left:0}
  #inhalt#inhalt#inhalt .bk>:is(.gallery,.en-scenes,.en-strip,.ensw-grid)>:is(figure,.ensw-tile,div){flex-basis:84%!important}
  .bk{width:calc(100% - 32px)}
  .bk-pfeil{width:38px;height:38px;font-size:1.45rem}
  .bk-zurueck{left:6px}.bk-vor{right:6px}
}
/* Großansicht (alle Foto-Strecken): Bildtitel dezent darunter, über der Kopfzeile */
.bild-lb{z-index:1200!important}
.lb{z-index:1200!important}
.bild-lb .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%}
.bild-lb .lb-fig img{max-width:100%;max-height:80vh}
.bild-lb .lb-cap{margin-top:12px;max-width:min(640px,86vw);text-align:center;color:rgba(255,255,255,.72);font:italic .9rem/1.45 var(--serif)}
.bild-lb .lb-cap small{display:block;margin-top:4px;font:400 .72rem var(--serif);letter-spacing:.14em;color:rgba(255,255,255,.45);font-style:normal}
.bild-lb .lb-cap span:empty{display:none}
@media (max-width:640px){.bild-lb{padding:1rem}.bild-lb :is(.lb-zurueck,.lb-vor){top:auto!important;bottom:1rem;transform:none!important}.bild-lb .lb-fig img{max-height:70vh}}
#inhalt#inhalt#inhalt .bk.bk-passt>:is(.gallery,.en-scenes,.en-strip,.ensw-grid){justify-content:center!important}
/* Englisches Tagebuch: Hinweis statt Codewort-Feld */
#inhalt#inhalt .tb-nur-de{margin:0!important;font-size:var(--t-small)!important;font-style:italic;color:var(--navy-soft);max-width:460px;line-height:1.5!important}
#inhalt#inhalt .tb-nur-de a{color:var(--rot)}
/* Überschrift direkt über einem Bild-Karussell immer mittig */
#inhalt#inhalt :is(h2,h3):has(+ :is(.bk,.en-strip,.gallery,.en-scenes,.ensw-grid)){text-align:center!important;margin-left:auto!important;margin-right:auto!important}

/* Menü kompakter: Orte und Typisch schwedisch zweispaltig, Gruppen-Label */
.nav-gruppe{grid-column:1/-1;padding:8px 22px 2px 26px;font:700 .68rem var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--navy-soft)}
@media (min-width:1181px){
  .nav-unter.nav-unter--orte{display:grid;grid-template-columns:1fr 1fr;min-width:430px;column-gap:4px}
  .nav-unter.nav-unter--zwei{display:grid;grid-template-columns:1fr 1fr;min-width:360px;column-gap:4px}
  :is(.nav-unter--orte,.nav-unter--zwei)>li:has(.nav-uebersicht){grid-column:1/-1}
  :is(.nav-unter--orte,.nav-unter--zwei) a{white-space:nowrap}
  .nav-link{padding-left:9px;padding-right:9px}
  .nav-link::after{left:9px;right:9px}
  .nav{gap:16px}.nav-extra{gap:12px;padding-left:16px}
}
@media (max-width:1180px){
  .kopf.nav-offen .nav-punkt.offen>.nav-unter:is(.nav-unter--orte,.nav-unter--zwei){display:grid;grid-template-columns:1fr 1fr}
  :is(.nav-unter--orte,.nav-unter--zwei)>li:has(.nav-uebersicht){grid-column:1/-1}
  :is(.nav-unter--orte,.nav-unter--zwei) a:not(.nav-uebersicht){padding:8px 10px 8px 22px;font-size:.95rem}
  :is(.nav-unter--orte,.nav-unter--zwei) a:not(.nav-uebersicht)::before{left:10px}
  .nav-unter a:hover,.nav-unter a[aria-current]{padding-left:26px}
}
/* mittlere Bildschirme: Social-Icons nur im Fuß, damit das Menü in eine Zeile passt */
@media (min-width:1181px) and (max-width:1399px){.nav-extra a:not(.sprache){display:none}.nav-extra{border-left:0;padding-left:4px}}
@media (min-width:1181px) and (max-width:1299px){.kopf-inner{gap:12px}.nav-link{padding-left:7px;padding-right:7px;font-size:1rem}.nav-link::after{left:7px;right:7px}}

/* ==========================================================
   EINE BREITE FÜR ALLES (16.10.2026)
   Jeder Block läuft 1200 px breit (Rand 24 px). Längere Texte
   stehen in zwei Spalten (.text-spalten), kurze Einleitungssätze
   bleiben mittig unter ihrer Überschrift. Beiträge und
   Tagebucheinträge bekommen rechts eine mitlaufende Seitenspalte.
   ========================================================== */

/* 1. Ehemals schmale Blöcke auf volle Breite */
#inhalt#inhalt :is(.en-narrow,.en-intro,.en-story,.en-quote,.en-quote-box,.ensw-quote,.room-head,.en-shop-info,.en-shop-steps,.en-topic-head,#en-themen-title,.hinweis-klapp,.en-yt__inner,.en-facts,.en-orte-head,#en-story-h,.en-yt__title),
#inhalt#inhalt :is(.en-wrap,.ensw-wrap,.room-inner,.en-shop-inner,.en-inner,.en-band,.en-box,.tb-leiste) :is(.en-narrow,.en-intro,.en-story,.en-quote,.en-quote-box,.ensw-quote,.room-head,.en-shop-info,.en-shop-steps,.en-topic-head,#en-themen-title,.hinweis-klapp,.en-yt__inner,.en-facts,.en-orte-head,#en-story-h,.en-yt__title){
  width:min(100% - 48px,var(--w-breit))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
#inhalt#inhalt :is(.en-wrap,.ensw-wrap,.room-inner,.en-shop-inner,.en-inner,.en-band,.en-box,.en-narrow) :is(.en-narrow,.en-intro,.en-story,.room-head,.en-shop-info,.en-topic-head,.en-facts,.en-quote-box,.en-quote,.ensw-quote){width:100%!important}
#inhalt#inhalt :has(>.text-spalten){max-width:none!important}

/* Zitate: Kasten volle Breite, Zitat selbst gut lesbar in der Mitte */
#inhalt#inhalt :is(.en-quote-box,.en-quote,.ensw-quote)>:is(p,blockquote){max-width:900px!important;margin-left:auto!important;margin-right:auto!important}

/* Aufzählungen (z. B. „Ein paar Dinge über mich“) in zwei Spalten */
@media (min-width:761px){
  #inhalt#inhalt ul.en-facts{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 48px}
  #inhalt#inhalt ul.en-facts>li{margin:0!important}
}

/* 2. Kontakt: Text links, Formular rechts */
@media (min-width:900px){
  #inhalt#inhalt .en-kontakt .en-karte{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto 1fr;column-gap:64px;align-items:start;text-align:left}
  #inhalt#inhalt .en-kontakt .en-karte>.en-sub{grid-column:1;grid-row:1;width:auto!important;max-width:none!important;text-align:left!important;margin:0 0 18px!important}
  #inhalt#inhalt .en-kontakt .en-karte>.en-mailwrap{grid-column:1;grid-row:2;width:auto!important;justify-content:flex-start!important;text-align:left!important;margin:0!important}
  #inhalt#inhalt .en-kontakt .en-karte>.en-formular{grid-column:2;grid-row:1 / span 2;width:100%!important;margin:0!important}
}

/* 3. Rechtliches: Abschnitte in zwei Spalten */
@media (min-width:900px){
  .typ-legal #inhalt [id^="emma-"]{max-width:var(--w-breit)!important;width:min(100% - 48px,var(--w-breit))!important;margin-left:auto!important;margin-right:auto!important;columns:2;column-gap:40px}
  .typ-legal #inhalt [id^="emma-"]>*{break-inside:avoid;max-width:none!important;width:auto!important}
  .typ-legal #inhalt [id^="emma-"]>:is(h1,.en-stand){column-span:all}
  .typ-legal #inhalt [id^="emma-"]>hr{display:none}
  .typ-legal #inhalt [id^="emma-"]>section{display:inline-block;width:100%!important;margin:0 0 24px!important;box-sizing:border-box}
}

/* 4. Beiträge und Tagebucheinträge: Lesetext + Seitenspalte */
#inhalt#inhalt .beitrag-seite{display:grid;gap:18px;align-content:start}
#inhalt#inhalt .beitrag-seite>.autorin,#inhalt#inhalt .beitrag-seite>.blaettern{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
#inhalt#inhalt .beitrag-seite>.tg-alle{margin:0!important}
@media (max-width:1099px){
  #inhalt#inhalt .beitrag-seite{width:min(100% - 24px,var(--w-text));margin:clamp(28px,5vw,48px) auto 0}
}
@media (min-width:1100px){
  #inhalt#inhalt .beitrag-spalten{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;width:min(100% - 48px,var(--w-breit));margin:0 auto;align-items:start}
  #inhalt#inhalt .beitrag-spalten>.beitrag-text{max-width:none!important;width:auto!important;margin:0!important}
  #inhalt#inhalt .beitrag-seite{position:sticky;top:calc(var(--kopf-h) + 24px)}
  #inhalt#inhalt .beitrag-seite .autorin-karte{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;padding:24px 22px!important}
  #inhalt#inhalt .beitrag-seite .autorin-karte>div{width:auto!important}
  #inhalt#inhalt .beitrag-seite .blaettern{grid-template-columns:1fr!important;gap:12px}
  #inhalt#inhalt .beitrag-seite .blatt.weiter{grid-column:auto!important}
  #inhalt#inhalt .beitrag-seite .tg-alle a{display:block;text-align:center}
}

/* ==========================================================
   UPDATE 19.10.2026
   ========================================================== */
/* Schriftgrößen – Tablet und Computer: Fließtext 16 px */
:root{--t-body:1rem}
/* Handy: alle Schriften eine Stufe größer – Fließtext 17 px statt 15, Unterüberschriften (H3) 26 statt 22 */
@media (max-width:767px){
  :root{
    --t-body:1.0625rem;
    --t-lead:calc(clamp(1rem,.95rem + .25vw,1.0625rem) + 2px);
    --t-small:.875rem;
    --t-label:.75rem;
    --t-accent:calc(clamp(1.25rem,1.1rem + .7vw,1.625rem) + 2px);
    --t-h1:calc(clamp(2.25rem,1.5rem + 3.2vw,4rem) + 2px);
    --t-h2:calc(clamp(1.75rem,1.35rem + 1.6vw,2.625rem) + 3px);
    --t-h3:calc(clamp(1.375rem,1.2rem + .6vw,1.75rem) + 4px);
    --t-h4:1.1875rem;
  }
}

/* „Meine Kunst“ (Startseite): Dachzeile, Überschrift, Text und Knopf untereinander auf einer Kante */
@media (min-width:860px){
  #inhalt#inhalt#inhalt .en-kunst-copy{display:block!important}
  #inhalt#inhalt#inhalt .en-kunst-copy>h2{margin:4px 0 16px!important}
  #inhalt#inhalt#inhalt .en-kunst-copy>p{max-width:42rem!important;margin:0 0 14px!important}
  #inhalt#inhalt#inhalt .en-kunst-copy>p+p{margin:22px 0 0!important}
}

/* Kacheln auf der Startseite (z. B. „Kunst & Kreativität“): Überschrift und Text auf einer Achse, wie ursprünglich gedacht – mittig */
#inhalt#inhalt#inhalt :is(.en-card,.ensw-topic) :is(h3,p){text-align:center!important}
#inhalt#inhalt#inhalt .en-card h3{align-self:stretch}

/* Auswandern: Linksammlung mit Links und PDFs zu den vier Themen (Inhalt kommt aus dem Admin-Bereich) */
#inhalt .lk-sec{--lk-farbe:var(--navy)}
#inhalt .lk-kosten{--lk-farbe:#2c3a54;--lk-zart:#eef1f6}
#inhalt .lk-wohnen{--lk-farbe:#8a1e1e;--lk-zart:#fbeceb}
#inhalt .lk-arbeiten{--lk-farbe:#392a78;--lk-zart:#efecf8}
#inhalt .lk-alltag{--lk-farbe:#2f6f93;--lk-zart:#e9f3fa}
#inhalt .lk-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px;text-align:left}
#inhalt .lk-gruppe{background:#fff;border:1px solid #e4e8ef;border-top:3px solid var(--lk-farbe);border-radius:14px;padding:6px 6px 10px;box-shadow:0 8px 26px rgba(44,58,84,.06)}
#inhalt .lk-gruppe summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px 8px;cursor:default}
#inhalt .lk-gruppe summary::-webkit-details-marker{display:none}
#inhalt .lk-ico{flex:0 0 38px;height:38px;border-radius:50%;background:var(--lk-zart);color:var(--lk-farbe);display:grid;place-items:center}
#inhalt .lk-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#inhalt#inhalt#inhalt .lk-gtitel{flex:1;margin:0!important;font-family:var(--script)!important;font-weight:700;font-size:clamp(1.4rem,1.15rem + .9vw,1.75rem)!important;color:var(--lk-farbe);line-height:1.15!important;text-align:left!important}
#inhalt .lk-anzahl{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--navy-soft);font-weight:700}
#inhalt .lk-liste{list-style:none;margin:0;padding:0}
#inhalt .lk-liste li{margin:0;padding:0}
#inhalt .lk-link{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:10px;text-decoration:none;color:var(--navy);transition:background .15s}
#inhalt .lk-liste li+li .lk-link{border-top:1px solid #eef0f4;border-radius:0 0 10px 10px}
#inhalt .lk-link:hover,#inhalt .lk-link:focus-visible{background:var(--lk-zart);border-top-color:transparent}
#inhalt .lk-mono{flex:0 0 40px;height:40px;border-radius:10px;background:var(--lk-zart);color:var(--lk-farbe);display:grid;place-items:center;font-weight:700;font-size:1.05rem;font-family:var(--serif)}
#inhalt .lk-inhalt{flex:1;min-width:0;display:grid;gap:2px}
#inhalt .lk-name{font-weight:700;font-size:var(--t-body);line-height:1.35;color:var(--navy)}
#inhalt .lk-tipp{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--rot);color:#fff;font-size:.68rem;letter-spacing:.06em;vertical-align:2px;font-weight:700}
#inhalt .lk-text{font-size:var(--t-small);line-height:1.5;color:var(--navy-soft)}
#inhalt .lk-meta{font-size:.72rem;color:#8a95a8;letter-spacing:.02em}
#inhalt .lk-sprache{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid #d9dee6;border-radius:4px;font-size:.62rem;letter-spacing:.08em;color:var(--navy-soft)}
#inhalt .lk-pfeil{flex:0 0 auto;color:var(--lk-farbe);font-size:1rem;line-height:40px;transition:transform .15s}
#inhalt .lk-link:hover .lk-pfeil{transform:translate(2px,-2px)}
#inhalt .lk-hinweis{margin:22px 0 0;text-align:center;font-size:var(--t-small);color:var(--navy-soft)}
#inhalt .lk-sprung{display:block;margin-top:12px;text-align:center;font-weight:700;color:var(--rot);text-decoration:none;font-size:var(--t-body)}
@media (max-width:860px){
  #inhalt .lk-raster{grid-template-columns:1fr}
  #inhalt .lk-gruppe summary{cursor:pointer}
  #inhalt .lk-gruppe summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--lk-farbe);border-bottom:2px solid var(--lk-farbe);transform:rotate(45deg);margin:0 6px 4px 4px;transition:transform .2s}
  #inhalt .lk-gruppe[open] summary::after{transform:rotate(-135deg);margin-bottom:-4px}
}

@media (max-width:560px){#inhalt .lk-anzahl{display:none}#inhalt .lk-gruppe:not([open]) summary{padding-bottom:12px}}
#inhalt .lk-pdf .lk-mono svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#inhalt .lk-link .lk-pfeil{font-weight:700}

/* Kacheln zum Umdrehen (Typisch schwedisch): am Handy eine Kachel pro Reihe im Querformat –
   so passen Titel und Text auch mit der größeren Schrift hinein */
@media (max-width:559px){
  #inhalt#inhalt#inhalt .en-flip-grid{grid-template-columns:1fr!important}
  #inhalt#inhalt#inhalt .en-flip-card{aspect-ratio:4/3!important;min-height:0!important;height:auto!important}
  #inhalt#inhalt#inhalt .en-flip-back{overflow-y:auto}
}
@media (max-width:389px){
  #inhalt#inhalt#inhalt .en-flip-back p{font-size:1rem!important;line-height:1.5!important}
  #inhalt#inhalt#inhalt .en-flip-card{aspect-ratio:1/1!important}
}

/* ==========================================================
   UPDATE 20.10.2026 – Shop
   ========================================================== */
/* Rechtstexte des Shops im Fuß: „Vertrag widerrufen“ gut sichtbar */
.fuss-recht .fuss-widerrufen{font-weight:700}
/* Bildschutz: Bilder lassen sich nicht herausziehen und am Handy nicht per langem Drücken speichern */
#inhalt img,.lb img{-webkit-touch-callout:none;-webkit-user-drag:none}
/* Startseite „Meine Kunst“: Galerie und Shop nebeneinander */
.en-kunst-knoepfe{display:flex;flex-wrap:wrap;gap:12px}

/* ==========================================================
   UPDATE OPTIMIERUNG – Menü, Bilder, Ergänzungen
   ========================================================== */
/* Menü: „Mein Weg“ ist ein Knopf ohne eigene Seite */
.nav-link-knopf{background:none;border:0;font-family:inherit;cursor:pointer;line-height:inherit}
.nav-unter .nav-stark{color:var(--rot)}
.nav-spalte{list-style:none}
.nav-spalte>ul{list-style:none;margin:0;padding:0}
/* Schweden: großes Untermenü – Orte in Småland | Typisch schwedisch */
@media (min-width:1181px){
  /* rechtsbündig unter dem Menü – passt so auch auf schmalen Bildschirmen und mit den kürzeren englischen Wörtern */
  .nav-liste{position:relative}
  .nav-punkt:has(>.nav-unter--mega){position:static}
  .nav-unter.nav-unter--mega{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);min-width:600px;column-gap:6px;left:auto;right:0;transform:translate(0,8px)}
  .nav-punkt:hover>.nav-unter.nav-unter--mega,.nav-punkt.offen>.nav-unter.nav-unter--mega,.nav-punkt:focus-within>.nav-unter.nav-unter--mega{transform:translate(0,0)}
  .nav-spalte--orte>ul{display:grid;grid-template-columns:1fr 1fr}
  .nav-spalte--orte>ul>li:nth-child(-n+2){grid-column:1/-1}
  .nav-spalte--typisch{border-left:1px solid var(--blau-linie)}
  .nav-unter--mega a{white-space:nowrap}
}
@media (max-width:1180px){
  .kopf.nav-offen .nav-punkt.offen>.nav-unter.nav-unter--mega{display:block}
  .nav-spalte--orte>ul,.nav-spalte--typisch>ul{display:grid;grid-template-columns:1fr 1fr}
  .nav-spalte--orte>ul>li:nth-child(-n+2),.nav-spalte--typisch>ul>li:first-child{grid-column:1/-1}
  .nav-spalte--typisch{border-top:1px solid var(--blau-linie);margin-top:6px;padding-top:4px}
  .nav-unter--mega a:not(.nav-uebersicht){padding:8px 10px 8px 22px;font-size:.95rem}
  .nav-unter--mega a:not(.nav-uebersicht)::before{left:10px}
  .nav-link-knopf{width:100%;text-align:left}
}
/* „Gut zu wissen“ auf den Typisch-schwedisch-Seiten */
.gut-zu-wissen{background:var(--blau-hell);border-left:5px solid var(--blau);padding:1.1rem 1.3rem 1.2rem;margin:0 auto;max-width:760px}
.gut-zu-wissen-titel{display:block;font-family:var(--script);font-size:1.7rem;line-height:1.2;color:var(--rot);margin:0 0 .35rem}
.gut-zu-wissen ul{margin:0;padding-left:1.1rem}
.gut-zu-wissen li{margin:.4rem 0;line-height:1.6}
.gut-zu-wissen li::marker{color:var(--rot)}
.gut-zu-wissen strong{color:var(--navy)}
/* „Aus meinem Atelier“ auf den Schweden-Seiten */
.atelier-tipp{background:var(--papier);border-top:1px solid var(--blau-linie);padding:clamp(2rem,4vw,3rem) 16px}
.atelier-tipp-innen{max-width:var(--breite);margin:0 auto;display:grid;grid-template-columns:minmax(200px,1fr) 3fr;gap:clamp(18px,3vw,40px);align-items:center}
.atelier-tipp-kicker{display:block;font-size:var(--t-label);letter-spacing:.18em;text-transform:uppercase;color:var(--navy-soft);margin:0}
.atelier-tipp-titel{display:block;font-family:var(--script);font-size:clamp(1.8rem,1.5rem + 1vw,2.4rem);line-height:1.15;color:var(--rot);margin:.2rem 0 .3rem}
.atelier-tipp-text{display:block;margin:0 0 .9rem;color:var(--navy)}
.atelier-tipp-mehr{color:var(--rot);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}
.atelier-tipp-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,250px));gap:16px}
.atelier-tipp-karte{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:var(--navy);background:#fff;padding:10px 10px 12px;border:1px solid var(--blau-linie);transition:box-shadow .2s ease,transform .2s ease}
.atelier-tipp-karte:hover{box-shadow:0 8px 20px rgba(44,58,84,.12);transform:translateY(-2px)}
.atelier-tipp-bild{display:block;margin-bottom:6px}
.atelier-tipp-bild img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.atelier-tipp-art{font-size:var(--t-small);color:var(--navy-soft)}
.atelier-tipp-name{font-weight:700;line-height:1.3}
.atelier-tipp-unten{font-size:var(--t-small);color:var(--rot);margin-top:auto;padding-top:2px}
@media (max-width:760px){.atelier-tipp-innen{grid-template-columns:1fr}.atelier-tipp-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Mein Weg: Kacheln Selbstfürsorge und Heilung (wie auf der Startseite) */
.mw-wege{padding:6px 24px 40px}
.mw-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:760px;margin:0 auto}
.mw-karten .en-card{background:transparent;border:0;padding:6px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;transition:transform .15s ease}
.mw-karten .en-card:hover{transform:translateY(-4px)}
.mw-karten .en-card-ico{width:150px;height:150px;object-fit:contain;margin:0 0 14px}
#inhalt .mw-karten .en-card h3{font-family:var(--serif);font-weight:700;font-size:1.3rem;color:#5b3f8c;margin:0 0 8px}
#inhalt .mw-karten .en-card p{margin:0 0 18px;line-height:1.6}
.mw-karten .en-card-link{margin-top:auto;display:inline-block;font-weight:700;letter-spacing:.5px;font-size:.9rem;background:var(--rot);color:#fff!important;padding:11px 22px;transition:background .15s ease}
.mw-karten .en-card:hover .en-card-link{background:#6f1717}
@media (max-width:600px){.mw-karten{grid-template-columns:1fr;gap:34px}}
/* Auswandern: Links direkt in den Themenkarten */
#inhalt .lk-karte{margin:14px -8px 0;text-align:left;border-top:1px solid #eef0f4;padding-top:4px}
#inhalt .lk-karte>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0 6px;cursor:default;color:var(--rot);font-weight:700;font-size:var(--t-body)}
#inhalt .lk-karte>summary::-webkit-details-marker{display:none}
#inhalt .lk-karte .lk-liste{margin-top:4px}
#inhalt .lk-unten .lk-hinweis{margin:26px 0 0}
@media (max-width:860px){
  #inhalt .lk-karte>summary{cursor:pointer}
  #inhalt .lk-karte>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 2px 4px 0;transition:transform .2s ease}
  #inhalt .lk-karte[open]>summary::after{transform:rotate(-135deg);margin-bottom:-4px}
}
/* Typisch schwedisch: Zitat in Schreibschrift (wie ursprünglich gedacht) */
#inhalt#inhalt#inhalt p.en-quote{font-family:var(--script)!important;font-size:clamp(1.9rem,3.6vw,2.8rem)!important;line-height:1.35!important}
/* Startseite: sechs Themenkacheln – 3 + 3 am Computer, 2 am Tablet, 1 am Handy */
#en-home .en-cards{grid-template-columns:repeat(3,1fr);gap:34px 28px}
@media (max-width:960px){#en-home .en-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){#en-home .en-cards{grid-template-columns:1fr}}
/* Linksammlung: offizielle Stellen, Empfehlungs-Karten ohne Datum (19.10.2026) */
.lk-amt{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1f5f3f;background:#e6f2ea;border:1px solid #b9d9c4;padding:1px 6px;margin-right:4px;vertical-align:1px}
#en-carousel .enc-card--seite .enc-date{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}
/* Brotkrumen: Abstand nach dem Herz auch auf Seiten mit eigenem Reset (Heilung erleben, Selbstfürsorge) */
#inhalt#inhalt .krumen li+li::before{margin:0 8px 0 0}
/* Hero mit Bild im Fluss (Mein Weg, Desktop): kein grauer Streifen über dem Bild – der Pfad liegt ohnehin über dem Bild (20.10.2026) */
#inhalt#inhalt .en-hero:has(> .krumen-im-hero):has(> img.en-hero-bg){padding-top:0!important}
/* Pfad im Hero am Handy: bei vier Stufen ohne „Startseite“, damit er in eine Zeile passt */
@media (max-width:600px){
  #inhalt#inhalt .krumen-im-hero li:first-child:nth-last-child(n+4){display:none}
  #inhalt#inhalt .krumen-im-hero li:first-child:nth-last-child(n+4) + li::before{display:none}
}
/* Knöpfe einheitlich: Arsenal Bold, gleiche Größe (20.10.2026) */
#inhalt#inhalt :is(.en-btn,.en-card-link,.ensw-btn,.maps-btn,.en-karte .btn,.en-ort .btn,.sh-knopf,.en-back .en-btn,button.en-btn,a.btn){
  font-family:"Arsenal",Georgia,serif!important;font-weight:700!important;font-size:15px!important;letter-spacing:.03em!important;text-transform:none!important;line-height:1.3!important}
#inhalt#inhalt :is(.chip,#rooms .more,.tg-knoepfe button,.en-shop-filter button,.sh-filter button,[data-filter]){
  font-family:"Arsenal",Georgia,serif!important;font-weight:700!important;font-size:14px!important;letter-spacing:.03em!important;text-transform:none!important}
/* Tagebuch-Karten: Schloss links unten – rechts unten steht Emmas Stempel (20.10.2026) */
#tg-tagebuch#tg-tagebuch .tg-schloss{right:auto;left:8px}
/* Heilung erleben: Hinweise zum Ausklappen, Codewort auf Anfrage */
#en-heilung .tg-hinweis details.tg-klapp{margin:0;align-self:start}
#en-heilung .tg-hinweis details.tg-klapp summary{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;padding:4px 0}
#en-heilung .tg-hinweis details.tg-klapp summary:focus-visible{outline:2px solid var(--rot);outline-offset:3px}
#en-heilung .tg-hinweis details.tg-klapp p{color:var(--navy)}
#en-heilung .tg-hinweis .tg-anfrage{grid-column:1/-1;border-top:1px solid var(--blau-linie);padding-top:12px}
#en-heilung .tg-hinweis .tg-anfrage a{color:var(--rot);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Auswandern: Einrichten & Secondhand, Ort, Kennzeichnung, Zusatzlinks (20.10.2026) */
#inhalt .lk-einrichten,#inhalt .lk-renovieren,#inhalt #thema-einrichten{--lk-farbe:#8a5a1e;--lk-zart:#f8f0e4}
#inhalt .ensw-topic-grid>.ensw-topic--breit{grid-column:1/-1}
#inhalt#inhalt .ensw-topic .ensw-topic-sub{font-family:var(--script)!important;color:var(--lila);font-size:clamp(1.35rem,1.2rem + .6vw,1.6rem)!important;font-weight:700;line-height:1.2!important;text-align:center!important;margin:30px 0 8px!important;padding-top:22px;border-top:1px solid #eef0f4;scroll-margin-top:90px}
#inhalt#inhalt .ensw-topic p.lk-gemeinsam{margin:12px 0 0!important;text-align:center;font-size:var(--t-small)!important;line-height:1.55!important;color:var(--navy-soft)}
#inhalt .lk-ort{display:inline-flex;align-items:center;gap:5px;margin-top:3px;font-size:.82rem;font-weight:700;color:var(--lk-farbe);line-height:1.35}
#inhalt .lk-ort svg{flex:0 0 auto;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#inhalt .lk-kz{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b4a1a;background:#f8f0e4;border:1px solid #e6d3b3;padding:1px 6px;margin-right:4px;vertical-align:1px}
#inhalt .lk-zusatz{margin:-2px 14px 12px 68px;padding:12px 14px;background:var(--lk-zart);border-radius:10px;text-align:left}
#inhalt#inhalt#inhalt .lk-zusatz p.lk-zusatz-text{margin:0 0 10px!important;text-align:left!important;font-size:var(--t-small)!important;line-height:1.55!important;color:var(--navy-soft)}
#inhalt .lk-zusatz-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#inhalt#inhalt .lk-zusatz-links li{margin:0;padding:0;font-size:inherit!important;line-height:1.3!important}
#inhalt .lk-zusatz-links a{display:inline-block;padding:6px 13px;border-radius:999px;background:#fff;border:1px solid var(--lk-farbe);color:var(--lk-farbe);font-weight:700;font-size:.86rem;line-height:1.3;text-decoration:none}
#inhalt .lk-zusatz-links a:hover,#inhalt .lk-zusatz-links a:focus-visible{background:var(--lk-farbe);color:#fff}
@media (min-width:861px){
  #inhalt #thema-einrichten .lk-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  #inhalt #thema-einrichten .lk-liste li:nth-child(2) .lk-link{border-top:0}
}
@media (max-width:560px){#inhalt .lk-zusatz{margin-left:14px}}
.hb-tipp a{color:var(--rot,#8a1e1e);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Linksammlung als Kacheln (20.10.2026): weiße Quadrate auf Hellblau, offizielle Stellen zuerst,
   Einträge mit Zusatzlinks als Doppelkachel, lange Texte mit „mehr“ (nur mit JavaScript; ohne steht der ganze Text da) */
#inhalt#inhalt#inhalt .lk-kacheln{margin:4px 0 0;text-align:left;--lk-farbe:#8a1e1e}
#inhalt#inhalt#inhalt .lk-kacheln p.lk-gruppe-kopf{font-size:.72rem!important;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#8a1e1e;margin:18px 0 10px!important;line-height:1.3!important;text-align:left!important;max-width:none!important}
#inhalt#inhalt#inhalt .lk-kacheln p.lk-gruppe-amt{color:#1f5f3f}
#inhalt#inhalt#inhalt .lk-kacheln .lk-raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
#inhalt#inhalt#inhalt .lk-kacheln li.lk-kachel{margin:0;padding:0;list-style:none;font-size:1rem!important;line-height:1.5!important;position:relative;background:#fff;box-shadow:0 2px 10px rgba(44,58,84,.06);display:flex;flex-direction:column;min-width:0;overflow:hidden;text-align:left}
#inhalt#inhalt#inhalt .lk-kacheln li.lk-kachel::before,#inhalt#inhalt#inhalt .lk-kacheln li.lk-kachel::marker{content:none!important;display:none!important}
.lk-js #inhalt#inhalt#inhalt .lk-kacheln li.lk-kachel{aspect-ratio:1/1}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-link{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;gap:6px;padding:16px 16px 8px;text-decoration:none!important;color:#2c3a54}
.lk-js #inhalt#inhalt#inhalt .lk-kacheln .lk-k-link{flex:1 1 0}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-link:focus-visible{outline:2px solid #8a1e1e;outline-offset:-2px}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-link:hover .lk-k-name{color:#8a1e1e}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-tags{display:flex;flex-wrap:wrap;gap:4px}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-tags :is(.lk-amt,.lk-kz,.lk-tipp){margin:0;border-radius:0;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;line-height:1.5;vertical-align:baseline}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-tags .lk-tipp{color:#fff;background:#8a1e1e;border:1px solid #8a1e1e;text-transform:none;letter-spacing:.02em}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-name{font-weight:700;font-size:1rem;line-height:1.3;color:#2c3a54;transition:color .15s}
#inhalt#inhalt#inhalt .lk-kacheln :is(.lk-k-text,.lk-k-ztext){display:block;font-size:.86rem!important;line-height:1.5!important;color:#5b6b82;margin:0!important;text-align:left!important}
.lk-js #inhalt#inhalt#inhalt .lk-kacheln .lk-k-text{flex:1 1 0;min-height:1.5em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.lk-js #inhalt#inhalt#inhalt .lk-kacheln .lk-k-ztext{flex:1 1 0;min-height:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.lk-js #inhalt#inhalt#inhalt .lk-kacheln .lk-offen :is(.lk-k-text,.lk-k-ztext){display:block;flex:none}
.lk-js #inhalt#inhalt#inhalt .lk-kacheln .lk-offen .lk-k-link{flex:none}
.lk-js #inhalt#inhalt#inhalt .lk-kacheln li.lk-kachel.lk-offen{aspect-ratio:auto;grid-row:span 2}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-link .lk-ort{display:flex;align-items:flex-start;gap:4px;margin:0;font-size:.78rem;font-weight:700;color:#8a5a1e;line-height:1.35}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-link .lk-ort svg{width:13px;height:13px;margin-top:2px}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-fuss{flex:0 0 auto;display:flex;align-items:center;gap:6px;font-size:.7rem;line-height:1.4;color:#8a95a8;border-top:1px solid #eef0f4;margin:0 16px;padding:8px 0 12px}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-host{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-fuss .lk-sprache{flex:0 0 auto;margin:0;border-radius:0;font-size:.6rem;padding:0 5px}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-fuss .lk-pfeil{flex:0 0 auto;margin-left:auto;line-height:1;color:#8a1e1e;font-size:1rem;font-weight:700}
#inhalt#inhalt#inhalt .lk-kacheln button.lk-mehr{display:none;margin:0 0 0 auto;border:0;background:none;color:#8a1e1e;font:700 .78rem/1 "Arsenal",Georgia,serif;letter-spacing:0;text-transform:none;cursor:pointer;padding:0 2px;white-space:nowrap;box-shadow:none;min-height:0}
#inhalt#inhalt#inhalt .lk-kacheln button.lk-mehr::after{content:" ▾"}
#inhalt#inhalt#inhalt .lk-kacheln .lk-offen button.lk-mehr::after{content:" ▴"}
#inhalt#inhalt#inhalt .lk-kacheln .lk-lang button.lk-mehr{display:inline-block}
#inhalt#inhalt#inhalt .lk-kacheln .lk-lang .lk-k-fuss .lk-pfeil{margin-left:4px}
#inhalt#inhalt#inhalt .lk-kacheln li.lk-kachel--doppelt{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-self:stretch}
.lk-js #inhalt#inhalt#inhalt .lk-kacheln li.lk-kachel--doppelt{aspect-ratio:auto}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-haelfte{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid #eef0f4}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-zusatz{padding:16px;display:flex;flex-direction:column;gap:10px;background:#f6f9fc;min-height:0;min-width:0}
#inhalt#inhalt#inhalt .lk-kacheln .lk-k-knoepfe{display:grid;gap:8px}
#inhalt#inhalt#inhalt .lk-kacheln a.lk-k-knopf{display:block;text-align:center;padding:7px 10px;border:1px solid #8a1e1e;background:#fff;color:#8a1e1e;font-weight:700;font-size:.82rem;line-height:1.3;text-decoration:none}
#inhalt#inhalt#inhalt .lk-kacheln a.lk-k-knopf:hover,#inhalt#inhalt#inhalt .lk-kacheln a.lk-k-knopf:focus-visible{background:#8a1e1e;color:#fff}
@media (max-width:1000px){#inhalt#inhalt#inhalt .lk-kacheln .lk-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){#inhalt#inhalt#inhalt .lk-kacheln .lk-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  #inhalt#inhalt#inhalt .lk-kacheln .lk-raster{grid-template-columns:1fr;gap:10px}
  .lk-js #inhalt#inhalt#inhalt .lk-kacheln li.lk-kachel{aspect-ratio:auto}
  .lk-js #inhalt#inhalt#inhalt .lk-kacheln li.lk-kachel.lk-offen{grid-row:auto}
  #inhalt#inhalt#inhalt .lk-kacheln .lk-k-link,.lk-js #inhalt#inhalt#inhalt .lk-kacheln .lk-k-link{flex:none;padding:14px 14px 8px;gap:5px}
  #inhalt#inhalt#inhalt .lk-kacheln .lk-k-fuss{margin:0 14px}
  .lk-js #inhalt#inhalt#inhalt .lk-kacheln :is(.lk-k-text,.lk-k-ztext){flex:none;max-height:4.5em}
  .lk-js #inhalt#inhalt#inhalt .lk-kacheln .lk-offen :is(.lk-k-text,.lk-k-ztext){max-height:none}
  #inhalt#inhalt#inhalt .lk-kacheln li.lk-kachel--doppelt{grid-column:auto;grid-template-columns:1fr}
  #inhalt#inhalt#inhalt .lk-kacheln .lk-k-haelfte{border-right:0;border-bottom:1px solid #eef0f4}
}