:root{--mint:#34D399;--mint-ink:#065F46;--mint-bg:rgba(52,211,153,.10);--mint-br:rgba(52,211,153,.28)}
.bragi-crumbs{padding-top:14px;padding-bottom:0;font-size:.9rem}
.bragi-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.bragi-crumbs li+li::before{content:"›";margin-right:.35rem;opacity:.6}
.bragi-crumbs a{text-decoration:none}
.bragi-crumbs a:hover{text-decoration:underline}
.bragi-crumbs [aria-current]{opacity:.75}
.bragi-meta{font-size:.9rem;opacity:.8;margin:.2rem auto 1rem}
.bragi-blog__date{font-size:.85rem;opacity:.75;margin:0 0 .3rem}
.lead{font-size:1.125rem;color:var(--accent)}
/* Knopf hell */
.btn--ghost{display:inline-block;background:#fff;color:var(--ink);text-decoration:none;padding:.6rem .9rem;border-radius:.8rem;border:1px solid var(--ring);font-weight:900}
.btn--ghost:hover{opacity:.85}
.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}
/* Badge */
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(15,23,42,.14);border-radius:999px;padding:6px 12px;font-weight:800;font-size:.9rem;background:#fff}
.badge i{width:10px;height:10px;border-radius:999px;background:var(--mint);display:inline-block}
/* Mint-Punkt vor Aufklapp-Titeln */
.faq-grid summary,.cards2 details.card summary,.gloss summary,details.fold summary{cursor:pointer;font-weight:900;list-style:none;display:flex;align-items:flex-start;gap:10px}
.faq-grid summary::-webkit-details-marker,.cards2 details.card summary::-webkit-details-marker,.gloss summary::-webkit-details-marker,details.fold summary::-webkit-details-marker{display:none}
.faq-grid summary:before,.cards2 details.card summary:before,.gloss summary:before{content:"";width:10px;height:10px;margin-top:6px;border-radius:999px;background:var(--mint);box-shadow:0 0 0 4px rgba(52,211,153,.16);flex:0 0 auto}
/* Mini-FAQ: nebeneinander, aufklappbar */
.faq-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
@media (min-width:740px){.faq-grid{grid-template-columns:repeat(3,1fr)}}
.faq-grid details{border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.04);padding:12px 14px;height:100%}
.faq-a{margin-top:10px;color:var(--ink)}
.faq-a small{color:#64748b}
/* Aufklapp-Karten in zwei Spalten */
.cards2 details.card{border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.04);padding:0;overflow:hidden}
.cards2 details.card summary{padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08);background:rgba(15,23,42,.02)}
.card__content ul{padding-left:18px;margin:10px 0 0}
.card__content p{margin:0 0 10px}
/* Akkordeon (untereinander) */
.fold-grid{display:grid;gap:1rem;margin-top:1.25rem}
details.fold{background:#fff;border:1px solid var(--ring);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
details.fold summary{padding:1rem 1.1rem;color:var(--ink)}
details.fold summary::after{content:"+";margin-left:auto;font-weight:900;opacity:.6}
details.fold[open] summary::after{content:"–"}
details.fold[open] summary{background:#f8fafc}
.fold__content{padding:.85rem 1.1rem 1.1rem;color:var(--accent)}
/* Begriffe (aufklappbare Liste) */
.gloss{margin-top:14px;border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;padding:14px;box-shadow:0 10px 25px rgba(15,23,42,.04)}
.gloss summary{align-items:center;padding:10px 12px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(15,23,42,.02)}
.gloss summary:before{margin-top:0}
.gloss-body{margin-top:12px}
.gloss-list{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none}
@media (min-width:740px){.gloss-list{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.gloss-list{grid-template-columns:1fr 1fr 1fr}}
.gloss-item{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:10px 12px;background:rgba(15,23,42,.02)}
.gloss-item strong{display:block}
.gloss-item small{color:#64748b}
/* Pakete / Preise */
.pkg-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:740px){.pkg-grid{grid-template-columns:repeat(3,1fr)}}
.pkg{border:1px solid rgba(15,23,42,.10);border-radius:16px;padding:16px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.05);display:flex;flex-direction:column;min-height:320px}
.pkg__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.pkg__title{margin:0;font-size:18px;font-weight:900}
.pkg__price{font-weight:900;text-align:right;white-space:nowrap}
.pkg__hint{margin:6px 0 0;color:#64748b;font-size:14px}
.pkg ul{margin:10px 0 0;padding-left:18px}
.pkg__footer{margin-top:auto;padding-top:12px;display:flex;gap:10px;flex-wrap:wrap}
/* Hinweis-Box (Mint) */
.teaser-box{margin-top:12px;padding:16px;border-radius:16px;background:var(--mint-bg);border:1px solid var(--mint-br);position:relative;overflow:hidden}
.teaser-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--mint);opacity:.9}
.teaser-grid{display:grid;grid-template-columns:1fr;gap:12px;padding-left:8px}
@media (min-width:740px){.teaser-grid{grid-template-columns:1.2fr .8fr;align-items:start}}
.teaser-kicker{display:inline-flex;align-items:center;gap:10px;font-weight:900;color:var(--ink);margin:0 0 6px}
.teaser-dot{width:10px;height:10px;border-radius:999px;background:var(--mint);box-shadow:0 0 0 4px rgba(52,211,153,.18);flex:0 0 auto}
.teaser-small{color:#475569;margin:0;line-height:1.55}
.teaser-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.teaser-li{display:flex;gap:10px;align-items:flex-start;color:var(--ink)}
.teaser-check{width:18px;height:18px;border-radius:6px;background:rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.10);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:2px}
.teaser-check:before{content:"✓";font-weight:900;color:var(--mint-ink);font-size:12px;line-height:1}
/* Inhalt + Seitenbox, zwei Spalten */
.detail-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}
@media (min-width:980px){.detail-grid{grid-template-columns:1.3fr .7fr}}
.sidebox{border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;padding:16px;box-shadow:0 10px 25px rgba(15,23,42,.04)}
.sidebox h3{margin:0 0 10px;font-size:18px;font-weight:800}
.sidebox ul{margin:0;padding-left:18px}
.split{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}
@media (min-width:740px){.split{grid-template-columns:1fr 1fr}}