@font-face{font-family:"Cormorant";src:url(/assets/fonts/cormorant-garamond-latin-wght-normal.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(/assets/fonts/cormorant-garamond-latin-wght-italic.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Nunito";src:url(/assets/fonts/nunito-latin-wght-normal.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito";src:url(/assets/fonts/nunito-latin-wght-italic.woff2) format("woff2");font-weight:200 1000;font-style:italic;font-display:swap}

:root{
  --papier:#fbfaf6; --weiss:#fff; --tinte:#24222c; --grau:#65616f; --linie:#e6e2d8;
  --indigo:#1f1592; --indigo-2:#3a31b0; --himmel:#eef3ff; --sand:#f3eee3;
  --safran:#e0892b; --safran-hell:#fdf1e2;
  --breit:1180px; --text:720px; --r:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:1rem}
body{margin:0;background:var(--papier);color:var(--tinte);font:400 1.075rem/1.72 "Nunito",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--indigo);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--indigo-2)}
h1,h2,h3,h4,h5,h6{font-family:"Cormorant",Georgia,serif;line-height:1.15;color:var(--tinte);font-weight:600;margin:2.2rem 0 .7rem}
h1{font-size:clamp(2.2rem,5.2vw,3.5rem);font-weight:600;margin:.4rem 0 1rem;letter-spacing:-.01em}
h2{font-size:clamp(1.65rem,3.4vw,2.2rem)}
h3{font-size:1.45rem}
h4,h5,h6{font-size:1.22rem}
p{margin:0 0 1.05rem}
strong{font-weight:750}
.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;z-index:9}

/* Kopf */
.kopf{background:var(--weiss);border-bottom:1px solid var(--linie)}
.kopf-innen{max-width:var(--breit);margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;gap:1.5rem;justify-content:space-between}
.marke{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--tinte)}
.marke svg{width:38px;height:38px;flex:none}
.marke-wort{font-family:"Cormorant",serif;font-size:1.75rem;line-height:1;letter-spacing:.01em}
.marke-wort b{font-family:"Nunito",sans-serif;font-weight:800;font-size:1.02rem;letter-spacing:.14em;color:var(--indigo);margin-left:.08rem;vertical-align:.18rem}
.menue ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem}
.menue a{display:block;padding:.45rem .7rem;border-radius:999px;text-decoration:none;color:var(--tinte);font-weight:650;font-size:.95rem}
.menue a:hover,.menue a[aria-current]{background:var(--himmel);color:var(--indigo)}
.menue-knopf{display:none}
@media (max-width:980px){
  .kopf-innen{flex-wrap:wrap}
  .menue{width:100%}
  .menue summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;font-weight:700;padding:.4rem .8rem;border:1px solid var(--linie);border-radius:999px;position:absolute;right:1.25rem;top:1rem}
  .menue summary::-webkit-details-marker{display:none}
  .menue ul{flex-direction:column;padding:.5rem 0 .3rem}
  .menue a{border-radius:8px}
}
@media (min-width:981px){.menue-schmal{display:none}}
@media (max-width:980px){.menue-breit{display:none!important}}
.kopf{position:relative}

/* Allgemeines Gerüst */
.huelle{max-width:var(--breit);margin:0 auto;padding:0 1.25rem}
.pfad{font-size:.88rem;color:var(--grau);margin:1.3rem 0 0}
.pfad ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .45rem}
.pfad li+li::before{content:"›";margin-right:.45rem;color:#aaa}
.pfad a{color:var(--grau)}

/* Beitrag */
.beitrag{max-width:var(--text);margin:0 auto;padding-bottom:2rem}
.meta{display:flex;flex-wrap:wrap;gap:.3rem 1rem;color:var(--grau);font-size:.92rem;margin-bottom:1.3rem}
.meta a{font-weight:700;text-decoration:none}
.titelbild{margin:0 0 1.6rem;border-radius:var(--r);overflow:hidden;background:var(--sand)}
.titelbild img{width:100%;height:auto;max-height:560px;object-fit:contain}
.inhalt ul,.inhalt ol{padding-left:1.3rem;margin:0 0 1.2rem}
.inhalt li{margin:.3rem 0}
.inhalt li::marker{color:var(--indigo)}
.inhalt figure{margin:1.6rem 0}
.inhalt figure img{border-radius:10px}
.inhalt figcaption{font-size:.87rem;color:var(--grau);margin-top:.45rem}
.inhalt blockquote{margin:1.4rem 0;padding:1rem 1.2rem;background:var(--himmel);border-left:4px solid var(--indigo);border-radius:0 10px 10px 0}
.inhalt blockquote p:last-child{margin:0}
.inhalt .vers{font-family:"Cormorant",serif;font-style:italic;font-size:1.35rem;line-height:1.4;padding:.4rem 0 .4rem 1rem;border-left:2px solid var(--safran)}
.inhalt hr{border:0;border-top:1px solid var(--linie);margin:2rem 0}
.inhalt .galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}
.inhalt .galerie figure{margin:0}
.inhalt .galerie img{aspect-ratio:4/3;object-fit:cover;width:100%}
.inhalt .tabelle{overflow-x:auto}
.inhalt table{border-collapse:collapse;width:100%;font-size:.95rem;background:var(--weiss)}
.inhalt th,.inhalt td{border:1px solid var(--linie);padding:.55rem .7rem;text-align:left;vertical-align:top}
.inhalt th{background:var(--sand)}
.inhalt img{margin:0 auto}
.video a{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.2rem;background:var(--tinte);color:#fff;border-radius:12px;text-decoration:none;font-weight:700}
.video a:hover{background:var(--indigo)}
.video-play{flex:none;width:44px;height:44px;border-radius:50%;background:var(--safran);position:relative}
.video-play::after{content:"";position:absolute;left:17px;top:13px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}

/* Inhaltsverzeichnis */
.toc{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r);padding:.3rem 1.1rem;margin:0 0 1.8rem}
.toc summary{cursor:pointer;font-weight:800;padding:.6rem 0;font-size:.95rem;letter-spacing:.02em}
.toc ol{margin:.2rem 0 .9rem;padding-left:1.3rem;columns:2 16rem;column-gap:2rem}
.toc li{break-inside:avoid;margin:.2rem 0;font-size:.95rem}

