/* Stiemerling – Premium-Schicht (Runde 7): Nachtblau und Gold, Logo „Die Kuppel“ mit Hausstern.
   Liegt über app.css; saison.css und hig.css folgen danach. Marke und Regeln: marke/README.md */

:root{
  --sand:#F6F2EA; --paper:#FBF9F5; --white:#FFFFFF; --ink:#1C1E22; --muted:#565A62; --line:#E3DCCD; --line-2:#C9BFA9;
  --pine:#16243B; --pine-2:#22365A; --on-pine:#F6F2EA; --on-pine-2:#C9CFDA;
  --brass:#A9824A; --brass-lt:#D8BC8A; --gold-d:#6B5326; --gold-hi:#F2DDA8;
  --berry:#16243B; --berry-2:#0B1424; --soft:#EFEAE0;
  --focus:#16243B;
}
html.hc{--berry:#000;--berry-2:#000;--gold-d:#000}
body{background:#FFFFFF}

/* Typografie */
.eyebrow,.lx-k{color:var(--gold-d)}
.lx-k{margin:0 0 18px;font-family:var(--sans);font-size:var(--t-xs);font-weight:600;letter-spacing:.26em;text-transform:uppercase}
.sec-h em,.hx-h2 em,.pg-h1 em{color:var(--gold-d)}
.dark .sec-h em{color:var(--brass-lt)}
.lx-h1{margin:0;font-family:var(--serif);font-weight:400;font-size:calc(var(--s)*clamp(48px,7vw,104px));line-height:.98;letter-spacing:-.01em}
.lx-h2{margin:0;font-family:var(--serif);font-weight:400;font-size:calc(var(--s)*clamp(36px,4.2vw,60px));line-height:1.02;letter-spacing:-.005em}
.lx-statement{margin:26px auto 0;font-family:var(--serif);font-size:calc(var(--s)*clamp(27px,2.9vw,40px));line-height:1.25;color:var(--ink)}
html.a11y .lx-h1,html.a11y .lx-h2,html.a11y .lx-statement{font-weight:700;letter-spacing:0}

/* Buttons: eckig, ruhig */
.btn{border-radius:0;letter-spacing:.04em}
.btn-gold{background:var(--brass-lt);color:var(--pine)!important}
.btn-gold:hover{background:var(--gold-hi)}
.btn-ghost-light{border-color:rgba(246,242,234,.7)}
.btn-hdr{min-height:48px;padding:0 22px;background:transparent;color:var(--ink)!important;border:1px solid var(--ink);font-size:calc(var(--s)*13px);letter-spacing:.2em;text-transform:uppercase}
.btn-hdr:hover{background:var(--pine);border-color:var(--pine);color:#fff!important}
.lnk{border-bottom-color:var(--brass)}
.ic-btn{border-radius:0}

/* Sterne */
.stars{display:block;width:76px;height:10px;margin:0 auto}
.stars path{fill:var(--brass)}
.stars path.hi{fill:var(--gold-d)}
.star{width:14px;height:14px;flex:none}
.star path{fill:var(--brass)}

/* Leiste oben */
.util{background:var(--sand);color:var(--ink);border-bottom:1px solid var(--line)}
.util :focus-visible{outline-color:var(--pine)}
.util-tag{font-family:var(--sans);font-style:normal;font-size:var(--t-xs);letter-spacing:.06em;color:var(--muted)}
.util-tag a{color:var(--ink)!important}
.ab,.ab-fs{border-color:var(--line-2);color:var(--ink)}
.ab:hover{background:#fff}
.ab[aria-pressed=true]{background:var(--pine);color:#fff;border-color:var(--pine)}
.ab-tel{font-weight:700;color:var(--pine)!important;text-decoration:none!important}

/* Kopf: Logo in der Mitte, Navigation links und rechts */
.hdr{background:#fff;border-bottom:1px solid var(--line)}
.hdr-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;min-height:118px}
.nav{margin:0}
.nav-l{justify-self:start}
.hdr-r{justify-self:end;display:flex;align-items:center;gap:14px}
.nav-a{font-size:calc(var(--s)*13px);font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:0 12px}
.nav-a:hover{color:var(--gold-d)!important}
.nav li.on>.nav-a::after{left:12px;right:12px;bottom:8px;height:1px}
.dd{border-radius:0;background:#fff}
.dd a{border-radius:0;text-transform:none;letter-spacing:0}

.brand{flex-direction:column;justify-self:center;gap:8px;text-align:center;position:relative}
.mark{width:72px;height:46px}
.mark .k{fill:var(--brass)}
.mark .s{fill:var(--pine)}
.mark .s.hi{fill:var(--brass)}
.brand-t{align-items:center;gap:7px}
.brand-w{font-size:calc(var(--s)*25px);letter-spacing:.16em;padding-left:.16em;line-height:.9}
.brand-s{font-size:10px;font-weight:500;letter-spacing:.44em;padding-left:.44em;color:var(--muted);text-transform:none}
.brand:hover .brand-w{color:var(--gold-d)}
html.hc .mark .s.hi{fill:#000}

/* Kopf über dem großen Foto */
.hdr-over{position:absolute;top:auto;left:0;right:0;background:transparent;border-bottom:0;box-shadow:none!important}
.hdr-over .nav-l .nav-a,.hdr-over .nav-r .nav-a,.hdr-over .brand,.hdr-over .brand-w{color:#fff!important}
.hdr-over .nav-a:hover{color:var(--gold-hi)!important}
.hdr-over .nav li.on>.nav-a::after{background:var(--gold-hi)}
.hdr-over .brand-s{color:#E9DCC0}
.hdr-over .mark .k{fill:var(--brass-lt)}
.hdr-over .mark .s{fill:var(--on-pine)}
.hdr-over .mark .s.hi{fill:var(--gold-hi)}
.hdr-over .ic-btn{color:#fff;border-color:rgba(255,255,255,.55)}
.hdr-over .ic-btn:hover{background:rgba(255,255,255,.12)}
.hdr-over .btn-hdr{color:#fff!important;border-color:rgba(255,255,255,.85)}
.hdr-over .btn-hdr:hover{background:#fff;color:var(--pine)!important}
.hdr-over :focus-visible{outline-color:#fff}
.hdr-over .mnav{background:#fff}

@media (max-width:1180px){
  .hdr-in{grid-template-columns:auto minmax(0,1fr);min-height:88px}
  .brand{flex-direction:row;justify-self:start;text-align:left;gap:12px}
  .brand-t{align-items:flex-start}
  .brand-w,.brand-s{padding-left:0}
  .mark{width:60px;height:38px}
  .hdr-r{grid-column:2}
  .brand .sz-hut{left:14px!important}
}
@media (min-width:1181px){.brand .sz-hut{left:calc(50% - 8px)!important;top:-14px!important}}
@media (max-width:760px){
  .hdr-in{min-height:72px}
  .mark{width:48px;height:31px}
  .brand-w{font-size:calc(var(--s)*18px)}
  .brand-s{font-size:9px;letter-spacing:.3em}
}

/* Großes Foto */
.lx-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(580px,90vh,920px);overflow:hidden;background:var(--pine);color:#fff}
.lx-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lx-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,20,36,.6) 0%,rgba(11,20,36,0) 30%,rgba(11,20,36,0) 45%,rgba(11,20,36,.7) 100%)}
html.a11y .lx-shade,html.hc .lx-shade{background:rgba(11,20,36,.66)}
.lx-hero-in{position:relative;z-index:2;padding-top:200px;padding-bottom:clamp(120px,15vh,170px)}
.lx-hero .lx-k{color:#E9DCC0}
.lx-hero .lx-h1{color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.25)}
.lx-hero-house{min-height:clamp(560px,82vh,800px)}
.lx-hero-house .lx-hero-in{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:clamp(64px,10vh,110px)}
.lx-tagline{margin:16px 0 0;font-family:var(--serif);font-style:italic;font-size:calc(var(--s)*clamp(21px,2vw,28px));color:var(--on-pine)}
.lx-hero-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}
.lx-hero :focus-visible{outline-color:#fff}

/* Anfrage-Leiste wie bei einer Hotelbuchung */
.lx-trip-wrap{position:relative;z-index:3;margin-top:-58px}
.lx-trip-wrap .trip{border-radius:0;border:0;box-shadow:0 24px 64px rgba(11,20,36,.16)}
.lx-trip-wrap .trip-f{padding:18px 28px}
.lx-trip-wrap .trip-f label{color:var(--gold-d);letter-spacing:.24em;font-weight:600}
.lx-trip-wrap .trip-go{background:var(--pine);color:#fff!important;font-size:calc(var(--s)*13px);letter-spacing:.22em;text-transform:uppercase}
.lx-trip-wrap .trip-go:hover{background:var(--pine-2)}
.lx-trust{margin:20px 0 0;text-align:center;font-size:var(--t-s);color:var(--muted)}
.lx-trust .linkish{color:var(--pine);font-weight:600}

/* Abschnitte */
.lx-intro{padding:clamp(96px,11vw,150px) 0 clamp(32px,4vw,56px);text-align:center}
.lx-narrow{max-width:940px}
.lx-sec{padding:clamp(72px,9vw,130px) 0}
.lx-sec-top0{padding-top:0}
.lx-ivory{background:var(--sand)}
.lx-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:40px}
.lx-head .lx-k{margin-bottom:12px}
.lx-head-x{margin:0;color:var(--muted);max-width:30em}

.lx-houses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.lx-house{position:relative;display:block;aspect-ratio:3/4.3;overflow:hidden;background:var(--pine);color:#fff!important;text-decoration:none!important}
.lx-house img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.lx-house:hover img,.lx-house:focus-visible img{transform:scale(1.04)}
.lx-house::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,20,36,0) 38%,rgba(11,20,36,.84) 100%)}
.lx-house-b{position:absolute;z-index:1;left:22px;right:22px;bottom:22px;display:flex;flex-direction:column;gap:8px}
.lx-house-b .stars{margin:0;width:62px;height:8px}
.lx-house-b .stars path{fill:rgba(246,242,234,.5)}
.lx-house-b .stars path.hi{fill:var(--gold-hi)}
.lx-house-b b{font-family:var(--serif);font-weight:400;font-size:calc(var(--s)*32px);line-height:1}
.lx-house-b span{font-size:var(--t-xs);line-height:1.4;color:#EFE6D2}
@media (max-width:1100px){.lx-houses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.lx-houses{grid-template-columns:1fr}.lx-house{aspect-ratio:4/3.4}}

.lx-feel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.lx-feel img{width:100%;aspect-ratio:4/3;object-fit:cover}
.lx-feel h3{margin:20px 0 6px;font-family:var(--serif);font-weight:400;font-size:calc(var(--s)*30px);line-height:1.1}
.lx-feel p{margin:0;color:var(--muted)}
@media (max-width:860px){.lx-feel{grid-template-columns:1fr}}

.lx-history{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;border-top:1px solid var(--line);padding-top:clamp(56px,7vw,90px)}
.lx-year{font-family:var(--serif);font-size:calc(var(--s)*clamp(120px,16vw,230px));line-height:.8;color:var(--brass);letter-spacing:-.02em}
.lx-history p{color:#3D4048;max-width:30em}
@media (max-width:860px){.lx-history{grid-template-columns:1fr;gap:24px}}

.lx-career{background:var(--pine);color:var(--on-pine)}
.lx-career-in{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lx-career-t{padding:clamp(64px,8vw,120px) clamp(18px,4vw,64px)}
.lx-career .lx-k{color:var(--brass-lt)}
.lx-career .lx-h2{color:#fff}
.lx-career p{color:var(--on-pine-2);max-width:30em}
.lx-career .btns{margin-top:30px}
.lx-career img{width:100%;height:100%;min-height:440px;object-fit:cover}
.lx-career :focus-visible{outline-color:#fff}
@media (max-width:860px){.lx-career-in{grid-template-columns:1fr}.lx-career img{min-height:280px}}

/* Hausseite */
.lx-hintro{margin-bottom:clamp(40px,5vw,64px)}
.lx-hintro .stars{margin:0}
.lx-hintro .lx-statement{margin:22px 0 0}
.lx-chips{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line)}
.lx-chips li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.lx-chips .star{margin-top:.45em}
.hx-body{margin-top:clamp(56px,7vw,96px)}
.lx-news{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.lx-news-a{display:flex;flex-direction:column;gap:12px;color:var(--ink)!important;text-decoration:none!important}
.lx-news-a img{width:100%;aspect-ratio:3/2;object-fit:cover}
.lx-news-m{font-size:var(--t-xs);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d)}
.lx-news-a b{font-family:var(--serif);font-weight:400;font-size:calc(var(--s)*30px);line-height:1.1}
.lx-news-a:hover b{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:6px}
.lx-news-x{color:var(--muted)}
@media (max-width:860px){.lx-news{grid-template-columns:1fr}}

/* Fuß */
.ft{background:var(--sand);color:var(--ink)}
.ft :focus-visible{outline-color:var(--pine)}
.ft a{color:var(--ink)!important}
.ft a:hover{color:var(--gold-d)!important}
.ft-brandrow{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:88px;text-align:center}
.ft-brandrow .brand{color:var(--ink)!important;text-decoration:none!important}
.ft-claim{margin:0;font-family:var(--sans);font-style:normal;font-size:var(--t-xs);font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-d)}
.ft-addr{font-style:normal;color:var(--muted);font-size:var(--t-s)}
.ft-houses{list-style:none;margin:0;padding:48px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;text-align:center;border-bottom:1px solid var(--line)}
.ft-houses li{display:flex;flex-direction:column;align-items:center;gap:2px}
.ft-houses li>a:first-child{display:inline-flex;flex-direction:column;align-items:center;gap:8px;min-height:44px;text-decoration:none}
.ft-houses b{font-family:var(--serif);font-weight:400;font-size:calc(var(--s)*25px);line-height:1.1}
.ft-houses .star path{fill:var(--line-2)}
.ft-houses li.on .star path{fill:var(--brass)}
.ft-tel{display:inline-flex;align-items:center;min-height:36px;font-size:var(--t-s);color:var(--muted)!important;text-decoration:none}
@media (max-width:860px){.ft-houses{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ft-top{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:56px}
@media (max-width:760px){.ft-top{grid-template-columns:1fr}}
.ft h2{color:var(--ink)}
.ft-x{margin:0 0 18px;color:var(--muted)}
.ft-bot{border-top:1px solid var(--line)}
.ft-bot-in{color:var(--muted)}
.trust{background:#fff}
.ft .btn-pine{color:#fff!important}
.ft .btn-pine:hover{background:var(--pine-2);color:#fff!important}
@media (max-width:480px){.brand-s{display:none}.menu-btn span{display:none}}
.lx-hero .lx-k,.lx-tagline{text-shadow:0 1px 14px rgba(0,0,0,.55)}
.lx-hero-house .lx-shade{background:linear-gradient(180deg,rgba(11,20,36,.6) 0%,rgba(11,20,36,.08) 30%,rgba(11,20,36,.28) 55%,rgba(11,20,36,.72) 100%)}

/* ===================== Roter Faden: Ihr Weg zu uns (I–IV) ===================== */
.jr{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.jr li{padding:32px 28px 30px;background:transparent;border:0;border-radius:0;border-right:1px solid var(--line);gap:8px}
.jr li:last-child{border-right:0}
.jr li:not(:last-child)::after{display:none}
.jr-n{width:auto;height:auto;border:0;border-radius:0;background:none!important;color:var(--brass)!important;font-family:var(--serif);font-weight:400;font-size:calc(var(--s)*44px);line-height:1;margin:0 0 6px;justify-content:flex-start}
.jr-st{font-size:var(--t-xs);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.jr li.done .jr-st{color:var(--muted)}
.jr li.done b,.jr li.done .jr-x{opacity:.62}
.jr li.now{box-shadow:none;border-color:var(--line);background:var(--sand);position:relative}
.jr li.now::before{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--brass)}
.jr li.now .jr-st{color:var(--gold-d)}
.jr li.now .jr-n{color:var(--gold-d)!important}
.jr-go{color:var(--pine)!important;font-weight:600;letter-spacing:.02em;border-bottom:1px solid var(--brass);align-self:flex-start}
.dark .jr,.lx-career .jr{border-color:rgba(246,242,234,.2)}
@media (max-width:1000px){.jr{grid-template-columns:repeat(2,minmax(0,1fr))}.jr li:nth-child(2){border-right:0}.jr li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:600px){.jr{grid-template-columns:1fr}.jr li{border-right:0;border-bottom:1px solid var(--line)}.jr li:last-child{border-bottom:0}}
.bk-jr{margin:40px 0 28px}
.bk-jr .lx-k{margin-bottom:14px}
.weg-jr{margin:clamp(40px,5vw,64px) 0 clamp(16px,2vw,24px)}

/* ===================== Ihr nächster Schritt ===================== */
.lx-next{background:var(--pine);color:var(--on-pine)}
.lx-next-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:center;padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px)}
.lx-next .lx-k{color:var(--brass-lt)}
.lx-next .lx-h2{color:#fff}
.lx-next-t p{color:var(--on-pine-2);max-width:34em}
.lx-next .btns{margin-top:28px}
.lx-next :focus-visible{outline-color:#fff}
.lx-next-p{display:flex;flex-direction:column;align-items:flex-start;padding-left:clamp(0px,3vw,48px);border-left:1px solid rgba(246,242,234,.18)}
.lx-next-p img{width:132px;height:132px;object-fit:cover;border-radius:999px;margin-bottom:22px;border:1px solid rgba(246,242,234,.3)}
.lx-next-p .lx-k{margin-bottom:6px}
.lx-next-p b{font-family:var(--serif);font-weight:400;font-size:calc(var(--s)*34px);line-height:1.1;color:#fff}
.lx-next-p span{color:var(--on-pine-2)}
.lx-next-h{list-style:none;margin:0;padding:0;border-top:1px solid rgba(246,242,234,.18)}
.lx-next-h li{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid rgba(246,242,234,.18)}
.lx-next-h li>a:first-child{display:inline-flex;align-items:center;gap:12px;min-height:54px;color:#fff!important;text-decoration:none!important}
.lx-next-h b{font-family:var(--serif);font-weight:400;font-size:calc(var(--s)*24px)}
.lx-next-h .star path{fill:var(--brass-lt)}
.lx-next-h li>a:last-child{color:var(--on-pine-2)!important;text-decoration:none!important;font-size:var(--t-s)}
@media (max-width:860px){.lx-next-in{grid-template-columns:1fr}.lx-next-p{padding-left:0;border-left:0;border-top:1px solid rgba(246,242,234,.18);padding-top:32px}}

/* ===================== Einheitliche Seitenköpfe ===================== */
/* Angebotsseiten (Pflege, Kurzzeitpflege …): hell statt Kasten */
.hh{background:var(--sand);color:var(--ink)}
.hh .eyebrow{color:var(--gold-d)}
.hh-h1{color:var(--ink)}
.hh-tag{color:var(--gold-d)}
.hh-lead{color:#3D4048}
.hh .crumbs{color:var(--muted)!important}
.hh .btn-light{background:var(--pine);color:#fff!important}
.hh .btn-light:hover{background:var(--pine-2)}
.hh-collage figure{border-radius:0;background:var(--line)}
.hh :focus-visible{outline-color:var(--focus)}
/* Info-Seiten mit Bild: Foto wie bei den Startseiten */
.pg-hero:not(.noimg){min-height:clamp(380px,48vh,520px);display:flex;align-items:flex-end}
.pg-hero:not(.noimg) .pg-hero-in{width:100%}
.pg-hero-img img{opacity:1}
.pg-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,20,36,.35) 0%,rgba(11,20,36,.15) 40%,rgba(11,20,36,.72) 100%)}
.pg-hero.noimg{background:var(--sand)}
.pg-h1 em,.bk-h1 em{color:var(--gold-d)}
.bk-top{background:var(--sand)}
.bk-top .lx-k{margin:18px 0 0}
/* Auf-dieser-Seite-Leiste der Hausseite */
.hx-nav a{border-radius:0!important}
/* Karriere: dieselbe Sprache wie die Häuser */
.corp{--c-grey:#F6F2EA;--c-line:#E3DCCD;--c-ink:#1C1E22;--c-muted:#565A62}
.c-h1,.c-h2,.jp-h2{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.c-h1{font-size:calc(var(--s)*clamp(44px,5.4vw,80px));line-height:1}
.c-stats b{font-family:var(--serif);font-weight:400;letter-spacing:0}
.c-hero-img,.c-hero-img img{border-radius:0}
.c-link{color:var(--pine)!important}
html.a11y .c-h1,html.a11y .c-h2,html.a11y .jp-h2{font-weight:700}
.hh .btn-light{background:transparent;color:var(--ink)!important;border:1px solid var(--ink)}
.hh .btn-light:hover{background:var(--ink);color:#fff!important}