/* AURA — Unterseiten (Ratgeber, Locations, Rechner): leicht, schnell, markentreu */
@font-face{font-family:'Bodoni Moda';src:url('/loredana/fonts/bodoni-moda-latin-opsz-normal.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url('/loredana/fonts/bodoni-moda-latin-opsz-italic.woff2') format('woff2');font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/loredana/fonts/cormorant-garamond-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Jost';src:url('/loredana/fonts/jost-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--noir:#0C0A09;--ink:#1a1410;--soft:#4a423b;--ivory:#F3EDE4;--paper:#F6F1E9;
  --champagne:#B99B67;--champagne-lo:#8f764c;--blush:#E7BCC7;--stone:#b3a99d;--hair:rgba(26,20,16,.14)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;font-weight:300;background:var(--paper);color:var(--ink);
  -webkit-font-smoothing:antialiased;line-height:1.7}
a{color:inherit}
.label{font-family:'Jost';text-transform:uppercase;letter-spacing:.32em;color:var(--champagne-lo);font-weight:400;font-size:.66rem}

/* Nav */
nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;
  padding:18px min(6vw,54px);background:rgba(246,241,233,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--hair)}
nav .brand{font-family:'Bodoni Moda',serif;font-size:1.3rem;letter-spacing:.14em;text-decoration:none}
nav .back{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;color:var(--champagne-lo)}
nav .back:hover{color:var(--noir)}

/* Layout */
.wrap{max-width:760px;margin-inline:auto;padding:clamp(40px,7vw,80px) 24px}
.eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.eyebrow i{flex:1;height:1px;background:linear-gradient(90deg,var(--champagne),transparent)}
h1{font-family:'Bodoni Moda',serif;font-weight:400;font-size:clamp(2rem,5.6vw,3.4rem);line-height:1.12;margin-bottom:16px}
h1 em{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--champagne-lo)}
.lead{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.25rem;color:var(--soft);margin-bottom:8px}
h2{font-family:'Bodoni Moda',serif;font-weight:400;font-size:clamp(1.35rem,3vw,1.9rem);margin:44px 0 14px}
p{margin-bottom:16px;max-width:68ch}
ul{margin:0 0 16px 20px}
li{margin-bottom:8px}
strong{font-weight:500}
article em{font-style:italic}

/* Meta-Zeile */
.meta{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);margin-bottom:28px}

/* Preistabelle kompakt */
.ptable{border-top:1px solid var(--hair);margin:10px 0 24px}
.ptable .row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--hair)}
.ptable .row b{font-family:'Bodoni Moda',serif;font-weight:400;font-size:1.05rem}
.ptable .row span{color:var(--champagne-lo);letter-spacing:.06em;white-space:nowrap}

/* FAQ */
.faqbox{margin-top:36px}
.faqbox details{border-bottom:1px solid var(--hair)}
.faqbox summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;
  padding:16px 0;font-family:'Bodoni Moda',serif;font-size:1.05rem}
.faqbox summary::-webkit-details-marker{display:none}
.faqbox summary::after{content:'+';color:var(--champagne-lo);font-family:'Cormorant Garamond',serif;font-size:1.5em;line-height:.7}
.faqbox details[open] summary::after{content:'–'}
.faqbox .a{padding:0 0 16px;color:var(--soft);max-width:62ch}

/* Verwandte Links */
.related{margin-top:40px;padding-top:24px;border-top:1px solid var(--hair)}
.related a{display:block;padding:10px 0;font-family:'Bodoni Moda',serif;font-size:1.05rem;text-decoration:none;border-bottom:1px solid var(--hair)}
.related a:hover{color:var(--champagne-lo)}
.related a span{font-family:'Jost';font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--champagne-lo);display:block;margin-bottom:2px}

/* CTA-Band */
.ctaband{background:var(--noir);color:var(--ivory);text-align:center;padding:clamp(44px,8vw,80px) 24px;position:relative;overflow:hidden}
.ctaband::before{content:'';position:absolute;inset:0;background:
  radial-gradient(60% 80% at 70% 20%,rgba(231,188,199,.14),transparent 60%),
  radial-gradient(50% 70% at 20% 80%,rgba(185,155,103,.10),transparent 60%)}
.ctaband>*{position:relative}
.ctaband .bm{font-family:'Bodoni Moda',serif;font-size:2rem;letter-spacing:.1em;margin-bottom:6px}
.ctaband .bm sup{font-size:.4em;vertical-align:.9em;color:var(--champagne)}
.ctaband .tag{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--blush);margin-bottom:22px}
.btnrow{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:16px 36px;border-radius:99px;font-size:.68rem;letter-spacing:.28em;
  text-transform:uppercase;text-decoration:none;background:var(--ivory);color:var(--noir);border:1px solid var(--ivory)}
.btn.ghost{background:transparent;color:var(--ivory);border-color:rgba(243,237,228,.35)}
.btn:hover{background:var(--champagne);border-color:var(--champagne);color:var(--noir)}
.ctaband .loc{margin-top:20px;font-size:.72rem;letter-spacing:.18em;color:var(--stone)}

/* Footer klein */
footer{background:var(--noir);color:var(--stone);text-align:center;padding:18px 24px 26px;font-size:.68rem;letter-spacing:.14em;border-top:1px solid rgba(243,237,228,.08)}
footer a{color:var(--stone)}

/* Preisrechner */
.calc{display:grid;gap:12px;margin:26px 0}
.copt{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;
  border:1px solid var(--hair);border-radius:14px;background:rgba(255,255,255,.5);cursor:pointer;transition:border-color .25s,background .25s}
.copt:hover{border-color:var(--champagne)}
.copt.on{border-color:var(--champagne);background:rgba(185,155,103,.10)}
.copt input{position:absolute;opacity:0;pointer-events:none}
.copt .cn{font-family:'Bodoni Moda',serif;font-size:1.1rem}
.copt .cs{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--champagne-lo);font-size:.9rem}
.copt .cp{color:var(--champagne-lo);letter-spacing:.06em;white-space:nowrap}
.csum{position:sticky;bottom:14px;margin-top:24px;background:var(--noir);color:var(--ivory);border-radius:18px;
  padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  box-shadow:0 12px 40px rgba(12,10,9,.28)}
.csum .cv{font-family:'Bodoni Moda',serif;font-size:1.7rem;color:var(--champagne)}
.csum .cd{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--stone)}
.csum .btn{padding:13px 26px}
.cnote{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--soft);margin-top:14px}
