/* Poppins lokal gehostet (kein Google-Server-Aufruf) – Dateien liegen in /fonts/ */
  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/poppins-light.woff2") format('woff2'); }
  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/poppins-regular.woff2") format('woff2'); }
  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/poppins-medium.woff2") format('woff2'); }
  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/poppins-semibold.woff2") format('woff2'); }
  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/poppins-bold.woff2") format('woff2'); }
  :root {
    --navy: #0F2A43;
    --navy-deep: #0A1D2E;
    --navy-mid: #14395A;
    --teal: #1FA9A0;
    --teal-dark: #17847D;
    --white: #FFFFFF;
    --mist: #F2F7F8;
    --line: #DCE5E8;
    --ink: #1D2A33;
    --muted: #5B6B78;
    --sand: #FFF6E8;
    --gold: #E0A94B;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  }
  body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--ink);
    background: var(--white);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
  }
  a { color: var(--teal-dark); }
  :focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; border-radius: 4px; }

  /* ---------- Header ---------- */
  header {
    background: var(--navy);
    color: var(--white);
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 2px solid var(--teal);
  }
  header .logo { font-size: 1.15rem; font-weight: 600; letter-spacing: .3px; }
  header .logo span { color: var(--teal); }
  .btn {
    display: inline-block;
    background: var(--teal);
    color: var(--white);
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: .9rem;
    transition: background .18s ease, transform .18s ease;
  }
  .btn:hover, .btn:focus-visible { background: var(--teal-dark); transform: translateY(-1px); }
  .btn-ghost {
    background: transparent;
    border: 1.5px solid rgba(255,255,255,.4);
    color: var(--white);
  }
  .btn-ghost:hover, .btn-ghost:focus-visible { background: rgba(255,255,255,.1); border-color: var(--teal); }

  /* ---------- Hero ---------- */
  .hero {
    background: linear-gradient(160deg, var(--navy) 0%, var(--navy-mid) 100%);
    color: var(--white);
    padding: 64px 20px 56px;
    text-align: center;
  }
  .eyebrow {
    font-size: .78rem;
    font-weight: 500;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--teal);
    margin-bottom: 14px;
  }
  .hero h1 {
    font-size: clamp(1.9rem, 5.5vw, 3rem);
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 18px;
  }
  .hero h1 em { font-style: normal; color: var(--teal); }
  .hero p.sub {
    max-width: 620px;
    margin: 0 auto 30px;
    color: #C3D5E0;
    font-weight: 300;
    font-size: clamp(1rem, 2.4vw, 1.12rem);
  }
  .hero-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

  /* ---------- Free guide ---------- */
  .free {
    max-width: 1000px;
    margin: -32px auto 0;
    padding: 0 20px;
    position: relative;
    z-index: 2;
  }
  .free-inner {
    background: var(--white);
    border: 1px solid var(--line);
    border-top: 4px solid var(--teal);
    border-radius: 12px;
    padding: 28px 24px;
    box-shadow: 0 12px 32px rgba(15,42,67,.10);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: center;
  }
  @media (max-width: 720px) { .free-inner { grid-template-columns: 1fr; } }
  .tag {
    display: inline-block;
    background: var(--teal);
    color: var(--white);
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 4px 11px;
    border-radius: 20px;
    margin-bottom: 10px;
  }
  .free h2 { font-size: 1.35rem; color: var(--navy); margin-bottom: 8px; text-align: left; }
  .free p { color: var(--muted); font-size: .95rem; }
  .free ul { list-style: none; margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px 20px; }
  .free li { font-size: .87rem; color: var(--muted); position: relative; padding-left: 16px; }
  .free li::before { content: "•"; color: var(--teal); position: absolute; left: 0; font-weight: 700; }

  /* ---------- Sections ---------- */
  main { max-width: 1000px; margin: 0 auto; padding: 64px 20px 20px; }
  .section-head { text-align: center; margin-bottom: 32px; }
  h2 { color: var(--navy); font-size: clamp(1.4rem, 3.6vw, 1.9rem); font-weight: 700; }
  .section-head p { color: var(--muted); max-width: 620px; margin: 12px auto 0; font-size: .96rem; }

  .group-label {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 44px 0 20px;
    color: var(--navy);
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
  }
  .group-label::after { content: ""; flex: 1; height: 1px; background: var(--line); }
  .group-label:first-of-type { margin-top: 0; }

  .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
  .card {
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--white);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .card:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(15,42,67,.10); border-color: #C3D5DA; }
  .card-header { background: var(--navy); color: var(--white); padding: 22px 18px 18px; }
  .card h3 { margin-top: 10px; font-size: 1.05rem; font-weight: 600; }
  .card-body { padding: 18px; flex: 1; display: flex; flex-direction: column; }
  .badge {
    display: inline-block;
    background: #E4F3F2;
    color: var(--teal-dark);
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .6px;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    width: fit-content;
  }
  .card p.desc { color: var(--muted); font-size: .9rem; flex: 1; }
  .price-row { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; gap: 10px; }
  .price { font-weight: 600; color: var(--navy); font-size: 1.02rem; }

  /* ---------- Author ---------- */
  .author {
    background: var(--mist);
    padding: 56px 20px;
    margin-top: 64px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  .author-inner { max-width: 700px; margin: 0 auto; text-align: center; }
  .author h3 { color: var(--navy); font-size: 1.25rem; margin: 14px 0 4px; }
  .author .role { color: var(--teal-dark); font-weight: 500; font-size: .92rem; margin-bottom: 18px; }
  .author p { color: #3E4C57; font-size: .97rem; }
  .author p + p { margin-top: 12px; }

  /* ---------- Legal ---------- */
  .legal { max-width: 720px; margin: 0 auto; padding: 48px 20px; scroll-margin-top: 80px; }
  .legal h2 { text-align: left; font-size: 1.35rem; margin-bottom: 16px; }
  .legal h3 { color: var(--navy); font-size: 1rem; margin: 22px 0 6px; }
  .legal p { margin-bottom: 10px; color: #3E4C57; font-size: .93rem; }
  .legal ul { margin: 0 0 10px 20px; color: #3E4C57; font-size: .93rem; }
  .legal li { margin-bottom: 5px; }
  .note {
    background: var(--sand);
    border-left: 3px solid var(--gold);
    padding: 14px 16px;
    border-radius: 0 6px 6px 0;
    font-size: .9rem;
    margin: 16px 0;
    color: #4A3B22;
  }
  hr.divider { border: none; border-top: 1px solid var(--line); max-width: 720px; margin: 0 auto; }

  /* ---------- Footer ---------- */
  footer { background: var(--navy); color: #A8BFCE; text-align: center; padding: 34px 20px; font-size: .85rem; }
  footer strong { color: var(--white); }
  footer a { color: var(--teal); text-decoration: none; margin: 0 8px; }
  footer a:hover { text-decoration: underline; }
  footer p + p { margin-top: 6px; }
  .disclaimer { margin-top: 16px; font-size: .78rem; color: #7690A3; max-width: 620px; margin-left: auto; margin-right: auto; }


/* ---- naechster Block ---- */


  #mw-consent {
    position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999;
    max-width: 540px; margin-left: auto; margin-right: auto;
    padding: 20px 22px; background: #0F2A43; color: #fff;
    border-radius: 10px; box-shadow: 0 12px 32px rgba(15,42,67,.35);
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: .9rem; line-height: 1.55;
  }
  #mw-consent p { margin: 0 0 16px; }
  #mw-consent a { color: #1FA9A0; }
  #mw-consent .mw-consent-actions { display: flex; gap: 10px; flex-wrap: wrap; }
  #mw-consent button {
    flex: 1 1 auto; padding: 11px 18px; border-radius: 6px;
    border: 1px solid #1FA9A0; font: inherit; font-weight: 600; cursor: pointer;
  }
  #mw-consent .mw-ja { background: #1FA9A0; color: #0F2A43; }
  #mw-consent .mw-nein { background: transparent; color: #fff; }
  #mw-consent button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }


/* ---- naechster Block ---- */


  /* ===== AKTIONSLEISTE (September-Aktion) ===== */
  #mw-aktion {
    background: linear-gradient(90deg, var(--teal-dark) 0%, var(--teal) 100%);
    color: #fff; text-align: center; padding: 10px 18px; font-size: .92rem; line-height: 1.45;
  }
  #mw-aktion[hidden] { display: none; }
  #mw-aktion .mw-aktion-inner { max-width: 1100px; margin: 0 auto; }
  #mw-aktion strong { font-weight: 700; }
  #mw-aktion b { font-weight: 700; letter-spacing: .06em; background: rgba(255,255,255,.18); padding: 1px 7px; border-radius: 4px; }
  #mw-aktion em { font-style: normal; opacity: .9; display: block; font-size: .84rem; margin-top: 2px; }

  /* ===== DANKE-ANSICHT (nur bei ?danke=1 sichtbar) ===== */
  #mw-danke { display: none; }
  body.mw-danke-aktiv #mw-danke { display: block; }
  body.mw-danke-aktiv > *:not(#mw-danke):not(#mw-consent):not(script):not(style) { display: none; }

  #mw-danke .d-hero {
    background: linear-gradient(160deg, var(--navy) 0%, var(--navy-mid) 100%);
    color: #fff; padding: 72px 24px 96px; text-align: center;
  }
  #mw-danke .d-mark {
    width: 64px; height: 64px; margin: 0 auto 24px; border-radius: 50%;
    background: var(--teal); display: grid; place-items: center;
  }
  #mw-danke .d-mark svg { width: 30px; height: 30px; }
  #mw-danke .d-hero h1 { font-size: clamp(1.7rem, 5vw, 2.6rem); font-weight: 700; line-height: 1.2; }
  #mw-danke .d-hero p { max-width: 34rem; margin: 16px auto 0; color: #C7D8E4; }
  #mw-danke .d-wrap { max-width: 940px; margin: 0 auto; padding: 0 24px; }
  #mw-danke .d-steps {
    background: #fff; border-radius: 12px; border-top: 4px solid var(--teal);
    box-shadow: 0 10px 30px rgba(15,42,67,.10); padding: 34px 32px;
    margin-top: -56px; position: relative;
  }
  #mw-danke .d-steps h2 { font-size: 1.2rem; color: var(--navy); margin-bottom: 18px; text-align: left; }
  #mw-danke .d-steps ol { list-style: none; counter-reset: s; margin: 0; padding: 0; }
  #mw-danke .d-steps li { counter-increment: s; position: relative; padding-left: 44px; margin-bottom: 16px; }
  #mw-danke .d-steps li:last-child { margin-bottom: 0; }
  #mw-danke .d-steps li::before {
    content: counter(s); position: absolute; left: 0; top: 1px;
    width: 28px; height: 28px; border-radius: 50%; background: #F4F7F9;
    color: var(--navy); font-weight: 600; font-size: .85rem;
    display: grid; place-items: center;
  }
  #mw-danke .d-hint {
    margin-top: 22px; padding-top: 18px; border-top: 1px solid #E3EAEF;
    font-size: .88rem; color: #5C7183;
  }
  #mw-danke .d-more { padding: 64px 0 40px; }
  #mw-danke .d-more h2 { font-size: 1.45rem; color: var(--navy); text-align: left; }
  #mw-danke .d-lead { color: #5C7183; margin: 8px 0 28px; max-width: 40rem; }
  #mw-danke .d-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; }
  #mw-danke .d-card {
    background: #fff; border-radius: 10px; box-shadow: 0 4px 16px rgba(15,42,67,.08);
    display: flex; flex-direction: column; overflow: hidden;
  }
  #mw-danke .d-card-head {
    background: var(--navy); color: #fff; padding: 16px 18px;
    display: flex; align-items: center; gap: 10px;
  }
  #mw-danke .d-card-head span { font-size: 1.4rem; }
  #mw-danke .d-card-head h3 { font-size: 1rem; font-weight: 600; }
  #mw-danke .d-card-body { padding: 18px; display: flex; flex-direction: column; flex: 1; }
  #mw-danke .d-card-body p { font-size: .9rem; color: #5C7183; flex: 1; }
  #mw-danke .d-price-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }
  #mw-danke .d-price { font-weight: 700; color: var(--navy); }
  #mw-danke .d-all { text-align: center; margin-top: 32px; }
  #mw-danke .d-all a {
    display: inline-block; padding: 12px 26px; border: 1px solid var(--navy);
    border-radius: 6px; color: var(--navy); text-decoration: none; font-weight: 600;
  }
  #mw-danke .d-all a:hover { background: var(--navy); color: #fff; }


