:root{
  --bg:#fbfaf7; --surface:#fff; --ink:#1d1d1f; --muted:#6e6e73; --line:rgba(0,0,0,.09);
  --accent:#8c6a35; --accent-soft:rgba(140,106,53,.12); --glass:rgba(251,250,247,.72);
  --shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06);
  --serif:"New York","Iowan Old Style","Charter","Georgia",serif;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;
  --ease:cubic-bezier(.32,.72,0,1);--wine:#7a1f2e;
}
:root[data-theme="dark"]{
  --bg:#121212; --surface:#1c1c1e; --ink:#f5f5f7; --muted:#a1a1a6; --line:rgba(255,255,255,.12);
  --accent:#d4b277; --accent-soft:rgba(212,178,119,.16); --glass:rgba(18,18,18,.72);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 28px rgba(0,0,0,.35);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){
  --bg:#121212; --surface:#1c1c1e; --ink:#f5f5f7; --muted:#a1a1a6; --line:rgba(255,255,255,.12);
  --accent:#d4b277; --accent-soft:rgba(212,178,119,.16); --glass:rgba(18,18,18,.72);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 28px rgba(0,0,0,.35);}}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{background:var(--bg);color:var(--ink);font:400 1rem/1.55 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.7rem max(1rem,env(safe-area-inset-right)) .7rem max(1rem,env(safe-area-inset-left));
  background:var(--glass);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border-bottom:1px solid var(--line)}
