/* Lokal eingebundene Schriften – kein Google-Server-Bezug */
@font-face{font-family:'Lato';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/lato-300-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/lato-300-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/lato-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/lato-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/lato-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/lato-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/playfair-display-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/playfair-display-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/playfair-display-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/playfair-display-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/playfair-display-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/playfair-display-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:italic;font-weight:300;font-display:swap;src:url('fonts/lato-300-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:italic;font-weight:300;font-display:swap;src:url('fonts/lato-300-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/lato-400-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/lato-400-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:italic;font-weight:700;font-display:swap;src:url('fonts/lato-700-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:italic;font-weight:700;font-display:swap;src:url('fonts/lato-700-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/playfair-display-400-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/playfair-display-400-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:500;font-display:swap;src:url('fonts/playfair-display-500-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:500;font-display:swap;src:url('fonts/playfair-display-500-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:600;font-display:swap;src:url('fonts/playfair-display-600-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:600;font-display:swap;src:url('fonts/playfair-display-600-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--sage:#8A9E7E;--sage-mid:#7A9270;--sage-light:#C0D4B2;--sage-pale:#E8F0E4;--cream:#F2EDE4;--cream-mid:#EDE8DC;--cream-dark:#DDD5C4;--white:#FAFAF7;--text:#2C2C2C;--text-mid:#555;--text-light:#777;--text-muted:#aaa;--radius:16px;--radius-sm:10px;--shadow:0 2px 20px rgba(0,0,0,0.06)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Lato',sans-serif;background:var(--white);color:var(--text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}
.page{display:none}.page.active{display:block}
h1,h2,h3,h4{font-family:'Playfair Display',serif;font-weight:400;line-height:1.25}
h1{font-size:42px}h2{font-size:32px}h3{font-size:22px}h4{font-size:18px}
/* Automatische Silbentrennung für deutsche Texte (nutzt lang="de" auf <html>) */
/* Greift überall, wo Wörter eng zusammen stehen — Karten, Tiles, Headlines, Pricing */
h1,h2,h3,h4,p,li,span,
.anw-card,.tile,.ptile,.tc,.tnum,.ctab,.ib,.faq-q,.faq-a,.fg,.eyebrow,.hero-tag{
  hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;
  overflow-wrap:break-word;word-break:normal;
  -webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;
  hyphenate-limit-chars:6 3 3;
}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sage)}
.intro-text{font-size:15px;font-weight:300;color:var(--text-mid);line-height:1.75}
.btn{display:inline-block;font-family:'Lato',sans-serif;font-size:15px;font-weight:700;padding:14px 34px;border-radius:30px;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.85}
.btn-primary{background:var(--sage);color:#fff}.btn-secondary{background:var(--white);color:var(--sage);border:1.5px solid var(--sage)}.btn-disabled{background:var(--cream-dark)!important;color:#999!important;cursor:not-allowed!important;opacity:.7}.btn-disabled:hover{transform:none}
.btn-row{display:flex;gap:12px;flex-wrap:wrap}
header{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--cream-mid)}
nav{max-width:1200px;margin:0 auto;padding:10px 80px;display:flex;align-items:center;justify-content:flex-start;gap:40px}
.logo{cursor:pointer;display:flex;align-items:center}.logo img{height:80px;width:auto;object-fit:contain;margin-left:-8px}
.nav-links{display:flex;align-items:center;gap:22px}
.nav-item{position:relative}
.nav-link{font-size:13px;color:var(--text-mid);cursor:pointer;padding:4px 0;white-space:nowrap;background:none;border:none;font-family:'Lato',sans-serif;display:inline-block;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--sage)}
.nav-link-toggle{font-size:13px;color:var(--text-mid);cursor:pointer;padding:4px 0;white-space:nowrap;background:none;border:none;font-family:'Lato',sans-serif;text-align:left}.nav-link-toggle:hover,.nav-link-toggle.active{color:var(--sage)}
.nav-link:focus-visible,.nav-link-toggle:focus-visible,.btn:focus-visible,.flink:focus-visible,.nav-cta:focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:4px}
.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--cream-mid);border-radius:var(--radius-sm);padding:20px 0 8px;min-width:220px;box-shadow:var(--shadow);display:none;z-index:200}
.nav-item:hover .dropdown{display:block}
.dropdown a{display:block;padding:10px 20px;font-size:13px;color:var(--text-mid);cursor:pointer}.dropdown a:hover{background:var(--cream);color:var(--sage)}
/* Touch devices (tablets) at desktop widths: tap-to-open dropdown instead of :hover */
/* Erkennt iPad auch im Desktop-Safari-Modus via .has-touch (per JS gesetzt) */
@media(min-width:901px) and (pointer:coarse){.nav-item:hover .dropdown{display:none}.nav-item.mob-open>.dropdown{display:block!important;position:absolute;top:100%;left:50%;transform:translateX(-50%)}.nav-item.mob-open>.nav-link{color:var(--sage)}}
@media(min-width:901px){html.has-touch .nav-item:hover .dropdown{display:none}html.has-touch .nav-item.mob-open>.dropdown{display:block!important;position:absolute;top:100%;left:50%;transform:translateX(-50%)}html.has-touch .nav-item.mob-open>.nav-link{color:var(--sage)}}
.nav-cta{background:var(--sage);color:#fff;font-size:13px;font-weight:700;padding:11px 24px;border-radius:30px;cursor:pointer;white-space:nowrap}.nav-cta:hover{opacity:.85}
.hero{background:linear-gradient(160deg,#D0DEC8 0%,#E4EDE0 30%,#EDE8DF 65%,#F2EDE4 100%);display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:480px;overflow:hidden}
.hero-text{padding:70px 60px 70px 80px;display:flex;flex-direction:column;justify-content:center}
.hero-tag{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-mid);background:rgba(255,255,255,.55);display:inline-block;padding:5px 14px;border-radius:20px;margin-bottom:24px;width:fit-content}
.hero-scroll-ind{display:none}
.hero-text-backdrop{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;padding:0}
.hero h1{font-size:40px;color:var(--text);margin-bottom:16px}
.hero-sub{font-size:15px;font-weight:300;color:var(--text-mid);line-height:1.75;margin-bottom:8px}
.hero-loc{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin:14px 0 28px}
.hero-img{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:300;color:rgba(255,255,255,.6);letter-spacing:.08em;min-height:480px}
.hero-img.ph1{background:linear-gradient(145deg,#C4D4B4,#D8CBB4 60%,#C8B89A)}
.hw{background:linear-gradient(160deg,#D8E6D0 0%,#E8EEE4 40%,#EEE8E0 100%);padding:28px 120px 36px;text-align:center}
.breadcrumb{font-size:11px;color:var(--text-muted);margin-bottom:20px}.breadcrumb span{color:var(--sage);cursor:pointer}.breadcrumb span:hover{text-decoration:underline}
.hw .eyebrow{margin-bottom:8px}.hw h1{font-size:44px;margin-bottom:12px;max-width:860px;margin-left:auto;margin-right:auto;line-height:1.15}.hw .intro-text{max-width:680px;margin:0 auto 12px;font-size:17px}
.section{padding:36px 80px;max-width:1200px;margin:0 auto}
.sb{background:var(--cream)}.sb .section{padding:36px 80px}
.sh{margin-bottom:28px}.sh .eyebrow{margin-bottom:8px}.sh h2{margin-bottom:10px}.sh p{font-size:15px;font-weight:300;color:var(--text-light);max-width:520px}
.t4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.t3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.t2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tile{background:var(--cream);border-radius:var(--radius);padding:28px 24px}
.tnum{font-size:15px;font-weight:700;letter-spacing:.08em;color:var(--sage);margin-bottom:14px}
.tile h3{font-size:18px;margin-bottom:10px}.tile h4{font-size:16px;margin-bottom:10px}
.tile p{font-size:13px;color:var(--text-light);line-height:1.65;margin-bottom:18px}
.tl{font-size:12px;font-weight:700;color:var(--sage);cursor:pointer}.tl:hover{text-decoration:underline}
.ptile{background:var(--cream);border-radius:var(--radius);padding:32px 28px;border:1.5px solid var(--cream-dark);transition:border-color .2s,box-shadow .2s;scroll-margin-top:80px;display:flex;flex-direction:column}.ptile:hover{border-color:var(--sage-light);box-shadow:0 4px 20px rgba(138,158,126,.15)}
.ptile .price{margin-top:auto}
.ptile .btn,.ptile .btn-primary,.ptile .btn-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.25}
.ptile h3{font-size:20px;margin-bottom:16px}
.plist{list-style:none;margin-bottom:20px}.plist li{font-size:13px;color:var(--text-light);padding:6px 0;padding-left:18px;position:relative;border-bottom:1px solid var(--cream-dark)}.plist li::before{content:"✦";position:absolute;left:0;color:var(--sage);font-size:9px;top:8px}
.price{font-family:'Playfair Display',serif;font-size:28px;color:var(--sage);margin-bottom:6px}
.pnote{font-size:11px;color:var(--text-muted);margin-bottom:20px}
.tc{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ci{border-radius:var(--radius);height:360px;display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(255,255,255,.6)}
.ci.g1{background:linear-gradient(135deg,#C4D4B4,#A8C09A)}.ci.g2{background:linear-gradient(135deg,#D8CBB4,#C8B89A)}.ci.g3{background:linear-gradient(135deg,#A8C4BC,#8AB0A8)}.ci.g4{background:linear-gradient(135deg,#D4C4A8,#C4A888)}
.ct h2{margin-bottom:16px}.ct p{font-size:14px;color:var(--text-light);line-height:1.8;margin-bottom:16px}
.cl{list-style:none;margin:12px 0}.cl li{font-size:14px;color:var(--text-mid);padding:4px 0 4px 22px;position:relative}.cl li::before{content:"✦";position:absolute;left:0;color:var(--sage);font-size:9px;top:7px}
.ib{background:var(--sage-pale);border-left:3px solid var(--sage);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px;font-size:13px;color:#5A7A52;line-height:1.65;margin-top:24px}
.qb{text-align:center;padding:24px 80px;background:var(--cream)}.qb blockquote{font-family:'Playfair Display',serif;font-size:22px;color:var(--text);line-height:1.6;max-width:640px;margin:0 auto 14px}.qb cite{font-size:12px;font-weight:700;color:var(--sage);letter-spacing:.1em;text-transform:uppercase;font-style:normal}
.tm{background:var(--cream);border-radius:var(--radius);padding:28px}.tm p{font-size:14px;font-style:italic;color:var(--text-mid);line-height:1.7;margin-bottom:14px}.tm cite{font-size:11px;font-weight:700;color:var(--sage);font-style:normal}
.tg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ti{background:var(--cream);border-radius:var(--radius);padding:24px 20px;text-align:center}.ticon{font-size:20px;margin-bottom:10px}.ti p{font-size:12px;color:var(--text-light);line-height:1.6}
.ctab{background:var(--cream);border-radius:var(--radius);padding:32px 48px;text-align:center;max-width:640px;margin:0 auto}.ctab h2{font-size:24px;margin-bottom:10px}.ctab p{font-size:14px;color:var(--text-light);margin-bottom:20px;max-width:420px;margin-left:auto;margin-right:auto}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step-num{width:36px;height:36px;background:var(--sage-pale);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--sage);margin-bottom:14px}
.step h4{font-size:16px;margin-bottom:8px}.step p{font-size:13px;color:var(--text-light);line-height:1.65}
footer{background:#2C2C2C;padding:56px 80px 0}
.fg{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid #3A3A3A}
.fl{font-family:'Playfair Display',serif;font-size:20px;color:var(--cream);margin-bottom:6px}
.fs{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);margin-bottom:14px}
.ft{font-size:12px;color:#888;line-height:1.8}
.ftl{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-bottom:14px}
.flink{font-size:13px;color:#888;margin-bottom:8px;cursor:pointer;display:block}.flink:hover{color:var(--cream)}
.fbot{max-width:1200px;margin:0 auto;padding:16px 0;display:flex;justify-content:space-between;font-size:11px;color:#555}
.fg-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nav-burger{display:none;background:none;border:none;font-size:26px;cursor:pointer;color:var(--text);padding:4px 8px;line-height:1}

/* ── Mobile & Responsive ─────────────────────────────── */

/* Overflow prevention – must be global */
html, body { overflow-x:hidden; max-width:100vw; }
img { max-width:100%; height:auto; }

@media(max-width:1024px){
  nav{padding:10px 32px}
  .section{padding:36px 40px}
  .sb .section{padding:36px 40px}
  .hw{padding:28px 60px 36px}
  footer{padding:40px 40px 0}
  .fg{gap:24px}
}

/* ── Nav Hamburger ab 900px (iPad Air, iPhone Landscape, etc.) ── */
@media(max-width:900px){
  nav{padding:20px 16px;justify-content:space-between;gap:0}
  .logo img{height:31px;margin-left:-4px;transform:translateY(5px)}
  .nav-burger{display:flex;align-items:center}
  .nav-links{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--white);flex-direction:column;padding:20px 24px 40px;gap:0;z-index:99;overflow-y:auto;border-top:1px solid var(--cream-mid)}
  .nav-links.open{display:flex}
  .nav-link{padding:15px 0;font-size:16px;border-bottom:1px solid var(--cream-mid);width:100%;display:block;white-space:normal}
  .nav-item{width:100%;position:static}
  .dropdown{position:static;transform:none;min-width:0;box-shadow:none;border:none;border-radius:0;padding:0 0 8px 16px;display:none;width:100%}
  .nav-item.mob-open>.dropdown{display:block}
  .nav-item.mob-open>.nav-link{color:var(--sage)}
  .dropdown a{padding:10px 0;font-size:14px;border-bottom:1px solid var(--cream-mid);white-space:normal}
  .nav-cta{display:block;margin-top:20px;text-align:center;padding:14px;width:100%;font-size:15px;white-space:normal}
}

@media(max-width:768px){

  /* ── Global overflow guard ── */
  *{max-width:100%;box-sizing:border-box}

  /* ── Nav (identisch, überschreibt 900px-Block falls nötig) ── */
  nav{padding:20px 20px;justify-content:space-between;gap:0}
  .nav-burger{display:flex;align-items:center}
  .nav-links{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--white);flex-direction:column;padding:20px 24px 40px;gap:0;z-index:99;overflow-y:auto;border-top:1px solid var(--cream-mid)}
  .nav-links.open{display:flex}
  .nav-link{padding:15px 0;font-size:16px;border-bottom:1px solid var(--cream-mid);width:100%;display:block;white-space:normal}
  .nav-item{width:100%;position:static}
  .dropdown{position:static;transform:none;min-width:0;box-shadow:none;border:none;border-radius:0;padding:0 0 8px 16px;display:none;width:100%}
  .nav-item.mob-open > .dropdown{display:block}
  .nav-item.mob-open > .nav-link{color:var(--sage)}
  .dropdown a{padding:10px 0;font-size:14px;border-bottom:1px solid var(--cream-mid);white-space:normal}
  .nav-cta{display:block;margin-top:20px;text-align:center;padding:14px;width:100%;font-size:15px;white-space:normal}

  /* ── Typography – override all inline font-size on headings ── */
  h1,h1[style]{font-size:26px!important;line-height:1.25!important}
  h2,h2[style]{font-size:22px!important}
  h3,h3[style]{font-size:18px!important}
  h4,h4[style]{font-size:16px!important}
  blockquote,blockquote[style]{font-size:18px!important}

  /* ── Hero Home (inline padded div, not a class) ── */
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-img{min-height:220px;order:-1}
  .hero-text{padding:28px 20px 32px}
  /* override inline padding:80px 80px 72px on home hero wrapper */
  [style*="padding:80px 80px"]{padding:36px 20px!important}
  [style*="padding:70px 60px"]{padding:28px 20px!important}

  /* ── .hw hero banners – class and inline-overridden ── */
  .hw{padding:36px 20px!important}
  .hw h1{font-size:26px!important;line-height:1.2!important}
  .hw .intro-text{font-size:14px!important}
  /* .hw with inline padding override variants */
  [style*="padding:44px 120px"]{padding:36px 20px!important}
  [style*="padding:52px 120px"]{padding:36px 20px!important}
  [style*="padding:56px 120px"]{padding:36px 20px!important}
  [style*="padding:60px 120px"]{padding:36px 20px!important}
  [style*="padding:72px 120px"]{padding:36px 20px!important}

  /* ── Sections ── */
  .section{padding:28px 16px!important}
  .sb .section{padding:28px 16px!important}
  /* override inline section paddings */
  [style*="padding:28px 80px"]{padding:24px 16px!important}
  [style*="padding:24px 80px"]{padding:20px 16px!important}
  [style*="padding:36px 80px"]{padding:28px 16px!important}
  [style*="padding:56px 80px"]{padding:32px 16px!important}
  [style*="padding:64px 80px"]{padding:32px 16px!important}
  [style*="padding:48px 80px"]{padding:28px 16px!important}
  [style*="padding:72px 80px"]{padding:32px 16px!important}

  /* ── Quote blocks ── */
  .qb{padding:24px 16px}
  .qb blockquote{font-size:17px!important}
  /* override inline qb with padding:48px 80px */
  [style*="padding:48px 80px"] blockquote{font-size:17px!important}

  /* ── CTA block ── */
  .ctab{padding:24px 16px}

  /* ── Footer ── */
  footer{padding:32px 16px 0}
  .fg{grid-template-columns:1fr!important;gap:20px}
  .fbot{flex-direction:column;gap:6px;text-align:center}

  /* ── Named grid classes → single column ── */
  .tc{grid-template-columns:1fr!important;gap:24px}
  .t2{grid-template-columns:1fr!important}
  .t3{grid-template-columns:1fr!important}
  .t4{grid-template-columns:1fr!important}
  .tg{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .ti{padding:16px 12px!important}
  .ticon{font-size:28px!important;margin-bottom:8px!important}
  .ti p{font-size:13px!important;line-height:1.5!important}
  [style*="padding:32px 24px"].ti{padding:16px 12px!important}
  [style*="font-size:40px"].ticon,[style*="font-size:40px;"].ticon{font-size:28px!important}
  .steps{grid-template-columns:1fr!important}
  .fg-form{grid-template-columns:1fr!important}

  /* ── Inline display:grid with multiple columns → single column ── */
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:2fr 1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:2fr 1fr 1fr 1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr!important}

  /* ── Images in .tc two-col sections: auf Mobile immer oben ── */
  .tc{display:flex!important;flex-direction:column}
  .tc img{order:-1!important}
  .tc .lb-wrap{order:-1!important}
  .tc > div:has(img){order:-1!important}
  .tc img{width:100%!important;height:240px!important;object-fit:cover}
  /* taller portrait images on specific pages */
  img[style*="height:420px"],img[style*="height:460px"]{height:260px!important}

  /* ── Hypnose Anwendungsbereiche Karten ── */
  .anw-card{min-width:0!important;flex:1 1 calc(50% - 6px)!important;max-width:none!important;padding:12px 10px!important}
  .anw-card>div:first-child{width:28px!important;height:28px!important}

  /* ── Angebote cards with large padding ── */
  [style*="padding:44px 40px"]{padding:28px 20px!important}

  /* ── Large decorative numbers ── */
  [style*="font-size:72px"]{font-size:40px!important}

  /* ── Inline h2 font-sizes ── */
  [style*="font-size:44px"]{font-size:22px!important}
  [style*="font-size:40px"]{font-size:21px!important}
  [style*="font-size:48px"]{font-size:26px!important}
  [style*="font-size:52px"]{font-size:26px!important}
  [style*="font-size:34px"]{font-size:21px!important}
  [style*="font-size:36px"]{font-size:21px!important}
  [style*="font-size:28px"]{font-size:19px!important}

  /* ── Buttons ── */
  .btn-row{flex-direction:column;align-items:stretch;gap:10px}
  .btn-row .btn{width:100%;text-align:center;display:block}
  .btn{width:100%;text-align:center;display:inline-block}

  /* ── Form elements ── */
  input,textarea,select{font-size:16px!important} /* prevents iOS zoom */

  /* ── Tiles padding reduction ── */
  .tile{padding:20px 16px}
  .ptile{padding:24px 20px}

  /* ── Map image in Praxis page ── */
  .tc > div[style*="min-width:0"]{min-width:0!important}

  /* ── tc inline gap overrides ── */
  .tc[style*="gap:48px"]{gap:24px!important}
  .tc[style*="gap:56px"]{gap:24px!important}
  .tc[style*="gap:60px"]{gap:24px!important}

  /* ── workshops hero inner grid gap ── */
  [style*="gap:64px"]{gap:24px!important}

  /* ── inline style padding with 3-value shorthand ── */
  [style*="padding:44px 120px 36px"]{padding:32px 16px!important}
  [style*="padding:52px 120px 44px"]{padding:32px 16px!important}
  [style*="padding:56px 120px 48px"]{padding:32px 16px!important}
  [style*="padding:60px 120px 48px"]{padding:32px 16px!important}
  [style*="padding:72px 80px 64px"]{padding:32px 16px!important}
  [style*="padding:28px 80px 32px"]{padding:24px 16px!important}
  [style*="padding:28px 80px 36px"]{padding:24px 16px!important}
  [style*="padding:24px 80px 32px"]{padding:20px 16px!important}
  [style*="padding:56px 80px 40px"]{padding:32px 16px!important}

  /* ── prevent very wide inline elements from overflowing ── */
  [style*="max-width:860px"]{max-width:100%!important}
  [style*="max-width:780px"]{max-width:100%!important}
  [style*="max-width:720px"]{max-width:100%!important}
  [style*="max-width:700px"]{max-width:100%!important}
  [style*="max-width:680px"]{max-width:100%!important}
  [style*="max-width:640px"]{max-width:100%!important}

  /* ── ctab inner max-width on mobile ── */
  .ctab{max-width:100%}

  /* flex containers already use flex-wrap:wrap inline where needed */
}

/* ── Very small screens (320–374px) ── */
@media(max-width:374px){
  h1,h1[style]{font-size:22px!important}
  h2,h2[style]{font-size:19px!important}
  .section{padding:24px 12px!important}
  .hw{padding:28px 12px!important}
  [style*="min-width:220px"]{min-width:0!important;flex:1 1 100%!important}
  .btn{padding:12px 20px}
  nav{padding:20px 12px}
}

/* ── Landscape Mobile (z.B. iPhone quer, bis 900px) ── */
@media(max-width:900px) and (orientation:landscape){
  /* Header kompakter */
  nav{padding:6px 20px;justify-content:space-between;gap:0}
  .logo img{height:29px;transform:translateY(5px)}
  /* Sticky Header bleibt sichtbar */
  header{position:sticky;top:0}
  /* Hamburger auch im Landscape */
  .nav-burger{display:flex;align-items:center}
  .nav-links{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:var(--white);flex-direction:column;padding:16px 24px 32px;gap:0;z-index:99;overflow-y:auto;border-top:1px solid var(--cream-mid)}
  .nav-links.open{display:flex}
  .nav-link{padding:11px 0;font-size:15px;border-bottom:1px solid var(--cream-mid);width:100%;display:block;white-space:normal}
  .nav-item{width:100%;position:static}
  .dropdown{position:static;transform:none;min-width:0;box-shadow:none;border:none;border-radius:0;padding:0 0 6px 16px;display:none;width:100%}
  .nav-item.mob-open>.dropdown{display:block}
  .nav-item.mob-open>.nav-link{color:var(--sage)}
  .dropdown a{padding:8px 0;font-size:13px;border-bottom:1px solid var(--cream-mid);white-space:normal}
  .nav-cta{display:block;margin-top:14px;text-align:center;padding:12px;width:100%;font-size:14px;white-space:normal}
  /* Hero Banner weniger Höhe */
  .hw{padding:28px 20px}
  .hero{min-height:auto}
  .hero-img{min-height:180px}
  /* Sections weniger Padding */
  .section{padding:24px 20px}
  /* Buttons nicht stacken im Landscape - nebeneinander lassen */
  .btn-row{flex-direction:row;flex-wrap:wrap}
  .btn-row .btn{width:auto}
  /* Footer im Landscape 2-spaltig */
  .fg{grid-template-columns:1fr 1fr!important;gap:24px}
}

/* ── Footer Mobile: 3-spaltig (Logo+Adresse full width, dann Angebote/Kontakt/Rechtliches nebeneinander) ── */
@media(max-width:768px){
  .fg{grid-template-columns:1fr 1fr 1fr!important;gap:20px 12px}
  .fg > div:first-child{grid-column:1 / -1}
  footer{padding:28px 16px 0}
  .fbot{flex-direction:column;gap:4px;text-align:center;font-size:10px;padding:12px 0;align-items:center}
}
/* Sehr schmale Phones (≤374px): Rechtliches rutscht in eigene Zeile */
@media(max-width:374px){
  .fg{grid-template-columns:1fr 1fr!important;gap:18px 12px}
  .fg > div:nth-child(4){grid-column:1 / -1}
}
.fgrp{display:flex;flex-direction:column;gap:6px}.fgrp.full{grid-column:1/-1}
label{font-size:12px;font-weight:700;color:var(--text);letter-spacing:.04em}
input,textarea{font-family:'Lato',sans-serif;font-size:14px;padding:12px 16px;border:1.5px solid var(--cream-dark);border-radius:var(--radius-sm);background:var(--white);color:var(--text);outline:none;width:100%}
input:focus,textarea:focus{border-color:var(--sage)}textarea{height:140px;resize:vertical}

/* ═══════════════════════════════════════════════════════════════
   TRUST + CTA — Variante B: Manifest + Mikro-Karten + CTA-Strip
   ═══════════════════════════════════════════════════════════════ */
.trust-cta{background:var(--cream)}
.trust-cta-inner{
  max-width:1120px;margin:0 auto;padding:64px 80px;
}

/* Manifest-Header oben mittig */
.tcb-head{text-align:center;margin:0 auto 36px;max-width:680px}
.tcb-head .eyebrow{margin-bottom:12px}
.tcb-h2{
  font-family:'Playfair Display',serif;font-size:36px;font-weight:400;
  line-height:1.18;margin:0 0 14px;letter-spacing:-0.005em;color:var(--text);
}
.tcb-intro{
  font-family:'Playfair Display',serif;font-style:italic;font-weight:400;
  font-size:19px;color:var(--text-mid);line-height:1.5;
  margin:0 auto;max-width:560px;
}

/* 4 Mikro-Karten in einer Reihe */
.tcb-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  margin-bottom:32px;
}
.tcb-card{
  background:var(--white);
  border-radius:14px;
  padding:24px 20px 22px;
  text-align:center;
  border:1px solid rgba(138,158,126,.10);
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.tcb-card:hover{
  transform:translateY(-2px);
  border-color:rgba(138,158,126,.28);
  box-shadow:0 8px 24px rgba(86,105,79,.08);
}
.tcb-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  background:var(--sage-pale);color:var(--sage-mid);
  margin-bottom:14px;
}
.tcb-card h4{
  font-family:'Playfair Display',serif;font-size:16px;font-weight:500;
  margin:0 0 6px;line-height:1.3;color:var(--text);letter-spacing:-0.005em;
}
.tcb-card p{
  font-size:12.5px;color:var(--text-light);line-height:1.55;
  margin:0;font-weight:300;
}

/* CTA-Strip am Boden — dünne Trennlinie, Text + Button inline */
.tcb-cta{
  display:flex;align-items:center;justify-content:center;gap:24px;
  padding:22px 0 0;
  border-top:1px solid rgba(138,158,126,.20);
  flex-wrap:wrap;
}
.tcb-cta-text{
  font-family:'Playfair Display',serif;font-style:italic;font-size:18px;
  color:var(--text-mid);line-height:1.4;
}
.tcb-cta-btn{
  display:inline-block;background:var(--sage-mid);color:#fff;
  font-family:'Lato',sans-serif;font-size:14px;font-weight:700;
  padding:13px 28px;border-radius:30px;cursor:pointer;
  letter-spacing:0.02em;transition:background .2s,transform .2s;
}
.tcb-cta-btn:hover{background:#5A7A52;transform:translateY(-1px)}

/* Tablet 1025-769 */
@media(max-width:1024px){
  .trust-cta-inner{padding:56px 40px}
  .tcb-h2{font-size:30px}
  .tcb-intro{font-size:17px}
}
@media(max-width:900px){
  .trust-cta-inner{padding:48px 32px}
  .tcb-grid{grid-template-columns:1fr 1fr;gap:12px}
  .tcb-h2{font-size:26px}
  .tcb-intro{font-size:16px}
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE V2 — Editorial Boutique Composition (≤768px)
   Desktop bleibt vollständig unangetastet.
   Eingeführt: Mai 2026
   ═══════════════════════════════════════════════════════════════ */

/* ── Visibility-Helper: nur Mobile / nur Desktop ────────────────── */
.m-only{display:none}
.d-only{display:initial}
@media(max-width:768px){
  .m-only{display:block}
  .d-only{display:none!important}
}

/* ═══════════════════════════════════════════════════════════════
   STARTSEITE — Mobile Editorial Layout
   ═══════════════════════════════════════════════════════════════ */
@media(max-width:768px){

  /* ── (1) HERO: Neues dediziertes Hero-Bild, Motiv oben, Text im unteren Bodenbereich ── */
  #page-home > div:first-child{
    padding:49vh 24px max(56px,calc(env(safe-area-inset-bottom) + 40px))!important;
    min-height:100svh!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    text-align:center!important;
    background:linear-gradient(to bottom,rgba(250,247,243,0.00) 0%,rgba(250,247,243,0.05) 45%,rgba(250,247,243,0.55) 65%,rgba(242,237,228,0.88) 82%,rgba(242,237,228,0.95) 100%),url('bilder/21_Hero%20Startseite/hero_startseite.jpg') center bottom/cover no-repeat!important;
  }
  #page-home > div:first-child > div{max-width:100%!important;margin:0 auto!important}
  #page-home > div:first-child .hero-tag{margin-left:auto!important;margin-right:auto!important}
  #page-home > div:first-child .btn-row{justify-content:center!important}
  #page-home > div:first-child .hero-tag{
    font-size:9px!important;margin:0 auto 20px!important;
    padding:4px 11px!important;letter-spacing:.14em;
  }
  #page-home > div:first-child h1,
  #page-home > div:first-child h1[style]{
    font-size:34px!important;line-height:1.15!important;
    margin-bottom:16px!important;letter-spacing:-0.005em;
  }
  /* Italic-Subline auf Mobile ausblenden — inhaltlich von .hero-sub abgedeckt */
  #page-home > div:first-child p[style*="Playfair"][style*="italic"],
  #page-home > div:first-child p[style*="font-style:italic"]{display:none!important}
  #page-home > div:first-child .hero-sub{
    font-size:15px!important;line-height:1.65!important;
    margin:0 auto 0!important;max-width:380px;
  }
  /* Komplette Button-Reihe auf Mobile ausblenden — Hero bleibt reines Manifest, CTAs kommen unten */
  #page-home > div:first-child .btn-row{display:none!important}
  /* Text-Backdrop Glasfläche */
  .hero-text-backdrop{background:rgba(242,237,228,0.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:20px 18px 16px;margin-bottom:0}
  /* Scroll-Indikator */
  .hero-scroll-ind{display:block;width:24px;height:38px;border:1.5px solid rgba(138,158,126,0.5);border-radius:20px;margin:24px auto 0;position:relative}
  .hero-scroll-ind::after{content:'';width:4px;height:7px;background:var(--sage);border-radius:4px;position:absolute;left:50%;top:5px;transform:translateX(-50%);animation:scrolldot 1.6s ease-in-out infinite}
  @keyframes scrolldot{0%,100%{opacity:1;top:5px}50%{opacity:.2;top:22px}}

  /* ── (2) VORSTELLUNG: Side-by-Side 50/50 — Text kompakter, Bild taller ─── */
  #page-home > div:nth-of-type(2) .section{padding:24px 16px 18px!important}
  #page-home > div:nth-of-type(2) .tc{
    display:grid!important;
    flex-direction:initial!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
    align-items:center!important;
  }
  #page-home > div:nth-of-type(2) .tc img{
    order:initial!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:2/3!important;
    object-fit:cover!important;
    border-radius:12px!important;
  }
  #page-home > div:nth-of-type(2) p[style*="font-size:18px"]{
    font-size:13px!important;line-height:1.6!important;margin-bottom:10px!important;
    color:var(--text-mid)!important;font-weight:300!important;
  }
  #page-home > div:nth-of-type(2) .btn-primary{
    width:auto!important;padding:10px 18px!important;font-size:12px!important;
  }

  /* ── (4) ANGEBOTE: 2-Spalten + Highlight unten ─────────────── */
  #page-home #angebote .section{padding:32px 14px 36px!important}
  #page-home #angebote > .section > div:first-of-type{margin-bottom:22px!important}
  #page-home #angebote h2,
  #page-home #angebote h2[style]{
    font-size:26px!important;line-height:1.2!important;
    margin:0!important;letter-spacing:-0.005em;
  }
  #page-home #angebote .eyebrow{font-size:10px!important;margin-bottom:8px!important}

  /* 2-Spalten Grid: Karten 1-4 schmal (2-col), Karte 5 als finaler full-width Block */
  #page-home .angebote-grid{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  #page-home .angebote-grid > .ang-row1,
  #page-home .angebote-grid > .ang-row2:nth-last-child(2){grid-column:span 1!important}
  #page-home .angebote-grid > .ang-row2:last-child{grid-column:1 / -1!important}

  /* Kompakte Karten 1-3 */
  #page-home .angebote-grid > .ang-row1{
    padding:18px 14px 16px!important;border-radius:14px!important;
  }
  #page-home .angebote-grid > .ang-row1 > div[style*="font-size:64px"]{
    font-size:36px!important;top:8px!important;right:10px!important;opacity:.06!important;
  }
  #page-home .angebote-grid > .ang-row1 > div[style*="display:inline-block"]{
    font-size:9px!important;padding:3px 8px!important;
    margin-bottom:10px!important;letter-spacing:.12em;
  }
  #page-home .angebote-grid > .ang-row1 h3,
  #page-home .angebote-grid > .ang-row1 h3[style]{
    font-size:16px!important;margin-bottom:6px!important;line-height:1.25!important;
  }
  #page-home .angebote-grid > .ang-row1 p{
    font-size:12px!important;line-height:1.55!important;
    margin-bottom:10px!important;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
  #page-home .angebote-grid > .ang-row1 > span:last-child{
    font-size:11px!important;letter-spacing:.02em;
  }

  /* Karten 4 + 5 (Innere Balance, Events): volle Breite, aber gleiche kompakte Optik wie 1–3 */
  #page-home .angebote-grid > .ang-row2{
    padding:18px 16px 16px!important;border-radius:14px!important;
  }
  #page-home .angebote-grid > .ang-row2 > div[style*="font-size:72px"]{
    font-size:36px!important;top:8px!important;right:12px!important;opacity:.08!important;
  }
  #page-home .angebote-grid > .ang-row2 > div[style*="display:inline-block"]{
    font-size:9px!important;padding:3px 8px!important;
    margin-bottom:10px!important;letter-spacing:.12em;
  }
  #page-home .angebote-grid > .ang-row2 h3,
  #page-home .angebote-grid > .ang-row2 h3[style]{
    font-size:16px!important;margin-bottom:6px!important;line-height:1.25!important;
  }
  #page-home .angebote-grid > .ang-row2 p{
    font-size:12px!important;line-height:1.55!important;margin-bottom:10px!important;
  }
  /* Karte 4 ist schmal — Text auf 3 Zeilen begrenzen, wie 1-3 */
  #page-home .angebote-grid > .ang-row2:nth-last-child(2) p{
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
  #page-home .angebote-grid > .ang-row2 > span:last-child{
    font-size:11px!important;letter-spacing:.02em;
  }

  /* ── (5) ÜBER-MICH: Side-by-Side 50/50 — Text kompakter, Bild taller ─── */
  #page-home > div:nth-of-type(4){border-top:none!important}
  #page-home > div:nth-of-type(4) .section{padding:22px 16px 24px!important}
  #page-home > div:nth-of-type(4) .tc{
    display:grid!important;
    flex-direction:initial!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
    align-items:center!important;
  }
  #page-home > div:nth-of-type(4) .tc img{
    order:initial!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:2/3!important;
    object-fit:cover!important;
    border-radius:12px!important;
  }
  #page-home > div:nth-of-type(4) .ct .eyebrow{
    margin-bottom:6px!important;font-size:9.5px!important;letter-spacing:.14em!important;
  }
  #page-home > div:nth-of-type(4) .ct h2,
  #page-home > div:nth-of-type(4) .ct h2[style]{
    font-size:20px!important;margin-bottom:8px!important;line-height:1.18!important;
  }
  #page-home > div:nth-of-type(4) .ct p{
    font-size:13px!important;line-height:1.55!important;margin-bottom:8px!important;
  }
  #page-home > div:nth-of-type(4) .ct > div[style*="margin-top:24px"]{
    margin-top:10px!important;
  }
  #page-home > div:nth-of-type(4) .ct .btn-primary{
    width:auto!important;padding:10px 18px!important;font-size:12px!important;
  }

  /* ── (6) Vertrauen + CTA — Variante B Mobile ────────────────────── */
  .trust-cta-inner{padding:34px 16px 30px!important}
  .tcb-head{margin-bottom:22px!important;max-width:none}
  .tcb-h2{font-size:24px!important;line-height:1.22!important;margin-bottom:8px!important}
  .tcb-intro{font-size:15px!important;line-height:1.45!important}
  .tcb-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:22px!important}
  .tcb-card{padding:18px 14px 16px!important;border-radius:12px!important}
  .tcb-ico{width:32px!important;height:32px!important;margin-bottom:10px!important}
  .tcb-card h4{font-size:14px!important;margin-bottom:4px!important}
  .tcb-card p{font-size:11.5px!important;line-height:1.5!important}
  .tcb-cta{flex-direction:column!important;gap:14px!important;padding:18px 0 0!important}
  .tcb-cta-text{font-size:15px!important;text-align:center;max-width:280px}
  .tcb-cta-btn{padding:12px 26px!important;font-size:13.5px!important}

  /* ═══════════════════════════════════════════════════════════
     FOOTER MOBILE: kompakt, klar strukturiert
     ═══════════════════════════════════════════════════════════ */
  footer{padding:24px 16px 0!important}
  footer .fg{gap:18px 14px!important;padding-bottom:18px!important}
  footer .fg > div:first-child img{height:31px!important;margin-bottom:10px!important;margin-left:-4px!important}
  footer .ftl{font-size:9px!important;margin-bottom:8px!important;letter-spacing:.14em!important}
  footer .flink{font-size:11px!important;margin-bottom:5px!important;line-height:1.45!important;hyphens:auto;-webkit-hyphens:auto}
  footer .ft{font-size:11px!important;line-height:1.6!important}
  footer .fbot{padding:12px 0 16px!important;font-size:10px!important;gap:3px!important;border-top:1px solid #3A3A3A}
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 1 — Globale Mobile-Foundation (alle Unterseiten)
   Pattern aus Startseite verallgemeinert. #page-home unangetastet.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Subpage .tc → Stacked Hero-Bild + Full-Width Text (Option A) ── */
@media(max-width:768px){
  /* Vererbt display:flex/flex-direction:column vom Original — wir tunen nur Spacing + Bild + Typo */
  .page:not(#page-home) .tc{gap:18px!important}
  /* Bild oben, cinematisch breit */
  .page:not(#page-home) .tc img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
    border-radius:14px!important;
    order:-1!important;
  }
  /* Typografie für volle Breite */
  .page:not(#page-home) .tc h1,
  .page:not(#page-home) .tc h1[style]{font-size:28px!important;line-height:1.15!important;margin-bottom:14px!important;letter-spacing:-0.005em}
  .page:not(#page-home) .tc h2,
  .page:not(#page-home) .tc h2[style]{font-size:24px!important;line-height:1.18!important;margin-bottom:14px!important;letter-spacing:-0.005em}
  .page:not(#page-home) .tc h3,
  .page:not(#page-home) .tc h3[style]{font-size:18px!important;line-height:1.22!important;margin-bottom:10px!important}
  .page:not(#page-home) .tc p,
  .page:not(#page-home) .tc .ct p{font-size:14.5px!important;line-height:1.7!important;margin-bottom:12px!important}
  .page:not(#page-home) .tc blockquote,
  .page:not(#page-home) .tc blockquote[style]{font-size:18px!important;line-height:1.5!important}
  .page:not(#page-home) .tc .eyebrow{font-size:10.5px!important;margin-bottom:12px!important;letter-spacing:.14em!important}
  .page:not(#page-home) .tc .btn-primary,
  .page:not(#page-home) .tc .btn-secondary{width:auto!important;padding:12px 22px!important;font-size:13.5px!important}
  .page:not(#page-home) .tc ul.cl li{font-size:13.5px!important;line-height:1.55!important;padding:5px 0 5px 20px!important}
  .page:not(#page-home) .tc .ib{font-size:13px!important;padding:12px 14px!important;margin-top:18px!important;line-height:1.55!important}
}

@media(max-width:768px){
  /* ── .ptile (Preisbox) — kompakt mobil, gilt ÜBERALL ── */
  .ptile{
    padding:18px 14px 16px!important;
    border-radius:14px!important;
    border-width:1px!important;
    scroll-margin-top:64px!important;
  }
  .ptile h2,
  .ptile h2[style]{font-size:17px!important;margin-bottom:8px!important;line-height:1.22!important}
  .ptile h3,
  .ptile h3[style]{font-size:15px!important;margin-bottom:6px!important;line-height:1.25!important}
  .ptile > p,
  .ptile .eyebrow + p{font-size:11.5px!important;line-height:1.5!important;margin-bottom:10px!important}
  .ptile .eyebrow{font-size:9px!important;margin-bottom:6px!important;letter-spacing:.12em!important}
  .ptile .plist{margin-bottom:10px!important}
  .ptile .plist li{font-size:11px!important;padding:4px 0 4px 12px!important;line-height:1.4!important}
  .ptile .plist li::before{font-size:7px!important;top:6px!important;left:0!important}
  .ptile .price{font-size:20px!important;margin-top:auto!important;margin-bottom:2px!important}
  .ptile .pnote{font-size:9.5px!important;margin-bottom:8px!important}
  .ptile a[style*="font-size:11px"]{font-size:9.5px!important;margin-bottom:8px!important}
  .ptile .btn,
  .ptile .btn-primary,
  .ptile .btn-secondary{font-size:11.5px!important;padding:9px 14px!important;width:auto!important}

  /* ── .t2 / .t3 / .t4 → 2-Spalten kompakt (statt 1-Spalten lang) ── */
  .page:not(#page-home) .t2{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .page:not(#page-home) .t3{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .page:not(#page-home) .t4{grid-template-columns:1fr 1fr!important;gap:8px!important}
  /* Override für inline-styled grids */
  .page:not(#page-home) [style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr 1fr!important}
  .page:not(#page-home) [style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr 1fr!important}

  /* ── Symmetrie-Regel: letzte Karte bei ungerader Anzahl mittig zentriert (gleiche Breite) ── */
  .page:not(#page-home) .t3 > *:last-child:nth-child(odd),
  .page:not(#page-home) .t4 > *:last-child:nth-child(odd){
    grid-column:1 / -1!important;
    width:calc(50% - 4px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* ── Generic .tile + tile-like cards mobil kompakt ── */
  .page:not(#page-home) .tile{padding:14px 12px!important;border-radius:12px!important}
  .page:not(#page-home) .tile h3,
  .page:not(#page-home) .tile h3[style]{font-size:14px!important;margin-bottom:6px!important;line-height:1.25!important}
  .page:not(#page-home) .tile h4,
  .page:not(#page-home) .tile h4[style]{font-size:14px!important;margin-bottom:6px!important;line-height:1.25!important}
  .page:not(#page-home) .tile p{font-size:11.5px!important;line-height:1.5!important;margin-bottom:8px!important}
  .page:not(#page-home) .tile .tnum{font-size:10.5px!important;margin-bottom:8px!important}
  .page:not(#page-home) .tile .tl{font-size:10.5px!important}

  /* ── .ctab (CTA-Box) kompakter (Phase 3 ersetzt durch Variante-B-Strip) ── */
  .ctab{padding:22px 16px!important;max-width:100%!important;border-radius:14px!important}
  .ctab h2,
  .ctab h2[style]{font-size:21px!important;margin-bottom:8px!important;line-height:1.22!important}
  .ctab p{font-size:13px!important;line-height:1.6!important;margin-bottom:14px!important}
  .ctab .btn{padding:11px 22px!important;font-size:13px!important}

  /* ── .ib (Info-Box) kompakter ── */
  .ib{font-size:12px!important;padding:12px 14px!important;line-height:1.55!important;margin-top:14px!important}

  /* ── Inline-Karten mit .tnum-Pattern (z.B. Raum-Übersicht, Praxis-Geschichte): kompakter ── */
  .page:not(#page-home) .t3 > div:has(.tnum),
  .page:not(#page-home) .t4 > div:has(.tnum){
    padding:16px 14px!important;border-radius:12px!important;
  }
  .page:not(#page-home) .t3 > div:has(.tnum) h3,
  .page:not(#page-home) .t4 > div:has(.tnum) h3,
  .page:not(#page-home) .t3 > div:has(.tnum) h3[style],
  .page:not(#page-home) .t4 > div:has(.tnum) h3[style],
  .page:not(#page-home) .t3 > div:has(.tnum) h4,
  .page:not(#page-home) .t4 > div:has(.tnum) h4{
    font-size:14.5px!important;margin-bottom:6px!important;line-height:1.22!important;
  }
  .page:not(#page-home) .t3 > div:has(.tnum) p,
  .page:not(#page-home) .t4 > div:has(.tnum) p{
    font-size:11.5px!important;line-height:1.5!important;margin-bottom:10px!important;
  }
  .page:not(#page-home) .t3 > div:has(.tnum) .tnum,
  .page:not(#page-home) .t4 > div:has(.tnum) .tnum{
    font-size:10.5px!important;margin-bottom:6px!important;letter-spacing:.08em!important;
  }
  .page:not(#page-home) .t3 > div:has(.tnum) .tl,
  .page:not(#page-home) .t4 > div:has(.tnum) .tl{
    font-size:10.5px!important;
  }
  /* Icon-Kreise (40px) in diesen Karten verkleinern */
  .page:not(#page-home) .t3 > div:has(.tnum) > div:first-child[style*="width:40px"],
  .page:not(#page-home) .t4 > div:has(.tnum) > div:first-child[style*="width:40px"]{
    width:28px!important;height:28px!important;margin-bottom:10px!important;
  }
  .page:not(#page-home) .t3 > div:has(.tnum) svg,
  .page:not(#page-home) .t4 > div:has(.tnum) svg{
    width:13px!important;height:13px!important;
  }

  /* ── Quote-/Zitat-Boxen in .tc-Sektionen (full-width Kontext, dürfen großzügiger atmen) ── */
  .page:not(#page-home) .tc > div[style*="padding:40px"],
  .page:not(#page-home) .tc > div[style*="padding:36px"],
  .page:not(#page-home) .tc > div[style*="padding:44px"]{
    padding:26px 22px!important;border-radius:14px!important;
  }
  /* Inline-styled italic Quote-Text (z.B. Safespace verwendet div statt blockquote) */
  .page:not(#page-home) .tc div[style*="Playfair"][style*="italic"],
  .page:not(#page-home) .tc div[style*="Playfair Display"][style*="font-style:italic"]{
    font-size:17px!important;line-height:1.55!important;
  }
}

/* ── Mobile sehr klein (≤374px): nochmals Tuning ──────────────── */
@media(max-width:374px){
  #page-home > div:first-child h1{font-size:26px!important}
  #page-home > div:first-child p[style*="italic"]{font-size:15px!important}
  #page-home .angebote-grid > .ang-row1 h3{font-size:15px!important}
  #page-home .angebote-grid > .ang-row1 p{font-size:11.5px!important}

  /* Side-by-Side wäre hier zu eng — Fallback auf gestapelt */
  #page-home > div:nth-of-type(2) .tc,
  #page-home > div:nth-of-type(4) .tc{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:initial!important;
    gap:16px!important;
  }
  #page-home > div:nth-of-type(2) .tc img,
  #page-home > div:nth-of-type(4) .tc img{
    height:220px!important;
    aspect-ratio:initial!important;
    order:-1!important;
  }
  /* Texte wieder größer da volle Breite verfügbar */
  #page-home > div:nth-of-type(2) p[style*="font-size:18px"]{font-size:14px!important;line-height:1.65!important}
  #page-home > div:nth-of-type(4) .ct h2,
  #page-home > div:nth-of-type(4) .ct h2[style]{font-size:21px!important}
  #page-home > div:nth-of-type(4) .ct p{font-size:13px!important;line-height:1.6!important}

  /* ≤374px: Headlines minimal verkleinern, Hero-Bild etwas niedriger */
  .page:not(#page-home) .tc img{aspect-ratio:16/11!important}
  .page:not(#page-home) .tc h1{font-size:24px!important}
  .page:not(#page-home) .tc h2{font-size:22px!important}
  .page:not(#page-home) .tc p{font-size:14px!important}

  /* .t2/.t3 bei sehr schmalen Screens zurück zu 1-Spalten */
  .page:not(#page-home) .t2,
  .page:not(#page-home) .t3{grid-template-columns:1fr!important;gap:10px!important}
  .page:not(#page-home) .t4{grid-template-columns:1fr 1fr!important}
  /* Symmetrie-Regel rückgängig bei 1-Spalten */
  .page:not(#page-home) .t3 > *:last-child:nth-child(odd),
  .page:not(#page-home) .t4 > *:last-child:nth-child(odd){
    width:100%!important;
  }

  /* .ptile großzügiger bei 1-Spalten */
  .ptile{padding:22px 18px!important}
  .ptile h3{font-size:17px!important}
  .ptile .plist li{font-size:12.5px!important}
  .ptile .price{font-size:22px!important}
}

/* ── Brandmark-Bilder auf Mobile ausblenden (Rauchen, Magenband, Safespace, Innere Balance, Entspannung, Events, Retreat, JGA) ── */
@media(max-width:768px){
  .brandmark{display:none!important}
}

/* ── Bilder, die ihre natürliche Proportion behalten sollen (überschreibt Mobile-Stack-Hero-Regel) ── */
@media(max-width:768px){
  .page:not(#page-home) .tc img.natural-ratio{
    aspect-ratio:auto!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   JGA-PAKETE — responsive Stufen
   Desktop (≥769px):  bestehendes 3-Spalten-Hochformat (Standard .t3)
   Tablet  (480–768px): horizontales Bento-Layout, 1 Spalte t3, Karte intern dreigeteilt
   Phone   (<480px):    vertikaler Stack, Karte intern wieder gestapelt
   ═══════════════════════════════════════════════════════════════ */

/* Standard-Verhalten (Desktop & Phone): Wrapper sind „transparent" — Children stapeln vertikal */
.jga-card .jga-ico{
  width:40px;height:40px;border-radius:50%;background:var(--sage-pale);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;
}
.jga-card .jga-sub{font-style:italic;color:var(--sage);font-size:14px;margin-bottom:18px}
.jga-card .jga-lead{font-size:14px;color:var(--text-light);line-height:1.7;margin-bottom:22px}
.jga-card .jga-feat-label{
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sage);margin-bottom:10px;
}
.jga-card .jga-col-right{margin-top:auto;padding-top:16px;text-align:center}
.jga-card .jga-hours{
  font-size:11px;color:var(--text-muted);letter-spacing:.06em;
  text-transform:uppercase;margin-bottom:6px;
}
.jga-card .jga-bb-link{
  display:inline-block;font-size:11px;color:var(--sage);cursor:pointer;
  text-decoration:underline;text-decoration-color:var(--sage-light);
  text-underline-offset:3px;text-decoration-thickness:1px;
  letter-spacing:.04em;margin-bottom:14px;
}
.jga-card .jga-badge{
  position:absolute;top:-12px;right:20px;background:var(--sage);color:var(--white);
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 12px;border-radius:999px;z-index:2;
}

/* ── MOBILE (≤768px): 2-SPALTEN-LAYOUT — Inhalte links, Preisblock rechts ──
   Karte intern als Grid mit grid-template-areas:
     "left  right"
     "mid   right"
   Preisblock spannt vertikal über Header und Inhaltsliste,
   getrennt durch dünne senkrechte Linie. */
@media(max-width:768px){
  html body #page-jga .t3.jga-pakete{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  html body #page-jga .t3.jga-pakete > *:last-child:nth-child(odd){
    grid-column:auto!important;width:auto!important;margin-left:0!important;margin-right:0!important;
  }
  #page-jga .t3.jga-pakete .ptile.jga-card{
    display:grid!important;
    grid-template-columns:1.55fr 1fr!important;
    grid-template-areas:"left right" "mid right"!important;
    column-gap:14px!important;row-gap:0!important;
    padding:18px 16px!important;
    align-items:start!important;
  }
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-col-left{
    grid-area:left!important;border:none!important;padding:0!important;margin:0!important;
  }
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-col-mid{
    grid-area:mid!important;border:none!important;padding:0!important;margin:0!important;
  }
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-col-right{
    grid-area:right!important;
    border:none!important;
    border-left:1px solid var(--cream-mid)!important;
    padding:0 0 0 12px!important;
    margin:0!important;
    text-align:center!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-self:stretch!important;
  }
  /* Header — kompakt */
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-ico{width:28px;height:28px;margin-bottom:10px}
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-ico svg{width:14px;height:14px}
  #page-jga .t3.jga-pakete .ptile.jga-card .eyebrow{font-size:10px!important;letter-spacing:.12em!important;margin-bottom:6px!important}
  #page-jga .t3.jga-pakete .ptile.jga-card h3,
  #page-jga .t3.jga-pakete .ptile.jga-card h3[style]{font-size:16px!important;line-height:1.22!important;margin-bottom:4px!important;font-family:'Playfair Display',serif!important;font-weight:400!important}
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-sub{font-size:12px!important;font-style:italic;color:var(--sage)!important;margin-bottom:10px!important;line-height:1.35!important}
  /* Lead-Text */
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-lead{font-size:12.5px!important;line-height:1.55!important;color:var(--text-light)!important;margin-bottom:8px!important}
  /* Inhalte-Eyebrow */
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-feat-label{font-size:9.5px!important;letter-spacing:.1em!important;margin-bottom:6px!important}
  /* Liste — kein Border-Bottom, enges Padding */
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-col-mid .plist{display:block!important;grid-template-columns:none!important;margin-bottom:0!important}
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-col-mid .plist li{font-size:11.5px!important;line-height:1.45!important;padding:3px 0 3px 14px!important;border-bottom:none!important}
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-col-mid .plist li::before{top:6px;font-size:8px}
  /* Preis-Block */
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-hours{font-size:9.5px!important;letter-spacing:.1em!important;color:var(--text-muted)!important;text-transform:uppercase!important;margin-bottom:4px!important}
  #page-jga .t3.jga-pakete .ptile.jga-card .price{font-size:22px!important;line-height:1.1!important;margin:0 0 2px!important;padding:0!important}
  #page-jga .t3.jga-pakete .ptile.jga-card .pnote{font-size:9.5px!important;margin:0 0 10px!important}
  /* Button kompakter — sitzt VOR den Rahmenbedingungen via order */
  #page-jga .t3.jga-pakete .ptile.jga-card .btn{order:5!important;width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;text-align:center!important;padding:9px 16px!important;font-size:11.5px!important;line-height:1.25!important;border-radius:30px!important;margin:0 0 0!important;min-height:38px!important}
  /* Rahmenbedingungen-Link — UNTER dem Button mit Atemluft */
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-bb-link{order:10!important;display:block!important;font-size:9.5px!important;margin:10px 0 0!important;text-align:center!important;letter-spacing:.04em!important}
  /* Premium-Badge */
  #page-jga .t3.jga-pakete .ptile.jga-card-premium .jga-badge{top:-9px;right:14px;font-size:9px;padding:4px 10px}
}

/* ── Fallback ≤374px: bei sehr schmalen Phones zurück auf vertikalen Stack,
   weil 2 Spalten zu eng werden würden ── */
@media(max-width:374px){
  #page-jga .t3.jga-pakete .ptile.jga-card{
    display:flex!important;flex-direction:column!important;
    grid-template-columns:none!important;grid-template-areas:none!important;
    padding:18px 14px!important;
  }
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-col-left,
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-col-mid,
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-col-right{
    width:100%!important;display:block!important;
  }
  #page-jga .t3.jga-pakete .ptile.jga-card .jga-col-right{
    border-left:none!important;
    border-top:1px solid var(--cream-mid)!important;
    padding:10px 0 0!important;margin-top:8px!important;
    display:block!important;
  }
}

/* ── Reihenfolge auf Smartphone: Lead-Text + Liste sollen unter den Header,
   nicht unter die Identity-Spalte. Da im HTML jga-col-left vor jga-col-mid steht,
   liefert flex-direction:column das automatisch korrekt — kein extra order nötig. */