/* ---- naechster Block ---- */


  /* ===== VERKAUFSSEITE (nur bei ?guide=... sichtbar) ===== */
  #mw-guide { display: none; }
  body.mw-guide-aktiv #mw-guide { display: block; }
  body.mw-guide-aktiv > *:not(#mw-guide):not(#mw-consent):not(#mw-aktion):not(script):not(style) { display: none; }

  #mw-guide .g-hero {
    background: linear-gradient(160deg, var(--navy) 0%, var(--navy-mid) 100%);
    color: #fff; padding: 56px 24px 88px; text-align: center;
  }
  #mw-guide .g-hero h1 { font-size: clamp(1.7rem, 5vw, 2.6rem); font-weight: 700; line-height: 1.2; }
  #mw-guide .g-hero .g-hook { max-width: 36rem; margin: 16px auto 0; color: #C7D8E4; font-weight: 300; }
  #mw-guide .g-wrap { max-width: 780px; margin: 0 auto; padding: 0 24px; }
  #mw-guide .g-card {
    background: #fff; border-radius: 12px; border-top: 4px solid var(--teal);
    box-shadow: 0 10px 30px rgba(15,42,67,.10); padding: 32px 30px;
    margin-top: -56px; position: relative;
  }
  #mw-guide .g-card h2 { font-size: 1.2rem; color: var(--navy); text-align: left; margin-bottom: 14px; }
  #mw-guide .g-card p { color: #3E4C57; font-size: .97rem; }
  #mw-guide .g-card p + p { margin-top: 12px; }
  #mw-guide .g-inhalt { margin-top: 34px; }
  #mw-guide .g-inhalt ul { list-style: none; margin: 0; padding: 0; }
  #mw-guide .g-inhalt li {
    position: relative; padding-left: 26px; margin-bottom: 11px;
    color: #3E4C57; font-size: .95rem;
  }
  #mw-guide .g-inhalt li::before {
    content: ""; position: absolute; left: 4px; top: .62em;
    width: 8px; height: 8px; border-radius: 50%; background: var(--teal);
  }
  #mw-guide .g-meta {
    margin-top: 22px; padding-top: 16px; border-top: 1px solid #E3EAEF;
    font-size: .86rem; color: #5C7183;
  }
  #mw-guide .g-buy {
    margin-top: 26px; padding: 22px; background: var(--mist);
    border: 1px solid var(--line); border-radius: 10px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap;
  }
  #mw-guide .g-buy .g-preis { font-size: 1.45rem; font-weight: 700; color: var(--navy); }
  #mw-guide .g-buy .g-preis small { display: block; font-size: .78rem; font-weight: 400; color: var(--muted); }
  #mw-guide .g-buy .btn { padding: 14px 30px; font-size: 1rem; }
  #mw-guide .g-buy .btn.g-soon { background: #94A6B3; cursor: default; }
  #mw-guide .g-buy .btn.g-soon:hover { background: #94A6B3; transform: none; }
  #mw-guide .g-trust { margin-top: 18px; font-size: .84rem; color: #5C7183; }
  #mw-guide .g-autor {
    margin-top: 44px; padding: 26px 28px; background: #fff;
    border: 1px solid var(--line); border-radius: 10px;
  }
  #mw-guide .g-autor h3 { color: var(--navy); font-size: 1.05rem; margin-bottom: 2px; }
  #mw-guide .g-autor .g-rolle { color: var(--teal-dark); font-weight: 500; font-size: .88rem; margin-bottom: 12px; }
  #mw-guide .g-autor p { color: #3E4C57; font-size: .93rem; }
  #mw-guide .g-back { text-align: center; margin: 40px 0 56px; }
  #mw-guide .g-back a {
    display: inline-block; padding: 12px 26px; border: 1px solid var(--navy);
    border-radius: 6px; color: var(--navy); text-decoration: none; font-weight: 600;
  }
  #mw-guide .g-back a:hover { background: var(--navy); color: #fff; }

  /* Details-Link auf den Karten der Startseite */
  .lnk-detail {
    font-size: .85rem; font-weight: 600; color: var(--teal-dark);
    text-decoration: none; border-bottom: 1px solid transparent;
  }
  .lnk-detail:hover { border-bottom-color: var(--teal-dark); }
  .btn.soon { background: #94A6B3; cursor: default; }
  .btn.soon:hover { background: #94A6B3; transform: none; }


/* ---- naechster Block ---- */


  /* ===== PAKETE (Bundles) ===== */
  .pakete { margin-top: 56px; }
  .pakete .section-head { margin-bottom: 24px; }
  .paket-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 20px; }
  .paket {
    border: 1px solid var(--line); border-radius: 12px; background: var(--white);
    display: flex; flex-direction: column; overflow: hidden; position: relative;
    transition: transform .18s ease, box-shadow .18s ease;
  }
  .paket:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(15,42,67,.10); }
  .paket.top { border: 2px solid var(--teal); }
  .paket .p-ribbon {
    position: absolute; top: 14px; right: -34px; transform: rotate(45deg);
    background: var(--gold); color: #3A2A08; font-size: .68rem; font-weight: 700;
    letter-spacing: .8px; padding: 4px 40px;
  }
  .paket .p-head { background: var(--navy); color: #fff; padding: 20px 18px 16px; }
  .paket .p-head h3 { font-size: 1.08rem; font-weight: 600; }
  .paket .p-head small { display: block; color: #C3D5E0; font-size: .82rem; margin-top: 4px; }
  .paket .p-body { padding: 18px; flex: 1; display: flex; flex-direction: column; }
  .paket ul { list-style: none; margin: 0 0 16px; padding: 0; flex: 1; }
  .paket li { font-size: .88rem; color: var(--muted); padding-left: 20px; position: relative; margin-bottom: 6px; }
  .paket li::before { content: "\2713"; color: var(--teal); position: absolute; left: 0; font-weight: 700; }
  .paket .p-preis { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
  .paket .p-preis strong { font-size: 1.5rem; color: var(--navy); font-weight: 700; }
  .paket .p-preis s { color: var(--muted); font-size: .92rem; }
  .paket .p-preis .p-spar { background: #E4F3F2; color: var(--teal-dark); font-size: .72rem; font-weight: 700; padding: 3px 9px; border-radius: 4px; }
  .paket .btn { text-align: center; }
  .paket .btn.soon { background: #94A6B3; cursor: default; }
  .pakete-hinweis { text-align: center; color: var(--muted); font-size: .86rem; margin-top: 16px; }

  /* Teaser oben im Katalog */
  .paket-teaser {
    display: block; text-align: center; margin: -14px auto 28px; font-size: .9rem;
    color: var(--teal-dark); font-weight: 600; text-decoration: none;
  }
  .paket-teaser:hover { text-decoration: underline; }

  /* "Passt dazu" auf der Verkaufsseite */
  #mw-guide .g-passt { margin-top: 34px; }
  #mw-guide .g-passt h3 { color: var(--navy); font-size: 1.05rem; margin-bottom: 4px; }
  #mw-guide .g-passt .g-passt-lead { color: var(--muted); font-size: .9rem; margin-bottom: 14px; }
  #mw-guide .g-passt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
  #mw-guide .g-passt-card {
    border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; background: #fff;
    display: flex; flex-direction: column; gap: 6px;
  }
  #mw-guide .g-passt-card .g-pc-titel { font-weight: 600; color: var(--navy); font-size: .95rem; }
  #mw-guide .g-passt-card .g-pc-hook { font-size: .84rem; color: var(--muted); flex: 1; }
  #mw-guide .g-passt-card .g-pc-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 6px; }
  #mw-guide .g-passt-card .g-pc-row .btn { padding: 8px 14px; font-size: .84rem; }
  #mw-guide .g-passt-paket {
    margin-top: 14px; padding: 16px 18px; background: var(--sand); border-left: 3px solid var(--gold);
    border-radius: 0 8px 8px 0; font-size: .9rem; color: #4A3B22;
    display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  }
  #mw-guide .g-passt-paket .btn { background: var(--navy); }
  #mw-guide .g-passt-paket .btn:hover { background: var(--navy-deep); }


/* ---- naechster Block ---- */


/* ===== PREMIUM REDESIGN 2026 ===== */
:root{
  --navy:#0B2239;--navy-deep:#071827;--navy-mid:#123C5A;
  --teal:#25B7AA;--teal-dark:#148A82;--teal-pale:#E9F8F6;
  --white:#fff;--mist:#F5F8FA;--line:#DFE8EC;--ink:#17242D;--muted:#64737F;
  --sand:#FFF8EA;--gold:#DCA647;--shadow:0 18px 50px rgba(11,34,57,.12);
}
body{background:#FBFCFD;}
.site-header{height:76px;padding:0 28px;background:rgba(11,34,57,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;}
.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--teal),#78D5CC);display:grid;place-items:center;color:var(--navy-deep);font-weight:800;font-size:.88rem;box-shadow:0 8px 20px rgba(37,183,170,.25);}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:1.08rem;letter-spacing:.2px}.brand-copy strong span{color:#63D0C7}.brand-copy small{margin-top:5px;color:#9DB5C6;font-size:.63rem;letter-spacing:.45px;text-transform:uppercase}
.top-nav{display:flex;gap:26px;margin-left:auto;margin-right:22px}.top-nav a{color:#BDD0DD;text-decoration:none;font-size:.84rem;font-weight:500}.top-nav a:hover{color:#fff}
.btn{border-radius:10px;padding:11px 19px;box-shadow:none}.btn-header{background:#fff;color:var(--navy);font-size:.82rem;padding:10px 15px}.btn-header:hover{background:#EAF4F6;color:var(--navy)}
.btn-primary{background:linear-gradient(135deg,var(--teal),#2CC9B9);color:#06201E;box-shadow:0 10px 28px rgba(37,183,170,.22)}.btn-primary:hover{background:linear-gradient(135deg,#36C6B8,#66D9CE);color:#06201E}
.btn-soft{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff}.btn-soft:hover{background:rgba(255,255,255,.14)}
.hero{padding:78px 24px 92px;text-align:left;background:radial-gradient(circle at 80% 15%,rgba(37,183,170,.19),transparent 34%),linear-gradient(145deg,#071827 0%,#0B2239 54%,#123C5A 100%);overflow:hidden;position:relative}
.hero::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.06);right:-160px;bottom:-250px}
.hero-shell{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:62px;align-items:center;position:relative;z-index:1}.hero-copy{max-width:680px}.hero-kicker,.mini-kicker{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:1.4px;font-size:.72rem;font-weight:700;color:#65D6CC}.hero-kicker span{width:26px;height:1px;background:#65D6CC}.hero h1{font-size:clamp(2.35rem,5vw,4.3rem);letter-spacing:-2.2px;max-width:760px;margin:15px 0 18px}.hero h1 em{color:#75D8CF}.hero p.sub{margin:0 0 24px;max-width:650px;color:#C2D3DE;font-size:clamp(1rem,1.7vw,1.14rem);line-height:1.7}.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.hero-proof span{font-size:.78rem;color:#D9E6ED;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:7px 10px;border-radius:999px}.hero-actions{justify-content:flex-start}.hero-actions .btn{padding:13px 20px}
.hero-visual{position:relative;height:360px}.book{position:absolute;width:215px;height:292px;border-radius:12px 16px 16px 12px;padding:30px 24px;display:flex;flex-direction:column;box-shadow:0 28px 55px rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.14);transform-origin:center bottom}.book::after{content:"";position:absolute;left:12px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.18)}.book span{font-size:.6rem;letter-spacing:1.7px;font-weight:700;opacity:.75}.book strong{font-size:1.45rem;line-height:1.12;margin-top:48px}.book small{margin-top:auto;font-size:.67rem;letter-spacing:.8px;text-transform:uppercase}.book-back{right:156px;top:42px;transform:rotate(-11deg);background:linear-gradient(155deg,#EDF7F6,#BFE7E2);color:#0B3941}.book-mid{right:78px;top:28px;transform:rotate(-2deg);background:linear-gradient(155deg,#183D5E,#0A2239);color:#fff}.book-front{right:0;top:8px;transform:rotate(8deg);background:linear-gradient(155deg,#2BC1B3,#138B84);color:#062B2A}.master-seal{position:absolute;left:38px;bottom:8px;width:118px;height:118px;border-radius:50%;background:#FFFDF7;border:7px solid rgba(255,255,255,.25);box-shadow:0 18px 35px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--navy);transform:rotate(-7deg)}.master-seal::before,.master-seal::after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed #D6A84E}.master-seal b{font-size:.86rem;letter-spacing:1.2px}.master-seal span{font-size:.58rem;text-transform:uppercase;margin-top:3px}
.trust-strip{max-width:1040px;margin:-34px auto 0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:18px 22px;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:4}.trust-strip span{padding:2px 18px;border-right:1px solid var(--line)}.trust-strip span:last-child{border-right:0}.trust-strip b,.trust-strip small{display:block}.trust-strip b{color:var(--navy);font-size:.86rem}.trust-strip small{color:var(--muted);font-size:.7rem;margin-top:2px}
.free{max-width:1040px;margin:38px auto 0}.free-inner{grid-template-columns:145px 1fr auto;border-top:0;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 38px rgba(11,34,57,.08);gap:26px}.free-cover{height:176px;border-radius:12px;padding:18px;background:linear-gradient(160deg,#0D2A43,#153F5E);color:#fff;display:flex;flex-direction:column;box-shadow:0 14px 30px rgba(11,34,57,.18);position:relative;overflow:hidden}.free-cover::after{content:"";width:110px;height:110px;border:1px solid rgba(117,216,207,.28);position:absolute;border-radius:50%;right:-42px;bottom:-42px}.free-cover-label{font-size:.58rem;letter-spacing:1.5px;color:#75D8CF;font-weight:700}.free-cover strong{font-size:1rem;line-height:1.18;margin-top:23px}.free-cover small{margin-top:auto;color:#A8C1D0;font-size:.58rem}.free-copy h2{font-size:1.38rem;margin:5px 0 6px}.free-copy p{font-size:.9rem}.free-copy ul{margin-top:10px;display:block}.free-copy li{margin-bottom:4px}.free-action{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:190px}.free-note{font-size:.72rem;color:var(--muted);text-align:center;margin-bottom:8px}.free-action .btn{text-align:center}
main{max-width:1040px;padding-top:72px}.section-head h2{letter-spacing:-.7px}.section-head p{line-height:1.7}.paket-teaser{display:block;margin:-6px auto 32px;width:max-content;max-width:100%;padding:10px 14px;border-radius:999px;background:var(--teal-pale);color:var(--teal-dark);font-size:.82rem;font-weight:600;text-decoration:none}.group-label{font-size:.75rem;color:#506876;margin-top:52px}.cards{grid-template-columns:repeat(3,1fr);gap:18px}.card{border-radius:16px;border-color:#E3EAED;box-shadow:0 5px 18px rgba(11,34,57,.04);min-height:100%}.card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(11,34,57,.10);border-color:#CAD9DE}.card-header{min-height:112px;padding:22px 20px;background:linear-gradient(150deg,#0E2D48,#173E5C);display:flex;align-items:flex-end;position:relative;overflow:hidden}.card-header::before{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:rgba(37,183,170,.11);right:-28px;top:-36px}.card-header::after{content:"MW";position:absolute;right:14px;top:13px;font-size:.58rem;letter-spacing:1px;color:rgba(255,255,255,.42);font-weight:700}.card h3{font-size:1.08rem;line-height:1.3;position:relative;z-index:1}.card-body{padding:18px 19px 19px}.badge{border-radius:999px;padding:4px 9px;background:var(--teal-pale);font-size:.62rem}.card p.desc{font-size:.86rem;line-height:1.65}.price-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"price detail" "buy buy";gap:9px 12px;margin-top:18px;align-items:center}.price{grid-area:price;font-size:1.1rem}.lnk-detail{grid-area:detail}.price-row .btn{grid-area:buy;text-align:center;padding:10px 14px;width:100%;background:#0C2B45}.price-row .btn:hover{background:#123F60}.card[id="hallux-valgus"],.card[id="fersensporn"],.card[id="einlagen-guide"]{border-color:#B9DDD9}.card[id="hallux-valgus"] .card-header,.card[id="fersensporn"] .card-header,.card[id="einlagen-guide"] .card-header{background:linear-gradient(150deg,#0E3847,#11645F)}
.pakete{margin-top:78px}.paket{border-radius:16px;box-shadow:0 8px 24px rgba(11,34,57,.06)}.paket.top{box-shadow:0 16px 36px rgba(37,183,170,.15)}
.why{padding:72px 24px;background:#F2F7F8;border-top:1px solid var(--line);margin-top:76px}.why-inner{max-width:1040px;margin:0 auto}.why .section-head{text-align:left;max-width:720px;margin-bottom:30px}.why .section-head h2{margin-top:8px}.mini-kicker{color:var(--teal-dark)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.why-grid article{background:#fff;padding:25px;border:1px solid var(--line);border-radius:16px}.why-icon{width:38px;height:38px;border-radius:10px;background:var(--teal-pale);color:var(--teal-dark);display:grid;place-items:center;font-size:.72rem;font-weight:700;margin-bottom:18px}.why-grid h3{color:var(--navy);font-size:1rem;margin-bottom:8px}.why-grid p{font-size:.86rem;color:var(--muted);line-height:1.65}
.author{margin-top:0;padding:72px 24px;background:#fff}.author-inner{max-width:980px;text-align:left;display:grid;grid-template-columns:190px 1fr;gap:42px;align-items:center}.author-badge{width:170px;height:170px;border-radius:34px;background:linear-gradient(150deg,#0C2B45,#164F6C);box-shadow:0 18px 40px rgba(11,34,57,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transform:rotate(-3deg)}.author-badge span{font-size:2.35rem;font-weight:700;letter-spacing:-1px}.author-badge small{font-size:.65rem;letter-spacing:2px;color:#72D8CF;margin-top:3px}.author-copy h3{font-size:1.8rem;margin:7px 0 1px}.author .role{margin-bottom:15px}.author-copy p{font-size:.94rem}.author-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.author-points span{font-size:.72rem;background:var(--teal-pale);color:#24625E;padding:6px 9px;border-radius:999px}.meisterbrief{max-width:980px;margin:44px auto 0;text-align:center}.meisterbrief img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:0 16px 38px rgba(11,34,57,.14)}.meisterbrief figcaption{margin-top:12px;font-size:.78rem;color:#7690A3;letter-spacing:.2px}
.legal{background:#fff}.legal h2{letter-spacing:-.3px}footer{padding-top:40px}
/* guide pages */
#mw-guide .g-hero{background:radial-gradient(circle at 80% 10%,rgba(37,183,170,.18),transparent 30%),linear-gradient(145deg,#071827,#123C5A);padding-top:68px}
#mw-guide .g-card{border-radius:18px;box-shadow:var(--shadow);border-top:0;padding:36px}#mw-guide .g-card{position:relative}#mw-guide .g-siegel{position:absolute;top:-20px;right:-12px;width:98px;padding:8px 8px 9px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 26px rgba(11,34,57,.16);text-align:center;transform:rotate(3deg);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#mw-guide .g-siegel img{display:block;width:100%;height:auto;border-radius:7px;pointer-events:none}#mw-guide .g-siegel b{display:block;margin-top:6px;font-size:.57rem;letter-spacing:.7px;text-transform:uppercase;color:var(--navy)}#mw-guide .g-siegel span{display:block;font-size:.52rem;letter-spacing:.5px;color:#7690A3}.g-buy{border-radius:14px!important}.g-buy .btn{background:linear-gradient(135deg,var(--teal),#2CC9B9)!important;color:#06201E!important}.g-autor{border-radius:14px!important;background:#F7FAFB!important}
@media(max-width:900px){.top-nav{display:none}.hero-shell{grid-template-columns:1fr;gap:30px}.hero-visual{height:295px;max-width:480px;width:100%;margin:0 auto}.book{width:180px;height:245px}.book strong{font-size:1.18rem;margin-top:38px}.book-back{right:150px}.book-mid{right:80px}.book-front{right:10px}.master-seal{left:5px;width:96px;height:96px}.trust-strip{grid-template-columns:repeat(2,1fr);margin-left:20px;margin-right:20px}.trust-strip span:nth-child(2){border-right:0}.trust-strip span:nth-child(-n+2){border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:10px}.free-inner{grid-template-columns:120px 1fr}.free-action{grid-column:1/-1;flex-direction:row;align-items:center;gap:14px}.free-note{margin:0}.cards{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr}.author-inner{grid-template-columns:150px 1fr}.author-badge{width:140px;height:140px}}
@media(max-width:620px){.site-header{height:66px;padding:0 16px}.brand-mark{width:36px;height:36px}.brand-copy small{display:none}.btn-header{font-size:.72rem;padding:9px 11px}.hero{padding:54px 18px 70px}.hero h1{font-size:2.35rem;letter-spacing:-1.5px}.hero p.sub{font-size:.96rem}.hero-proof{gap:7px}.hero-proof span{font-size:.7rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-actions .btn{text-align:center;padding:12px 9px;font-size:.78rem}.hero-visual{height:230px;margin-top:8px}.book{width:145px;height:200px;padding:20px 17px}.book strong{font-size:.94rem;margin-top:27px}.book small{font-size:.5rem}.book-back{right:118px;top:28px}.book-mid{right:62px;top:18px}.book-front{right:5px;top:4px}.master-seal{width:78px;height:78px;left:0;bottom:0;border-width:5px}.master-seal b{font-size:.68rem}.master-seal span{font-size:.48rem}.trust-strip{margin:-28px 14px 0;padding:15px 8px;border-radius:14px}.trust-strip span{padding:4px 10px}.trust-strip b{font-size:.75rem}.trust-strip small{font-size:.61rem}.free{padding:0 14px;margin-top:28px}.free-inner{grid-template-columns:1fr;padding:18px;gap:18px}.free-cover{height:150px;max-width:250px;width:100%}.free-action{grid-column:auto;display:grid;grid-template-columns:1fr;gap:7px}.free-note{text-align:left}main{padding:56px 14px 14px}.section-head{margin-bottom:26px}.section-head p{font-size:.88rem}.paket-teaser{font-size:.72rem;text-align:center}.cards{grid-template-columns:1fr;gap:14px}.group-label{margin:38px 0 14px}.card-header{min-height:88px}.card-body{padding:16px 17px}.price-row{grid-template-columns:1fr auto}.why{padding:54px 14px;margin-top:54px}.why-grid article{padding:20px}.author{padding:54px 18px}.author-inner{grid-template-columns:1fr;gap:24px}.author-badge{width:110px;height:110px;border-radius:24px}.author-badge span{font-size:1.75rem}.author-copy h3{font-size:1.5rem}.author-points{gap:6px}.meisterbrief{margin-top:30px}.meisterbrief figcaption{font-size:.72rem}#mw-guide .g-card{padding:25px 20px}#mw-guide .g-siegel{width:72px;top:-14px;right:-6px;padding:6px 6px 7px;border-radius:10px}#mw-guide .g-siegel b{font-size:.5rem;margin-top:4px}#mw-guide .g-siegel span{font-size:.46rem}.legal{padding-left:18px;padding-right:18px}}


/* ---- naechster Block ---- */


/* ===== CONVERSION REDESIGN: Start- und Produktseiten ===== */
.site-header{
  max-width:none;
  box-shadow:0 10px 34px rgba(3,18,31,.18);
}
.site-header .btn-header{background:linear-gradient(135deg,#FFFFFF,#DCF5F2);}
.hero{padding-top:88px;padding-bottom:112px;}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.hero-copy{position:relative;}
.hero-copy::before{
  content:"MEISTERWISSEN";
  position:absolute;
  left:-3px;
  top:-70px;
  color:rgba(255,255,255,.035);
  font-size:clamp(3.3rem,8vw,7rem);
  line-height:1;
  font-weight:700;
  letter-spacing:-5px;
  white-space:nowrap;
  pointer-events:none;
}
.hero h1{max-width:780px;font-size:clamp(2.5rem,5vw,4.65rem);}
.hero-offer{
  position:absolute;
  right:-12px;
  bottom:4px;
  width:246px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  background:rgba(5,25,41,.82);
  box-shadow:0 20px 45px rgba(0,0,0,.3);
  backdrop-filter:blur(10px);
  color:#fff;
  transform:rotate(2deg);
}
.hero-offer-label{display:block;color:#75D8CF;font-size:.58rem;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;}
.hero-offer-main{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:5px;}
.hero-offer-main strong{font-size:1.08rem;}.hero-offer-main b{font-size:1.42rem;color:#fff;}
.hero-offer small{display:block;margin-top:3px;color:#AFC4D1;font-size:.64rem;}
.hero-offer small s{opacity:.8;}
.trust-strip{max-width:1120px;padding:20px 14px;}
.trust-strip span{padding-left:24px;padding-right:24px;}

.bundle-stage{
  max-width:1120px;
  margin:76px auto 0;
  padding:0 24px;
}
.bundle-stage .section-head{max-width:790px;margin:0 auto 34px;}
.bundle-stage .section-head h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.18;letter-spacing:-1.2px;margin-top:10px;}
.bundle-stage .section-head p{max-width:730px;font-size:1rem;}
.value-ladder{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  max-width:900px;
  margin:0 auto 28px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 30px rgba(11,34,57,.05);
}
.value-ladder span{padding:13px 18px;text-align:center;color:var(--muted);font-size:.76rem;border-right:1px solid var(--line);}
.value-ladder span:last-child{border-right:0;background:var(--teal-pale);color:#23615D;}
.value-ladder b{display:block;color:var(--navy);font-size:.9rem;margin-bottom:1px;}
.bundle-stage .paket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;}
.bundle-stage .paket{border-radius:20px;box-shadow:0 12px 34px rgba(11,34,57,.08);}
.bundle-stage .paket:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(11,34,57,.14);}
.bundle-stage .paket .p-head{padding:25px 24px 20px;background:linear-gradient(145deg,#0A2239,#174B68);}
.bundle-stage .paket .p-head h3{font-size:1.28rem;letter-spacing:-.3px;}
.bundle-stage .paket .p-head small{font-size:.78rem;}
.p-eyebrow{display:block;margin-bottom:7px;color:#72D8CF;font-size:.6rem;font-weight:700;letter-spacing:1.35px;text-transform:uppercase;}
.bundle-stage .paket .p-body{padding:23px 24px;}
.bundle-stage .paket li{font-size:.88rem;margin-bottom:8px;}
.bundle-stage .paket .p-preis{margin-top:7px;margin-bottom:2px;}
.bundle-stage .paket .p-preis strong{font-size:1.8rem;letter-spacing:-.5px;}
.p-each{color:var(--teal-dark);font-size:.78rem;font-weight:600;margin-bottom:16px;}
.bundle-stage .paket .btn{padding:13px 18px;background:#0C2B45;}
.bundle-stage .paket .btn:hover{background:#174D6C;}
.bundle-stage .paket.complete{
  order:-1;
  grid-column:1/-1;
  border:2px solid var(--teal);
  background:linear-gradient(145deg,#FFFFFF,#F0FBF9);
  box-shadow:0 24px 60px rgba(20,138,130,.17);
}
.bundle-stage .paket.complete .p-head{
  padding:27px 30px 22px;
  background:radial-gradient(circle at 86% 20%,rgba(117,216,207,.24),transparent 28%),linear-gradient(135deg,#071827,#0B304A 64%,#115C5A);
}
.bundle-stage .paket.complete .p-head h3{font-size:1.58rem;}
.bundle-stage .paket.complete .p-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  grid-template-areas:"list price" "list each" "list button";
  gap:0 34px;
}
.bundle-stage .paket.complete ul{grid-area:list;margin-bottom:0;columns:2;column-gap:28px;align-self:center;}
.bundle-stage .paket.complete .p-preis{grid-area:price;align-self:end;}
.bundle-stage .paket.complete .p-each{grid-area:each;}
.bundle-stage .paket.complete .btn{grid-area:button;align-self:start;background:linear-gradient(135deg,var(--teal),#2CC9B9);color:#06201E;box-shadow:0 12px 28px rgba(37,183,170,.22);}
.bundle-stage .paket.complete .btn:hover{background:linear-gradient(135deg,#36C6B8,#66D9CE);}
.bundle-stage .paket.complete .p-ribbon{background:#F4C867;color:#382706;}
.bundle-confidence{display:flex;align-items:center;justify-content:center;gap:10px 24px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:.76rem;}
.bundle-confidence span::before{content:"✓";color:var(--teal-dark);font-weight:700;margin-right:6px;}
.bundle-confidence strong{color:var(--navy);}

.free{margin-top:62px;}
main#ratgeber{padding-top:84px;}
.catalogue-head .mini-kicker{margin-bottom:8px;}
.catalogue-head h2{font-size:clamp(1.65rem,3.8vw,2.35rem);}
.category-jump{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:-8px 0 36px;}
.category-jump a{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#476170;text-decoration:none;font-size:.7rem;font-weight:600;}
.category-jump a:hover{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-pale);}
.group-label{scroll-margin-top:94px;}
.card{position:relative;}
.card[id="hallux-valgus"]::before,.card[id="fersensporn"]::before,.card[id="einlagen-guide"]::before{
  content:"AUCH IM KOMPLETT-PAKET";
  position:absolute;
  z-index:3;
  top:12px;
  left:14px;
  padding:4px 8px;
  border-radius:999px;
  background:#fff;
  color:#0B5551;
  font-size:.52rem;
  font-weight:700;
  letter-spacing:.8px;
}
.card[id="hallux-valgus"] .card-header,.card[id="fersensporn"] .card-header,.card[id="einlagen-guide"] .card-header{padding-top:44px;}
.catalogue-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:54px 0 10px;padding:22px 24px;border-radius:16px;background:linear-gradient(135deg,#0B2239,#144761);color:#fff;}
.catalogue-note strong{display:block;font-size:1.05rem;}.catalogue-note span{display:block;color:#B9CFDB;font-size:.8rem;margin-top:3px;}.catalogue-note .btn{white-space:nowrap;background:var(--teal);color:#06201E;}

/* Verkaufsseiten: Paketempfehlung als hochwertiger nächster Schritt */
#mw-guide .g-hero::before{content:"MEISTERWISSEN · PDF-RATGEBER";display:block;margin:0 auto 14px;color:#72D8CF;font-size:.66rem;font-weight:700;letter-spacing:1.45px;}
#mw-guide .g-hero .g-hook{font-size:1.02rem;line-height:1.75;}
#mw-guide .g-card > h2:first-child::before{content:"Aus der täglichen Meisterpraxis";display:block;margin-bottom:7px;color:var(--teal-dark);font-size:.64rem;letter-spacing:1.1px;text-transform:uppercase;}
#mw-guide .g-buy{padding:24px 25px!important;background:linear-gradient(135deg,#F0FAF8,#F7FAFB)!important;border:1px solid #BFE4E0!important;}
#mw-guide .g-buy .g-preis::before{content:"Ihr Ratgeber";display:block;color:var(--teal-dark);font-size:.61rem;letter-spacing:1px;text-transform:uppercase;}
#mw-guide .g-trust{text-align:center;padding:0 8px;line-height:1.7;}
#mw-guide .g-passt{margin-top:38px;padding:26px;border-radius:16px;background:#F5F8FA;border:1px solid var(--line);}
#mw-guide .g-passt h3{font-size:1.18rem;}
#mw-guide .g-passt .g-passt-lead{margin-bottom:18px;}
#mw-guide .g-passt-paket{position:relative;margin:0 0 20px;padding:22px 20px 20px 22px;background:linear-gradient(135deg,#0B2239,#155A60);border:0;border-radius:13px;color:#fff;box-shadow:0 14px 30px rgba(11,34,57,.14);}
#mw-guide .g-passt-paket::before{content:"EMPFOHLENE KOMBINATION";position:absolute;left:22px;top:13px;color:#72D8CF;font-size:.55rem;font-weight:700;letter-spacing:1.1px;}
#mw-guide .g-passt-paket span{display:block;padding-top:13px;max-width:400px;font-weight:500;line-height:1.5;}
#mw-guide .g-passt-paket .btn{background:#fff;color:var(--navy);white-space:nowrap;}
#mw-guide .g-passt-paket .btn:hover{background:#EAF7F5;color:var(--navy);}
#mw-guide .g-or{display:flex;align-items:center;gap:12px;margin:3px 0 15px;color:#84939D;font-size:.68rem;text-transform:uppercase;letter-spacing:.8px;}
#mw-guide .g-or::before,#mw-guide .g-or::after{content:"";height:1px;flex:1;background:#DCE5E8;}

@media(max-width:900px){
  .hero-offer{right:2px;bottom:2px;width:220px;}
  .bundle-stage .paket.complete .p-body{grid-template-columns:minmax(0,1fr) 225px;gap:0 24px;}
}
@media(max-width:700px){
  .hero{padding-top:58px;padding-bottom:78px;}
  .hero-copy::before{display:none;}
  .hero h1{font-size:2.45rem;line-height:1.08;}
  .hero-actions{grid-template-columns:1fr;}
  .hero-actions .btn{font-size:.82rem;}
  .hero-visual{height:270px;}
  .hero-offer{right:0;bottom:-5px;width:210px;padding:12px 14px;}
  .hero-offer-main b{font-size:1.25rem;}
  .trust-strip{margin-left:14px;margin-right:14px;}
  .bundle-stage{margin-top:58px;padding:0 14px;}
  .bundle-stage .section-head h2{font-size:1.9rem;}
  .value-ladder{grid-template-columns:1fr;}
  .value-ladder span{border-right:0;border-bottom:1px solid var(--line);text-align:left;padding:11px 15px;}
  .value-ladder span:last-child{border-bottom:0;}
  .bundle-stage .paket-grid{grid-template-columns:1fr;}
  .bundle-stage .paket.complete{grid-column:auto;}
  .bundle-stage .paket.complete .p-head{padding:24px 21px 19px;}
  .bundle-stage .paket.complete .p-head h3{font-size:1.36rem;}
  .bundle-stage .paket.complete .p-body{display:flex;padding:21px;}
  .bundle-stage .paket.complete ul{columns:1;margin-bottom:14px;}
  .bundle-confidence{justify-content:flex-start;padding:0 4px;}
  .free{margin-top:44px;}
  main#ratgeber{padding-top:68px;}
  .category-jump{justify-content:flex-start;margin-bottom:28px;}
  .catalogue-note{align-items:flex-start;flex-direction:column;padding:20px;margin-top:42px;}
  .catalogue-note .btn{width:100%;text-align:center;}
  #mw-guide .g-passt{padding:20px 16px;}
  #mw-guide .g-passt-paket{align-items:flex-start;flex-direction:column;padding:22px 18px 18px;}
  #mw-guide .g-passt-paket::before{left:18px;}
  #mw-guide .g-passt-paket .btn{width:100%;text-align:center;}
}


/* ---- naechster Block ---- */


/* MeisterWissen · conversion-focused visual system
   Existing checkout URLs, consent logic and purchase tracking remain in index.html. */

:root {
  --navy: #071c2f;
  --navy-deep: #041320;
  --navy-mid: #103e5b;
  --teal: #18b7a6;
  --teal-dark: #087c73;
  --teal-pale: #e9f8f6;
  --gold: #f3b74d;
  --gold-dark: #d89422;
  --white: #ffffff;
  --mist: #f4f8fa;
  --line: #dce7eb;
  --ink: #132631;
  --muted: #5d707c;
  --sand: #fff7e7;
  --shadow-sm: 0 10px 28px rgba(7, 28, 47, .08);
  --shadow-md: 0 22px 60px rgba(7, 28, 47, .14);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
}

html { scroll-padding-top: 86px; }
body {
  background: #fff;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.7;
}

.btn {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 12px 20px;
  font-weight: 700;
  line-height: 1.25;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover,
.btn:focus-visible { transform: translateY(-2px); }
.btn-primary {
  background: linear-gradient(135deg, #ffd16e, var(--gold));
  color: #2a1b03;
  box-shadow: 0 12px 30px rgba(243, 183, 77, .25);
}
.btn-primary:hover,
.btn-primary:focus-visible {
  background: linear-gradient(135deg, #ffdc8e, #f5bd57);
  color: #2a1b03;
  box-shadow: 0 16px 34px rgba(243, 183, 77, .31);
}

/* Header */
.site-header {
  height: 74px;
  padding: 0 max(20px, calc((100vw - 1180px) / 2));
  background: rgba(4, 19, 32, .96);
  border-bottom: 1px solid rgba(255, 255, 255, .09);
  box-shadow: 0 10px 30px rgba(4, 19, 32, .18);
}
.brand { gap: 12px; }
.brand-mark {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: linear-gradient(145deg, #32d0bf, #119b91);
  color: #03221e;
  box-shadow: 0 8px 20px rgba(24, 183, 166, .25);
}
.brand-copy strong { font-size: 1.08rem; }
.brand-copy strong span { color: #55d5c9; }
.brand-copy small { color: #9eb7c6; letter-spacing: .65px; }
.top-nav { gap: 30px; }
.top-nav a { color: #c5d6df; font-size: .85rem; }
.top-nav a:hover { color: #fff; }
.site-header .btn-header {
  min-height: 40px;
  padding: 9px 15px;
  background: var(--gold);
  color: #291b04;
  box-shadow: none;
}
.site-header .btn-header:hover { background: #ffd277; }

/* Homepage hero */
.hero {
  padding: 62px 24px 78px;
  text-align: left;
  background:
    radial-gradient(circle at 84% 12%, rgba(24, 183, 166, .2), transparent 32%),
    radial-gradient(circle at 14% 82%, rgba(243, 183, 77, .1), transparent 30%),
    linear-gradient(140deg, #041320 0%, #071c2f 54%, #0e3b56 100%);
}
.hero::before {
  opacity: .11;
  background-size: 46px 46px;
}
.hero::after {
  width: 540px;
  height: 540px;
  right: -250px;
  bottom: -300px;
}
.hero-shell {
  max-width: 1180px;
  grid-template-columns: minmax(0, 1.02fr) minmax(390px, .78fr);
  gap: 70px;
}
.hero-copy::before { display: none; }
.hero-kicker {
  margin: 0 0 17px;
  color: #70ded3;
  font-size: .74rem;
  letter-spacing: 1.3px;
}
.hero h1 {
  max-width: 720px;
  margin: 0 0 20px;
  font-size: clamp(2.35rem, 5vw, 4.5rem);
  line-height: 1.04;
  letter-spacing: -2.6px;
}
.hero h1 em {
  display: block;
  margin-top: 8px;
  color: #75ddd2;
}
.hero p.sub {
  max-width: 680px;
  margin: 0 0 24px;
  color: #c9d9e1;
  font-size: clamp(1rem, 1.6vw, 1.14rem);
  font-weight: 400;
  line-height: 1.72;
}
.hero-price-row {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 25px;
}
.hero-price-row div { display: flex; align-items: baseline; gap: 12px; }
.hero-price-row span {
  color: #a9beca;
  font-size: .87rem;
  text-decoration: line-through;
}
.hero-price-row strong {
  color: #fff;
  font-size: 2.05rem;
  line-height: 1;
  letter-spacing: -1px;
}
.hero-price-row b {
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(24, 183, 166, .14);
  border: 1px solid rgba(112, 222, 211, .32);
  color: #85e5dc;
  font-size: .72rem;
}
.hero-actions { justify-content: flex-start; gap: 11px; }
.hero-actions .btn { min-height: 52px; padding: 14px 22px; font-size: .9rem; }
.hero .btn-soft {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .22);
  color: #fff;
}
.hero .btn-soft:hover { background: rgba(255, 255, 255, .12); }
.hero-micro {
  margin-top: 14px;
  color: #99b1bf;
  font-size: .76rem;
}
.hero-product {
  position: relative;
  justify-self: end;
  width: min(100%, 430px);
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 24px;
  background: rgba(255, 255, 255, .07);
  box-shadow: 0 32px 70px rgba(0, 0, 0, .34);
  transform: rotate(1.2deg);
}
.hero-product::before {
  content: "3 PDF-RATGEBER";
  position: absolute;
  z-index: 2;
  top: 22px;
  left: -12px;
  padding: 8px 13px;
  border-radius: 9px;
  background: var(--gold);
  color: #2c1d04;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: 1px;
}
.hero-product img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
}

/* Trust and outcomes */
.trust-strip {
  max-width: 1120px;
  margin-top: -34px;
  padding: 19px 12px;
  border-radius: 18px;
  border: 1px solid #d8e5e9;
  box-shadow: var(--shadow-md);
}
.trust-strip span { padding: 3px 23px; }
.trust-strip b { color: var(--navy); font-size: .88rem; }
.trust-strip small { color: var(--muted); font-size: .69rem; }

.outcomes {
  max-width: 1120px;
  margin: 88px auto 0;
  padding: 0 24px;
}
.outcomes-head { max-width: 740px; }
.outcomes-head h2 {
  margin: 9px 0 12px;
  font-size: clamp(1.8rem, 3.8vw, 2.75rem);
  line-height: 1.2;
  letter-spacing: -1.2px;
}
.outcomes-head p { color: var(--muted); }
.outcomes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 32px;
}
.outcomes-grid article {
  padding: 27px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(150deg, #fff, #f7fafb);
  box-shadow: 0 8px 28px rgba(7, 28, 47, .05);
}
.outcomes-grid article > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 12px;
  background: var(--teal-pale);
  color: var(--teal-dark);
  font-size: .72rem;
  font-weight: 800;
}
.outcomes-grid h3 { margin-bottom: 8px; color: var(--navy); font-size: 1.02rem; }
.outcomes-grid p { color: var(--muted); font-size: .88rem; line-height: 1.65; }

/* Packages */
.bundle-stage {
  max-width: 1180px;
  margin-top: 98px;
  padding: 74px 30px 34px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 4%, rgba(24, 183, 166, .13), transparent 25%),
    #f2f7f8;
}
.bundle-stage .section-head { max-width: 720px; }
.bundle-stage .section-head h2 {
  font-size: clamp(1.8rem, 4vw, 2.65rem);
  letter-spacing: -1.2px;
}
.value-ladder {
  max-width: 860px;
  margin-bottom: 30px;
  box-shadow: none;
}
.bundle-stage .paket-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.bundle-stage .paket,
.bundle-stage .paket.complete {
  order: initial;
  grid-column: auto;
  min-width: 0;
  border: 1px solid #d7e3e7;
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.bundle-stage .paket.top {
  border: 2px solid var(--gold);
  box-shadow: 0 20px 48px rgba(243, 183, 77, .18);
}
.bundle-stage .paket .p-ribbon { background: var(--gold); color: #342305; }
.bundle-stage .paket .p-head,
.bundle-stage .paket.complete .p-head {
  min-height: 116px;
  padding: 25px 22px 20px;
  background:
    radial-gradient(circle at 92% 15%, rgba(24, 183, 166, .24), transparent 28%),
    linear-gradient(145deg, #06192a, #10405d);
}
.bundle-stage .paket .p-head h3,
.bundle-stage .paket.complete .p-head h3 { font-size: 1.28rem; }
.bundle-stage .paket .p-body,
.bundle-stage .paket.complete .p-body {
  display: flex;
  flex-direction: column;
  padding: 23px 22px;
}
.bundle-stage .paket.complete ul {
  columns: 1;
  margin-bottom: 16px;
}
.bundle-stage .paket .p-preis,
.bundle-stage .paket.complete .p-preis { margin-top: auto; }
.bundle-stage .paket .p-preis strong,
.bundle-stage .paket.complete .p-preis strong { font-size: 1.7rem; }
.bundle-stage .paket .btn,
.bundle-stage .paket.complete .btn {
  min-height: 48px;
  background: var(--navy);
  color: #fff;
  box-shadow: none;
}
.bundle-stage .paket .btn:hover,
.bundle-stage .paket.complete .btn:hover { background: var(--navy-mid); color: #fff; }
.bundle-stage .paket.top .btn {
  background: linear-gradient(135deg, #ffd16e, var(--gold));
  color: #2a1b03;
}
.bundle-confidence { margin-top: 27px; }

/* Catalogue */
main#ratgeber { max-width: 1120px; padding-top: 96px; }
.catalogue-head { max-width: 720px; margin-left: auto; margin-right: auto; }
.catalogue-head h2 { font-size: clamp(1.75rem, 3.6vw, 2.5rem); }
.category-jump a { padding: 8px 13px; font-size: .73rem; }
.cards { gap: 18px; }
.card {
  border: 1px solid #dce6ea;
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(7, 28, 47, .055);
}
.card:hover { box-shadow: 0 18px 42px rgba(7, 28, 47, .11); }
.card-header {
  min-height: 106px;
  padding: 23px 20px 18px;
  background:
    radial-gradient(circle at 88% 15%, rgba(24, 183, 166, .2), transparent 32%),
    linear-gradient(145deg, #081e32, #12415e);
}
.card h3 { font-size: 1.08rem; }
.card-body { padding: 19px; }
.card p.desc { color: #576b77; }
.price { font-size: 1.12rem; font-weight: 700; }
.lnk-detail { color: var(--teal-dark); }
.price-row .btn {
  min-height: 44px;
  background: var(--navy);
  color: #fff;
}
.price-row .btn:hover { background: var(--navy-mid); }
.card[id="hallux-valgus"],
.card[id="fersensporn"],
.card[id="einlagen-guide"] { border-color: #96d4ce; }
.card[id="hallux-valgus"] .card-header,
.card[id="fersensporn"] .card-header,
.card[id="einlagen-guide"] .card-header {
  background:
    radial-gradient(circle at 88% 14%, rgba(255, 255, 255, .12), transparent 32%),
    linear-gradient(145deg, #073039, #08726a);
}
.catalogue-note { border-radius: 18px; padding: 24px 26px; }

/* Trust / author section */
.why { margin-top: 88px; padding: 82px 24px; background: #f2f7f8; }
.why-inner { max-width: 1120px; }
.why-grid article { border-radius: 18px; }
.author { padding: 88px 24px 76px; }
.author-inner { max-width: 1040px; grid-template-columns: 190px 1fr; }
.author-badge {
  background: linear-gradient(150deg, #062035, #0b6d68);
  box-shadow: 0 22px 46px rgba(7, 28, 47, .18);
}
.author-copy h3 { font-size: 2rem; }
.meisterbrief {
  max-width: 1040px;
  margin-top: 48px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #f8fbfc;
}
.meisterbrief img { border-radius: 13px; }

/* FAQ and free fallback */
.home-faq {
  max-width: 1120px;
  margin: 0 auto 82px;
  padding: 66px;
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 64px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 6% 94%, rgba(24, 183, 166, .15), transparent 28%),
    var(--navy);
  color: #fff;
}
.home-faq-copy h2 {
  margin: 10px 0 15px;
  color: #fff;
  font-size: clamp(1.7rem, 3vw, 2.45rem);
  line-height: 1.2;
  letter-spacing: -1px;
}
.home-faq-copy p { margin-bottom: 24px; color: #bed0da; font-size: .94rem; }
.home-faq-copy .btn { width: 100%; }
.faq-list details,
.g-faq details {
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}
.faq-list details:first-child { border-top: 1px solid rgba(255, 255, 255, .16); }
.faq-list summary,
.g-faq summary {
  position: relative;
  padding: 17px 38px 17px 0;
  cursor: pointer;
  list-style: none;
  font-size: .95rem;
  font-weight: 600;
}
.faq-list summary::-webkit-details-marker,
.g-faq summary::-webkit-details-marker { display: none; }
.faq-list summary::after,
.g-faq summary::after {
  content: "+";
  position: absolute;
  top: 16px;
  right: 4px;
  color: #65d8cd;
  font-size: 1.2rem;
  line-height: 1;
}
.faq-list details[open] summary::after,
.g-faq details[open] summary::after { content: "−"; }
.faq-list details p {
  margin: -4px 34px 18px 0;
  color: #b8ccd7;
  font-size: .86rem;
}
.free {
  max-width: 1120px;
  margin: 0 auto 88px;
}
.free-inner {
  border: 1px solid #dbe6ea;
  border-radius: 22px;
  box-shadow: var(--shadow-sm);
}
.free-cover { background: linear-gradient(155deg, #061b2e, #0d5366); }
.free-action .btn-primary { color: #2a1b03; }

/* Legal area stays quiet and clearly secondary. */
.legal { max-width: 820px; }
.legal h2 { font-size: 1.3rem; }
footer { background: var(--navy-deep); }

/* Individual guide sales pages */
#mw-guide { background: #f3f7f9; }
#mw-guide .g-header {
  position: sticky;
  top: 0;
  z-index: 60;
  height: 72px;
  padding: 0 max(20px, calc((100vw - 1080px) / 2));
  background: rgba(4, 19, 32, .97);
  border-bottom: 1px solid rgba(255, 255, 255, .09);
  box-shadow: 0 10px 28px rgba(4, 19, 32, .18);
}
#mw-guide .g-header-link {
  color: #d9e6ec;
  text-decoration: none;
  font-size: .85rem;
  font-weight: 600;
}
#mw-guide .g-header-link::before { content: "← "; color: #67d8cd; }
#mw-guide .g-hero {
  padding: 72px 24px 104px;
  text-align: left;
  background:
    radial-gradient(circle at 84% 14%, rgba(24, 183, 166, .2), transparent 31%),
    linear-gradient(140deg, #041320, #08243a 60%, #10435d);
}
#mw-guide .g-hero::before { content: none; }
#mw-guide .g-shell {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 70px;
  align-items: center;
}
#mw-guide .g-kicker,
.g-section-label {
  display: block;
  margin-bottom: 10px;
  color: #5ed4c8;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}
#mw-guide .g-hero h1 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 1.06;
  letter-spacing: -2.1px;
}
#mw-guide .g-hero .g-hook {
  max-width: 680px;
  margin: 18px 0 0;
  color: #c5d7e0;
  font-size: clamp(1rem, 1.7vw, 1.12rem);
  font-weight: 400;
  line-height: 1.72;
}
#mw-guide .g-hero-buy {
  max-width: 660px;
  margin-top: 27px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 16px;
  background: rgba(255, 255, 255, .065);
}
#mw-guide .g-hero-price { display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 1px 12px; }
#mw-guide .g-hero-price > span {
  grid-column: 1 / -1;
  color: #72dcd1;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#mw-guide .g-hero-price strong { color: #fff; font-size: 1.75rem; line-height: 1.15; }
#mw-guide .g-hero-price small { color: #a9c0cc; font-size: .68rem; }
#mw-guide .g-buy-button {
  min-width: 225px;
  background: linear-gradient(135deg, #ffd16e, var(--gold));
  color: #2a1b03;
  box-shadow: 0 12px 30px rgba(243, 183, 77, .2);
}
#mw-guide .g-buy-button:hover { background: #ffd277; color: #2a1b03; }
#mw-guide .g-hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 15px;
  color: #9fb7c4;
  font-size: .72rem;
}
#mw-guide .g-hero-trust span::before { content: "✓"; margin-right: 6px; color: #65d8cd; font-weight: 700; }
#mw-guide .g-proof-card {
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 22px;
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 24px 55px rgba(0, 0, 0, .25);
  color: #fff;
  transform: rotate(1.2deg);
}
#mw-guide .g-proof-card img {
  display: block;
  width: 100%;
  height: 138px;
  object-fit: cover;
  border-radius: 13px;
  background: #fff;
}
#mw-guide .g-proof-label {
  display: block;
  margin: 17px 0 5px;
  color: #69d9ce;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#mw-guide .g-proof-card strong { display: block; font-size: .98rem; line-height: 1.4; }
#mw-guide .g-proof-card p { margin-top: 8px; color: #aec3cf; font-size: .72rem; line-height: 1.55; }

#mw-guide .g-wrap { max-width: 960px; padding: 0 24px; }
#mw-guide .g-card {
  margin-top: -54px;
  padding: 46px 48px;
  border: 1px solid var(--line);
  border-top: 4px solid var(--teal);
  border-radius: 24px;
  box-shadow: var(--shadow-md);
}
#mw-guide .g-card > h2 {
  max-width: 760px;
  margin-bottom: 15px;
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: 1.27;
  letter-spacing: -.6px;
}
#mw-guide .g-card > h2:first-of-type::before { content: none; }
#mw-guide .g-card p { font-size: .98rem; }
#mw-guide .g-fit {
  margin-top: 28px;
  padding: 22px 24px;
  border: 1px solid #cae5e1;
  border-radius: 16px;
  background: var(--teal-pale);
}
#mw-guide .g-fit strong { display: block; margin-bottom: 10px; color: var(--navy); font-size: .94rem; }
#mw-guide .g-fit ul { margin: 0; padding: 0; list-style: none; }
#mw-guide .g-fit li {
  position: relative;
  margin-top: 7px;
  padding-left: 24px;
  color: #3f605e;
  font-size: .88rem;
}
#mw-guide .g-fit li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--teal-dark);
  font-weight: 800;
}
#mw-guide .g-inhalt { margin-top: 42px; }
#mw-guide .g-inhalt h2 {
  margin-bottom: 18px;
  font-size: 1.45rem;
  line-height: 1.3;
}
#mw-guide .g-inhalt li {
  margin-bottom: 12px;
  padding-left: 28px;
  font-size: .94rem;
}
#mw-guide .g-inhalt li::before {
  width: 18px;
  height: 18px;
  top: .28em;
  left: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--teal-pale);
  color: var(--teal-dark);
  content: "✓";
  font-size: .68rem;
  font-weight: 800;
}
#mw-guide .g-meta { margin-top: 20px; }
#mw-guide .g-buy-secondary {
  margin-top: 34px;
  padding: 25px !important;
  border: 1px solid #c8e3df !important;
  border-radius: 17px !important;
  background: linear-gradient(135deg, #ecf9f7, #f8fbfc) !important;
}
#mw-guide .g-buy-secondary .g-preis span { font-size: 1.65rem; }
#mw-guide .g-buy-secondary .btn {
  min-width: 220px;
  background: var(--navy) !important;
  color: #fff !important;
}
#mw-guide .g-trust { color: var(--muted); font-size: .78rem; }
#mw-guide .g-passt {
  margin-top: 44px;
  padding: 27px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #f5f8fa;
}
#mw-guide .g-passt .g-section-label { color: var(--teal-dark); }
#mw-guide .g-passt-paket {
  padding: 25px 21px 21px !important;
  border-radius: 15px;
  background: linear-gradient(135deg, #071c2f, #0c5558);
}
#mw-guide .g-passt-paket .btn { min-height: 44px; }
#mw-guide .g-passt-card { border-radius: 13px; }

#mw-guide .g-autor {
  margin-top: 26px;
  padding: 28px 30px;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 21px;
  align-items: start;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: var(--shadow-sm);
}
#mw-guide .g-author-mark {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 17px;
  background: linear-gradient(145deg, #08233a, #0c6d68);
  color: #fff;
  font-weight: 800;
}
#mw-guide .g-autor .g-section-label { margin-bottom: 5px; color: var(--teal-dark); }
#mw-guide .g-autor h3 { font-size: 1.18rem; }
#mw-guide .g-autor p { font-size: .9rem; }

#mw-guide .g-faq {
  margin-top: 26px;
  padding: 32px 34px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
#mw-guide .g-faq .g-section-label { color: var(--teal-dark); }
#mw-guide .g-faq h2 { margin-bottom: 12px; font-size: 1.45rem; }
#mw-guide .g-faq details { border-color: var(--line); }
#mw-guide .g-faq details:first-of-type { border-top: 1px solid var(--line); }
#mw-guide .g-faq summary { color: var(--navy); }
#mw-guide .g-faq summary::after { color: var(--teal-dark); }
#mw-guide .g-faq details p { margin: -4px 34px 18px 0; color: var(--muted); font-size: .88rem; }
#mw-guide .g-back { margin: 28px 0 58px; }
#mw-guide .g-back a { border-radius: 12px; }
#mw-guide .g-sticky-buy { display: none; }

/* Cookie dialog remains above every purchase surface. */
#mw-consent {
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 16px;
  background: #061b2e;
  box-shadow: 0 22px 60px rgba(4, 19, 32, .38);
}
#mw-consent .mw-ja { background: var(--gold); border-color: var(--gold); color: #281a03; }

@media (max-width: 1050px) {
  .hero-shell { grid-template-columns: minmax(0, 1fr) 360px; gap: 42px; }
  .bundle-stage { margin-left: 18px; margin-right: 18px; }
  .bundle-stage .paket-grid { grid-template-columns: 1fr 1fr; }
  .bundle-stage .paket:last-child { grid-column: 1 / -1; }
  .home-faq { margin-left: 20px; margin-right: 20px; }
}

@media (max-width: 860px) {
  .top-nav { display: none; }
  .hero { padding-top: 54px; }
  .hero-shell { grid-template-columns: 1fr; gap: 40px; }
  .hero-product { justify-self: center; width: min(100%, 430px); transform: none; }
  .outcomes-grid { grid-template-columns: 1fr; }
  .outcomes-grid article { display: grid; grid-template-columns: 44px 1fr; gap: 0 16px; }
  .outcomes-grid article > span { grid-row: 1 / 3; }
  .home-faq { padding: 50px 40px; grid-template-columns: 1fr; gap: 38px; }
  #mw-guide .g-shell { grid-template-columns: minmax(0, 1fr) 250px; gap: 40px; }
  #mw-guide .g-proof-card { padding: 17px; }
}

@media (max-width: 700px) {
  html { scroll-padding-top: 72px; }
  .site-header { height: 66px; padding: 0 14px; }
  .brand-mark { width: 36px; height: 36px; border-radius: 11px; }
  .brand-copy small { display: none; }
  .site-header .btn-header { min-height: 38px; padding: 8px 11px; font-size: .68rem; }

  .hero { padding: 48px 16px 64px; }
  .hero-kicker { font-size: .65rem; }
  .hero h1 { font-size: clamp(2.15rem, 10vw, 3rem); letter-spacing: -1.7px; }
  .hero p.sub { font-size: .96rem; }
  .hero-price-row { align-items: flex-start; flex-direction: column; gap: 10px; }
  .hero-price-row strong { font-size: 1.9rem; }
  .hero-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .hero-actions .btn { width: 100%; font-size: .84rem; }
  .hero-micro { line-height: 1.5; }
  .hero-product { width: min(100%, 380px); padding: 7px; border-radius: 20px; }
  .hero-product img { border-radius: 14px; }
  .hero-product::before { top: 17px; left: -7px; }

  .trust-strip {
    grid-template-columns: 1fr 1fr;
    margin: -28px 12px 0;
    padding: 13px 7px;
    border-radius: 15px;
  }
  .trust-strip span { padding: 8px 10px; }
  .trust-strip span:nth-child(2) { border-right: 0; }
  .trust-strip span:nth-child(-n+2) { margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
  .trust-strip b { font-size: .75rem; }
  .trust-strip small { font-size: .62rem; line-height: 1.45; }

  .outcomes { margin-top: 68px; padding: 0 15px; }
  .outcomes-head h2 { font-size: 1.85rem; }
  .outcomes-head p { font-size: .9rem; }
  .outcomes-grid { margin-top: 24px; gap: 12px; }
  .outcomes-grid article { padding: 20px; }

  .bundle-stage { margin: 64px 10px 0; padding: 52px 12px 22px; border-radius: 23px; }
  .bundle-stage .section-head { padding: 0 6px; }
  .bundle-stage .section-head h2 { font-size: 1.85rem; }
  .bundle-stage .section-head p { font-size: .89rem; }
  .value-ladder { grid-template-columns: 1fr; }
  .value-ladder span { border-right: 0; border-bottom: 1px solid var(--line); text-align: left; }
  .value-ladder span:last-child { border-bottom: 0; }
  .bundle-stage .paket-grid { grid-template-columns: 1fr; }
  .bundle-stage .paket:last-child { grid-column: auto; }
  .bundle-stage .paket .p-head,
  .bundle-stage .paket.complete .p-head { min-height: 104px; }
  .bundle-confidence { padding: 0 7px; justify-content: flex-start; }

  main#ratgeber { padding: 70px 13px 12px; }
  .catalogue-head h2 { font-size: 1.85rem; }
  .category-jump { justify-content: flex-start; }
  .cards { grid-template-columns: 1fr; }
  .catalogue-note { padding: 20px; }
  .why { margin-top: 58px; padding: 58px 14px; }
  .why-grid { grid-template-columns: 1fr; }
  .author { padding: 58px 16px 52px; }
  .author-inner { grid-template-columns: 1fr; gap: 23px; }
  .author-badge { width: 112px; height: 112px; }
  .meisterbrief { padding: 6px; border-radius: 15px; }

  .home-faq { margin: 0 10px 58px; padding: 38px 20px; border-radius: 22px; gap: 30px; }
  .home-faq-copy h2 { font-size: 1.8rem; }
  .free { margin: 0 12px 65px; padding: 0; }
  .free-inner { grid-template-columns: 1fr; padding: 18px; }
  .free-cover { width: 100%; max-width: none; }
  .free-action { grid-column: auto; grid-template-columns: 1fr; }
  .free-action .btn { width: 100%; }

  #mw-guide .g-header { height: 66px; padding: 0 14px; }
  #mw-guide .g-header-link { font-size: .74rem; }
  #mw-guide .g-hero { padding: 50px 17px 84px; }
  #mw-guide .g-shell { grid-template-columns: 1fr; gap: 28px; }
  #mw-guide .g-hero h1 { font-size: clamp(2.05rem, 10vw, 2.85rem); letter-spacing: -1.5px; }
  #mw-guide .g-hero .g-hook { font-size: .96rem; }
  #mw-guide .g-hero-buy { align-items: stretch; flex-direction: column; padding: 16px; }
  #mw-guide .g-buy-button { width: 100%; min-width: 0; }
  #mw-guide .g-hero-trust { display: grid; gap: 6px; }
  #mw-guide .g-proof-card {
    display: grid;
    grid-template-columns: 88px 1fr;
    column-gap: 14px;
    align-items: center;
    transform: none;
  }
  #mw-guide .g-proof-card img { grid-row: 1 / 4; height: 88px; }
  #mw-guide .g-proof-label { margin: 0; }
  #mw-guide .g-proof-card strong { font-size: .86rem; }
  #mw-guide .g-proof-card p { margin-top: 3px; font-size: .64rem; }
  #mw-guide .g-wrap { padding: 0 12px; }
  #mw-guide .g-card { margin-top: -40px; padding: 30px 20px; border-radius: 20px; }
  #mw-guide .g-card > h2 { font-size: 1.45rem; }
  #mw-guide .g-card p { font-size: .92rem; }
  #mw-guide .g-fit { padding: 19px 17px; }
  #mw-guide .g-inhalt { margin-top: 36px; }
  #mw-guide .g-buy-secondary { align-items: stretch; flex-direction: column; padding: 20px !important; }
  #mw-guide .g-buy-secondary .btn { width: 100%; }
  #mw-guide .g-passt { padding: 21px 16px; }
  #mw-guide .g-passt-paket { align-items: stretch; flex-direction: column; }
  #mw-guide .g-passt-paket .btn { width: 100%; }
  #mw-guide .g-autor { grid-template-columns: 50px 1fr; padding: 23px 19px; gap: 15px; }
  #mw-guide .g-author-mark { width: 50px; height: 50px; border-radius: 14px; font-size: .8rem; }
  #mw-guide .g-faq { padding: 26px 20px; }
  #mw-guide .g-back { margin-bottom: 104px; }
  #mw-guide footer { padding-bottom: 100px; }
  #mw-guide .g-sticky-buy {
    position: fixed;
    z-index: 80;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 13px calc(10px + env(safe-area-inset-bottom));
    border-top: 1px solid #d8e4e8;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 -10px 30px rgba(7, 28, 47, .14);
    backdrop-filter: blur(12px);
  }
  #mw-guide .g-sticky-buy div { display: flex; flex-direction: column; }
  #mw-guide .g-sticky-buy small { color: var(--muted); font-size: .6rem; }
  #mw-guide .g-sticky-buy strong { color: var(--navy); font-size: 1.1rem; }
  #mw-guide .g-sticky-buy a {
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 11px;
    background: var(--gold);
    color: #291b04;
    text-decoration: none;
    font-size: .8rem;
    font-weight: 800;
  }
  body.mw-guide-aktiv #mw-consent { bottom: 84px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-product,
  #mw-guide .g-proof-card { transform: none; }
}



/* ---- naechster Block ---- */


/* MeisterWissen: clear product choice, honest action prices, readable mobile purchase flow. */
[hidden] { display: none !important; }
.hero { padding-top: 44px; padding-bottom: 58px; }
.hero-shell { gap: 54px; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); align-items: center; }
.hero h1 { font-size: clamp(2rem, 3.9vw, 3.6rem); line-height: 1.13; letter-spacing: -1.2px; }
.hero h1 em { margin-top: 12px; }
.hero-kicker { font-size: .875rem; letter-spacing: .5px; text-transform: none; }
.hero p.sub { font-size: 1rem; line-height: 1.7; margin-bottom: 20px; }
.hero-benefits, .g-quick-benefits { padding: 0; list-style: none; margin: 0 0 25px; display: grid; gap: 8px; font-size: 1rem; color: #e1efef; }
.hero-benefits li, .g-quick-benefits li { position: relative; padding-left: 25px; }
.hero-benefits li::before, .g-quick-benefits li::before { content: '✓'; position: absolute; left: 0; color: #75ddd2; font-weight: 700; }
.hero-price-row { margin-bottom: 20px; flex-wrap: wrap; gap: 14px; }
.hero-price-row b { font-size: .875rem; }
.hero-price-row strong { font-size: 2.1rem; }
.hero .hero-micro { color: #bfd2dd; font-size: .875rem; }
.hero-other { display: inline-block; color: #e1f5f2; font-size: .875rem; margin-top: 22px; text-underline-offset: 4px; }
.hero-product { max-width: 350px; transform: none; border-radius: 18px; padding: 10px; box-shadow: 0 20px 45px #0003; }
.hero-product::before { display: none; }
.hero-product img { max-height: 380px; object-fit: contain; border-radius: 10px; background: #071c2f; }
.hero-product figcaption { padding: 17px 12px 12px; text-align: left; }
.hero-product figcaption strong { display: block; font-size: 1.06rem; }
.hero-product figcaption span { display: block; color: #c9d9e1; font-size: .875rem; margin: 7px 0 12px; }
.hero-product figcaption a { font-size: .875rem; color: #82e7dc; text-underline-offset: 4px; }
.regular-price { display: block; color: #637682; font-size: .875rem; line-height: 1.6; font-weight: 400; letter-spacing: normal; }
.price-code { display: block; color: #08756d; font-size: .875rem; line-height: 1.5; font-weight: 500; letter-spacing: normal; }
.hero .regular-price, #mw-guide .g-hero .regular-price { color: #b6cbd7; }
.hero .price-code, #mw-guide .g-hero .price-code { color: #85e5dc; }
.offer-note { display: block; font-size: .875rem; color: #bed6df; margin-top: 6px; }
#mw-aktion { padding: 10px 16px; font-size: .875rem; background: #075f5c; }
#mw-aktion em { font-size: .875rem; }
.trust-strip { margin-top: 0; border-radius: 0 0 18px 18px; }
.trust-strip small, .trust-strip b { font-size: .875rem; }
.outcomes { padding-top: 60px; padding-bottom: 40px; }
.outcomes p, .outcomes article p { font-size: 1rem; }
.author { padding: 42px 24px; margin: 0 auto 30px; }
.author-inner { max-width: 1020px; grid-template-columns: 130px minmax(0, 1fr); gap: 32px; }
.author-badge { background: #fff; box-shadow: none; border: 1px solid #dae4e8; width: 130px; height: 115px; border-radius: 12px; overflow: hidden; }
.author-badge img { display: block; width: 100%; height: 100%; object-fit: contain; }
.author-copy p { font-size: 1rem; }
.author-copy .role, .author-points span, .mini-kicker { font-size: .875rem; }
.qualification { max-width: 1020px; margin: 20px auto 0; color: var(--teal-dark); font-size: .875rem; }
.qualification summary { cursor: pointer; padding: 12px 0; font-weight: 600; }
.qualification .meisterbrief { margin-top: 12px; }
.bundle-stage { margin-top: 52px; }
.value-ladder { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.value-ladder > span { font-size: .875rem; }
.value-ladder [data-start-price] { padding: 0; border: 0; display: block; }
.p-price-context { font-size: .875rem; color: #506570; line-height: 1.6; margin: 10px 0 18px; }
.p-contents { margin-bottom: 20px; font-size: .875rem; }
.p-contents summary { cursor: pointer; font-weight: 600; padding: 10px 0; }
.p-contents ul { margin: 10px 0; }
.p-contents a { text-underline-offset: 3px; }
.bundle-stage .paket .p-preis { flex-wrap: wrap; gap: 8px; }
.bundle-stage .paket .p-preis s { max-width: 100%; font-size: .875rem; }
.bundle-stage .paket .p-each, .bundle-stage .paket .p-head small, .bundle-confidence { font-size: .875rem; }
.bundle-stage .paket .p-eyebrow, .p-ribbon { font-size: .8rem; }
.card p.desc { font-size: 1rem; }
.card .price-row { flex-wrap: wrap; gap: 12px; }
.card .price { flex-basis: 100%; }
.card .lnk-detail { font-size: .875rem; margin-right: auto; }
.category-jump a { font-size: .875rem; min-height: 44px; }
#mw-guide .g-hero { padding-top: 38px; }
#mw-guide .g-hero h1 { font-size: clamp(2rem, 4.4vw, 3.6rem); line-height: 1.15; }
#mw-guide .g-hero .g-hook { font-size: 1.1rem; line-height: 1.65; }
#mw-guide .g-kicker, #mw-guide .g-hero-trust span, #mw-guide .g-proof-card p, #mw-guide .g-section-label { font-size: .875rem; }
#mw-guide .g-proof-label { font-size: .8rem; }
#mw-guide .g-hero-buy { flex-wrap: wrap; gap: 18px; }
#mw-guide .g-hero-price small { font-size: .875rem; }
#mw-guide .g-content-link { display: inline-block; color: #b4eee6; font-size: .875rem; margin: 15px 0; }
#mw-guide .g-card p, #mw-guide .g-fit li, #mw-guide .g-inhalt li, #mw-guide .g-faq p { font-size: 1rem; }
#mw-guide .g-passt-paket::before { font-size: .8rem; }
#mw-guide .g-passt-paket span { padding-top: 24px; }
#mw-guide .g-passt-card .g-pc-row { flex-wrap: wrap; }
#mw-guide .g-passt-card .price { flex-basis: 100%; }
.home-sticky { display: none; }
@media(max-width: 800px) {
  .hero-shell { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .hero-product { justify-self: center; width: 100%; max-width: 430px; display: grid; grid-template-columns: 42% 58%; align-items: center; }
  .hero-product img { height: auto; max-height: 240px; }
  .hero-product figcaption { padding: 12px; }
}
@media(max-width: 700px) {
  html { scroll-padding-top: 78px; }
  .site-header { padding: 0 16px; height: 66px; }
  .site-header .btn-header { font-size: .875rem; }
  .brand-copy small { display: none; }
  .hero { padding: 30px 18px 36px; }
  .hero h1 { font-size: clamp(1.9rem, 7.4vw, 2.65rem); line-height: 1.14; letter-spacing: -.65px; }
  .hero-kicker { margin-bottom: 16px; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-actions .btn { font-size: 1rem; }
  .hero-price-row strong { font-size: 1.85rem; }
  .hero-price-row b { max-width: 160px; }
  .author { padding: 30px 18px; }
  .author-inner { grid-template-columns: 80px minmax(0, 1fr); gap: 15px; }
  .author-badge { width: 80px; height: 80px; }
  .author-copy { min-width: 0; }
  .author-copy h3 { font-size: 1.4rem; }
  .author-points { flex-wrap: wrap; }
  .value-ladder { grid-template-columns: 1fr; }
  .home-sticky { position: fixed; z-index: 80; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #dce7eb; padding: 9px 14px calc(9px + env(safe-area-inset-bottom)); display: flex; justify-content: space-between; align-items: center; gap: 12px; box-shadow: 0 -6px 20px #071c2f12; }
  .home-sticky small { display: block; font-size: .75rem; }
  .home-sticky strong { font-size: 1.15rem; display: block; line-height: 1.4; }
  .home-sticky .price-code { font-size: .75rem; }
  body > footer { padding-bottom: 125px; }
  body #mw-consent, body.mw-guide-aktiv #mw-consent { bottom: calc(112px + env(safe-area-inset-bottom)); max-height: 55dvh; overflow-y: auto; }
  #mw-guide .g-hero { padding: 28px 18px 62px; }
  #mw-guide .g-hero h1 { font-size: 2.15rem; letter-spacing: -.6px; }
  #mw-guide .g-quick-benefits { font-size: 1rem; }
  #mw-guide .g-proof-card { grid-template-columns: 74px minmax(0,1fr); }
  #mw-guide .g-proof-card img { width: 74px; height: 74px; }
  #mw-guide .g-proof-card strong { font-size: .95rem; }
  #mw-guide .g-proof-card p { font-size: .875rem; }
  #mw-guide .g-sticky-buy small { font-size: .75rem; }
  #mw-guide .g-sticky-buy a { font-size: .875rem; }
}
@media(max-width: 370px) {
  .brand-mark { display: none; }
  .hero-product { grid-template-columns: 1fr; }
  .hero-product img { max-height: 240px; }
  .author-inner { grid-template-columns: 1fr; }
}
.card[id="hallux-valgus"]::before, .card[id="fersensporn"]::before, .card[id="einlagen-guide"]::before { display: none; }
.card[id="hallux-valgus"] .card-header, .card[id="fersensporn"] .card-header, .card[id="einlagen-guide"] .card-header { padding-top: 23px; }
#mw-guide .g-hero-price { grid-template-columns: minmax(0, 1fr); }
#mw-guide .g-hero-price > span { font-size: .875rem; letter-spacing: normal; text-transform: none; }
#mw-guide .g-hero-price .offer-note { font-weight: 400; color: #bed6df; }
#mw-guide .g-hero-price .price-code { color: #85e5dc; }



/* ---- naechster Block ---- */


/* MeisterWissen — restrained, spacious storefront */
:root{--navy:#1d1d1f;--navy-deep:#161617;--navy-mid:#363638;--ink:#1d1d1f;--muted:#6e6e73;--teal:#0B6E68;--teal-dark:#0B6E68;--teal-pale:#eef5fd;--mist:#f5f5f7;--line:#dedee2;--gold:#0B6E68;--gold-dark:#0B6E68}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.015em;color:#1d1d1f;background:#fff}h1,h2,h3,p{overflow-wrap:break-word}a{ text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0B6E68;outline-offset:5px}.btn,.btn-primary,.btn-header,.price-row .btn{background:#0B6E68;color:white;border:0;border-radius:999px;box-shadow:none;font-weight:500;font-size:1rem;padding:12px 23px;min-height:46px}.btn:hover,.price-row .btn:hover{background:#095E59;box-shadow:none;transform:none}.btn-soft{background:transparent;color:#0B6E68;border:1px solid #0B6E68}.btn-soft:hover{color:white}.site-header,#mw-guide .g-header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e8e8ed;height:72px;padding:0 max(24px,calc((100vw - 1160px)/2));box-shadow:none;z-index:90}.brand-mark{background:#1d1d1f;border-radius:12px;font-size:14px;width:36px;height:36px;box-shadow:none}.brand-copy strong,.brand-copy strong span{color:#1d1d1f}.brand-copy small{display:none}.top-nav a{font-size:14px;color:#515154;font-weight:400}.btn-header{font-size:14px;min-height:38px;padding:8px 18px}
#mw-aktion{background:#f5f5f7;color:#515154;padding:11px 20px;font-size:14px;border-bottom:1px solid #e8e8ed}#mw-aktion *{color:inherit}#mw-aktion-code{border-color:#d2d2d7;background:white}
.hero{background:#f5f5f7;color:#1d1d1f;padding:78px 24px 64px;overflow:hidden}.hero:before,.hero:after{display:none}.hero-shell{max-width:1160px;grid-template-columns:1.35fr .65fr;gap:64px;text-align:left}.hero-kicker{color:#6e6e73;font-size:13px;font-weight:600;letter-spacing:.1em;margin-bottom:22px}.hero h1{font-size:clamp(40px,4.9vw,68px);line-height:1.05;letter-spacing:-.055em;font-weight:650;color:#1d1d1f;max-width:760px}.hero h1 em{display:block;font-style:normal;color:#86868b;font-size:inherit;margin-top:4px}.hero p.sub{color:#6e6e73;font-size:20px;line-height:1.5;max-width:580px;margin:26px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero .hero-micro{color:#6e6e73;font-size:14px;margin-top:21px}.hero-product{background:#fff;border:0;padding:12px;box-shadow:0 16px 45px #00000009;border-radius:24px;width:100%;max-width:320px}.hero-product img{max-height:285px;background:#071c2f;border-radius:16px}.hero-product figcaption{padding:18px 12px 12px}.hero-product figcaption strong{color:#1d1d1f;font-size:17px}.hero-product figcaption span{color:#6e6e73;font-size:14px}.hero-product figcaption a{color:#0B6E68}.trust-strip{max-width:1160px;margin:0 auto;padding:25px 0;background:white;border:0;border-bottom:1px solid #e8e8ed;border-radius:0;box-shadow:none}.trust-strip span{border-color:#e8e8ed}.trust-strip b{color:#1d1d1f;font-weight:500}.trust-strip small{color:#6e6e73;font-size:13px}
main#ratgeber{max-width:1208px;padding:80px 24px}.section-head{text-align:left;margin-bottom:32px;max-width:760px;margin-left:0}.section-head h2,.outcomes h2,.home-faq h2{font-size:clamp(32px,3.5vw,46px);line-height:1.12;letter-spacing:-.04em;color:#1d1d1f}.section-head p{font-size:18px;line-height:1.55;color:#6e6e73}.mini-kicker{color:#6e6e73;letter-spacing:.04em;font-size:14px}.category-jump{justify-content:flex-start;gap:10px;margin-bottom:40px}.category-jump a{background:#f5f5f7;border:1px solid transparent;border-radius:999px;padding:12px 20px;color:#515154}.category-jump a:hover{border-color:#0B6E68;color:#0B6E68}.group-label{font-size:24px;text-transform:none;letter-spacing:-.025em;font-weight:600;color:#1d1d1f;margin:48px 0 20px;border:0}.group-label:after{display:none}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card,.card[id]{border:0;background:#f5f5f7;border-radius:24px;box-shadow:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #00000008}.card .card-header,.card[id] .card-header{background:transparent;min-height:105px;padding:30px 28px 12px;align-items:center}.card-header:before,.card-header:after{display:none}.card h3{color:#1d1d1f;font-size:25px;line-height:1.15;letter-spacing:-.035em}.card-body{padding:0 28px 28px;display:flex;flex-direction:column}.card p.desc{color:#6e6e73;line-height:1.6;font-size:16px;margin:16px 0}.badge{color:#515154;background:#e8e8ed;font-size:12px;font-weight:500;padding:5px 10px}.card .price-row{margin-top:auto;padding-top:22px;gap:14px}.price{color:#1d1d1f;font-size:22px}.regular-price,.price-code{font-size:13px}.price-code{color:#0B6E68}.lnk-detail{color:#0B6E68;font-weight:400}.card .price-row .btn{margin-top:4px}
.outcomes{max-width:1160px;padding:50px 24px 70px}.outcomes-grid{gap:28px}.outcomes article{background:white;border:0;padding:20px 0;box-shadow:none}.outcomes article>span{background:none;color:#86868b;font-size:32px;padding:0}.outcomes article h3{font-size:22px;letter-spacing:-.025em}.outcomes article p{color:#6e6e73}.author{background:#f5f5f7;margin:0;padding:70px 24px;border:0}.author-copy h3{font-size:38px;letter-spacing:-.04em}.author-points span{background:white;color:#515154}.bundle-stage{max-width:1208px;margin:0 auto;padding:80px 24px;background:white;border:0}.value-ladder{background:#f5f5f7;border-color:#e8e8ed;border-radius:20px}.bundle-stage .paket{border:1px solid #e8e8ed;border-radius:24px;box-shadow:none;background:#fff}.bundle-stage .paket .p-head,.bundle-stage .paket.complete .p-head{background:#f5f5f7;color:#1d1d1f}.bundle-stage .paket .p-head h3,.bundle-stage .paket .p-head small{color:#1d1d1f}.bundle-stage .paket.complete{background:#f5f5f7;color:#1d1d1f;border-color:#e8e8ed}.bundle-stage .paket.complete *{color:#1d1d1f}.bundle-stage .paket.complete .btn{color:white;background:#0B6E68}.p-ribbon{background:#0B6E68;color:white}.bundle-confidence{color:#6e6e73}.home-faq{background:#f5f5f7;border-radius:24px;border:0;box-shadow:none}.faq-list details{background:transparent;border-bottom:1px solid #d2d2d7;box-shadow:none;border-radius:0}.free-inner{background:#f5f5f7;border:0;border-radius:24px;box-shadow:none}.free-copy h2{color:#1d1d1f}.free-cover{background:#1d1d1f;box-shadow:none;transform:none}.legal{max-width:1160px;padding:20px 24px;border-bottom:1px solid #e8e8ed}.legal summary{font-size:16px;cursor:pointer;font-weight:500}.legal p{font-size:14px}.legal[open]{padding-bottom:30px}body>footer{background:#f5f5f7;color:#6e6e73}.home-sticky{display:none}
#mw-guide .g-hero{background:#f5f5f7;color:#1d1d1f;padding:70px 24px}#mw-guide .g-hero:before,#mw-guide .g-hero:after{display:none}#mw-guide .g-hero h1{color:#1d1d1f;letter-spacing:-.045em}#mw-guide .g-hook,#mw-guide .g-kicker,#mw-guide .g-quick-benefits,#mw-guide .g-hero-price small,#mw-guide .g-hero-price>span,#mw-guide .g-hero-trust span{color:#6e6e73}#mw-guide .g-hero-price strong{color:#1d1d1f}#mw-guide .g-content-link,#mw-guide .g-hero-price .price-code{color:#0B6E68}#mw-guide .g-hero .regular-price{color:#6e6e73}#mw-guide .g-proof-card{background:white;border:0;box-shadow:none;color:#1d1d1f;border-radius:24px}#mw-guide .g-proof-card strong{color:#1d1d1f}#mw-guide .g-proof-card p,#mw-guide .g-proof-label{color:#6e6e73}#mw-guide .g-card{border:0;box-shadow:none}#mw-guide .g-fit,#mw-guide .g-inhalt{background:#f5f5f7;border:0;border-radius:20px}#mw-guide .g-buy-button,#mw-guide .g-buy .btn{background:#0B6E68;color:white}#mw-guide .g-sticky-buy{background:rgba(255,255,255,.96);color:#1d1d1f}
@media(max-width:900px){.hero-shell{grid-template-columns:1fr .65fr;gap:30px}.hero h1{font-size:46px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav{display:none}}
@media(max-width:600px){.site-header{height:64px;padding:0 18px}.brand-copy strong{font-size:17px}.brand-mark{width:30px;height:30px;font-size:12px}.btn-header{font-size:13px;padding:8px 13px}.hero{padding:46px 20px 35px}.hero-shell{display:flex;flex-direction:column;gap:30px;align-items:stretch}.hero h1{font-size:43px;letter-spacing:-.05em}.hero p.sub{font-size:18px}.hero-kicker{font-size:12px}.hero-actions{display:flex;gap:10px}.hero-actions .btn{font-size:14px;padding:12px 17px}.hero-product{display:grid;grid-template-columns:105px 1fr;max-width:none;gap:8px;padding:10px;border-radius:20px}.hero-product img{width:105px;max-height:145px}.hero-product figcaption{padding:8px}.hero-product figcaption strong{font-size:16px}.hero-product figcaption span,.hero-product figcaption a{font-size:13px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;margin:0 20px;padding:18px 0;gap:16px}.trust-strip span{padding:0;border:0;text-align:left}.trust-strip small{font-size:12px}.trust-strip b{font-size:14px}main#ratgeber{padding:52px 20px}.section-head h2,.outcomes h2,.home-faq h2{font-size:34px}.section-head p{font-size:17px}.category-jump{gap:8px}.category-jump a{font-size:13px;padding:10px 14px}.cards{grid-template-columns:1fr;gap:16px}.card .card-header,.card[id] .card-header{padding:26px 24px 8px;min-height:0}.card h3{font-size:26px}.card-body{padding:0 24px 24px}.card p.desc{margin:14px 0}.group-label{margin-top:35px}.author-inner{grid-template-columns:1fr}.author{padding:46px 24px}.bundle-stage{padding:52px 20px}.home-faq{margin:20px;padding:28px 22px}.free{padding:0 20px}.home-sticky{display:flex;background:#fffffff5;border-top:1px solid #e8e8ed;box-shadow:none}.home-sticky>span{font-size:13px;max-width:150px;line-height:1.3}.home-sticky .btn{font-size:14px}.legal{margin:0 20px;padding:20px 0}#mw-guide .g-hero{padding:40px 20px}#mw-guide .g-hero h1{font-size:40px}#mw-guide .g-proof-card{padding:22px}body #mw-consent{bottom:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.tax-note{display:block!important;color:#6e6e73!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;margin:5px 0 0!important}.value-ladder>.tax-note{grid-column:1/-1;text-align:center;padding:8px}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;background:white;color:#0B6E68;padding:12px}.skip-link:focus{top:10px}#mw-consent{box-shadow:0 8px 45px #0002;background:white;border:1px solid #dedee2;border-radius:20px;max-width:480px;left:auto;right:20px;bottom:20px;padding:22px}#mw-consent .mw-consent-actions{display:flex;gap:10px}#mw-consent button{flex:1;background:#f5f5f7;color:#1d1d1f;border:1px solid #aaa;border-radius:999px;min-height:44px;font-size:14px;font-weight:500}#mw-consent p{font-size:14px;color:#515154}.home-sticky{display:none!important}.hero-actions .btn{width:auto}.hero-product{flex-shrink:0}.legal p{line-height:1.7}.legal h3{margin:24px 0 8px}.card-body{flex:1}.card{display:flex;flex-direction:column}.g-sticky-buy .tax-note{font-size:11px!important}@media(max-width:600px){#mw-consent,body #mw-consent,body.mw-guide-aktiv #mw-consent{left:12px;right:12px;bottom:12px;max-width:none;max-height:60dvh;overflow:auto}.hero-actions .btn{width:auto}.hero-product{grid-template-columns:105px 1fr}.brand-copy{min-width:0}.hero .hero-actions{width:100%}}
.site-header .brand-mark,#mw-guide .brand-mark{color:white}.site-header .btn-header{color:white}.hero .btn-soft{color:#0B6E68!important;background:transparent!important;border:1px solid #0B6E68!important}.hero .btn-soft:hover{background:#e7f1fc!important}#mw-guide .g-hero .g-hook{color:#6e6e73!important}#mw-guide .g-header-link{color:#0B6E68}#mw-guide .g-hero-price .offer-note{color:#6e6e73}#mw-guide .g-shell>*{min-width:0}#mw-guide .g-hero h1{overflow-wrap:anywhere}#mw-guide .g-section-label{color:#0B6E68}#mw-guide .g-card .g-buy .btn{background:#0B6E68;color:white}.hero-product .cover-crop{width:100%;aspect-ratio:1.4;overflow:hidden;position:relative;border-radius:16px;background:#071c2f}.hero-product .cover-crop img{position:absolute;width:120%;max-width:none;height:auto;max-height:none;left:-10%;top:-58%;border-radius:0;object-fit:initial}.contact-form{display:grid;gap:14px;max-width:600px;margin:20px 0}.contact-form label{display:grid;gap:6px;font-size:15px;font-weight:500}.contact-form input,.contact-form textarea{border:1px solid #b6b6bc;border-radius:10px;padding:12px;font:inherit;max-width:100%;width:100%;background:white;color:#1d1d1f}.contact-form button{justify-self:start}.contact-form .honeypot{display:none}.contact-form p{margin:0}.hero-product figcaption span{line-height:1.5}@media(max-width:600px){.hero-product .cover-crop{aspect-ratio:.9}.hero-product .cover-crop img{width:175%;left:-37.5%;top:-43%}#mw-guide .g-hero h1{font-size:36px}.g-sticky-buy{gap:12px}.g-sticky-buy>div{min-width:0}}
#mw-aktion{font-size:13px;line-height:1.5;padding:9px 16px}#mw-aktion em{font-size:12px;margin-top:2px}.bundle-stage .paket .p-eyebrow{color:#6e6e73}.bundle-stage .paket .p-ribbon{color:white}#mw-guide .g-sticky-buy a{color:white}#mw-guide .g-quick-benefits li:before{color:#0B6E68}#mw-guide .g-header-link{color:#0B6E68!important}.bundle-stage .paket .btn{background:#0B6E68;color:white}.hero .hero-kicker{line-height:1.5}



/* ---- naechster Block ---- */


/* Opening and catalogue refinement, layered over the existing shop. */
.hero{background:radial-gradient(ellipse at 87% 40%,#dceaf8 0,transparent 47%),linear-gradient(130deg,#fff 12%,#f5f5f7 75%);padding:64px 24px 60px}
.hero-shell{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:70px;max-width:1160px}
.hero .hero-kicker{font-size:11px;letter-spacing:.16em;color:#606875;margin-bottom:20px}
.hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.01;letter-spacing:-.055em;margin:0}
.hero h1 em{color:#0B6E68;margin-top:4px}
.hero p.sub{font-size:18px;max-width:490px;line-height:1.65;margin:25px 0}
.hero .hero-micro{font-size:13px}
.cover-showcase{position:relative;min-width:0;width:100%;max-width:470px;justify-self:end}
.showcase-orbit{position:absolute;inset:50px -25px 95px;border:1px solid #fff9;border-radius:50%;background:radial-gradient(ellipse,#d2e3f980,transparent 67%);transform:rotate(-22deg)}
.showcase-stage{height:470px;position:relative}
.showcase-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;opacity:0;pointer-events:none;transform:translateY(10px) scale(.985);transition:opacity .65s ease,transform .8s ease;color:#1d1d1f;text-decoration:none}
.showcase-slide.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.showcase-slide img{display:block;width:240px;height:339px;object-fit:contain;border-radius:3px 9px 9px 3px;box-shadow:-3px 2px 0 #c0c5cb,0 23px 30px -14px #223b5860;transform:perspective(1100px) rotateY(-9deg) rotateZ(2deg);background:#fff}
.showcase-caption{text-align:center;display:flex;flex-direction:column;gap:5px}
.showcase-caption small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5a697a}
.showcase-caption strong{font-size:21px;font-weight:600;letter-spacing:-.025em}
.showcase-caption>span{font-size:13px;color:#0B6E68}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cad6e1;padding-top:15px;gap:12px}
.showcase-controls>span{font-size:9px;letter-spacing:.13em;color:#677587}
.showcase-controls>div{display:flex;gap:6px}
.showcase-controls button{width:38px;height:38px;border-radius:50%;background:#ffffffa0;border:1px solid #d2dce7;color:#33485e;font-size:17px;cursor:pointer}
.showcase-controls button:hover{background:#fff;border-color:#0B6E68}
.category-jump a[aria-current=true]{background:#1d1d1f;color:#fff}
.catalogue-meta{font-size:12px;color:#6e6e73;margin:10px 0 16px;line-height:1.7}
.catalogue-meta a{color:#0B6E68}
[hidden]{display:none!important}
@media(min-width:601px) and (max-width:950px){.hero-shell{grid-template-columns:1fr 1fr;gap:26px}.hero h1{font-size:52px}.showcase-slide img{width:205px;height:290px}.showcase-stage{height:420px}}
@media(max-width:600px){.hero{padding:34px 20px 28px}.hero-shell{gap:28px}.hero h1{font-size:49px}.hero .hero-kicker{font-size:10px;margin-bottom:17px}.hero p.sub{font-size:16px;line-height:1.6;margin:20px 0}.hero .hero-micro{font-size:12px;margin-top:15px}.hero-actions .btn{padding:12px 15px;font-size:14px}.cover-showcase{max-width:none}.showcase-stage{height:260px}.showcase-slide{display:grid;grid-template-columns:135px minmax(0,1fr);gap:22px;padding:12px 7px}.showcase-slide img{width:135px;height:191px}.showcase-caption{text-align:left;align-items:flex-start}.showcase-caption strong{font-size:21px;line-height:1.15}.showcase-caption small{font-size:9px;line-height:1.5}.showcase-caption>span{font-size:12px;line-height:1.5}.showcase-orbit{inset:0 0 45px}.showcase-controls{padding-top:10px}.showcase-controls button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.showcase-slide{transition:none;transform:none}}



/* ============================================================
   Markenfarbe – zentrale Übersteuerung
   Alles hierüber stammt aus der Vorlage. Dieser Block gewinnt,
   weil er zuletzt kommt. Andere Akzentfarbe: nur hier ändern.
   ============================================================ */
:root {
  --mw-akzent: #0B6E68;
  --mw-akzent-tief: #095E59;
  --mw-akzent-hell: #E8F4F3;
  --gold: #0B6E68;
  --gold-dark: #095E59;
  --teal: #0B6E68;
  --teal-dark: #095E59;
}
a { color: #0B6E68; }
.btn-primary, .btn.btn-primary { background: #0B6E68; border-color: #0B6E68; color: #fff; }
.btn-primary:hover, .btn.btn-primary:hover { background: #095E59; border-color: #095E59; }
:focus-visible { outline: 2px solid #0B6E68; outline-offset: 3px; }

/* Ein H1 je Seite: die Überschrift der Detailansicht steht ab jetzt
   statisch im HTML, damit Suchmaschinen sie ohne JavaScript sehen. */
.mw-nur-lesbar {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

/* Auf den eigenen Ratgeberseiten gibt es keine Geschwister mehr,
   die ausgeblendet werden müssten. */
body.mw-eigene-seite #mw-guide,
body.mw-eigene-seite #mw-danke { display: block; }

/* ---------- Leseprobe ---------- */
.g-leseprobe { margin: 44px 0 36px; }
.g-leseprobe h2 { margin: 6px 0 10px; }
.lp-lead { color: #6e6e73; font-size: .96rem; margin-bottom: 26px; }
.lp-reihe {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  align-items: start;
}
@media (max-width: 760px) { .lp-reihe { grid-template-columns: 1fr; max-width: 360px; margin-inline: auto; } }
.lp-seite a {
  display: block;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 10px 26px rgba(0,0,0,.07);
  transition: transform .22s cubic-bezier(.4,0,.2,1), box-shadow .22s cubic-bezier(.4,0,.2,1);
}
.lp-seite a:hover, .lp-seite a:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 2px 4px rgba(0,0,0,.06), 0 18px 40px rgba(0,0,0,.12);
  text-decoration: none;
}
.lp-seite img { width: 100%; height: auto; display: block; }
.lp-nr {
  position: absolute; right: 10px; bottom: 10px;
  background: rgba(20,20,22,.82);
  color: #fff;
  font-size: .7rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 980px;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.lp-seite figcaption { margin-top: 12px; font-size: .86rem; color: #6e6e73; line-height: 1.5; }
.lp-seite figcaption strong { display: block; color: #1d1d1f; font-weight: 600; margin-bottom: 2px; }
.lp-fuss { margin-top: 22px; font-size: .84rem; color: #86868b; }

/* Der fruehere Einstiegsblock entfaellt: der Werkstatt-Check steht
   jetzt als eigene Karte im Katalog und im neuen Hero. */



/* ============================================================
   MeisterWissen – Startseite mit Koerperkompass
   Diese Datei enthaelt nur das, was zur bisherigen Stilvorlage
   dazugekommen ist: der neue Hero mit der Figur, die anklickbaren
   Flaechen darauf und die Lesbarkeitskorrekturen.
   Sie wird vom Generator ZULETZT angehaengt und gewinnt deshalb.
   ============================================================ */

.body-hero{--ink:#153d48;--accent:#087e8b;max-width:1280px;margin:auto;padding:64px 48px 44px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;color:var(--ink)}.body-eyebrow,.body-view-label{font-size:12px;letter-spacing:.15em;font-weight:750}.body-intro{padding-top:30px}.body-intro h1{font-size:clamp(48px,5.6vw,78px);line-height:1.03;letter-spacing:-.055em;margin:24px 0}.body-intro h1 em{color:var(--accent);font-style:normal}.body-intro>p{font-size:18px;line-height:1.65;max-width:420px;color:#4a6269}.body-topics{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:410px;margin:28px 0 22px}.body-topics a,.body-topics button{font:inherit;font-weight:650;font-size:16px;text-align:left;color:var(--ink);background:#fff;border:1px solid #cbdadd;border-radius:12px;padding:15px 18px;text-decoration:none;cursor:pointer}.body-topics a:hover,.body-topics button:hover{background:#e7f3f4;border-color:var(--accent)}.body-extra{display:flex;flex-direction:column;gap:12px;margin:20px 0 25px}.body-extra a{font-size:15px;color:var(--accent);font-weight:600}.body-intro>small{display:block;color:#52676c;line-height:1.6;font-size:13px}.body-visual{position:relative;border-radius:30px;background:radial-gradient(ellipse at 50% 38%,#e3f1f2 0,#eff6f6 50%,#f7faf9 78%);border:1px solid #dfebeb;overflow:hidden;min-width:0}.body-view-label{text-align:center;position:absolute;top:26px;width:100%;color:#58787e;font-size:11px;z-index:2}.body-stage{position:relative;height:580px;width:100%;touch-action:pan-y;cursor:grab}.body-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.body-stage:active{cursor:grabbing}.body-fallback{position:absolute;top:45%;padding:30px;text-align:center;color:#58787e}.body-pins{position:absolute;inset:0;pointer-events:none}.body-pin{position:absolute;pointer-events:auto;transform:translate(0,-50%);display:flex;align-items:center;gap:10px;background:#fffefc;border:1px solid #c6dadc;border-radius:30px;padding:10px 16px 10px 10px;box-shadow:0 5px 20px #1b4d5010;color:#153d48;text-decoration:none;font:600 14px system-ui;white-space:nowrap;cursor:pointer;min-height:44px}.body-pin:before{content:'';width:12px;height:12px;border-radius:50%;background:#087e8b;box-shadow:0 0 0 5px #087e8b18}.body-pin:hover{background:#153d48;color:white}.body-controls{position:relative;display:flex;justify-content:center;gap:6px;margin-top:-8px;z-index:2}.body-controls[hidden]{display:none}.body-controls button{border:1px solid #cededf;background:#fff;color:#254e58;padding:10px 14px;border-radius:20px;font:600 14px system-ui;cursor:pointer;min-height:44px}.body-controls button[aria-pressed=true]{background:#153d48;color:white;border-color:#153d48}.body-hint{text-align:center;font-size:12px;color:#5b747b;margin:12px 12px 20px}.foot-dialog{box-sizing:border-box;border:1px solid #d4e3e5;border-radius:24px;padding:36px;max-width:520px;width:calc(100% - 32px);max-height:85dvh;color:#153d48;background:#fff}.foot-dialog::backdrop{background:#08282e88;backdrop-filter:blur(5px)}.foot-dialog h2{font-size:30px;margin:16px 0 8px;letter-spacing:-.03em}.foot-dialog>p{color:#5b7177;font-size:15px}.foot-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:#eef5f5;font-size:26px;color:#153d48;cursor:pointer}.foot-links{display:grid;gap:8px;margin-top:24px}.foot-links a{display:flex;justify-content:space-between;gap:10px;padding:14px 16px;border:1px solid #d8e5e6;border-radius:10px;color:#153d48;text-decoration:none;font-size:16px}.foot-links a:hover{background:#eaf5f4}.foot-note{font-size:12px!important;line-height:1.5}.body-hero :focus-visible{outline:3px solid #087e8b;outline-offset:4px}
@media(max-width:760px){.body-hero{padding:24px 20px 32px;grid-template-columns:1fr;gap:24px}.body-intro{padding:0}.body-intro h1{font-size:50px;margin:18px 0}.body-intro h1 br:nth-child(2){display:none}.body-intro>p{font-size:16px;margin-bottom:0}.body-visual{grid-row:2}.body-stage{height:460px}.body-topics{max-width:none;margin:20px 0 16px}.body-extra{margin:16px 0}.body-intro>small{display:none}.body-view-label{font-size:10px;top:20px}.body-pin{font-size:13px;padding:9px 12px 9px 8px;gap:8px}.foot-dialog{padding:30px 20px}}

.body-fallback{inset:30px 0 0;padding:0;display:flex;justify-content:center}.body-fallback[hidden]{display:none}.body-fallback img{height:100%;width:auto;max-width:100%;object-fit:contain}.body-fallback a,.body-fallback button{position:absolute;left:55%;background:white;border:1px solid #c6dadc;border-radius:24px;padding:12px;color:#153d48;font:600 14px system-ui;text-decoration:none;cursor:pointer}.body-visual:has(.body-fallback:not([hidden])) .body-stage{cursor:default}



/* MeisterWissen: typographic clarity and a sculptural body compass */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.body-hero{max-width:1320px;padding:52px 44px 56px;grid-template-columns:1.02fr 1fr;gap:54px;align-items:center;--ink:#102f38;--accent:#08776f}.body-intro{padding:0}.body-eyebrow{font-size:11px;letter-spacing:.16em;color:#08776f}.body-intro h1{font-size:clamp(44px,4.7vw,66px);line-height:1.08;letter-spacing:-.065em;font-weight:650;margin:24px 0}.body-intro h1 em{display:inline-block;color:#08776f}.body-intro>p{max-width:450px;font-size:17px;line-height:1.75;color:#566b71}.body-intro>.body-select-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:650;margin:27px 0 10px;color:#647b80}.body-topics{margin:0 0 18px;max-width:450px;gap:9px}.body-topics a,.body-topics button{border:1px solid #dce5e5;border-radius:10px;padding:14px 18px;box-shadow:0 2px 3px #102f3803;background:#fff;font-weight:550;transition:background .2s,transform .2s}.body-topics a:hover,.body-topics button:hover{transform:translateY(-2px)}.body-extra{flex-direction:row;flex-wrap:wrap;gap:12px 22px;margin:18px 0 28px}.body-extra a{font-size:13px;font-weight:550}.body-books{border-top:1px solid #e0e8e7;padding-top:25px;display:flex;align-items:center;gap:22px}.body-book-covers{display:flex;align-items:center;padding-left:7px}.body-book-covers a{display:block;width:57px;margin-left:-7px;transform:rotate(-9deg);filter:drop-shadow(0 5px 5px #153d4826);transition:transform .2s}.body-book-covers a:nth-child(2){transform:rotate(0);z-index:1}.body-book-covers a:nth-child(3){transform:rotate(9deg)}.body-book-covers a:hover{transform:translateY(-7px);z-index:3}.body-book-covers img{width:100%;height:auto;display:block;border-radius:2px}.body-books strong{font-size:14px;line-height:1.4;font-weight:600}.body-books small{display:block;font-size:11px;color:#62767b;margin-top:7px}.body-visual{background:radial-gradient(ellipse at 50% 35%,#214d54 0%,#12343c 43%,#09272f 83%);border:1px solid #163e45;border-radius:28px;box-shadow:0 28px 55px -35px #062b3b90}.body-view-label{color:#bed4d7;font-size:10px;top:26px;letter-spacing:.15em}.body-stage{height:590px}.body-controls{margin-top:-4px;gap:7px}.body-controls button{background:transparent;color:#c8dadd;border-color:#557079;font-size:12px;padding:9px 17px;min-height:40px}.body-controls button[aria-pressed=true]{background:#e4f1ef;color:#123a41;border-color:#e4f1ef}.body-controls button:hover{background:#365860;color:#fff}.body-hint{color:#c0d2d5;font-size:11px;margin:12px 10px 21px}.body-pin{background:#143b44ed;border-color:#557780;color:#f0f7f8;box-shadow:none;padding:10px 13px;border-radius:9px;font-size:13px;font-weight:500;min-height:44px;backdrop-filter:blur(6px)}.body-pin:before{width:6px;height:6px;background:#85e0cf;box-shadow:0 0 0 4px #85e0cf1a}.body-pin:hover,.body-pin:focus-visible{background:#e5f5ef;color:#143c43;border-color:#bde7da}.body-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.body-leaders line{stroke:#9dc2c8;stroke-opacity:.6;stroke-width:1}.body-leaders circle{fill:#b8f1e5;stroke:#b8f1e530;stroke-width:7}.body-fallback img{filter:brightness(1.45)}.body-fallback a,.body-fallback button{background:#163f49;color:white;border-color:#66838b;font-size:13px;left:58%}.trust-strip{max-width:1232px;margin:0 auto 60px!important;border:1px solid #e1e9e8!important;background:#f7faf9!important;border-radius:14px;box-shadow:none!important}.trust-strip b{font-size:14px}.trust-strip small{font-size:12px}.section-head h2,.author-section h2,.home-faq h2{letter-spacing:-.045em!important;font-weight:650!important}.catalogue-head{padding-top:14px!important}.category-jump{position:relative!important;top:auto!important;background:#f4f7f6!important;padding:6px!important;border-radius:12px!important;max-width:max-content!important;margin:26px auto 42px!important;display:flex;gap:4px;flex-wrap:wrap}.category-jump a{border:none!important;background:transparent!important;color:#486268!important;border-radius:8px!important;padding:11px 16px!important;font-size:13px!important}.category-jump a[aria-current=true]{background:#123c43!important;color:#fff!important}.group-label{letter-spacing:.1em!important;font-size:12px!important;color:#658087!important;text-transform:uppercase;margin-top:32px!important}.cards{gap:20px!important}.card{border:1px solid #dce7e5!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 28px -22px #16444a50!important;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -20px #16444a60!important}.card-header{padding:24px 24px 0!important;background:transparent!important;color:#153e46!important;border:none!important;min-height:0!important}.card-header h3{font-size:21px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.035em}.card-body{padding:18px 24px 24px!important}.card .desc{font-size:14px!important;line-height:1.7!important;color:#576e75!important}.card .badge{background:#edf5f2!important;color:#287367!important;font-size:10px!important;font-weight:650!important;border:0!important}.catalogue-meta{font-size:12px!important;margin:18px 0!important;color:#607780!important}.price-row{padding-top:18px!important;border-top:1px solid #e7edec!important;gap:10px!important}.price{font-size:24px!important;color:#173d44!important;letter-spacing:-.035em}.btn{border-radius:9px!important}.card .price-row .btn{font-size:13px!important;padding:10px 15px!important}.lnk-detail{font-size:12px!important}.mw-card-cover{height:180px;background:linear-gradient(135deg,#f0f5f3,#e4efec);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e0e9e5}.mw-card-cover img{height:145px;width:auto;transform:rotate(-5deg);box-shadow:8px 10px 14px #17403a20;border-radius:2px;transition:transform .25s}.card:hover .mw-card-cover img{transform:rotate(0) translateY(-3px)}.mw-card-index{display:flex;align-items:center;justify-content:space-between;height:74px;margin:0 24px;border-bottom:1px solid #e4ecea;color:#729089}.mw-card-index b{font-size:30px;font-weight:400;letter-spacing:-.05em;color:#92a9a3}.mw-card-index span{font-size:10px;letter-spacing:.13em}.home-faq,.bundle-stage,.free{border-radius:22px!important}.site-header{box-shadow:none!important;border-bottom:1px solid #e7edeb!important}.foot-dialog{font-family:inherit}.foot-links a{font-size:15px}.foot-links a:focus-visible{outline:3px solid #08776f}.body-hero :focus-visible{outline-color:#53b6a6}
@media(max-width:900px){.body-hero{gap:26px;padding:36px 24px}.body-intro h1{font-size:48px}.body-stage{height:550px}.body-books{gap:14px}.body-books small{max-width:160px}.trust-strip{margin-left:20px!important;margin-right:20px!important}.body-pin{font-size:12px;padding:10px}}
@media(max-width:760px){.body-hero{padding:24px 20px 32px;gap:24px;grid-template-columns:1fr}.body-intro h1{font-size:clamp(36px,10vw,49px);margin:16px 0;line-height:1.1}.body-intro>p{font-size:15px;line-height:1.65}.body-intro>.body-select-label{margin:18px 0 9px;font-size:11px}.body-topics{max-width:none;gap:8px}.body-topics a,.body-topics button{padding:12px 14px;font-size:14px}.body-extra{margin:14px 0 0;gap:10px 20px}.body-books{display:none}.body-visual{border-radius:22px}.body-stage{height:500px}.body-view-label{font-size:9px;top:20px}.body-controls button{min-height:44px}.body-pin{font-size:12px;min-height:44px}.trust-strip{margin-bottom:34px!important}.category-jump{margin:20px auto 25px!important;justify-content:center}.category-jump a{padding:10px 12px!important;font-size:12px!important}.card-header h3{font-size:20px!important}.mw-card-cover{height:160px}.mw-card-cover img{height:130px}.section-head h2{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){.card,.body-book-covers a,.mw-card-cover img,.body-topics a,.body-topics button{transition:none!important;transform:none!important}}

.werkstatt-entry{display:flex;align-items:center;gap:16px;border:1px solid #d4e3df;background:#f4f8f6;border-radius:12px;padding:14px 16px;margin:22px 0;text-decoration:none;color:#163d43}.werkstatt-entry img{width:42px;height:auto;box-shadow:3px 4px 7px #123c4422;flex:none}.werkstatt-entry strong{display:block;font-size:17px;letter-spacing:-.02em}.werkstatt-entry small{display:block;font-size:10px;letter-spacing:.12em;color:#08776f;font-weight:650}.werkstatt-entry span span{display:block;font-size:12px;color:#536f73}.werkstatt-entry:hover{border-color:#08776f;background:#e9f3ee}.werkstatt-detail-cover{width:110px!important;height:auto!important;float:right;margin:0 0 20px 25px;box-shadow:8px 10px 18px #143a3c25}.body-books{padding-top:18px}.body-hero{padding-top:36px;padding-bottom:40px}@media(max-width:760px){.werkstatt-entry{margin:17px 0 0}.werkstatt-entry strong{font-size:16px}.werkstatt-detail-cover{width:80px!important;margin-left:15px}}

/* ============================================================
   LESBARKEIT – Korrekturblock
   Der helle Flaechenstil weiter oben hat die Hintergruende von
   FAQ, Fusszeile und Cookie-Hinweis auf Hellgrau gesetzt, die
   Schriftfarben aber auf den Werten des alten dunklen Entwurfs
   gelassen. Ergebnis: weisse Schrift auf fast weissem Grund.
   Dieser Block steht zuletzt und gewinnt deshalb.
   Zielwert: mindestens 4,5:1 Kontrast (WCAG AA, Fliesstext).
   ============================================================ */
:root { --fix-ink: #1D2A33; --fix-muted: #566673; --fix-akzent: #0B6E68; }

/* ---- FAQ-Block ---- */
.home-faq { color: var(--fix-ink); }
.home-faq-copy h2 { color: var(--fix-ink); }
.home-faq-copy p { color: var(--fix-muted); }
.faq-list summary { color: var(--fix-ink); }
.faq-list details p { color: var(--fix-muted); }
.faq-list summary::after { color: var(--fix-akzent); }
.faq-list details,
.faq-list details:first-child { border-color: #D2D2D7; }

/* ---- Fusszeile ---- */
body > footer { color: var(--fix-muted); }
body > footer strong { color: var(--fix-ink); }
body > footer a { color: var(--fix-akzent); }
body > footer .disclaimer,
.disclaimer { color: var(--fix-muted); }

/* ---- Cookie-Hinweis ----
   "Nur notwendige" war weisse Schrift auf weissem Grund und damit
   unsichtbar. Die Ablehnung muss genauso erkennbar sein wie die
   Zustimmung. */
#mw-consent .mw-nein { color: var(--fix-ink); border: 1px solid #C3CFD6; background: #fff; }
#mw-consent .mw-nein:hover { background: #F2F5F7; }
#mw-consent .mw-ja { color: #fff; }
#mw-consent a { color: var(--fix-akzent); }

/* ---- Restliche zu helle Stellen ---- */
.catalogue-note .btn { color: #fff; }
/* Beide Regeln stehen in der Vorlage mit !important bzw. hoeherer
   Gewichtung – deshalb hier ebenso, sonst greifen sie nicht. */
.group-label { color: var(--fix-muted) !important; }
.body-intro > .body-select-label,
.body-select-label { color: var(--fix-muted) !important; }
.meisterbrief figcaption { color: var(--fix-muted); }
.mw-card-index span { color: var(--fix-muted); }


/* ============================================================
   KÖRPERKOMPASS – anklickbare Flächen auf der Figur
   Die Figur war bisher nur ein Bild; klickbar waren allein die
   Pillen daneben. Die Flaechen liegen prozentual ueber dem Bild
   und wandern deshalb bei jeder Groesse mit.
   Die Selektoren nennen .body-fallback mit, weil die Vorlage dort
   ".body-fallback a, .body-fallback button" als dunkle Pille
   gestaltet – sonst gewinnt jene Regel.
   ============================================================ */
.body-figure { position: relative; display: block; height: 100%; }
.body-figure > img { display: block; }
.body-fallback .body-hotspots { position: absolute; inset: 0; }

.body-fallback a.body-hotspot,
.body-fallback button.body-hotspot {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background .18s ease, border-color .18s ease;
}
.body-fallback .body-hotspot > span {
  padding: 5px 11px;
  border-radius: 999px;
  background: #0F2A43;
  color: #fff;
  font: 600 12px/1.2 'Poppins', system-ui, sans-serif;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
}
.body-fallback a.body-hotspot:hover,
.body-fallback button.body-hotspot:hover,
.body-fallback a.body-hotspot:focus-visible,
.body-fallback button.body-hotspot:focus-visible {
  background: rgba(31, 169, 160, .24);
  border-color: rgba(31, 169, 160, .9);
  color: inherit;
}
.body-fallback .body-hotspot:hover > span,
.body-fallback .body-hotspot:focus-visible > span { opacity: 1; transform: translateY(0); }
.body-fallback .body-hotspot:focus-visible { outline: 3px solid #0B6E68; outline-offset: 2px; }

/* Ohne Zeigegeraet (Touch) gibt es kein Hover. Dort genuegt eine
   feine gestrichelte Kante – eine Fuellung wuerde die Figur unter
   sechs Kaesten begraben. */
@media (hover: none) {
  .body-fallback a.body-hotspot,
  .body-fallback button.body-hotspot {
    border-style: dashed;
    border-color: rgba(31, 169, 160, .38);
    background: transparent;
  }
  .body-fallback .body-hotspot:active { background: rgba(31, 169, 160, .20); border-style: solid; }
}
@media (prefers-reduced-motion: reduce) {
  .body-fallback .body-hotspot,
  .body-fallback .body-hotspot > span { transition: none; }
}