.brand{font:600 1.05rem/1.1 var(--serif);letter-spacing:-.01em;white-space:nowrap}
.brand em{font-weight:400;color:var(--accent)}
.search{flex:1;max-width:34rem;margin:0 auto;display:flex;align-items:center;gap:.5rem;background:rgba(120,120,128,.12);border-radius:12px;padding:0 .8rem;transition:box-shadow .25s var(--ease),background .25s}
.search:focus-within{background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft),0 0 0 1px var(--accent)}
.search svg{width:1rem;height:1rem;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;flex:none}
.search input{flex:1;min-width:0;background:none;border:0;outline:0;color:inherit;font:inherit;font-size:1rem;padding:.6rem 0}
.case-btn{display:none;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;font-size:.9rem}
.case-btn b{background:rgba(255,255,255,.25);border-radius:999px;padding:0 .45rem;font-size:.8rem}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 25rem;gap:2rem;max-width:80rem;margin:0 auto;padding:0 1.25rem 6rem}
main{padding-top:2.5rem;min-width:0}
h1.hero{font:600 clamp(2.2rem,5.5vw,3.6rem)/1.04 var(--serif);letter-spacing:-.03em;max-width:16ch}
h1.hero em{font-weight:400;color:var(--accent)}
.lead{color:var(--muted);font-size:1.15rem;margin:1rem 0 2.2rem;max-width:34rem;line-height:1.45}
.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:2.2rem 0 .8rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr));gap:.8rem}
.tile{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/.9;padding:.9rem 1rem;border-radius:22px;background:var(--surface);box-shadow:var(--shadow);text-align:left;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.tile:hover{transform:translateY(-3px)}
.tile:active{transform:scale(.97);transition-duration:.1s}
.tile .l{font:500 2.1rem/1 var(--serif);letter-spacing:-.02em}
.tile .n{font-size:.78rem;color:var(--muted)}
.crumb{font-size:.9rem;color:var(--muted);margin-bottom:.4rem}
.crumb a{color:var(--accent)}
h1.title{font:600 clamp(1.8rem,4vw,2.6rem)/1.1 var(--serif);letter-spacing:-.025em}
.note{margin:1rem 0 .5rem;color:var(--muted);font-size:.95rem;border-left:2px solid var(--accent-soft);padding-left:1rem}
.note.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.list{margin-top:1.4rem}
.row{display:flex;gap:.6rem;align-items:flex-start;padding:.65rem .5rem;border-radius:14px;transition:background .2s}
.row:hover{background:rgba(120,120,128,.07)}
.row.hl{background:var(--accent-soft)}
.row .body{flex:1;min-width:0;cursor:pointer}
.row .name{font-weight:500}
.row .cnt{color:var(--muted);font-size:.82rem;margin-left:.4rem;font-weight:400}
.row .rem{color:var(--muted);font-size:.86rem;line-height:1.45;margin-top:.15rem}
.row .path{font-size:.78rem;color:var(--muted)}
.add{flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:1.25rem;line-height:1;display:grid;place-items:center;transition:transform .25s var(--ease),background .2s}
.add:active{transform:scale(.88)}
.add.on{background:var(--accent);color:#fff;transform:rotate(45deg)}
.empty{color:var(--muted);padding:2rem 0}
.case{position:sticky;top:4.6rem;align-self:start;margin-top:2.5rem;max-height:calc(100vh - 6rem);overflow:auto;background:var(--surface);border-radius:26px;box-shadow:var(--shadow);padding:1.4rem}
.case h2{font:600 1.35rem/1.2 var(--serif);letter-spacing:-.02em;display:flex;justify-content:space-between;align-items:baseline}
.case h2 button{font:500 .85rem var(--sans);color:var(--accent)}
.case h3{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:1.3rem 0 .5rem}
.chosen{list-style:none;padding:0}
.chosen li{display:flex;gap:.5rem;align-items:flex-start;padding:.45rem 0;border-top:1px solid var(--line);font-size:.92rem}
.chosen li span{flex:1}
.chosen small{display:block;color:var(--muted);font-size:.76rem}
.chosen button{color:var(--muted);font-size:1.15rem;line-height:1;padding:0 .2rem}
.res{list-style:none;padding:0}
.res li{display:grid;grid-template-columns:5.2rem 1fr 2.6rem;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.92rem}
.res .bar2{height:.5rem;border-radius:99px;background:rgba(120,120,128,.15);overflow:hidden}
.res .bar2 i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .5s var(--ease)}
.res .c{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.res .nm{font-weight:600}
.more{margin-top:.6rem;color:var(--accent);font-size:.9rem}
.hint{color:var(--muted);font-size:.92rem}
.scrim{display:none}
@media (max-width:980px){
  .layout{grid-template-columns:1fr}
  .case-btn{display:flex}
  .case{position:fixed;inset:auto 0 0 0;top:auto;margin:0;max-height:82vh;border-radius:26px 26px 0 0;z-index:40;transform:translateY(105%);transition:transform .5s var(--ease);padding-bottom:calc(1.4rem + env(safe-area-inset-bottom))}
  body.sheet .case{transform:none}
  body.sheet .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:30}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}.tile:hover{transform:none}}
@media (prefers-reduced-transparency:reduce){.bar{background:var(--bg);backdrop-filter:none}}

/* Effekte aus Verlagshaus-/Praxis-Homepage: Einblenden beim Scrollen, Anheben mit Schatten, Kopfleisten-Schatten, Nach-oben-Knopf */
.bar{transition:box-shadow .3s var(--ease)}
.bar.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.10)}
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--d,0ms)}
.rv.in{opacity:1;transform:none}
.tile{position:relative;overflow:hidden}
.tile::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 0% 0%,var(--accent-soft),transparent 60%);opacity:0;transition:opacity .35s var(--ease)}
.tile:hover{box-shadow:0 14px 34px rgba(140,106,53,.22)}
.tile:hover::after{opacity:1}
.tile .l{transition:color .3s,transform .35s var(--ease)}
.tile:hover .l{color:var(--accent);transform:translateX(3px)}
.row{transition:background .2s,transform .3s var(--ease)}
.row:hover{transform:translateX(3px)}
.add:hover{transform:scale(1.12);box-shadow:0 6px 16px rgba(140,106,53,.35)}
.add.on:hover{transform:rotate(45deg) scale(1.12)}
.case-btn{transition:transform .2s var(--ease),box-shadow .2s}
.case-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(140,106,53,.4)}
.more:hover,.case h2 button:hover{text-decoration:underline}
.case{transition:box-shadow .35s var(--ease)}
.totop{position:fixed;right:1.2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom));z-index:25;height:2.8rem;padding:0 1.1rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.4rem;box-shadow:0 8px 22px rgba(140,106,53,.4);
  opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.totop.show{opacity:1;transform:none;pointer-events:auto}
