/* Nachhilfe Online – Premium-Bausteine (Startseite und Hauptseiten).
   Heller Grundton, Nachtblau nur als Akzent (Stunden-Fenster, große Kachel, Preis-Karte,
   Anfrage, Fuß), Orange als einzige Akzentfarbe. Alle Klassen tragen das Präfix pm-,
   damit keine Regel alter Theme-Stylesheets getroffen oder überschrieben wird. */
body.nho-premium{background:var(--pm-paper);color:var(--pm-ink)}
.pm-home{font-family:var(--pm-sans);font-size:17px;line-height:1.6;color:var(--pm-ink);background:var(--pm-paper);overflow-x:clip;-webkit-font-smoothing:antialiased}
.pm-home *,.pm-home *::before,.pm-home *::after{box-sizing:border-box}
.pm-home [hidden]{display:none!important}
.pm-home a{color:inherit}
.pm-home :focus-visible{outline:2px solid var(--pm-orange);outline-offset:3px;border-radius:6px}
.pm-home h1,.pm-home h2,.pm-home h3{margin:0;font-family:var(--pm-sans);font-weight:600;letter-spacing:-.035em;line-height:1.04;text-wrap:balance;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;color:inherit}
.pm-home p{margin:0}
.pm-home em.pm-s{font-family:var(--pm-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.pm-wrap{position:relative;width:100%;max-width:1248px;margin-inline:auto;padding-inline:18px}
@media(min-width:760px){.pm-wrap{padding-inline:24px}}
.pm-ph{display:inline-block;color:#7a5c00;background:#fff4cc;border:1px dashed #d9a640;padding:1px 6px;border-radius:4px;font-size:13px;line-height:1.4}
html[data-look="dunkel"] .pm-ph{color:#ffd98a;background:rgba(255,200,80,.08);border-color:rgba(255,200,80,.4)}
.pm-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Buttons */
.pm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:600 16px/1.2 var(--pm-sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--pm-ease),background .2s,border-color .2s;text-align:center}
.pm-btn:active{transform:scale(.98)}
.pm-btn-primary{background:var(--pm-orange);color:var(--pm-on-orange)!important;box-shadow:0 10px 30px -10px rgba(255,116,24,.7),inset 0 1px 0 rgba(255,255,255,.35)}
.pm-btn-primary:hover{background:var(--pm-orange-2);transform:translateY(-1px)}
.pm-btn-ghost{background:var(--pm-surface);color:var(--pm-ink)!important;border-color:var(--pm-line)}
.pm-btn-ghost:hover{border-color:var(--pm-ink)}
.pm-on-night .pm-btn-ghost{background:rgba(255,255,255,.06);color:#fff!important;border-color:var(--pm-line-d)}
.pm-on-night .pm-btn-ghost:hover{background:rgba(255,255,255,.12)}
.pm-arr{transition:transform .2s var(--pm-ease)}.pm-btn:hover .pm-arr{transform:translateX(3px)}
@media(max-width:520px){.pm-cta .pm-btn{width:100%}}

/* Held */
.pm-hero{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(40px,7vw,96px) clamp(56px,8vw,96px);background:linear-gradient(180deg,var(--pm-surface),var(--pm-paper))}
.pm-hero::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;background:radial-gradient(600px 420px at 80% 30%,rgba(255,116,24,.16),transparent 60%),radial-gradient(700px 520px at 12% 0%,rgba(124,156,255,.16),transparent 60%)}
.pm-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.6;background-image:linear-gradient(rgba(10,15,36,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(10,15,36,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}
html[data-look="dunkel"] .pm-hero{background:var(--pm-night)}
html[data-look="dunkel"] .pm-hero::before{background:radial-gradient(600px 420px at 78% 30%,rgba(255,116,24,.28),transparent 60%),radial-gradient(700px 520px at 18% 10%,rgba(124,156,255,.2),transparent 60%)}
html[data-look="dunkel"] .pm-hero::after{opacity:.35;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)}
.pm-hero-grid{display:grid;gap:48px;align-items:center}
@media(min-width:1040px){.pm-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:56px}}
.pm-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 14px 6px 8px;border-radius:999px;background:var(--pm-surface);border:1px solid var(--pm-line);color:var(--pm-muted);font-size:14px;font-weight:500;box-shadow:0 6px 20px -14px rgba(10,15,36,.3)}
.pm-pill b{white-space:nowrap;background:rgba(255,116,24,.12);color:var(--pm-orange-ink);font-weight:600;padding:2px 9px;border-radius:999px;font-size:12.5px}
.pm-hero h1{font-size:clamp(2.9rem,8.2vw,6.4rem);margin-top:22px;letter-spacing:-.05em;line-height:.98}
.pm-hero h1 em.pm-s{font-size:1.08em;padding-right:.06em;background:linear-gradient(100deg,#ff8a3d 10%,var(--pm-orange) 50%,#e2461f 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pm-lead{margin-top:22px;max-width:540px;font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.55;color:var(--pm-muted)}
.pm-lead b{color:var(--pm-ink);font-weight:500}
.pm-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.pm-trust{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px;text-decoration:none}
.pm-stack{display:flex}
.pm-stack span{width:36px;height:36px;margin-left:-10px;border-radius:50%;border:2px solid var(--pm-surface);display:grid;place-items:center;overflow:hidden;font-size:12px;font-weight:600;color:#fff;background:var(--pm-night-3)}
.pm-stack span:first-child{margin-left:0;background:var(--pm-orange);color:var(--pm-on-orange)}
.pm-stack span:nth-child(2){background:#3d56c9}.pm-stack span:nth-child(3){background:#6b4fd1}.pm-stack span:nth-child(4){background:#1f8f74}
.pm-stack img{width:100%;height:100%;object-fit:cover}
.pm-trust-t{font-size:14.5px;line-height:1.4;color:var(--pm-muted)}
.pm-trust-t b{color:var(--pm-ink);font-weight:600}
.pm-stars{color:#f5a623;letter-spacing:1px}

/* Wow-Moment: Online-Stunde */
.pm-lesson{position:relative;min-width:0}
.pm-win{position:relative;padding:10px;border-radius:28px;background:var(--pm-night);border:1px solid var(--pm-night);box-shadow:0 50px 100px -40px rgba(10,15,36,.55),0 0 0 1px rgba(10,15,36,.06)}
html[data-look="dunkel"] .pm-win{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border-color:rgba(255,255,255,.14);box-shadow:0 40px 120px -40px rgba(0,0,0,.8)}
.pm-win-bar{display:flex;align-items:center;gap:10px;padding:8px 10px 12px;min-width:0}
.pm-dots{display:flex;gap:6px;flex:none}.pm-dots i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.pm-dots i:nth-child(2){background:#febc2e}.pm-dots i:nth-child(3){background:#28c840}
.pm-win-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;color:var(--pm-muted-d)}
.pm-tag-example{margin-left:auto;flex:none;font-size:12px;font-weight:600;color:#ffd2b0;background:rgba(255,116,24,.16);padding:4px 10px;border-radius:999px}
.pm-board{position:relative;overflow:hidden;min-height:360px;padding:clamp(18px,3vw,28px);border-radius:18px;background:#fbfbf8;color:#0a0f24;background-image:linear-gradient(#eceef3 1px,transparent 1px),linear-gradient(90deg,#eceef3 1px,transparent 1px);background-size:26px 26px}
.pm-subj{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.pm-subj button{min-height:44px;padding:7px 16px;border:1px solid #e1e4ec;border-radius:999px;background:#fff;color:#0a0f24;font:600 14px var(--pm-sans);cursor:pointer;transition:background .2s,color .2s}
.pm-subj button[aria-pressed="true"]{background:#0a0f24;border-color:#0a0f24;color:#fff}
.pm-task{padding:10px 14px;border:1px solid #e1e4ec;border-radius:12px;background:#fff;box-shadow:0 6px 20px -12px rgba(10,15,36,.25);font-size:16.5px;font-weight:600;line-height:1.45}
.pm-task small{display:block;margin-bottom:2px;color:#5a6379;font-size:12.5px;font-weight:500}
.pm-lines{display:grid;gap:6px;margin:16px 0 0;padding:0;list-style:none}
.pm-lines li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:baseline}
.pm-lines .pm-n{color:#5a6379;font:600 12px var(--pm-sans);text-align:right}
.pm-lines .pm-w{color:#2443c4;font:700 clamp(22px,2.5vw,27px)/1.25 var(--pm-hand);overflow-wrap:anywhere}
.pm-lines .pm-ok{color:#1f9d5b}
.pm-aha{position:absolute;right:22px;bottom:16px;color:var(--pm-orange);font:700 54px/1 var(--pm-hand);transform:rotate(-8deg)}
@media(prefers-reduced-motion:no-preference){
  .js .pm-lines .pm-w{clip-path:inset(0 100% 0 0)}
  .js .pm-board.pm-play .pm-lines .pm-w{animation:pm-write .85s var(--pm-ease) forwards}
  .js .pm-board.pm-play .pm-lines li:nth-child(1) .pm-w{animation-delay:.25s}
  .js .pm-board.pm-play .pm-lines li:nth-child(2) .pm-w{animation-delay:1.05s}
  .js .pm-board.pm-play .pm-lines li:nth-child(3) .pm-w{animation-delay:1.85s}
  .js .pm-board.pm-play .pm-lines li:nth-child(4) .pm-w{animation-delay:2.65s}
  .js .pm-aha{opacity:0;transform:rotate(-8deg) scale(.6)}
  .js .pm-board.pm-play .pm-aha{animation:pm-pop .5s 3.5s var(--pm-ease) forwards}
}
@keyframes pm-write{to{clip-path:inset(0 0 0 0)}}
@keyframes pm-pop{to{opacity:1;transform:rotate(-8deg) scale(1)}}
.pm-people{display:flex;flex-wrap:wrap;gap:8px;padding:12px 6px 4px}
.pm-person{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--pm-line-d);border-radius:999px;background:rgba(255,255,255,.06);color:var(--pm-muted-d);font-size:13px}
.pm-person i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--pm-orange);color:var(--pm-on-orange);font:600 10.5px var(--pm-sans);font-style:normal}
.pm-person.pm-student i{background:var(--pm-sky);color:var(--pm-night)}
.pm-float{position:absolute;z-index:2;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(17,25,56,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px -20px rgba(0,0,0,.7);color:var(--pm-muted-d);font-size:13.5px;line-height:1.3}
.pm-float b{display:block;color:#fff;font-size:15px;font-weight:600}
.pm-float-1{right:-18px;bottom:-24px}.pm-float-2{right:-18px;top:64px}
@media(max-width:1100px){.pm-float-1{right:10px;bottom:-22px}.pm-float-2{right:10px;top:-22px}}
@media(max-width:699px){.pm-float{display:none}.pm-board{padding-bottom:70px}.pm-aha{right:16px;bottom:12px;font-size:44px}}
@media(max-width:520px){.pm-board{min-height:290px;padding-bottom:58px}}
.pm-lesson-note{margin-top:30px;padding-right:200px;color:var(--pm-muted);font-size:13px}
@media(max-width:699px){.pm-lesson-note{margin-top:18px;padding-right:0;text-align:center}}

/* Zahlen */
.pm-stats{border-block:1px solid var(--pm-line);background:var(--pm-surface)}
.pm-stats .pm-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pm-stat{display:grid;gap:4px;padding:26px 8px;text-align:center;border-right:1px solid var(--pm-line)}
.pm-stat:nth-child(2n){border-right:0}
@media(max-width:859px){.pm-stat{border-bottom:1px solid var(--pm-line)}.pm-stat:last-child,.pm-stat:nth-last-child(2):nth-child(odd){border-bottom:0}.pm-stat:last-child:nth-child(odd){grid-column:1/-1;border-right:0}}
@media(min-width:860px){.pm-stats .pm-wrap{grid-template-columns:repeat(var(--pm-stat-count,4),minmax(0,1fr))}.pm-stat:nth-child(2n){border-right:1px solid var(--pm-line)}.pm-stat:last-child{border-right:0}}
.pm-stat b{font-size:clamp(2rem,4vw,2.9rem);font-weight:600;letter-spacing:-.04em;line-height:1}
.pm-stat b em.pm-s{color:var(--pm-orange-ink,#b04b08)}
.pm-stat span{color:var(--pm-muted);font-size:14px}

/* Abschnitte */
.pm-sec{padding-block:clamp(72px,10vw,136px)}
.pm-sec+.pm-sec{padding-top:0}
.pm-head{display:grid;gap:16px;max-width:780px;margin-bottom:clamp(36px,5vw,60px)}
.pm-kicker{color:var(--pm-orange-ink);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pm-head h2{font-size:clamp(2.2rem,5.4vw,4.2rem)}
.pm-head p{max-width:620px;color:var(--pm-muted);font-size:19px}
.pm-on-night{background:var(--pm-night);color:#fff}

/* Bento */
.pm-bento{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.pm-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.pm-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(210px,auto)}}
.pm-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;min-width:0;padding:clamp(22px,2.6vw,30px);border:1px solid var(--pm-line);border-radius:20px;background:var(--pm-surface);transition:transform .35s var(--pm-ease),box-shadow .35s var(--pm-ease)}
.pm-tile:hover{transform:translateY(-3px);box-shadow:0 24px 50px -30px rgba(10,15,36,.35)}
.pm-tile h3{font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.12}
.pm-tile p{color:var(--pm-muted);font-size:15.5px}
.pm-tile-link{margin-top:auto;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;align-self:flex-start;padding-bottom:2px}
.pm-t-big{background:var(--pm-night);color:#fff;border-color:var(--pm-night)}
html[data-look="dunkel"] .pm-t-big{background:var(--pm-night-3);border-color:rgba(255,255,255,.16)}
.pm-t-big p{color:var(--pm-muted-d)}
.pm-t-big h3{font-size:clamp(1.8rem,3vw,2.5rem)}
.pm-t-big::after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,116,24,.35),transparent 65%);pointer-events:none}
@media(min-width:1040px){.pm-t-big{grid-column:span 2;grid-row:span 2}.pm-t-wide{grid-column:span 4}}
@media(min-width:700px) and (max-width:1039px){.pm-t-big,.pm-t-wide{grid-column:span 2}}
.pm-faces{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding:0;list-style:none}
.pm-faces a{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s}
.pm-faces a:hover{transform:translateY(-2px);border-color:var(--pm-orange)}
.pm-faces li:first-child a{background:var(--pm-orange);border-color:var(--pm-orange);color:var(--pm-on-orange)}
.pm-faces img{width:100%;height:100%;object-fit:cover}
.pm-t-big .pm-tile-link{position:relative;z-index:1;color:#fff}
.pm-big-n{color:var(--pm-orange);font:italic 400 76px/.8 var(--pm-serif);letter-spacing:-.02em}
.pm-money{font-size:46px;font-weight:600;letter-spacing:-.04em;line-height:1}
.pm-subjects{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:baseline;margin:6px 0 4px;padding:0;list-style:none}
.pm-subjects li{font:italic 400 clamp(1.6rem,3vw,2.4rem)/1.15 var(--pm-serif);color:var(--pm-ink)}
.pm-subjects li:nth-child(3n+2){color:var(--pm-orange)}
.pm-subjects li:nth-child(3n){color:#3d56c9}
html[data-look="dunkel"] .pm-subjects li:nth-child(3n){color:var(--pm-sky)}

/* Stimmen */
.pm-quotes{display:grid;gap:22px}
@media(min-width:900px){.pm-quotes{grid-template-columns:1fr 1fr}}
.pm-quote{display:grid;gap:18px;align-content:start;margin:0;padding:clamp(24px,3vw,38px);border:1px solid var(--pm-line);border-radius:20px;background:var(--pm-surface)}
.pm-q{display:block;margin:0;font:400 clamp(1.3rem,2.2vw,1.7rem)/1.3 var(--pm-serif);letter-spacing:-.01em;overflow-wrap:anywhere}
.pm-quote details summary{list-style:none;cursor:pointer}
.pm-quote details summary::-webkit-details-marker{display:none}
.pm-q-more{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:var(--pm-orange-ink);font:600 14px var(--pm-sans)}
.pm-q-more::after{content:" ↓"}
.pm-quote details[open] .pm-q-short{display:none}
.pm-quote details[open] .pm-q-more{order:2}
.pm-quote details[open] summary{display:flex;flex-direction:column}
.pm-quote details[open] .pm-q-more::after{content:" ↑"}
.pm-quote details[open] .pm-q-more{font-size:0}
.pm-quote details[open] .pm-q-more::before{content:"Weniger anzeigen";font-size:14px}
.pm-quote figcaption{display:flex;align-items:center;gap:12px;color:var(--pm-muted);font-size:14.5px}
.pm-quote figcaption i{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--pm-night);color:#fff;font:600 13px var(--pm-sans);font-style:normal}
.pm-quote figcaption b{display:block;color:var(--pm-ink);font-weight:600}
.pm-review-actions{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;margin-top:26px}
.pm-link{padding:0 0 2px;border:0;border-bottom:1px solid currentColor;background:none;color:var(--pm-ink);font:600 16px var(--pm-sans);text-decoration:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center}
.pm-note{margin-top:14px;color:var(--pm-muted);font-size:13.5px}
/* Freunde werben: eine Zeile unter den Bewertungen (05.11.2026) */
.pm-refer-line{margin:16px 0 0;font-size:15.5px;line-height:1.5}
.pm-refer-line a{display:inline-flex;align-items:center;min-height:44px;color:var(--pm-orange-ink);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.pm-refer-line a:hover{text-decoration-thickness:2px}
.pm-founder{display:grid;gap:22px;align-items:center;margin-top:22px;padding:clamp(22px,3vw,34px);border-radius:20px;background:var(--pm-night);color:#fff;text-decoration:none}
html[data-look="dunkel"] .pm-founder{background:var(--pm-night-2);border:1px solid var(--pm-line-d)}
@media(min-width:760px){.pm-founder{grid-template-columns:120px minmax(0,1fr) auto}}
.pm-portrait{width:120px;height:120px;overflow:hidden;border:1px solid var(--pm-line-d);border-radius:24px;background:linear-gradient(140deg,var(--pm-night-3),#2d3a7a)}
.pm-portrait img{width:100%;height:100%;object-fit:cover}
.pm-founder q{display:block;margin-bottom:8px;color:#fff;font:400 clamp(1.3rem,2.2vw,1.65rem)/1.3 var(--pm-serif);quotes:"„" "“"}
.pm-founder p,.pm-founder .pm-sig-name{display:block;color:var(--pm-muted-d)}

/* Bücher & Materialien */
.pm-books{display:grid;gap:16px}
@media(min-width:760px){.pm-books{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.pm-books{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pm-book{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start;padding:20px;border:1px solid var(--pm-line);border-radius:20px;background:var(--pm-surface)}
.pm-book-cover{display:block;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px -12px rgba(10,15,36,.4);background:var(--pm-paper)}
.pm-book-cover img{display:block;width:100%;height:auto}
.pm-book h3{font-size:17px;line-height:1.3;letter-spacing:-.01em}
.pm-book h3 a{text-decoration:none}
.pm-book-meta{margin-top:6px;color:var(--pm-muted);font-size:14px}
.pm-book-actions{display:grid;gap:4px;margin-top:10px}
.pm-book-actions a{min-height:44px;display:inline-flex;align-items:center;color:var(--pm-orange-ink);font-size:14.5px;font-weight:600;text-decoration:none}
.pm-book-free{background:linear-gradient(130deg,rgba(255,116,24,.10),rgba(124,156,255,.10)),var(--pm-surface)}

/* Start & Preise */
.pm-split{display:grid;gap:40px}
@media(min-width:1000px){.pm-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}}
.pm-steps{display:grid;margin:0;padding:0;list-style:none;counter-reset:pm-s}
.pm-steps li{counter-increment:pm-s;display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 16px;padding:22px 0;border-top:1px solid var(--pm-line)}
.pm-steps li:last-child{border-bottom:1px solid var(--pm-line)}
.pm-steps li::before{content:"0" counter(pm-s);grid-row:span 2;color:var(--pm-orange);font:italic 400 34px/1 var(--pm-serif)}
.pm-steps strong{font-size:19px;font-weight:600;letter-spacing:-.01em}
.pm-steps span{color:var(--pm-muted);font-size:15.5px}
.pm-prices{display:grid;gap:16px}
@media(min-width:640px){.pm-prices{grid-template-columns:1fr 1fr}}
.pm-price{display:flex;flex-direction:column;gap:14px;min-width:0;padding:28px;border:1px solid var(--pm-line);border-radius:20px;background:var(--pm-surface)}
.pm-price-hi{position:relative;overflow:hidden;background:var(--pm-night);border-color:var(--pm-night);color:#fff}
html[data-look="dunkel"] .pm-price-hi{background:var(--pm-night-3)}
.pm-price-hi::after{content:"";position:absolute;right:-100px;top:-120px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,116,24,.35),transparent 65%);pointer-events:none}
.pm-lbl{color:var(--pm-muted);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.pm-price-hi .pm-lbl{color:var(--pm-orange-2)}
.pm-amt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:clamp(40px,5vw,52px);font-weight:600;letter-spacing:-.05em;line-height:1}
.pm-amt .woocommerce-Price-amount{white-space:nowrap}
.pm-amt sup{font-size:.45em;vertical-align:super;line-height:0}
.pm-amt small{font-size:16px;font-weight:500;letter-spacing:0;color:var(--pm-muted)}
.pm-price-hi .pm-amt small{color:var(--pm-muted-d)}
.pm-footnote{position:relative;z-index:1;color:var(--pm-muted);font-size:14px;line-height:1.55}
.pm-price-hi .pm-footnote{color:#d6dbee}
.pm-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-size:15.5px}
.pm-list li{display:flex;gap:10px}
.pm-list li::before{content:"";flex:0 0 18px;height:18px;margin-top:4px;border-radius:50%;background:rgba(255,116,24,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.5' fill='none' stroke='%23ff7418' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.pm-price-hi .pm-list{position:relative;z-index:1;color:#d6dbee}
.pm-price .pm-btn{position:relative;z-index:1;width:100%;margin-top:auto}
.pm-price-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:18px}
.pm-price-links a{min-height:44px;display:inline-flex;align-items:center;color:var(--pm-ink);font-size:15px;font-weight:600}
.pm-finder{margin-top:28px}
.pm-finder>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:0 22px;border:1px solid var(--pm-line);border-radius:16px;background:var(--pm-surface);font-weight:600;cursor:pointer;list-style:none}
.pm-finder>summary::-webkit-details-marker{display:none}
.pm-finder>summary::after{content:"+";color:var(--pm-orange);font-size:26px;font-weight:300}
.pm-finder[open]>summary::after{content:"−"}
.pm-finder>summary small{display:block;color:var(--pm-muted);font-size:13px;font-weight:400}
.pm-finder-body{margin-top:12px;border-radius:16px;overflow:hidden}
.pm-faq{display:grid;margin-top:56px;border-top:1px solid var(--pm-line)}
.pm-faq details{border-bottom:1px solid var(--pm-line)}
.pm-faq summary{position:relative;padding:20px 44px 20px 0;font-size:17.5px;font-weight:600;list-style:none;cursor:pointer}
.pm-faq summary::-webkit-details-marker{display:none}
.pm-faq summary::after{content:"+";position:absolute;right:4px;top:14px;color:var(--pm-orange);font-size:26px;font-weight:300;transition:transform .25s var(--pm-ease)}
.pm-faq details[open] summary::after{transform:rotate(45deg)}
.pm-faq details p{max-width:720px;padding:0 0 22px;color:var(--pm-muted)}
.pm-faq-more{margin-top:18px}

/* Anfrage */
.pm-ask{position:relative;overflow:hidden;isolation:isolate}
.pm-ask::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 480px at 85% 20%,rgba(255,116,24,.22),transparent 60%),radial-gradient(800px 600px at 10% 90%,rgba(124,156,255,.14),transparent 60%)}
.pm-ask-grid{display:grid;gap:40px;align-items:center}
@media(min-width:1000px){.pm-ask-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:64px}}
.pm-ask h2{margin-top:14px;font-size:clamp(2.3rem,5.6vw,4.4rem)}
.pm-ask h2 em.pm-s{color:var(--pm-orange-2)}
.pm-ask .pm-kicker{color:var(--pm-orange-2)}
.pm-ask-sub{max-width:520px;margin-top:18px;color:var(--pm-muted-d);font-size:18.5px}
.pm-glass{display:grid;gap:14px;padding:clamp(22px,3.4vw,38px);border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 40px 100px -40px rgba(0,0,0,.7)}
.pm-glass .pm-btn{width:100%}
.pm-contact{display:grid;gap:12px;margin-top:6px}
.pm-contact a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#fff;font-weight:500;text-decoration:none}
.pm-contact a span{width:40px;height:40px;flex:none;display:grid;place-items:center;border:1px solid var(--pm-line-d);border-radius:12px;background:rgba(255,255,255,.06)}
.pm-legal{color:var(--pm-muted-d);font-size:13.5px}

/* Einblenden beim Scrollen: ohne JS oder mit reduzierter Bewegung sofort sichtbar */
@media(prefers-reduced-motion:no-preference){
  .js .pm-reveal{opacity:0;transform:translateY(10px);transition:opacity .45s var(--pm-ease),transform .45s var(--pm-ease)}
  .js .pm-reveal.pm-in{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){.pm-home *,.pm-home *::before,.pm-home *::after{animation:none!important;transition:none!important}}

/* Angebotsfinder: behält sein eigenes Stylesheet (nho-offer-finder.css, Rahmen .nh-home).
   Hier nur der Kartenrahmen; bewusst hell auch im Dunkel-Modus, damit seine festen
   hellen Farben lesbar bleiben. */
.pm-finder-body{margin-top:28px;padding:clamp(22px,3vw,36px);border:1px solid var(--pm-line);border-radius:24px;background:linear-gradient(135deg,#fffaf4,#f1f6fd);color:#0a0f24;color-scheme:light;overflow:hidden}
.pm-finder-body .nh-offer{background:none;padding:0}
.pm-finder-body .nh-wrap{width:auto;max-width:none;margin:0;padding:0}
.pm-finder-body h2{margin:6px 0 10px;font-size:clamp(1.8rem,3.4vw,2.6rem);color:#0a0f24}
.pm-finder-body .nh-soft-ink{font-family:var(--pm-serif);font-style:italic;font-weight:400;color:var(--pm-orange-ink,#c4560a)}
html[data-look="dunkel"] .pm-finder-body .nh-soft-ink{color:#c4560a}
.pm-finder-body .nh-ey{margin:0;color:#c4560a;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pm-finder-body .nh-section-lead{margin:0 0 18px;max-width:560px;color:#5a6379}

/* ===== Hauptseiten ===== */
.pm-hero-page{padding-block:clamp(28px,5vw,64px) clamp(56px,8vw,104px)}
.pm-hero-page h1{font-size:clamp(2.6rem,7vw,5.4rem)}
.pm-hero-side{display:grid;gap:14px;align-content:start;padding:clamp(22px,3vw,32px);border-radius:28px;background:var(--pm-night);color:#fff;box-shadow:0 50px 100px -40px rgba(10,15,36,.55)}
html[data-look="dunkel"] .pm-hero-side{background:var(--pm-night-2);border:1px solid var(--pm-line-d)}
.pm-hero-side h2{font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.15}
.pm-hero-side p{color:var(--pm-muted-d);font-size:15.5px}
.pm-hero-side .pm-list{color:#d6dbee}
.pm-hero-side .pm-kicker{color:var(--pm-orange-2)}
.pm-crumb ol{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 22px;padding:0;list-style:none;color:var(--pm-muted);font-size:14px}
.pm-crumb li+li::before{content:"/";margin-right:8px;opacity:.5}
.pm-crumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--pm-muted);text-decoration:none}
.pm-crumb a:hover{color:var(--pm-ink)}
.pm-crumb span{display:inline-flex;align-items:center;min-height:44px}
.pm-cards{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:760px){.pm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.pm-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pm-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:clamp(22px,2.6vw,30px);border:1px solid var(--pm-line);border-radius:20px;background:var(--pm-surface);text-decoration:none;color:inherit;transition:transform .35s var(--pm-ease),box-shadow .35s var(--pm-ease),border-color .2s}
a.pm-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px -30px rgba(10,15,36,.35);border-color:var(--pm-orange)}
.pm-card h3{font-size:clamp(1.3rem,2vw,1.55rem);line-height:1.15}
.pm-card p{color:var(--pm-muted);font-size:15.5px}
.pm-card .pm-n-big{color:var(--pm-orange);font:italic 400 40px/1 var(--pm-serif)}
.pm-card .pm-more{margin-top:auto;padding-top:6px;color:var(--pm-orange-ink);font-weight:600}
.pm-card-night{background:var(--pm-night);border-color:var(--pm-night);color:#fff}
.pm-card-night p{color:var(--pm-muted-d)}
html[data-look="dunkel"] .pm-card-night{background:var(--pm-night-3)}
.pm-split-text{display:grid;gap:28px}
@media(min-width:1000px){.pm-split-text{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}}
.pm-prose p{color:var(--pm-muted);font-size:18px;line-height:1.7}
.pm-prose p+p{margin-top:16px}
.pm-prose strong{color:var(--pm-ink);font-weight:600}
.pm-section-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.pm-alt{background:var(--pm-surface);border-block:1px solid var(--pm-line)}
.pm-sec.pm-alt{padding-top:clamp(72px,10vw,136px)}
.pm-sec.pm-alt+.pm-sec,.pm-sec+.pm-sec.pm-on-night,.pm-sec.pm-on-night+.pm-sec{padding-top:clamp(72px,10vw,136px)}
.pm-faq-group{margin-top:clamp(40px,6vw,64px);scroll-margin-top:110px}
.pm-faq-group h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.pm-faq-group .pm-faq{margin-top:18px}
.pm-faq details{scroll-margin-top:110px}
.pm-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.pm-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--pm-line);border-radius:999px;background:var(--pm-surface);color:var(--pm-ink);font-size:15px;font-weight:500;text-decoration:none}
.pm-jump a:hover{border-color:var(--pm-ink)}

/* ===== Probestunden-Formular ===== */
.pm-form{display:grid;gap:16px}
.pm-form .pm-fields{display:grid;gap:14px}
@media(min-width:600px){.pm-form .pm-fields-2{grid-template-columns:1fr 1fr}}
.pm-form label{display:grid;gap:7px;min-width:0;color:var(--pm-muted-d);font-size:14px;font-weight:500}
.pm-form label small{color:rgba(168,176,200,.75);font-weight:400}
.pm-form input,.pm-form select,.pm-form textarea{width:100%;min-height:52px;padding:13px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(10,15,36,.55);color:#fff;font:16.5px var(--pm-sans);transition:border-color .2s,background .2s}
.pm-form select{-webkit-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23a8b0c8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px}
.pm-form select option{background:#fff;color:#0a0f24}
/* Fachbereich-Auswahl wird per Skript (nho-subject-catalogue.php) mit eigenem hellen Stil eingefügt – im dunklen Formular wie die übrigen Felder. */
.pm-form .nho-subject-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23a8b0c8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;min-height:52px;padding:13px 40px 13px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background-color:rgba(10,15,36,.55);color:#fff;font:16.5px var(--pm-sans)}
.pm-form textarea{min-height:104px;resize:vertical}
.pm-form input::placeholder,.pm-form textarea::placeholder{color:rgba(168,176,200,.55)}
.pm-form input:focus,.pm-form select:focus,.pm-form textarea:focus{outline:none;border-color:var(--pm-orange);background:rgba(10,15,36,.8);box-shadow:0 0 0 4px rgba(255,116,24,.18)}
.pm-form fieldset{display:grid;gap:14px;min-width:0;margin:0;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:18px}
.pm-form legend{padding:0 6px;color:#fff;font-weight:600}
.pm-form .pm-form-note{color:var(--pm-muted-d);font-size:13.5px;line-height:1.55}
.pm-form button[type=submit]{width:100%;min-height:58px;margin-top:4px;font-size:17px}
.pm-form button[type=submit]:disabled{opacity:.7;cursor:default;transform:none}
.pm-form a{color:#fff}
.pm-form [role=status]:empty{display:none}
.pm-form #nho-request-save-status{padding:12px 16px;border:1px solid rgba(255,116,24,.3);border-radius:14px;background:rgba(255,116,24,.1);color:#ffd2b0;font-size:14.5px}
.pm-form .nho-captcha,.pm-form [class*="captcha"]{color:var(--pm-muted-d);font-size:13.5px}
.pm-form input[type=checkbox]{width:auto;min-height:0;accent-color:var(--pm-orange)}
.pm-result{display:grid;gap:12px;margin-top:6px;padding:22px;border:1px solid rgba(255,116,24,.35);border-radius:20px;background:rgba(255,116,24,.08)}
.pm-result .pm-big{color:var(--pm-orange);font:italic 400 54px/.9 var(--pm-serif)}
.pm-result h3{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.pm-result p{color:var(--pm-muted-d)}
.pm-result #nho-request-summary{white-space:pre-line;font-size:14px}
.pm-result .pm-btn{width:100%}
.pm-trial-grid{align-items:start}
.pm-trial-steps{margin-top:28px}
.pm-form-card{display:grid;gap:14px;min-width:0;padding:clamp(22px,3.4vw,38px);border-radius:28px;scroll-margin-top:100px;box-shadow:0 50px 100px -40px rgba(10,15,36,.55)}
html[data-look="dunkel"] .pm-form-card{background:var(--pm-night-2);border:1px solid var(--pm-line-d)}
.pm-form-card .pm-kicker{color:var(--pm-orange-2)}
.pm-form-title{font-size:clamp(1.6rem,3vw,2.2rem)}
.pm-h2{font-size:clamp(2.1rem,4.8vw,3.6rem)}
.pm-h1-kicker{display:block;margin-bottom:.35em;color:var(--pm-orange-ink);font-size:clamp(15px,1.6vw,18px);font-weight:600;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}
.pm-hero-page .pm-hero-grid h1,.pm-hero-page h1{font-size:clamp(2.4rem,5.2vw,4.4rem);line-height:1.02;-webkit-hyphens:manual;hyphens:manual}
.pm-hero-page h1 em.pm-s{font-size:1.06em}
.pm-trial-grid{display:grid;gap:32px;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "form" "more"}
.pm-trial-intro{grid-area:intro;min-width:0}.pm-trial-more{grid-area:more;min-width:0}.pm-trial-grid>.pm-form-card{grid-area:form}
@media(min-width:1040px){.pm-trial-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);grid-template-areas:"intro form" "more form";gap:20px 56px;align-items:start}.pm-trial-more .pm-trial-steps{margin-top:8px}}

/* ===== Feinschliff 01.11.: dezente Interaktion, abschaltbar über „Bewegung reduzieren“ ===== */
/* Weiche Seitenwechsel zwischen umgestellten Seiten (Progressive Enhancement, ohne JS). */
@view-transition{navigation:auto}
.site-header{view-transition-name:pm-site-header}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--pm-ease)}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
/* Kopfzeile bekommt beim Scrollen einen leichten Schatten. */
.site-header{transition:box-shadow .3s var(--pm-ease),background-color .35s,border-color .35s}
html.pm-scrolled .site-header{box-shadow:0 12px 30px -20px rgba(10,15,36,.45)}
/* Vertrauen direkt am Entscheidungspunkt. */
.pm-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pm-chips li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#d6dbee;font-size:13.5px;font-weight:500}
.pm-chips li::before{content:"✓";color:var(--pm-orange-2);font-weight:700}
/* Hero-Buttons am PC nebeneinander. */
@media(min-width:521px){.pm-hero .pm-cta .pm-btn{padding-inline:22px}}

/* ===== Weitere Hauptseiten 01.11. (Fächer, Preise, Dabei, Eltern, Über uns, Team, Kontakt, Ablauf) ===== */
.pm-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.pm-tags>*{display:inline-flex;align-items:center;padding:4px 11px;border:1px solid var(--pm-line);border-radius:999px;background:var(--pm-paper);color:var(--pm-ink);font-size:13.5px;font-weight:500;line-height:1.4}
.pm-tags-night>*{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#d6dbee}
@media(min-width:1040px){.pm-prices-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pm-price-text{position:relative;z-index:1;color:var(--pm-muted);font-size:15px}
.pm-price-hi .pm-price-text{color:#d6dbee}
.pm-list-big{gap:18px;font-size:17px}
.pm-list-big strong{font-weight:600}
.pm-muted{color:var(--pm-muted)}
.pm-h3{font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2;margin-bottom:10px!important}
.pm-sec-tight{padding-block:0 clamp(24px,4vw,40px)}
.pm-rule-more{margin-top:clamp(36px,5vw,56px)}
@media(min-width:1000px){.pm-sticky{position:sticky;top:110px}}
.pm-story .pm-when{display:block;margin-bottom:2px;color:var(--pm-orange-ink);font-style:normal;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.pm-founder-side q{display:block;color:#fff;font:400 clamp(1.25rem,2vw,1.55rem)/1.3 var(--pm-serif);quotes:"„" "“"}
.pm-portrait-lg{width:132px;height:132px;border-radius:28px}
/* Team */
.pm-team-tools{display:grid;gap:10px;margin-bottom:24px}
.pm-search input{width:100%;max-width:440px;min-height:52px;padding:12px 18px;border:1px solid var(--pm-line);border-radius:999px;background:var(--pm-surface);color:var(--pm-ink);font:16px var(--pm-sans)}
.pm-search input:focus{outline:none;border-color:var(--pm-orange);box-shadow:0 0 0 4px rgba(255,116,24,.16)}
.pm-team{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}
@media(min-width:640px){.pm-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.pm-team{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pm-teacher>a{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--pm-line);border-radius:22px;background:var(--pm-surface);color:inherit;text-decoration:none;transition:transform .35s var(--pm-ease),box-shadow .35s var(--pm-ease),border-color .2s}
.pm-teacher>a:hover{transform:translateY(-3px);box-shadow:0 24px 50px -30px rgba(10,15,36,.35);border-color:var(--pm-orange)}
.pm-teacher-photo{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(140deg,var(--pm-night-3),#2d3a7a)}
.pm-teacher-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--pm-ease)}
.pm-teacher-photo img.pm-focus{transform:scale(var(--pm-z,1))}
.pm-teacher>a:hover .pm-teacher-photo img{transform:scale(calc(var(--pm-z,1) * 1.03))}
.pm-pos-top img{object-position:center 20%}.pm-pos-bottom img{object-position:center 80%}
.pm-initials{color:#fff;font:italic 400 64px/1 var(--pm-serif)}
.pm-teacher-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:20px 22px 22px}
.pm-teacher-body strong{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.pm-teacher-intro{color:var(--pm-muted);font-size:15px;line-height:1.55}
.pm-teacher .pm-more{margin-top:auto;padding-top:4px;color:var(--pm-orange-ink);font-weight:600}
.pm-teacher-hi>a{border-color:var(--pm-night);background:var(--pm-night);color:#fff}
.pm-teacher-hi .pm-teacher-intro,.pm-teacher-hi .pm-lbl{color:var(--pm-muted-d)}
.pm-teacher-hi .pm-tags>*{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#d6dbee}
.pm-teacher-hi .pm-more{color:var(--pm-orange-2)}
html[data-look="dunkel"] .pm-teacher-hi>a{background:var(--pm-night-3);border-color:var(--pm-line-d)}
@media(min-width:1040px){.pm-teacher-hi{grid-column:span 2}.pm-teacher-hi>a{flex-direction:row}.pm-teacher-hi .pm-teacher-photo{flex:0 0 46%;aspect-ratio:auto}.pm-teacher-hi .pm-teacher-body{justify-content:center;padding:32px}.pm-teacher-hi .pm-teacher-body strong{font-size:30px}}
/* Kontakt */
.pm-notice{padding:14px 16px;border:1px solid rgba(80,200,140,.4);border-radius:14px;background:rgba(80,200,140,.12);color:#d9f7e8;font-size:15px}
.pm-notice-err{border-color:rgba(255,116,24,.45);background:rgba(255,116,24,.12);color:#ffd2b0}
.pm-ways{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none}
@media(min-width:640px) and (max-width:1039px){.pm-ways{grid-template-columns:1fr 1fr}}
.pm-ways a{display:grid;gap:2px;min-height:44px;padding:16px 20px;border:1px solid var(--pm-line);border-radius:18px;background:var(--pm-surface);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.pm-ways a:hover{border-color:var(--pm-orange);transform:translateY(-2px)}
.pm-ways strong{font-size:18px;font-weight:600;overflow-wrap:anywhere}
.pm-ways span:last-child{color:var(--pm-muted);font-size:14.5px}
.pm-trial-cta{margin-top:4px}
/* Ablauf */
.pm-table-wrap{overflow-x:auto;border:1px solid var(--pm-line);border-radius:18px;background:var(--pm-paper)}
.pm-table{width:100%;min-width:440px;border-collapse:collapse;font-size:15px}
.pm-table th,.pm-table td{padding:13px 16px;border-bottom:1px solid var(--pm-line);text-align:left;vertical-align:top}
.pm-table thead th{color:var(--pm-muted);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.pm-table tbody tr:last-child>*{border-bottom:0}
.pm-table td{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.pm-table tbody th{font-weight:500}
.pm-callout{margin-top:clamp(36px,5vw,56px);padding:clamp(22px,3vw,32px);border:1px solid rgba(255,116,24,.35);border-radius:22px;background:rgba(255,116,24,.06)}
.pm-callout p{color:var(--pm-muted)}
.pm-card .pm-lbl{color:var(--pm-orange-ink)}
/* Dunkle Karten als Link: .pm-home a{color:inherit} darf die helle Schrift nicht überschreiben. */
.pm-home a.pm-card-night{color:#fff}
.pm-card-night .pm-more{color:var(--pm-orange-2)}

.pm-hero-side .pm-more{color:var(--pm-orange-2);font-weight:600}

/* Google-Bewertung hervorgehoben (Marcel 03.11.) – nur Anzeige, kein Sterne-Markup */
.pm-rating{display:inline-flex;align-items:center;gap:12px;margin:0 0 16px;text-decoration:none;color:var(--pm-ink,inherit)}
.pm-rating b{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.pm-rating>span{display:grid;gap:2px}
.pm-rating-stars{color:var(--pm-orange);font-size:20px;letter-spacing:2px;line-height:1}
.pm-rating small{font-size:14px;color:var(--pm-muted)}
.pm-rating:hover small{text-decoration:underline}
.pm-trust .pm-rating-stars{font-size:15px;letter-spacing:1px}

/* Startseite auf dem Handy kürzer: Inhalte bleiben im Code, nur die Anzeige ist knapper.
   Weitere Startseiten-Regeln fürs Handy (Reihenfolge, Leisten, Helfer) in home-mobile.css. */
@media(max-width:639px){
 .pm-compact .pm-prices>.pm-price:not(.pm-price-hi){display:none}
 .pm-compact .pm-price-hi .pm-list{display:none}
 .pm-compact .pm-price{padding:22px}
 .pm-compact .pm-steps li{grid-template-columns:40px minmax(0,1fr);gap:2px 12px;padding:14px 0}
 .pm-compact .pm-steps li::before{font-size:26px}
 .pm-compact .pm-steps strong{font-size:17px}
 .pm-compact .pm-steps span{font-size:15px}
}

/* Geschwindigkeit: auf Handys keine Weichzeichner-Flächen (teuer beim Scrollen), Optik bleibt gleich. */
@media(max-width:699px){.pm-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.08)}}

.pm-trust{min-height:44px}
.pm-subjects a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pm-subjects a:hover{color:var(--pm-orange-ink)}
