/* KLS CMS – Stile für neu angelegte Seiten (Vorlage „Standard-Inhaltsseite“) */
:root{
  --cms-cream:#F6F3EC; --cms-cream-2:#FBF9F3; --cms-sage-mist:#EAEEE4; --cms-deep:#33443A;
  --cms-sage:#5C6E5A; --cms-btn:#34433A; --cms-gold:#C4A265; --cms-text:#4A4F48; --cms-muted:#7C8079; --cms-line:#D9DBD1;
  --cms-display:'Cormorant Garamond',Georgia,serif; --cms-body:'Jost',system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--cms-body);color:var(--cms-text);background:var(--cms-cream);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}

.cms-page{display:block}
.cms-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.cms-eyebrow{font-size:.85rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cms-gold);font-weight:600;margin:0 0 14px}
.cms-page h1,.cms-page h2,.cms-page h3{font-family:var(--cms-display);color:var(--cms-deep);font-weight:500;line-height:1.12;margin:0 0 18px}
.cms-page h1{font-size:clamp(2.6rem,5.2vw,4.4rem)}
.cms-page h2{font-size:clamp(2rem,3.4vw,3rem)}
.cms-page h3{font-size:1.6rem}
.cms-page p{margin:0 0 16px;font-size:1.08rem}
.cms-lead{font-size:1.2rem!important;max-width:620px;color:var(--cms-text)}
.cms-center{text-align:center;max-width:760px;margin:0 auto 44px}

/* Buttons */
.cms-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.cms-btn{display:inline-flex;align-items:center;gap:.7em;font:600 .95rem var(--cms-body);letter-spacing:.12em;text-transform:uppercase;
  padding:15px 30px;border-radius:40px;background:var(--cms-btn);color:#F3F1E9;text-decoration:none;border:1px solid transparent;
  box-shadow:0 12px 30px -12px rgba(52,67,58,.55);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.cms-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(52,67,58,.6)}
.cms-btn span{transition:transform .3s ease}.cms-btn:hover span{transform:translateX(5px)}
.cms-btn--ghost{background:transparent;color:var(--cms-deep);border-color:var(--cms-line);box-shadow:none}
.cms-btn--ghost:hover{background:#fff}
.cms-btn--gold{background:var(--cms-gold);color:#fff;box-shadow:0 12px 30px -12px rgba(196,162,101,.6)}

/* Hero */
.cms-hero{position:relative;min-height:clamp(480px,70vh,680px);display:flex;align-items:center;padding:140px 0 90px;overflow:hidden;background:var(--cms-cream)}
.cms-hero-bg{position:absolute;inset:0;background-size:cover;background-position:right center;z-index:0}
.cms-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(245,242,234,.96) 0%,rgba(245,242,234,.8) 34%,rgba(245,242,234,.2) 60%,rgba(245,242,234,0) 75%)}
.cms-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:1;background:linear-gradient(180deg,rgba(246,243,236,0),var(--cms-cream))}
.cms-hero .cms-wrap{position:relative;z-index:2;width:100%}
.cms-hero h1{max-width:760px}
.cms-hero--small{min-height:0;padding:170px 0 60px;background:linear-gradient(180deg,var(--cms-sage-mist),var(--cms-cream))}
.cms-hero--small::before,.cms-hero--small::after{display:none}

/* Abschnitte */
.cms-section{padding:clamp(60px,8vw,110px) 0}
.cms-section--alt{background:var(--cms-sage-mist)}
.cms-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}
.cms-figure{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(40,55,45,.35)}
.cms-figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.cms-text{max-width:860px}
.cms-text h2{margin-top:40px}.cms-text ul{padding-left:22px}.cms-text li{margin-bottom:8px}
.cms-text a{color:var(--cms-sage);text-decoration:underline;text-underline-offset:3px}

/* Karten */
.cms-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.cms-card{background:var(--cms-cream-2);border:1px solid var(--cms-line);border-radius:20px;padding:34px 30px;transition:transform .35s ease,box-shadow .35s ease}
.cms-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(40,55,45,.4)}
.cms-card h3{font-size:1.7rem;margin-bottom:10px}
.cms-card p{margin:0;color:var(--cms-muted)}

/* Call to Action */
.cms-cta{padding:clamp(60px,8vw,100px) 0;text-align:center;background:var(--cms-deep);color:#E8ECE4}
.cms-cta h2{color:#fff!important}
.cms-cta p{color:#CBD3C8;margin-bottom:28px!important}

@media (max-width:860px){
  .cms-split{grid-template-columns:1fr}
  .cms-hero{padding:120px 0 70px}
  .cms-hero::before{background:linear-gradient(180deg,rgba(245,242,234,.92),rgba(245,242,234,.82))}
}

/* Rechtstexte */
.cms-legal h3{font-size:1.8rem;margin:42px 0 12px}
.cms-legal h3:first-child{margin-top:0}
.cms-legal h4{font-family:var(--cms-body);font-size:1.05rem;font-weight:600;color:var(--cms-deep);margin:22px 0 6px}
.cms-legal p,.cms-legal li{font-size:1rem}
.cms-legal a{word-break:break-word}
.cms-hero--small + .cms-section{padding-top:clamp(24px,3vw,40px)}