.totop:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}

.sw{display:flex;align-items:center;gap:.7rem;margin-top:.9rem;font-size:.88rem;color:var(--muted);cursor:pointer}
.sw input{position:absolute;opacity:0;pointer-events:none}
.sw i{flex:none;width:2.5rem;height:1.5rem;border-radius:99px;background:rgba(120,120,128,.3);position:relative;transition:background .3s var(--ease)}
.sw i::after{content:"";position:absolute;top:2px;left:2px;width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform .35s var(--ease)}
.sw input:checked+i{background:var(--accent)}
.sw input:checked+i::after{transform:translateX(1rem)}
.sw input:focus-visible+i{box-shadow:0 0 0 3px var(--accent-soft)}

.tiles.themes{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}
.tile.theme{aspect-ratio:auto;min-height:8.2rem;gap:1.2rem}
.tile.theme .l{font-size:1.45rem;line-height:1.15}
.tile.theme .n{font-size:.84rem;line-height:1.4}

.nt{margin-top:.5rem;padding:.6rem .8rem;border-radius:12px;background:var(--accent-soft);font-size:.86rem;line-height:1.5}
.nt p+p{margin-top:.4rem}
.nt b{color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-right:.2rem}
.nt::after{content:none}
.dt summary{cursor:pointer;color:var(--accent);font-size:.78rem;margin-top:.2rem}
.dt .nt{cursor:default;margin-top:.4rem}

.pr{border-bottom:1px solid var(--line);border-radius:0;gap:.25rem}
.pr:hover{transform:none}
.prrow{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.4rem}
.prrow input{background:rgba(120,120,128,.12);border:0;border-radius:10px;color:inherit;font:inherit;font-size:.9rem;padding:.45rem .7rem;width:9rem;outline:0}
.prrow input:focus{box-shadow:0 0 0 2px var(--accent)}
.sg button,.pb{border-radius:99px;padding:.3rem .8rem;font-size:.82rem;background:var(--accent-soft);color:var(--accent);transition:background .2s,color .2s,transform .2s var(--ease)}
.sg{display:flex;gap:.3rem;flex-wrap:wrap}
.pb:hover,.sg button:hover{transform:translateY(-1px)}
.pb.on{background:var(--accent);color:#fff}

.qb{margin-left:.5rem;padding:.05rem .5rem;border-radius:99px;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);vertical-align:middle}