/* FAQ */
.faq{margin:1rem 0 1.6rem}
.faq details{border-bottom:1px solid var(--linie);padding:.2rem 0}
.faq summary{cursor:pointer;font-weight:750;padding:.65rem 1.8rem .65rem 0;position:relative;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.2rem;top:.45rem;color:var(--indigo);font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 0 .6rem}

/* Amazon */
.amz-knopf{margin:1rem 0 1.6rem}
.knopf{display:inline-block;background:var(--safran);color:#1d1406;font-weight:800;text-decoration:none;padding:.75rem 1.15rem;border-radius:10px;line-height:1.35;box-shadow:0 2px 0 #b76716}
.knopf:hover{background:#ec9a42;color:#1d1406}
.anzeige{margin:2.2rem 0;background:var(--safran-hell);border:1px solid #f1d2ad;border-radius:var(--r);padding:1.1rem 1.25rem 1rem}
.anzeige-marke{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a4f10;border:1px solid #e3b57f;border-radius:4px;padding:.05rem .45rem;margin:0 0 .5rem}
.anzeige-titel{font-family:"Cormorant",serif;font-weight:700;font-size:1.5rem;margin:0 0 .4rem}
.anzeige ul{list-style:none;margin:0 0 .6rem;padding:0}
.anzeige li{padding:.45rem 0;border-bottom:1px dashed #efcfa8;display:flex;flex-wrap:wrap;gap:.2rem .7rem;align-items:baseline}
.anzeige li:last-child{border:0}
.anzeige li a{font-weight:800}
.anzeige li span{color:var(--grau);font-size:.92rem}
.anzeige-fuss{font-size:.82rem;color:#7a6a58;margin:0}
.amz-hinweis{font-size:.82rem;color:var(--grau)}

/* Karten */
.karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.3rem;margin:1.2rem 0 2.5rem}
.karte{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.karte:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(31,21,146,.08)}
.karte img{aspect-ratio:1.91/1;object-fit:cover;width:100%;background:var(--sand)}
.karte-text{padding:.85rem 1rem 1rem}
.karte-rubrik{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo)}
.karte h3{font-size:1.28rem;margin:.25rem 0 0}
.karte h3 a{color:var(--tinte);text-decoration:none}
.karte h3 a::after{content:"";position:absolute;inset:0}
.karte{position:relative}
.karte-platzhalter{aspect-ratio:1.91/1;background:linear-gradient(135deg,var(--himmel),var(--sand))}

/* Rubriken */
.rubrik-kopf{max-width:860px;padding:.5rem 0 .2rem}
.rubrik-kopf p{font-size:1.1rem;color:#403c4a}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 1.4rem;padding:0;list-style:none}
.chips a{display:inline-block;padding:.35rem .85rem;border:1px solid var(--linie);background:var(--weiss);border-radius:999px;text-decoration:none;font-weight:700;font-size:.92rem}
.chips a:hover{border-color:var(--indigo)}
.chips small{color:var(--grau);font-weight:600}

/* Startseite */
.start-held{background:linear-gradient(180deg,var(--himmel),var(--papier));border-bottom:1px solid var(--linie)}
.start-held .huelle{display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:center;padding-top:2.6rem;padding-bottom:2.6rem}
.start-held h1{font-size:clamp(2.6rem,6vw,4.4rem);margin:0 0 .8rem}
.start-held h1 em{color:var(--indigo)}
.start-held p{font-size:1.15rem;max-width:36rem}
.start-held img{border-radius:24px 24px 24px 120px;aspect-ratio:4/3;object-fit:cover;width:100%}
@media (max-width:820px){.start-held .huelle{grid-template-columns:1fr}.start-held img{border-radius:18px}}
.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem;margin:1.4rem 0 2.8rem;padding:0;list-style:none}
.kacheln a{display:block;height:100%;padding:1rem 1.1rem;background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r);text-decoration:none;color:var(--tinte)}
.kacheln a:hover{border-color:var(--indigo);background:var(--himmel)}
.kacheln b{display:block;font-family:"Cormorant",serif;font-size:1.45rem;line-height:1.1}
.kacheln span{font-size:.9rem;color:var(--grau)}
.abschnitt-titel{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-top:2.6rem}
.abschnitt-titel h2{margin:0}
.start-text{max-width:var(--text);margin:0 auto}

/* Nachbarn, Listen */
.nachbarn{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}
.nachbarn a{display:block;padding:.9rem 1rem;border:1px solid var(--linie);border-radius:12px;background:var(--weiss);text-decoration:none;color:var(--tinte);font-weight:700;font-size:.97rem}
.nachbarn a small{display:block;color:var(--grau);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.nachbarn .weiter{text-align:right}
@media (max-width:600px){.nachbarn{grid-template-columns:1fr}.nachbarn .weiter{text-align:left}}
.liste-spalten{columns:2 20rem;column-gap:2.5rem;padding-left:1.2rem}
.liste-spalten li{break-inside:avoid;margin:.2rem 0}
.verwandt{border-top:1px solid var(--linie);margin-top:2rem;padding-top:.4rem}

/* Fuß */
.fuss{background:#1c1a2b;color:#d9d6e6;margin-top:3rem;font-size:.95rem}
.fuss a{color:#fff;text-decoration:none}
.fuss a:hover{text-decoration:underline}
.fuss-innen{max-width:var(--breit);margin:0 auto;padding:2.4rem 1.25rem 1.2rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.fuss h2{font-size:1.3rem;color:#fff;margin:0 0 .6rem}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss li{margin:.25rem 0}
.fuss-unten{max-width:var(--breit);margin:0 auto;padding:1rem 1.25rem 1.6rem;border-top:1px solid #34304a;font-size:.84rem;color:#a9a4bd}
@media (max-width:820px){.fuss-innen{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.fuss-innen{grid-template-columns:1fr}}
.recht h2{font-size:1.6rem}
/* Yoga-Arten-Cluster */
.steckbrief{background:var(--weiss);border:1px solid var(--linie);border-left:4px solid var(--indigo);border-radius:0 var(--r) var(--r) 0;padding:1rem 1.2rem;margin:0 0 1.6rem}
.steckbrief-titel{font-family:"Cormorant",serif;font-weight:700;font-size:1.45rem;margin:0 0 .5rem}
.steckbrief dl{display:grid;grid-template-columns:9.5rem 1fr;gap:.35rem 1rem;margin:0}
.steckbrief dt{font-weight:800;color:var(--indigo);font-size:.92rem}
.steckbrief dd{margin:0;font-size:.97rem}
@media (max-width:520px){.steckbrief dl{grid-template-columns:1fr}.steckbrief dd{margin-bottom:.4rem}}
.stilnetz{background:var(--himmel);border-radius:var(--r);padding:.2rem 1.25rem 1rem;margin:2.2rem 0}
.stilnetz h2{margin-top:1.1rem}
.stilnetz ul{padding-left:1.2rem}
.stilnetz li{margin:.35rem 0}
.stilnetz li a{font-weight:800}
.stilnetz-alle{font-size:.93rem;line-height:1.9}
.stilgruppe>p{color:#403c4a;max-width:46rem}
.stil-hinweis{background:var(--himmel);border-radius:10px;padding:.7rem 1rem;font-size:.97rem}
.steckbrief-def{margin:0 0 .8rem;font-size:1rem}
.tabelle{overflow-x:auto;margin:1rem 0 2rem}
.tabelle table{border-collapse:collapse;width:100%;font-size:.95rem;background:var(--weiss)}
.tabelle th,.tabelle td{border:1px solid var(--linie);padding:.55rem .7rem;text-align:left;vertical-align:top}
.tabelle th{background:var(--sand)}
.tabelle td:first-child a{font-weight:700}

/* Yoga-Shops */
.laeden{list-style:none;padding:0;margin:1rem 0 1.4rem;display:grid;gap:.9rem}
.laden{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r);padding:.9rem 1.1rem}
.laden h3{margin:.1rem 0 .2rem;font-size:1.35rem}
.laden-meta{font-size:.85rem;color:var(--indigo);font-weight:700;margin:0 0 .4rem}
.laden-adresse{font-size:.93rem;margin:0}