:root {
      --paper: #f7f4ed; --cream: #f0ebdf; --linen: #e9e2d5; --white: #fffdf8;
      --olive: #53634e; --pine: #313e35; --sage: #818e78; --sand: #c6b39d;
      --earth: #8b7965; --ink: #29312a; --muted: #6f776c; --line: #deded3;
      --shadow: 0 24px 65px rgba(40,50,40,.10);
      --serif: 'Iowan Old Style','Baskerville','Palatino Linotype','Book Antiqua',Georgia,serif;
      --sans: -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:150px}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
    img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit}
    button,a,input,select,textarea{touch-action:manipulation} :focus-visible{outline:3px solid #b59d70;outline-offset:4px}
    .skip{position:absolute;left:-9999px;top:0;z-index:999;padding:12px;background:#fff}.skip:focus{left:12px}
    .wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.smallcap{text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:700;color:var(--earth)}
    h1,h2,h3,p{margin-top:0} h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.07;letter-spacing:-.032em}
    h1{font-size:clamp(56px,6.4vw,106px)}h2{font-size:clamp(39px,4.5vw,68px)}h3{font-size:clamp(29px,3vw,42px)}
    .text-muted{color:var(--muted)}.lead{font-size:clamp(17px,1.55vw,20px);line-height:1.8;color:#646d63}.center{text-align:center}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:53px;border:1px solid var(--olive);padding:13px 25px;background:var(--olive);color:white;font-weight:600;font-size:13px;letter-spacing:.05em;border-radius:2px;transition:background .22s,transform .22s;cursor:pointer}
    .btn:hover{background:#394939;transform:translateY(-2px)}.btn.light{background:var(--white);color:var(--pine);border-color:var(--white)}.btn.outline{background:transparent;color:var(--olive);border-color:#abb5a8}.btn.outline:hover{background:#e5eadf}.btn .arrow{font-size:21px;line-height:1;font-weight:400}
    .link-line{display:inline-block;color:var(--pine);border-bottom:1px solid #859180;padding-bottom:4px;font-size:13px;font-weight:650;letter-spacing:.02em}
    /* header */
    .topline{background:#354237;color:#f8f5ec;text-align:center;padding:7px 16px;font-size:11px;letter-spacing:.12em}.topline a{text-decoration:underline;text-underline-offset:3px}
    .header{position:sticky;top:0;z-index:50;background:rgba(247,244,237,.97);backdrop-filter:blur(18px);border-bottom:1px solid #e6e1d8}
    .header-shell{display:flex;flex-direction:column;padding:16px 0 0}
    .header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;padding-bottom:14px}
    .brand{display:flex;flex-direction:column;align-items:center;justify-self:center;line-height:1.05;white-space:nowrap;text-align:center}
    .brand-logo{max-height:92px;width:auto}
    .brand-name{font:400 44px/1 var(--serif);letter-spacing:.005em;color:var(--pine)}.brand-name em{font-style:italic}
    .brand-sub{font-size:11px;letter-spacing:.36em;text-transform:uppercase;margin-top:10px;color:#788274;font-weight:700}
    .nav{display:flex;align-items:center;justify-content:center;gap:70px;border-top:1px solid #e7e0d4;padding:15px 0 18px}
    .nav-group{display:flex;align-items:center;gap:30px}
    .nav a{font-size:15px;font-weight:600;color:#455144;white-space:nowrap;transition:color .2s;letter-spacing:.01em}.nav a:hover{color:#a28a6d}
    .head-right{display:flex;justify-content:flex-end;justify-self:end}.head-right .btn{min-height:46px;padding:10px 18px;font-size:12px}
    .nav-cta-mobile{display:none}
    .hamburger{display:none;border:0;background:none;padding:9px;cursor:pointer;color:var(--pine);justify-self:start}.hamburger span{display:block;width:24px;height:2px;background:currentColor;margin:5px 0}
    /* hero */
    .hero{overflow:hidden;background:#eee7dc;position:relative}.hero-grid{min-height:650px;display:grid;grid-template-columns:49% 51%;align-items:stretch}
    .hero-copy{padding:100px 7% 80px max(5vw,calc((100vw - 1180px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}
    .hero-copy .smallcap{margin-bottom:30px}.hero h1{color:#354335;margin-bottom:27px}.hero h1 em{font-weight:400;font-style:italic;color:#8a977e}.hero .lead{max-width:520px;margin-bottom:33px}
    .hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-side{position:relative;min-height:650px;overflow:hidden;background:#bebaa6 url('hero-nature.svg') center/cover no-repeat}
    .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.77) contrast(.94)}
    .hero-side:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(238,231,220,.20),transparent 37%),linear-gradient(0deg,rgba(23,38,28,.15),transparent 40%)}
    .hero-tag{position:absolute;z-index:3;bottom:30px;right:30px;border:1px solid rgba(255,255,255,.6);background:rgba(252,251,244,.84);backdrop-filter:blur(12px);padding:20px 23px;max-width:250px;box-shadow:var(--shadow)}
    .hero-tag b{font:400 28px/1.1 var(--serif);color:var(--pine)}.hero-tag small{display:block;color:#657363;font-size:11px;margin-top:7px;letter-spacing:.06em}
    .hero-mark{position:absolute;z-index:1;bottom:-70px;left:-35px;opacity:.20;color:var(--olive);pointer-events:none}
    /* Features */
    .values{background:#fffdf8;border-bottom:1px solid var(--line)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;gap:20px}
    .value{display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;font-weight:600;color:#667261;letter-spacing:.025em}.value svg{color:#a8957b;flex:none}
    /* treatments */
    .section{padding:112px 0}.section-head{max-width:710px;margin:0 auto 49px;text-align:center}.section-head h2{margin:15px 0 20px}.section-head p{margin-bottom:0}
    .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
    .card{background:var(--white);border:1px solid #eae6dc;min-width:0;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .card-photo{aspect-ratio:1.1;position:relative;overflow:hidden;background:linear-gradient(120deg,#d2c5af,#879281)}
    .card:nth-child(1) .card-photo{background:#d5cbb9 url('massage.svg') center/cover no-repeat}
    .card:nth-child(2) .card-photo{background:#d5cbb9 url('beauty.svg') center/cover no-repeat}
    .card:nth-child(3) .card-photo{background:#d5cbb9 url('feet.svg') center/cover no-repeat}
    .card-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .6s}.card:hover img{transform:scale(1.045)}
    .card-body{padding:30px 30px 35px}.card h3{font-size:35px;margin:0 0 14px}.card p{color:var(--muted);font-size:14px;min-height:76px;margin-bottom:20px}
    .card .link-line{font-size:12px}
    .services-note{text-align:center;margin-top:27px;font-size:13px;color:#7b8476}
    /* editorial */
    .editorial{background:#e9e7da;overflow:hidden}.editorial-grid{display:grid;grid-template-columns:47% 53%;min-height:690px}
    .editorial-visual{position:relative;min-height:650px;background:#bbb2a4 url('studio.svg') center/cover no-repeat;overflow:hidden}.editorial-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.78)}
    .editorial-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,33,25,.20),transparent 55%)}
    .editorial-copy{padding:93px min(9vw,145px) 100px min(7vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
    .editorial-copy h2{margin:21px 0 28px}.editorial-copy p{max-width:470px;color:#687164;line-height:1.9}.editorial-copy .signature{font:italic 38px/1.1 var(--serif);color:#768574;margin:16px 0 26px}
    /* list / treatments */
    .treatments{background:#fffdf8}.treatments-grid{display:grid;grid-template-columns:36% 1fr;gap:11%;align-items:start}
    .treatments-left{position:sticky;top:125px}.treatments-left h2{margin:18px 0 22px}.treatments-left .lead{font-size:16px}.treatments-left .btn{margin-top:14px}
    .service-list{border-top:1px solid #d9ddd1}.service-row{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid #d9ddd1;padding:24px 0;align-items:center}
    .service-row h3{font-size:26px;margin:0 0 6px}.service-row p{font-size:13px;line-height:1.6;color:#788074;margin:0}.service-row button{border:1px solid #c9d0c5;background:transparent;color:#53634e;border-radius:50%;width:40px;height:40px;font-size:23px;cursor:pointer;transition:background .2s}.service-row button:hover{background:#e4e9df}
    /* Banner */
    .quote-band{background:#51634f;color:white;padding:75px 0;position:relative;overflow:hidden}.quote-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:2}
    .quote-band h2{font-size:clamp(36px,4vw,58px);max-width:650px;margin:10px 0 0;color:#fffdf6}.quote-band .smallcap{color:#e2dcc9}.quote-band:after{content:"";width:380px;height:380px;border:1px solid #889585;transform:rotate(45deg);position:absolute;right:-150px;top:-155px;opacity:.4}
    /* Contact */
    .contact{background:#f4f0e7}.contact-grid{display:grid;grid-template-columns:41% 1fr;gap:9%}.contact-info h2{margin:15px 0 25px}.contact-info>.lead{font-size:16px;margin-bottom:31px}
    .info-line{display:flex;gap:17px;align-items:flex-start;margin:24px 0}.info-line svg{flex:0 0 22px;color:#8d9a84;margin-top:4px}.info-line strong{font-size:13px;display:block;color:#344034;margin-bottom:4px}.info-line p,.info-line a{font-size:14px;color:#6e776b;margin:0;line-height:1.65}.info-line a:hover{text-decoration:underline}
    .form-panel{background:#fffdf8;padding:45px 47px;box-shadow:0 15px 50px rgba(58,67,57,.05)}.form-panel h3{font-size:36px;margin:0 0 9px}.form-panel>p{font-size:13px;color:#768074;margin-bottom:26px}
    label.field{display:block;margin-bottom:16px;font-size:12px;font-weight:700;color:#536052}input,select,textarea{width:100%;background:#faf9f5;border:1px solid #d9ddcf;border-radius:0;color:#344234;font-size:14px;padding:13px 14px;margin-top:6px;min-height:49px}textarea{min-height:115px;resize:vertical}input:focus,select:focus,textarea:focus{outline:1px solid #6a7c68;border-color:#6a7c68}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .consent{display:flex;align-items:flex-start;gap:10px;margin:12px 0 25px}.consent input{min-height:0;width:auto;margin-top:4px;accent-color:var(--olive)}.consent label{font-size:12px;color:#626e61;line-height:1.6}.consent a{text-decoration:underline;text-underline-offset:3px}.form-status{font-size:12px;color:#5f7059;min-height:20px;margin:10px 0 0}.mini-notice{font-size:11px!important;color:#8b9085!important;margin:16px 0 0!important}
    .map-link{text-decoration:underline;text-underline-offset:3px}
    /* footer */
    .footer{background:#303d34;color:#ecefe9;padding:60px 0 25px}.footer-columns{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:75px;padding-bottom:40px}.footer .brand{align-items:flex-start}.footer .brand-name{color:#fbf9f0}.footer .brand-sub{color:#b7c3b6}.footer .intro{margin-top:18px;max-width:330px;font-size:13px;color:#c3cdc0;line-height:1.9}.footer h4{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px;color:#cbd5c5}.footer a,.footer p{font-size:13px;color:#c3cdc0;display:block;margin:0 0 10px}.footer a:hover{color:white;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#aebbab}.footer-bottom a{font-size:11px;display:inline;margin:0}
    @media(max-width:1080px){.wrap{width:min(100% - 46px,1180px)}.header-content{grid-template-columns:1fr auto;gap:18px}.brand{grid-column:1;grid-row:1;align-items:flex-start}.nav{grid-row:2;grid-column:1/-1;justify-content:center;padding-bottom:14px}.header-content{height:auto;padding:16px 0 0}.head-right{grid-column:2;grid-row:1}.hero-grid{min-height:580px}.hero-side{min-height:580px}.hero-copy{padding:65px 9% 65px 7%}.editorial-copy{padding:65px 6%}}
    @media(max-width:750px){html{scroll-padding-top:68px}.wrap{width:calc(100% - 36px)}.topline{font-size:10px}.header-content{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0}.brand-name{font-size:24px}.brand-sub{font-size:8px}.head-right{display:none}.hamburger{display:block;order:3}.nav{display:none;position:absolute;left:0;right:0;top:70px;z-index:40;background:#f7f4ed;border-top:1px solid var(--line);box-shadow:0 25px 40px rgba(0,0,0,.09);padding:19px 25px 25px;flex-direction:column;align-items:flex-start;gap:18px}.nav.open{display:flex}.nav a{font-size:15px;width:100%;padding:2px 0}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:73px 24px 57px}.hero-copy .smallcap{margin-bottom:19px}.hero h1{font-size:clamp(58px,12vw,78px)}.hero-side{min-height:420px}.hero-tag{right:20px;bottom:20px}.hero-mark{display:none}.values-grid{grid-template-columns:1fr;gap:12px;padding:23px 0}.section{padding:75px 0}.section-head{margin-bottom:32px}.cards{grid-template-columns:1fr;gap:21px}.card-photo{aspect-ratio:1.45}.card-body{padding:25px}.card p{min-height:auto}.editorial-grid{grid-template-columns:1fr}.editorial-visual{min-height:460px}.editorial-copy{padding:67px 28px 76px}.treatments-grid{grid-template-columns:1fr;gap:35px}.treatments-left{position:static}.quote-band{padding:56px 0}.quote-band .wrap{display:block}.quote-band .btn{margin-top:25px}.contact-grid{grid-template-columns:1fr;gap:32px}.form-panel{padding:29px 25px}.footer-columns{grid-template-columns:1fr 1fr;gap:33px}.footer-columns>:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}.field-row{grid-template-columns:1fr;gap:0}}
    @media(max-width:420px){.hero h1{font-size:56px}.hero-actions{align-items:flex-start;gap:23px;flex-direction:column}.hero-side{min-height:340px}.footer-columns{grid-template-columns:1fr;gap:27px}.footer-columns>:first-child{grid-column:auto}.card-photo{aspect-ratio:1.15}.hero-tag{display:none}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Neue redaktionelle Module */
.portal-section{padding:94px 0;background:#f3f0e7}.portal-section.alt{background:#fffdf8}.portal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:33px}.portal-head h2{margin:12px 0 0}.portal-head p{max-width:470px;color:var(--muted);margin:0}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portal-card{background:#fff;border:1px solid #e5e2d6;padding:30px;display:flex;flex-direction:column;gap:12px;min-height:235px}.portal-card h3{font-size:29px;margin:0}.portal-card p{font-size:14px;color:#677363;line-height:1.75;margin:0}.portal-card img{width:100%;aspect-ratio:1.7;object-fit:cover;margin:-30px -30px 8px;max-width:calc(100% + 60px)}.portal-card .meta{color:#907b68;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.portal-card .btn{align-self:flex-start;margin-top:auto;min-height:40px;padding:7px 16px;font-size:12px}.price-list-public{border-top:1px solid var(--line);margin-top:26px}.price-line{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:19px 0}.price-line b{font:400 24px/1.1 var(--serif)}.price-line p{font-size:13px;color:#738071;margin:4px 0 0}.price-amount{white-space:nowrap;font-size:17px;font-weight:700;color:#4e634e}.doclist{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.social-links{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.social-links a{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650}.social-links a:hover{text-decoration:underline}.mini-notice a{text-decoration:underline}.form-status{font-size:13px}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.news-date{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#987f64}.coupon-value{font-size:14px!important;font-weight:700;color:#4b634e!important}.draft-note{font-size:12px;color:#9d795e}.footer .social-links a{display:inline-flex;color:#e4ebe2}.footer-bottom .legal{display:flex;gap:15px;flex-wrap:wrap}
@media(max-width:850px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-head{display:block}.portal-head p{margin-top:12px}}@media(max-width:600px){.portal-grid{grid-template-columns:1fr}.portal-section{padding:65px 0}.portal-head h2{font-size:41px}}

@media(min-width:751px) and (max-width:1180px){.header-content{grid-template-columns:1fr auto 0}.nav{gap:12px}.nav a{font-size:11px}.head-right{display:none}}
@media(min-width:751px){.header-content{gap:14px}.nav{gap:15px}.nav a{font-size:11px}}

.voucher-intro{max-width:620px;min-height:0}
.legal-wrap{max-width:820px}.legal-wrap h1{margin-top:45px}

/* 2.1 – SANFTE FARBFRISCHE: Warmes Rosé, Terrakotta und Salbei.
   Rein gestalterische Änderung; alle Verwaltungs- und Formularfunktionen bleiben gleich. */
:root {
  --paper: #faf6f2;
  --cream: #f5eae3;
  --linen: #f0e1db;
  --white: #fffdfa;
  --olive: #516851;
  --pine: #304839;
  --sage: #8b9b84;
  --sand: #ddc1ac;
  --earth: #a26e65;
  --ink: #293c31;
  --muted: #69746b;
  --line: #e7dbd4;
  --blush: #ebd6d2;
  --rose: #98686e;
  --rose-dark: #80555a;
  --clay: #af7965;
}
body { background: var(--paper); }
:focus-visible { outline-color: #a66f72; }
.topline { background: #405745; }
.header { background: rgba(255,252,249,.97); border-bottom-color: #ebddd7; }
.brand-sub { color: #9e7770; }
.nav a:hover, .nav a:focus-visible { color: var(--rose-dark); }
.link-line { border-bottom-color: #b9908a; }
.link-line:hover { color: var(--rose-dark); border-bottom-color: var(--rose-dark); }
.btn { background: var(--olive); border-color: var(--olive); }
.btn:hover { background: #3c523e; }
.btn.outline { border-color: #ba918d; color: #80575d; }
.btn.outline:hover { background: #f3e2df; }
.smallcap { color: #966f69; }

/* Hero: hell und freundlich statt großer neutral-grauer Flächen. */
.hero { background: #f4e9e3; }
.hero-copy { background: linear-gradient(134deg,#faf5f0 0%,#f5eae4 82%,#efddd9 100%); }
.hero h1 { color: #304739; }
.hero h1 em { color: #a17173; }
.hero-copy .smallcap:before,
.portal-head .smallcap:before,
.section-head .smallcap:before {
  content: ''; display: inline-block; vertical-align: middle;
  width: 18px; height: 2px; margin-right: 10px;
  background: #c18d80; transform: translateY(-2px);
}
.hero-side { background-color: #c8b3a5; }
.hero-side:after { background: linear-gradient(90deg,rgba(242,221,216,.12),transparent 45%),linear-gradient(0deg,rgba(63,65,45,.20),transparent 42%); }
.hero-tag { background: rgba(255,249,245,.92); border-color: rgba(255,255,255,.85); border-left: 4px solid #bd9387; }
.hero-tag b { color: #3c493c; }
.hero-mark { opacity: .30; color: #b27d75; }

.values { background: #fffaf6; border-bottom-color: #eadfd7; }
.value { color: #5f715f; }
.value svg { color: #ba887e; }
.section:not(.treatments) { background: linear-gradient(180deg,#fffaf6 0%,#fcf5f0 100%); }
.section-head h2 em { color: #a57976; }
.card { border-color: #e8dbd4; background: #fffcf9; }
.card-photo { overflow: hidden; }
.card:nth-child(1) .card-photo { background-color: #d8bfb5; }
.card:nth-child(2) .card-photo { background-color: #e8d3c5; }
.card:nth-child(3) .card-photo { background-color: #c5d1bc; }
.card:nth-child(1) { border-top: 4px solid #b98881; }
.card:nth-child(2) { border-top: 4px solid #d3a68b; }
.card:nth-child(3) { border-top: 4px solid #91a38a; }
.card:nth-child(1) .smallcap { color: #9b6766; }
.card:nth-child(2) .smallcap { color: #a7795d; }
.card:nth-child(3) .smallcap { color: #657e5e; }
.card .link-line { border-bottom-color: #b98b86; }
.services-note { color: #8c756e; }

.editorial { background: #efe0d8; }
.editorial-visual { background-color: #c3b5a2; }
.editorial-copy { background: linear-gradient(135deg,#f4e7df,#eedbd5); }
.editorial-copy h2 em { color: #a06c70; }
.editorial-copy .signature { color: #9a7274; }
.editorial-copy p { color: #6b6b60; }
.treatments { background: #fffdf9; }
.treatments-left h2 em { color: #9f706f; }
.service-list, .service-row { border-color: #e6d8d2; }
.service-row button { color: var(--rose-dark); border-color: #c9aaa2; }
.service-row button:hover { background: #f3e4df; }

/* Die Gutschein- und News-Bereiche erhalten eine dezente eigene Identität. */
.portal-section { background: linear-gradient(130deg,#f3e3e0 0%,#f8eee8 62%,#f6f1e9 100%); }
.portal-section.alt { background: #fffbf7; }
.portal-head h2 em { color: #a47675; }
.portal-card { background: rgba(255,253,250,.97); border: 1px solid #e6d6cf; box-shadow: 0 14px 36px rgba(100,72,65,.055); }
#gutscheine .portal-card { border-top: 4px solid #b98884; }
#aktuelles .portal-card { border-top: 4px solid #9aaa90; }
.voucher-intro { background: linear-gradient(110deg,#fffaf7,#f9eee9); }
.portal-card .meta, .news-date { color: #9b676c; }
.coupon-value { color: #94666a!important; }
.price-amount { color: #8a5b62; }
.price-line { border-bottom-color: #e7ddd5; }

.quote-band { background: linear-gradient(112deg,#4e674f 0%,#65765e 60%,#826f68 100%); }
.quote-band:after { border-color: #e7bab0; opacity: .31; }
.quote-band .smallcap { color: #f1ded8; }
.contact { background: linear-gradient(155deg,#f4e8e2,#faf3ed); }
.contact h2 em { color: #a36e71; }
.info-line svg { color: #b8817c; }
.info-line strong { color: #354d3d; }
.form-panel { border-top: 4px solid #bc8982; background: #fffcf9; }
input, select, textarea { background: #fffdfb; border-color: #dfd2ca; }
input:focus, select:focus, textarea:focus { outline-color: #ab7a75; border-color: #ab7a75; }
.footer { background: #2e4236; }
.footer .brand-sub { color: #eccdc6; }
.footer .social-links a:hover { color: #ffe4df; }
@media(max-width:750px) {
  .nav { background: #fffaf7; border-top-color: #e7d5cf; }
  .hero-copy { background: linear-gradient(150deg,#faf5f0,#f3e5df); }
}
/* Gut lesbare Beschriftungen auch auf den helleren Farbfeldern. */
.smallcap { color: #875d57; }
.card:nth-child(2) .smallcap { color: #8d6048; }
.card:nth-child(3) .smallcap { color: #55704e; }
.brand-sub { color: #895e5a; }

/* 2.3 – Wahlbare, bewusst kontrastreiche Naturpaletten (keine Pastellflächen) */
body[data-theme="original"] {--tone-brand:#6b982d;--tone-brand-dark:#4f751f;--tone-accent:#b01367;--tone-accent-dark:#8e0f52;--tone-paper:#fdfbf6;--tone-hero:#f5efe6;--tone-alt:#f2ebe1;--tone-blush:#efd8de;--tone-border:#e5d8d4;--tone-ink:#41343a;--tone-muted:#6d6065;--tone-card:#fffdfa;--tone-deep:#4a3a40}
body[data-theme="forest"] {--tone-brand:#294d40;--tone-brand-dark:#203d33;--tone-accent:#a45d3f;--tone-accent-dark:#88472f;--tone-paper:#faf8f1;--tone-hero:#f0e9dd;--tone-alt:#eee8dd;--tone-blush:#e1d0bd;--tone-border:#d9cbb8;--tone-ink:#243c33;--tone-muted:#58645d;--tone-card:#fffefa;--tone-deep:#243f34}
body[data-theme="olive"] {--tone-brand:#515934;--tone-brand-dark:#383f24;--tone-accent:#99671a;--tone-accent-dark:#785014;--tone-paper:#faf8f0;--tone-hero:#f0ebd8;--tone-alt:#eee6cd;--tone-blush:#e5d5ab;--tone-border:#d8ceb1;--tone-ink:#353c28;--tone-muted:#656957;--tone-card:#fffefa;--tone-deep:#3a452a}
body[data-theme="petrol"] {--tone-brand:#23565b;--tone-brand-dark:#163f44;--tone-accent:#9b6637;--tone-accent-dark:#805125;--tone-paper:#faf9f5;--tone-hero:#e7eeea;--tone-alt:#dfebe6;--tone-blush:#d1d9ca;--tone-border:#c8d5ce;--tone-ink:#1f3f42;--tone-muted:#586c69;--tone-card:#fffefa;--tone-deep:#1a454a}
body[data-theme="berry"] {--tone-brand:#753c4b;--tone-brand-dark:#592935;--tone-accent:#996333;--tone-accent-dark:#7b4f25;--tone-paper:#fcf9f5;--tone-hero:#f1e9e2;--tone-alt:#efe5dd;--tone-blush:#dfc7c2;--tone-border:#ddcdc4;--tone-ink:#493039;--tone-muted:#6d5e60;--tone-card:#fffdf9;--tone-deep:#622e3d}
body[data-theme] {--olive:var(--tone-brand);--pine:var(--tone-deep);--ink:var(--tone-ink);--muted:var(--tone-muted);--paper:var(--tone-paper);--cream:var(--tone-hero);--linen:var(--tone-alt);--line:var(--tone-border);--white:var(--tone-card);--rose:var(--tone-accent);--rose-dark:var(--tone-accent-dark);--clay:var(--tone-accent);background:var(--tone-paper);color:var(--tone-ink)}
body[data-theme] .topline{background:var(--tone-brand-dark)}
body[data-theme] .header{background:rgba(255,254,250,.98);border-color:var(--tone-border)}
body[data-theme] .brand-sub,body[data-theme] .smallcap,body[data-theme] .news-date{color:var(--tone-accent-dark)}
body[data-theme] .nav a:hover,body[data-theme] .nav a:focus-visible,body[data-theme] .link-line:hover{color:var(--tone-accent-dark)}
body[data-theme] .btn:not(.light):not(.outline){background:var(--tone-brand);border-color:var(--tone-brand)}
body[data-theme] .btn:not(.light):not(.outline):hover{background:var(--tone-brand-dark)}
body[data-theme] .btn.outline{color:var(--tone-brand);border-color:var(--tone-brand)}
body[data-theme] .btn.outline:hover{background:var(--tone-alt)}
body[data-theme] .hero{background:var(--tone-hero)}
body[data-theme] .hero-copy{background:linear-gradient(125deg,var(--tone-paper) 0%,var(--tone-hero) 88%)}
body[data-theme] .hero h1{color:var(--tone-ink)}
body[data-theme] .hero h1 em,body[data-theme] .section-head h2 em,body[data-theme] .editorial-copy h2 em,body[data-theme] .treatments-left h2 em,body[data-theme] .portal-head h2 em,body[data-theme] .contact-info h2 em{color:var(--tone-accent-dark)}
body[data-theme] .hero-side{background-color:var(--tone-blush)}
body[data-theme] .hero-tag{border-left:4px solid var(--tone-accent);background:rgba(255,253,247,.92)}
body[data-theme] .hero-mark{color:var(--tone-accent)}
body[data-theme] .hero-copy .smallcap:before,body[data-theme] .portal-head .smallcap:before,body[data-theme] .section-head .smallcap:before{background:var(--tone-accent)}
body[data-theme] .values{background:var(--tone-card);border-color:var(--tone-border)}
body[data-theme] .value,body[data-theme] .value svg{color:var(--tone-brand)}
body[data-theme] .section:not(.treatments){background:var(--tone-paper)}
body[data-theme] .card{background:var(--tone-card);border-color:var(--tone-border);border-top:4px solid var(--tone-accent)}
body[data-theme] .card:nth-child(2){border-top-color:var(--tone-brand)}
body[data-theme] .card:nth-child(3){border-top-color:var(--tone-accent-dark)}
body[data-theme] .card .smallcap{color:var(--tone-accent-dark)}
body[data-theme] .card-photo{background-color:var(--tone-blush)}
body[data-theme] .editorial{background:var(--tone-alt)}
body[data-theme] .editorial-copy{background:linear-gradient(125deg,var(--tone-alt),var(--tone-hero))}
body[data-theme] .editorial-copy .signature{color:var(--tone-accent-dark)}
body[data-theme] .editorial-copy p{color:var(--tone-muted)}
body[data-theme] .treatments{background:var(--tone-card)}
body[data-theme] .service-list,body[data-theme] .service-row{border-color:var(--tone-border)}
body[data-theme] .service-row button{color:var(--tone-brand);border-color:var(--tone-brand)}
body[data-theme] .service-row button:hover{background:var(--tone-alt)}
body[data-theme] .portal-section{background:var(--tone-alt)}
body[data-theme] .portal-section.alt{background:var(--tone-paper)}
body[data-theme] .portal-card{background:var(--tone-card);border-color:var(--tone-border);box-shadow:0 12px 30px rgba(43,48,36,.06)}
body[data-theme] #gutscheine .portal-card{border-top:4px solid var(--tone-accent)}
body[data-theme] #aktuelles .portal-card{border-top:4px solid var(--tone-brand)}
body[data-theme] .voucher-intro{background:linear-gradient(120deg,var(--tone-card),var(--tone-hero))}
body[data-theme] .coupon-value,body[data-theme] .price-amount{color:var(--tone-brand)}
body[data-theme] .price-line{align-items:flex-start;gap:20px;border-color:var(--tone-border)}
body[data-theme] .price-line p{color:var(--tone-muted)}
body[data-theme] .price-line .price-explanation{font-size:14px;line-height:1.65;max-width:680px;margin-top:10px;color:var(--tone-ink)}
body[data-theme] .quote-band{background:linear-gradient(115deg,var(--tone-brand-dark),var(--tone-brand) 70%,var(--tone-deep))}
body[data-theme] .quote-band:after{border-color:var(--tone-blush)}
body[data-theme] .quote-band .smallcap{color:#f4e9d9}
body[data-theme] .form-panel{background:var(--tone-alt)}
body[data-theme] .footer{background:var(--tone-brand-dark)}
body[data-theme] .footer a:hover{color:#fff}
body[data-theme] .hero-upload{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
body[data-theme] .hero-tag{z-index:2}
@media(max-width:750px){body[data-theme] .nav{background:var(--tone-paper);border-color:var(--tone-border)} body[data-theme] .price-line b{font-size:21px}}

/* WhatsApp: externer Link ohne Widget oder Trackingcode */
body[data-theme] .whatsapp-contact{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;gap:9px;align-items:center;padding:13px 19px;border-radius:50px;background:var(--tone-brand);color:#fff;text-decoration:none;font-weight:700;font-size:13px;box-shadow:0 9px 26px rgba(0,0,0,.2);transition:transform .15s,background .15s}
body[data-theme] .whatsapp-contact:hover{transform:translateY(-2px);background:var(--tone-brand-dark)}
body[data-theme] .whatsapp-contact:focus-visible{outline:3px solid var(--tone-accent);outline-offset:3px}
@media(max-width:600px){body[data-theme] .whatsapp-contact{right:13px;bottom:13px;padding:12px 16px}}
body[data-theme] .card-photo img{filter:saturate(.95)}

/* v2.4: gut lesbare Preisvarianten, Foto-/Logonutzung */
.brand-logo{display:block;max-width:235px;max-height:84px;width:auto;height:auto;object-fit:contain}
.footer .brand-logo{max-height:70px;max-width:220px}
.price-group-heading{font:700 13px/1.4 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--olive);background:var(--cream);padding:14px 18px;margin:27px 0 0;border-left:3px solid var(--earth)}
.price-line{display:block;padding:23px 0 25px}.price-content{width:100%}.price-content>b{font:400 27px/1.15 var(--serif)}
.price-options{margin-top:15px;max-width:780px}.price-option{display:flex;gap:18px;justify-content:space-between;align-items:baseline;border-bottom:1px dashed #d9d5ca;padding:9px 0;font-size:14px;color:var(--ink)}.price-option.additional{padding-left:18px}.price-option strong{font-size:16px;color:var(--olive);font-weight:700;white-space:nowrap}.price-pdf-hint{font-size:12px;color:var(--muted);align-self:center}
.hero-upload,.editorial-visual img,.card-photo img{filter:none!important}
@media(max-width:750px){.brand-logo{max-width:180px;max-height:52px}.price-content>b{font-size:24px}.price-option strong{font-size:14px}}

body[data-theme="original"] .brand-sub{color:var(--tone-accent-dark)}
body[data-theme="original"] .smallcap,body[data-theme="original"] .news-date{color:var(--tone-accent-dark)}
body[data-theme="original"] .hero-side:after{background:linear-gradient(90deg,rgba(245,239,230,.16),transparent 37%),linear-gradient(0deg,rgba(59,34,47,.10),transparent 40%)}
body[data-theme="original"] .hero-tag{border-left-color:var(--tone-accent);background:rgba(255,253,250,.93)}
body[data-theme="original"] .card{border-top-color:var(--tone-accent)}
body[data-theme="original"] .card:nth-child(2){border-top-color:var(--tone-brand)}
body[data-theme="original"] .card:nth-child(3){border-top-color:var(--tone-accent-dark)}
@media(max-width:1120px){
  .wrap{width:min(1180px,calc(100% - 40px))}
  .nav{gap:38px}.nav-group{gap:22px}.nav a{font-size:14px}
  .brand-name{font-size:39px}
}
@media(max-width:960px){
  html{scroll-padding-top:104px}
  .header-shell{padding:0}
  .header-top{grid-template-columns:auto 1fr auto;gap:14px;min-height:86px;padding:10px 0}
  .brand{justify-self:center}
  .brand-logo{max-height:76px}
  .brand-name{font-size:34px}
  .brand-sub{font-size:10px;letter-spacing:.28em;margin-top:8px}
  .head-right .btn{display:none}
  .hamburger{display:block}
  .nav{display:none;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:0;padding:0 0 16px;border-top:1px solid var(--line)}
  .nav.open{display:flex}
  .nav-group{flex-direction:column;align-items:flex-start;gap:0;width:100%}
  .nav-group + .nav-group{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
  .nav a{display:block;width:100%;padding:12px 0;font-size:15px}
  .nav-cta-mobile{display:block;padding-top:12px}
  .nav-cta-mobile .btn{width:100%}
  .hero-grid,.editorial-grid,.treatments-grid,.contact-grid{grid-template-columns:1fr}
  .hero-copy{padding:74px 22px 56px}
  .hero-side,.editorial-visual{min-height:420px}
  .hero-tag{right:18px;bottom:18px;max-width:210px}
  .cards,.portal-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:1fr;padding:16px 0}
  .quote-band .wrap{flex-direction:column;align-items:flex-start}
}

/* v2.5.1 – zentrierter Header: Logo IMMER in Spalte 2,
   auch wenn der mobile Menübutton am Desktop ausgeblendet ist. */
.header-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.header-top>.brand{grid-column:2;grid-row:1;justify-self:center;align-items:center}
.header-top>.head-right{grid-column:3;grid-row:1;justify-self:end}
.header-top>.hamburger{grid-column:1;grid-row:1;justify-self:start}
/* Frühere 11px-Regeln für die Navigation gezielt übersteuern. */
.header .nav{justify-content:center;gap:50px}
.header .nav-group{gap:28px}
.header .nav a{font-size:15px;font-weight:650;letter-spacing:.012em}
@media (min-width:961px) and (max-width:1200px){
  .header .nav{gap:25px}
  .header .nav-group{gap:18px}
  .header .nav a{font-size:13px}
}
@media (max-width:960px){
  .header-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .header .nav{position:static;box-shadow:none;gap:0;width:100%;padding:0 0 16px}
  .header .nav-group{gap:0}
  .header .nav a{font-size:15px;padding:12px 0}
}