.qb.kp{background:var(--accent);color:#fff}
.feature{display:block;margin:0 0 .4rem;padding:1.5rem 1.6rem;border-radius:26px;background:linear-gradient(135deg,var(--accent-soft),transparent),var(--surface);box-shadow:var(--shadow);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.feature:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(140,106,53,.22)}
.feature .l{display:block;font:600 1.7rem/1.1 var(--serif);letter-spacing:-.02em}
.feature .n{display:block;color:var(--muted);margin:.4rem 0 .8rem;max-width:36rem}
.feature .go{color:var(--accent);font-weight:600}
.tiles.mt{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}
.mtile{aspect-ratio:auto;min-height:6.2rem;gap:.6rem}
.mtile .l{font-size:1.4rem}.mtile .n{font-size:.76rem;line-height:1.35}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.7rem;margin:1rem 0}
.stats div{background:var(--surface);border-radius:18px;padding:.9rem 1rem;box-shadow:var(--shadow)}
.stats b{display:block;font:600 1.7rem/1 var(--serif)}.stats span{font-size:.78rem;color:var(--muted)}
.dt2{border-top:1px solid var(--line)}
.dt2 summary{cursor:pointer;padding:.8rem .3rem;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.dt2 summary::-webkit-details-marker{display:none}
.dt2 summary:hover{color:var(--accent)}
.mr .body{cursor:pointer}

.kpc{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem;width:100%}
.kpb{text-align:left;border-radius:12px;padding:.5rem .8rem;font-size:.86rem;line-height:1.4;background:rgba(120,120,128,.1);transition:background .2s,transform .2s var(--ease)}
.kpb:hover{background:var(--accent-soft);transform:translateX(3px)}
.kpb.on{background:var(--accent);color:#fff}

.prose{max-width:44rem;font-size:1.05rem;line-height:1.7}
.prose p{margin:0 0 1rem}
.prose h2{font:600 1.35rem/1.2 var(--serif);letter-spacing:-.02em;margin:1.8rem 0 .6rem}

.neun{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 1rem}
.neun a{padding:.3rem .8rem;border-radius:99px;font-size:.85rem;background:var(--accent-soft);color:var(--accent);transition:background .2s,transform .2s var(--ease)}
.neun a:hover{transform:translateY(-1px)}
.neun a.on{background:var(--accent);color:#fff}

.theme-btn{width:2.3rem;height:2.3rem;border-radius:50%;background:rgba(120,120,128,.12);font-size:1.05rem;line-height:1;display:grid;place-items:center;transition:transform .25s var(--ease),background .2s;flex:none}
.theme-btn:hover{transform:rotate(18deg);background:var(--accent-soft)}
.theme-btn:active{transform:scale(.9)}

:root[data-theme="dark"]{--wine:#e3a3ad}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){--wine:#e3a3ad}}
.hero2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:2.4rem;align-items:center;margin-bottom:1.5rem}
.hero2 h1.hero{max-width:none;color:var(--ink)}
.hero2 h1.hero em{color:var(--wine)}
.hero2 .sub{font:italic 400 1.15rem/1.45 var(--serif);color:var(--accent);margin:.9rem 0 1.1rem;max-width:30rem}
.seal{display:inline-block;padding:.35rem 1rem;border-radius:99px;border:1px solid var(--accent);color:var(--accent);font-size:.82rem;letter-spacing:.04em;margin-bottom:1.5rem}
.benefits{list-style:none;padding:0;display:grid;gap:.95rem}
.benefits li{display:flex;gap:.9rem;align-items:flex-start}
.benefits i{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;font:600 1rem var(--serif);font-style:normal}
.benefits b{display:block;font:600 .85rem var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--wine)}
.benefits span{display:block;color:var(--muted);font-size:.92rem;line-height:1.45;margin-top:.1rem}
.hero2__book{margin:0}
.hero2__book img{width:100%;max-width:21rem;display:block;margin:0 auto;border-radius:10px;box-shadow:0 30px 60px rgba(60,10,20,.35),0 6px 14px rgba(0,0,0,.25);transform:rotate(1.5deg);transition:transform .6s var(--ease)}
.hero2__book img:hover{transform:rotate(0deg) translateY(-4px)}
@media (max-width:820px){.hero2{grid-template-columns:1fr}.hero2__book{order:-1}.hero2__book img{max-width:13rem}}

.book{position:relative;width:15rem;aspect-ratio:3/4.3;margin:0 auto;border-radius:6px 12px 12px 6px;background:linear-gradient(100deg,#4d0f1b 0,#7a1f2e 6%,#8b2638 40%,#6e1a2a 100%);box-shadow:0 30px 60px rgba(60,10,20,.4),0 6px 14px rgba(0,0,0,.3),inset 8px 0 10px -6px rgba(0,0,0,.5);color:#e8c77a;text-align:center;padding:1.6rem 1.1rem 1.2rem;display:flex;flex-direction:column;align-items:center;transform:rotate(1.5deg);transition:transform .6s var(--ease)}
.book{cursor:pointer;-webkit-tap-highlight-color:transparent}
.book.gerade{transform:rotate(0) translateY(-4px)}
@media (hover:hover) and (pointer:fine){.book:hover{transform:rotate(0) translateY(-4px)}}
.book::after{content:"";position:absolute;right:-5px;top:4px;bottom:4px;width:7px;border-radius:0 3px 3px 0;background:repeating-linear-gradient(0deg,#efe7d6 0 1px,#d8ccb2 1px 2px);box-shadow:1px 0 2px rgba(0,0,0,.3)}
.book__tag{background:#d9b25c;color:#4d0f1b;font:600 .62rem var(--serif);letter-spacing:.06em;padding:.25rem .8rem;border-radius:2px;margin-bottom:2.3rem}
.book__title{font:600 1.55rem/1.1 var(--serif);letter-spacing:.01em;text-shadow:0 1px 0 rgba(0,0,0,.35);margin-bottom:1rem}
.book__sub{font:italic .62rem/1.35 var(--serif);color:#e1c88f;max-width:10.5rem}
.book__vr{margin-top:auto;align-self:flex-end;font:600 1.4rem var(--serif);border:1px solid #d9b25c;padding:.15rem .5rem}

.res li[data-m]{cursor:pointer;flex-wrap:wrap}
.resd{display:none;grid-column:1/-1;padding:.3rem 0 .5rem;font-size:.84rem}
.res li.open .resd{display:block}
.resd .ja{color:var(--ink)}.resd .nein{color:var(--muted);text-decoration:line-through}
.mb-link{display:inline-block;margin-top:.4rem;color:var(--accent)}
@media print{
  .bar,main,.scrim,.totop,.layout>main{display:none!important}
  body{background:#fff;color:#000}
  .layout{display:block;padding:0}
  .case{position:static!important;transform:none!important;max-height:none!important;box-shadow:none;margin:0;padding:0;overflow:visible}
  .case button,.sw,.more{display:none!important}
  .resd{display:block}
  .res .bar2 i{background:#555!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

.pt{margin:.8rem 0 .2rem;display:grid;gap:.45rem}
.ptr{display:flex;gap:.45rem}
.pt input,.pt textarea{flex:1;min-width:0;background:rgba(120,120,128,.12);border:0;border-radius:10px;color:inherit;font:inherit;font-size:.88rem;padding:.5rem .7rem;outline:0}
.pt textarea{resize:vertical}
.pt input:focus,.pt textarea:focus{box-shadow:0 0 0 2px var(--accent)}
.pt button{flex:none;background:var(--accent);color:#fff;border-radius:10px;padding:.5rem .9rem;font-size:.85rem;font-weight:600}
.ptl{font-size:.82rem;color:var(--muted)}.ptl a,.ptl button{color:var(--accent);background:none;padding:0;font-weight:400}
.print-only{display:none}
@media print{.print-only{display:block;margin:0 0 1rem;font-size:1rem}.pt{display:none}}

.cases-link{flex:none;display:flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:.9rem;transition:transform .2s var(--ease)}
.cases-link:hover{transform:translateY(-2px)}.cases-link b{background:var(--accent);color:#fff;border-radius:999px;padding:0 .45rem;font-size:.8rem}
.meine{margin:0 0 2rem;padding:1.1rem 1.2rem;border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}
.meine__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.meine h2{font:600 1.3rem/1.2 var(--serif);letter-spacing:-.02em}
.meine__neu{background:var(--accent);color:#fff;border-radius:99px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;margin-right:.6rem}
.meine__kopf a{color:var(--accent);font-size:.9rem}
.meine__liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.6rem;margin-top:.9rem}
.meine__fall{text-align:left;padding:.7rem .9rem;border-radius:14px;background:rgba(120,120,128,.1);transition:background .2s,transform .25s var(--ease)}
.meine__fall:hover{background:var(--accent-soft);transform:translateY(-2px)}
.meine__fall b{display:block;font-weight:600}.meine__fall small{color:var(--muted)}
@media (max-width:980px){.cases-link{padding:.45rem .6rem}}

.back-btn{flex:none;width:2.3rem;height:2.3rem;border-radius:50%;background:rgba(120,120,128,.12);font-size:1.1rem;line-height:1;display:grid;place-items:center;transition:transform .2s var(--ease),background .2s}
.back-btn[hidden]{display:none}
.back-btn:hover{transform:translateX(-2px);background:var(--accent-soft)}

.xr{margin-top:.45rem;font-size:.84rem;line-height:1.5;display:flex;flex-wrap:wrap;gap:.2rem .5rem;align-items:baseline}
.xr b{color:var(--accent);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-right:.2rem}
.xr a,.xr span{padding:.1rem .5rem;border-radius:999px;background:var(--accent-soft)}
.xr a{color:inherit;text-decoration:none;border:1px solid var(--line,transparent)}
.xr a:hover{text-decoration:underline}
.xr span{opacity:.75}

.xs{display:block;margin-top:.2rem;font-size:.76rem;color:var(--muted,#666)}
.xs b{font-weight:600}

.probe{margin:0 0 1rem;padding:.6rem .9rem;border-radius:12px;background:var(--accent-soft);font-size:.88rem;line-height:1.5}
.probe a{color:var(--accent);font-weight:600}

.jump{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 1rem}
.jump a,.jump button{font:inherit;font-weight:600;font-size:.92rem;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);text-decoration:none;cursor:pointer}
.jump a:hover,.jump button:hover{background:var(--accent);color:#fff}
#sec-themen,#sec-az{scroll-margin-top:4.5rem}

.claim{margin:.4rem 0 0;font-weight:600;color:var(--accent);line-height:1.4}
.preis{display:flex;flex-wrap:wrap;gap:1rem;margin:1.2rem 0}
.preis__karte{flex:1 1 220px;padding:1.2rem 1.4rem;border-radius:18px;border:1px solid var(--line,#ddd);background:var(--accent-soft)}
.preis__karte--on{border-color:var(--accent);background:var(--accent);color:#fff}
.preis__tag{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.preis__zahl{font:600 2.4rem/1.2 var(--serif);margin:.2rem 0}
.preis__karte p{margin:0;font-size:.9rem;opacity:.9}
.preis__liste{margin:1rem 0;padding-left:1.2rem;line-height:1.9}
.preis__kauf{display:inline-block;margin-top:.8rem;padding:.65rem 1.3rem;border-radius:999px;background:#fff;color:var(--accent);font-weight:600;text-decoration:none}
.preis__karte:not(.preis__karte--on) .preis__kauf{background:var(--accent);color:#fff}

/* Einstiegs-Bewegung des Buchs auf der Startseite (einmal pro Sitzung, ca. 4,5 s) */
.book.intro{animation:bookIntro 4.5s cubic-bezier(.3,.1,.2,1) 1 both}
.book.intro::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 35%,rgba(255,236,190,.38) 48%,transparent 62%);background-size:260% 100%;background-position:160% 0;animation:bookShine 4.5s ease-in-out 1 both;pointer-events:none}
@keyframes bookIntro{
  0%{transform:perspective(900px) rotate(-7deg) rotateY(-28deg) translateY(14px) scale(.94)}
  30%{transform:perspective(900px) rotate(3deg) rotateY(18deg) translateY(-6px) scale(1.02)}
  58%{transform:perspective(900px) rotate(-1.5deg) rotateY(-9deg) translateY(2px)}
  80%{transform:perspective(900px) rotate(2.2deg) rotateY(4deg)}
  100%{transform:perspective(900px) rotate(1.5deg) rotateY(0)}}
@keyframes bookShine{0%,15%{background-position:160% 0}70%,100%{background-position:-60% 0}}
@media (prefers-reduced-motion:reduce){.book.intro,.book.intro::before{animation:none}}

.legal{max-width:1100px;margin:2rem auto 5.5rem;padding:0 1rem;text-align:center;font-size:.82rem;color:var(--muted,#777)}
.legal a{color:inherit}
.legal-text{max-width:42rem;line-height:1.65}
.legal-text h2{font-size:1.05rem;margin:1.4rem 0 .3rem}
@media print{.legal{display:none}}

.lang-btn{flex:none;border-radius:999px;padding:.45rem .7rem;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.8rem;letter-spacing:.04em}

/* Enneagramm-Mittel: Blau-Markierung, Schalter, Kopfzeile auf dem Handy */
:root{--nine:#1d5fd1}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){--nine:#6ea8ff}}
:root[data-theme="dark"]{--nine:#6ea8ff}
.n9{color:var(--nine);font-weight:700}
.res .nm.n9{color:var(--nine)}
.mtile.n9t .l{color:var(--nine)}
.en9-btn{flex:none;display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.4rem .7rem;background:rgba(120,120,128,.12);font-weight:700;font-size:.78rem;white-space:nowrap}
.en9-btn i{width:.7rem;height:.7rem;border-radius:50%;border:2px solid var(--muted);box-sizing:border-box}
.en9-btn[data-m="1"]{background:color-mix(in srgb,var(--nine) 16%,transparent);color:var(--nine)}
.en9-btn[data-m="1"] i{background:var(--nine);border-color:var(--nine)}
.en9-btn[data-m="2"]{background:var(--nine);color:#fff}
.en9-btn[data-m="2"] i{background:#fff;border-color:#fff}
@media (max-width:700px){
  .bar{flex-wrap:wrap;row-gap:.5rem;gap:.5rem}
  .brand{margin-right:auto}
  .search{order:10;flex:1 1 11rem;max-width:none;margin:0}
  .case-btn{order:9}
  .bar{gap:.4rem}
  .cases-link,.case-btn,.lang-btn{padding:.38rem .6rem;font-size:.78rem}
  .en9-btn{padding:.42rem .6rem}
  .en9-btn[data-m="0"] span,.en9-btn[data-m="1"] span{display:none}
  .theme-btn{width:2rem;height:2rem}
}

.xi{width:1.05em;height:1.05em;vertical-align:-.15em;margin-right:.3em;opacity:.8}
.bar{padding-top:calc(.7rem + env(safe-area-inset-top))}

.splash{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem}
.splash__vr{width:5.2rem;height:5.2rem;border:2px solid #b8924a;color:#b8924a;display:grid;place-items:center;font:600 2.3rem Georgia,serif;letter-spacing:.04em}
.splash__dots{display:flex;gap:.5rem}.splash__dots i{width:.55rem;height:.55rem;border-radius:50%;background:#b8924a;opacity:.25;animation:spl 1.2s infinite ease-in-out}
.splash__dots i:nth-child(2){animation-delay:.2s}.splash__dots i:nth-child(3){animation-delay:.4s}
@keyframes spl{0%,80%,100%{opacity:.25}40%{opacity:1}}
.splash .empty{margin:0}

.autor{display:grid;grid-template-columns:minmax(150px,252px) 1fr;gap:1.6rem;align-items:center;margin:.4rem 0 1.4rem}
.autor__foto{width:100%;height:auto;border-radius:18px;box-shadow:0 14px 34px rgba(60,30,10,.18)}
@media(max-width:600px){.autor{grid-template-columns:1fr}.autor__foto{max-width:15rem;margin:0 auto}}
.legal-text h2{font-size:1.15rem;margin:1.4rem 0 .3rem}