/* 20.10. 23:03 Daniela: Porträt-Hero dunkel mit Bild ohne Personen (ganzflächiger dunkler Verlauf), weisse Schrift, kleiner; nie blaue Bögen hinter Porträts */
.pf-arch,.kt-tm-arch,.us-pc-arch{display:none!important}
.pf-pt .us-ph img{width:100%;object-position:50% 45%;animation:none}
.pf-pt .us-ph::after{background:linear-gradient(90deg,rgba(6,9,14,.88) 0%,rgba(6,9,14,.78) 55%,rgba(6,9,14,.7) 100%)}
.pf-hero.pf-pt{padding-top:calc(88px + 1vw)}
.pf-pt .pf-hero-grid{align-items:end}
.pf-pt .pf-hero-copy{padding-block:clamp(16px,2vw,32px) clamp(48px,5vw,80px)}
.pf-pt .pf-vis{width:min(360px,100%);padding-top:12px}
.pf-pt .pf-portrait{max-height:min(58vh,500px);filter:drop-shadow(0 24px 34px rgba(0,0,0,.45))}
.pf-pt .pf-fc{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.pf-pt .pf-fc small{color:rgba(255,255,255,.8)}
.pf-pt .pf-fc-i{background:rgba(255,255,255,.2);color:#fff}
.pf-pt .pf-aka{color:rgba(255,255,255,.8)}
.pf-pt h1 .serif{background:none;-webkit-text-fill-color:#7FD8FF;color:#7FD8FF}
.co-hero h1 .w-h1b{color:rgba(255,255,255,.88)}
@media (max-width:900px){.pf-pt .pf-vis{width:min(300px,80%)}}
/* Text in der snf-Vorlage (Profil Birol, Standorte) wie in den Wissensseiten */
.sp-main{font-size:1.09rem;line-height:1.78}
.sp-main>h2{font-size:clamp(1.55rem,2.3vw,2.1rem);line-height:1.15;letter-spacing:-.025em;margin:2.3em 0 .7em}
.sp-main>h3{font-size:clamp(1.18rem,1.6vw,1.35rem);line-height:1.25;letter-spacing:-.015em;margin:1.7em 0 .5em}
@media (max-width:720px){.sp-main{font-size:1.04rem}.sp-main>h2{margin-top:1.9em}}
/* Hero-Titel kleiner (Daniela: kleine Überschriften) */
.pf-hero h1.sp-h1{font-size:clamp(2.3rem,4.2vw,3.9rem);line-height:1.04;letter-spacing:-.035em}
.pf-hero h1.sp-h1 .w-h1a{display:block}
.pf-hero h1.sp-h1 .sp-h1b{display:block;font-size:.5em;font-weight:400;line-height:1.2;letter-spacing:-.015em;color:var(--ink-2);margin-top:.35em}
.pf-hero h1.sp-long{font-size:clamp(2rem,3.4vw,3.1rem)}
.pf-hero h1:not(.sp-h1){font-size:clamp(2.6rem,5vw,4.6rem)}
.co-hero h1{font-size:clamp(2.1rem,3.6vw,3.3rem)}
/* Standort-/Übersichtsseiten der snf-Vorlage ohne Porträt: Foto-Hero wie die übrigen Seiten (links dunkler Verlauf, weisse Schrift) */
.pf-hero.pf-photo{color:#fff;background:#0E141D}
.pf-photo .pf-glow{display:none}
.pf-photo .w-crumbs ol,.pf-photo .w-crumbs a{color:rgba(255,255,255,.82)}
.pf-photo .w-crumbs [aria-current]{color:#fff}
.pf-photo .chip.glass{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.pf-photo h1,.pf-photo h1.sp-h1 .sp-h1b{color:#fff}
.pf-photo .lead{color:rgba(255,255,255,.9)}
.pf-photo .btn-ghost{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.pf-photo .btn-ghost:hover{background:#fff;color:var(--ink)}
.pf-photo .pf-hero-copy{padding-block:clamp(24px,3vw,48px) clamp(56px,7vw,110px)}
/* Kopfzeile: CTA nie ausserhalb (Firefox rendert Schrift etwas breiter) */
.hdr-bar>.nav{min-width:0;flex:0 1 auto}
.hdr-cta{flex:none;margin-left:auto}
@media (min-width:1300px) and (max-width:2199px){.hdr-cta .btn-ghost{display:none!important}}
@media (min-width:1300px) and (max-width:1499px){.nav{gap:0}.nav-btn{padding-inline:7px;font-size:.9rem}}
/* 20.10. 23:40 Daniela: Buttons bleiben wie sie sind; Kauf-Buttons (Ausbildung erwerben, zum Produkt) werden beim Hovern grün.
   «In den Warenkorb» immer grün, Häkchen in den Produkten immer grün */
.pf-pt .pf-fc{background:rgba(10,14,20,.55)!important}
:is(a.btn[href^="/shop/"],a.btn[href*="snfa-campus.ch"],.shm-more,.hdr-cta a.btn[href^="/shop/"]):hover{background:#82c42f!important;color:#fff!important;box-shadow:0 14px 30px -16px rgba(110,170,35,.75)!important}
:is(a.btn[href^="/shop/"],a.btn[href*="snfa-campus.ch"]):hover .ico{background:rgba(255,255,255,.24)!important;color:#fff!important}
:is(form[action*="/warenkorb/"] button,.sh-dock button):not(.sh-card *){background:#82c42f!important;color:#fff!important;box-shadow:0 14px 30px -16px rgba(110,170,35,.75)!important}
:is(form[action*="/warenkorb/"] button,.sh-dock button):not(.sh-card *):hover{background:#6FAE22!important}
:is(form[action*="/warenkorb/"] button,.sh-dock button):not(.sh-card *) .ico{background:rgba(255,255,255,.24)!important;color:#fff!important}
form[action*="/warenkorb/"] button.ring::before{display:none!important}
.sh-card:hover .btn.btn-primary,.sh-card .btn.btn-primary:hover{background:#82c42f!important;box-shadow:0 16px 32px -16px rgba(110,170,35,.7)!important}
.tpl-shop .sh-tabcard .sh-prose ul li::before{background-color:#82c42f!important}
.tpl-shop .sh-prose ul.sh-checks li::before{background-color:#82c42f!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")!important}
.tpl-shop .sh-trust li svg{background:#82c42f!important;color:#fff!important}
.sh-plan li i{background:#82c42f!important}
.sh-plan li.off i{background:var(--mist-2)!important;color:#9AA3B0!important}
/* Abstand Text nach Karten (snf-Vorlage) */
.sp-main .sp-cards{margin-bottom:1.6em}
/* Inhaltsverzeichnis der snf-Vorlage im Stil des Blogs */
.sp-toc-in{max-height:calc(100vh - 130px);overflow:auto;scrollbar-width:none;padding:20px 16px 18px 18px;border-radius:24px;background:#fff;box-shadow:0 2px 6px rgba(15,20,30,.04),0 24px 50px -26px rgba(15,20,30,.35)}
.sp-toc-in::-webkit-scrollbar{display:none}
.sp-toc .sp-toc-h{display:flex;flex-direction:column;line-height:1.3;padding-bottom:14px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.sp-toc .sp-toc-h b{font-size:.98rem;font-weight:500;color:var(--ink);text-transform:none;letter-spacing:0;margin:0}
.sp-toc .sp-toc-h small{font-size:.8rem;color:var(--muted)}
.sp-toc ol{border-left:0;position:relative;padding-left:16px;gap:0}
.sp-toc ol::before{content:"";position:absolute;left:4px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--mist-2)}
.sp-toc a{position:relative;padding:8px 10px 8px 14px;margin-left:0;border-left:0;border-radius:12px;font-size:.86rem;color:var(--muted);transition:background .3s,color .3s,box-shadow .3s}
.sp-toc a::before{content:"";position:absolute;left:-16px;top:14px;width:10px;height:10px;border-radius:50%;border:2px solid var(--mist-2);background:#fff;transition:border-color .3s,background .3s}
.sp-toc a:hover{background:var(--mist);color:var(--ink)}
.sp-toc a.on{background:#fff;color:var(--ink);font-weight:500;box-shadow:0 1px 2px rgba(15,25,40,.06),0 10px 24px -14px rgba(15,25,40,.3)}
.sp-toc a.on::before{background:#10AAFF;border-color:#10AAFF;box-shadow:0 0 0 3px #fff,0 0 0 4px #10AAFF}
/* Überschriften im Inhalt über die ganze Breite (Daniela 20.10.) */
main h2,main h3,.sp-main h2,.bp-article h2{max-width:none}
/* Hero-Titel max. 2–3 Zeilen, über die ganze Breite */
.w-hero h1,.ab-hero h1{max-width:none}
h1.h1-l{font-size:clamp(1.95rem,3.4vw,3.1rem)!important;line-height:1.08!important}
h1.h1-xl{font-size:clamp(1.75rem,2.8vw,2.55rem)!important;line-height:1.1!important}
h1.h1-l .w-h1b,h1.h1-xl .w-h1b,h1.h1-l .serif,h1.h1-xl .serif{font-size:1em}
.hero-rest{font-size:1.12rem;line-height:1.7;color:var(--ink-2);margin:0 0 1.2em}
.hero-rest-w{padding-block:clamp(28px,3vw,44px) 0}
@media (min-width:901px){
.bp-hero-grid:has(h1.h1-l),.bp-hero-grid:has(h1.h1-xl){grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)}
.us-hero-grid:has(h1.h1-l),.us-hero-grid:has(h1.h1-xl){grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}
.us-hero-copy:has(h1.h1-l),.us-hero-copy:has(h1.h1-xl){max-width:820px}
.pf-hero-grid:has(h1.h1-l),.pf-hero-grid:has(h1.h1-xl){grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr)}
.pf-hero-copy:has(h1.h1-l),.pf-hero-copy:has(h1.h1-xl){max-width:760px}
}
h1.h1-xxl{font-size:clamp(1.55rem,2.2vw,2.05rem)!important;line-height:1.14!important}
h1.h1-l .w-h1a,h1.h1-xl .w-h1a,h1.h1-xxl .w-h1a,h1.h1-l .w-h1b,h1.h1-xl .w-h1b,h1.h1-xxl .w-h1b{display:inline}
/* 20.10. 23:18 Daniela: Blog-Archiv, Blogbeiträge und Ausbildungen mit dunklem Hero (Bild + dunkle Überblendung), Inhalte bleiben */
.dk-hero{position:relative;isolation:isolate;background:#0B1017!important;color:#fff;overflow:hidden}
section.ab-hero.dk-hero{margin:0 16px;border-radius:var(--r-l,32px)}
.dk-hero::before{display:none!important}
.dk-hero .w-aurora{display:none}
.dk-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.dk-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.dk-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,14,.9) 0%,rgba(6,9,14,.8) 50%,rgba(6,9,14,.7) 100%)}
.dk-hero :is(.bl-hero-copy,.ab-hero-copy,.bp-hero-copy,.bp-hero-grid>div:first-child) :is(h1,h1 *):not(.serif){color:#fff!important;-webkit-text-fill-color:#fff}
.dk-hero h1 .serif{background:none!important;-webkit-text-fill-color:#7FD8FF!important;color:#7FD8FF!important}
.dk-hero :is(.bl-hero-copy,.ab-hero-copy,.bp-hero-grid>div:first-child) :is(.lead,p:not([class*="card"])){color:rgba(255,255,255,.86)!important}
.dk-hero .w-crumbs ol,.dk-hero .w-crumbs a,.dk-hero .ab-bc ol,.dk-hero .ab-bc a{color:rgba(255,255,255,.75)!important}
.dk-hero .w-crumbs [aria-current],.dk-hero .ab-bc [aria-current]{color:#fff!important}
.dk-hero :is(.chip.glass,.eyebrow){background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important}
.dk-hero .ab-facts li{color:rgba(255,255,255,.9)}
.dk-hero .ab-fi{background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important}
.dk-hero .w-facts span,.dk-hero .rate small,.dk-hero .bp-meta,.dk-hero .bp-meta *{color:rgba(255,255,255,.75)!important}
.dk-hero .rate b,.dk-hero .bp-author b,.dk-hero .bp-by b{color:#fff!important}
.dk-hero .w-facts b{background:none!important;-webkit-text-fill-color:#7FD8FF;color:#7FD8FF}
.dk-hero .btn-ghost{color:#fff!important;background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important}
.dk-hero .btn-ghost:hover{background:#fff!important;color:var(--ink)!important}
.dk-hero .w-search{background:rgba(255,255,255,.95)}
/* Text unter dem Titel max. 3 Zeilen */
:is(.w-hero,.ab-hero) .lead{font-size:clamp(1rem,1.1vw,1.08rem)!important;line-height:1.6!important;max-width:40em}
.dk-hero .lead{color:rgba(255,255,255,.86)!important}
.dk-hero h1{color:#fff!important}
.dk-hero .w-byline,.dk-hero .w-byline *{color:rgba(255,255,255,.85)!important}
.dk-hero .w-byline b,.dk-hero .w-byline strong{color:#fff!important}
.dk-hero .bp-key,.dk-hero .bl-lc{background:rgba(255,255,255,.96)!important;color:var(--ink)}
.dk-hero .bp-key *,.dk-hero .bl-lc *{-webkit-text-fill-color:initial}
.dk-hero .bp-key p,.dk-hero .bp-key blockquote{color:var(--ink)!important}
.ab-hero h1 .ab-h1b{white-space:normal!important;display:block;font-size:.6em!important;line-height:1.2;margin-top:.25em}
.ab-hero h1 .ab-h1a{display:block}
/* Kundenstimmen als Boxen */
.tq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:1.6em 0}
.tq-grid.tq-one{grid-template-columns:minmax(0,1fr)}
@media (max-width:760px){.tq-grid{grid-template-columns:minmax(0,1fr)}}
.tq-card{display:flex;flex-direction:column;gap:12px;padding:22px 24px;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(15,25,40,.05),0 20px 44px -30px rgba(15,25,40,.4);min-width:0}
.bp-article .tq-card h2.tq-h,.sp-main .tq-card h2.tq-h,.tq-card h2.tq-h{font-size:.98rem!important;line-height:1.35!important;letter-spacing:-.005em;margin:0!important;color:var(--ink);font-weight:600}
.tq-stars{color:#F5B301;letter-spacing:2px;font-size:.95rem;line-height:1}
.tq-q{margin:0;padding:0;border:0}
.tq-q p{margin:0 0 .6em;font-size:.95rem;line-height:1.65;color:var(--ink-2);font-style:normal;font-family:inherit}
.tq-by{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.tq-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--blue-pale);color:var(--blue-ink);font-weight:600}
.tq-by b{display:block;font-size:.92rem;color:var(--ink);font-weight:600}
.tq-by small{display:block;font-size:.8rem;color:var(--muted);line-height:1.35}
/* keine grossen Bilder im Inhalt */
.bp-article .bp-fig,.sp-main .bp-fig{max-width:560px;margin-inline:auto}
.bp-article .bp-fig-img,.sp-main .bp-fig-img{aspect-ratio:auto!important}
.bp-article .bp-fig-img img,.sp-main .bp-fig-img img{width:100%;height:auto!important;max-height:340px;object-fit:contain;background:var(--mist)}
.bp-article img:not(.tq-av img){max-height:420px;width:auto;max-width:100%}
/* Ladezeit: geschlossene Menüs nicht berechnen */
.mega:not(.show){content-visibility:hidden}
.mnav:not(.show){content-visibility:hidden}
.dk-left .dk-bg::after{background:linear-gradient(90deg,rgba(6,9,14,.9) 0%,rgba(6,9,14,.75) 38%,rgba(6,9,14,.25) 68%,rgba(6,9,14,.05) 100%)}
.dk-hero :is(.lg-hero-in,.wi-hero-copy,.kt-hero-copy) :is(h1,h1 *):not(.serif){color:#fff!important}
.dk-hero :is(.lg-meta,.lg-meta *,.wi-by,.wi-by *){color:rgba(255,255,255,.8)!important}
.dk-hero .lg-tabs a:not(.on){color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.dk-hero.sh-hero .sh-tabcard,.dk-hero.sh-hero .sh-buy{position:relative}
.dk-hero .kt-jump a{color:#fff!important;background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important}
.dk-hero .kt-jump a:hover{background:#fff!important;color:var(--ink)!important}
.dk-hero .lg-print,.dk-hero [class*="lg-print"]{color:#fff!important;background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important}
.dk-hero .lg-tabs a{color:#fff!important}
.dk-hero .sh-buy{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.dk-hero .sh-buy *{-webkit-text-fill-color:initial}
.dk-hero .sh-buy :is(h1,h1 *){color:var(--ink)!important}
.dk-hero .sh-buy :is(p,li,small,span){color:inherit}
.dk-hero .sh-buy{color:var(--ink-2)!important}
.dk-hero .sh-buy :is(p,li,.lead,small){color:var(--ink-2)!important}
.dk-hero .sh-buy b{color:var(--ink)}

/* Seitenmenü rechts: Name des Bereichs kurz einblenden */
.ab-dock-links a.peek .ab-dl{opacity:1;translate:0 -50%}
/* Karten im dunklen Hero: durchsichtig → weisse Schrift */
.dk-hero .glass:not(.sh-buy):not(.w-search):not(.chip):not(.btn){background:rgba(10,16,26,.5)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important;backdrop-filter:blur(22px) saturate(140%)!important}
.dk-hero .glass:not(.sh-buy):not(.w-search):not(.chip):not(.btn) :is(b,small,span,p,strong,s,em){color:inherit!important;-webkit-text-fill-color:initial}
.dk-hero .glass:not(.sh-buy):not(.w-search):not(.chip):not(.btn) :is(small,s,p){color:rgba(255,255,255,.8)!important}
/* keine weissen Buttons im dunklen Hero */
:is(.dk-hero,.us-hero,.pf-photo,.lx-photo .lx-hero,.lxe-bg .lxe-hero,.sh-phero) .btn-primary:not(form[action*="/warenkorb/"] *),:is(.dk-hero,.us-hero,.pf-photo,.lx-photo .lx-hero,.lxe-bg .lxe-hero,.sh-phero) .btn-white{background:var(--grad)!important;color:#fff!important;box-shadow:0 14px 34px -16px rgba(16,170,255,.6)!important}
:is(.dk-hero,.us-hero,.pf-photo,.lx-photo .lx-hero,.lxe-bg .lxe-hero,.sh-phero) .btn-primary:not(form[action*="/warenkorb/"] *) .ico,:is(.dk-hero,.us-hero,.pf-photo,.lx-photo .lx-hero,.lxe-bg .lxe-hero,.sh-phero) .btn-white .ico{background:rgba(255,255,255,.22)!important;color:#fff!important}
:is(.dk-hero,.us-hero,.pf-photo,.lx-photo .lx-hero,.lxe-bg .lxe-hero,.sh-phero) .btn-ghost:hover{background:rgba(255,255,255,.22)!important;color:#fff!important}
.dk-hero .lg-tabs{background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important}
.dk-hero .lg-print:hover{background:rgba(255,255,255,.22)!important}

/* Blog-Karten und Kernaussage im dunklen Hero als Glas (unscharf, weisse Schrift) */
.dk-hero .bl-lc,.dk-hero .bp-key{background:rgba(10,16,26,.5)!important;border:1px solid rgba(255,255,255,.22)!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important;backdrop-filter:blur(22px) saturate(140%)!important;color:#fff!important}
.dk-hero .bl-lc *,.dk-hero .bp-key *{color:#fff!important}
.dk-hero .bp-key p,.dk-hero .bp-key blockquote,.dk-hero .bp-key blockquote *{color:rgba(255,255,255,.9)!important}
.dk-hero .bl-lc .w-kicker,.dk-hero .bp-key-k{color:#7FD8FF!important}
.dk-hero .bp-key button,.dk-hero .lxe-cite,.dk-hero [class*="cite"] button{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important}
.dk-hero .wi-a-src,.dk-hero .wi-a a{background:rgba(255,255,255,.14)!important;color:#fff!important}
.dk-hero .bl-lc:not([data-slot="0"]) .bl-lc-txt{opacity:0}
.ab-hero:not(.dk-hero) .dk-bg{display:none}

.pf-pt .pf-fc,.pf-photo .pf-fc{background:rgba(10,16,26,.5)!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important}
/* Foto-Heros: rechts Inhalt → ganze Fläche abdunkeln; Glasboxen dunkel und unscharf */
.us-hero:has(.us-hero-grid>:nth-child(2)) .us-ph::after,.lx-hero:has([class*="-grid"]>:nth-child(2)) .lx-ph::after{background:linear-gradient(90deg,rgba(6,9,14,.86) 0%,rgba(6,9,14,.72) 50%,rgba(6,9,14,.6) 100%)!important}
:is(.us-hero,.lx-photo .lx-hero,.lxe-bg .lxe-hero,.pf-photo) .glass:not(.chip):not(.btn):not(.w-search):not(.lx-search){background:rgba(10,16,26,.5)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important;backdrop-filter:blur(22px) saturate(140%)!important}
/* Impressionen-Galerie */
.ig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.ig-i{display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--mist)}
.ig-i img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.ig-i:hover img{transform:scale(1.03)}
.ig-box{border:0;padding:0;background:transparent;max-width:min(92vw,1400px);max-height:92vh;overflow:visible}
.ig-box::backdrop{background:rgba(6,9,14,.88)}
.ig-box img{display:block;max-width:min(92vw,1400px);max-height:88vh;width:auto;height:auto;border-radius:14px}
.ig-box button{position:absolute;border:0;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.ig-x{top:-56px;right:0}.ig-p{left:-60px;top:50%;translate:0 -50%}.ig-n{right:-60px;top:50%;translate:0 -50%}
@media (max-width:760px){.ig-p{left:6px}.ig-n{right:6px}.ig-x{top:6px;right:6px}}
.fbot2 span a{color:inherit;text-decoration:none!important;border-bottom:0!important}
/* Ortschafts-Tool Kantonsseiten: Buttons mit Abstand (Daniela 21.10. 12:45) */
.lw-tool .btn{margin:6px 10px 6px 0!important;line-height:1.25!important}
.lw-tool td .btn+br+.btn,.lw-tool .btn+br+.btn{margin-top:4px!important}
/* Kantons-Preisübersicht: aktuelle Preise oben (automatisch aus dem Shop, Daniela 21.10. 12:45) */
.kt-prices{margin:0 0 44px;padding:28px;border-radius:24px;background:#fff;border:1px solid #e6eaf0;box-shadow:0 12px 32px rgba(16,24,40,.06)}
.kt-prices-head h2{margin:8px 0 8px;width:100%}
.kt-prices-head p{margin:0 0 20px;color:#5b6472}
.kt-prices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.kt-pc{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:16px;background:#f5f7fa;border:1px solid #edf0f4;color:inherit;text-decoration:none!important;transition:border-color .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1)}
.kt-pc:hover{border-color:#cfd8e3;transform:translateY(-2px)}
.kt-pc:hover .kt-pc-n{color:var(--brand,#2f80ed)}
.kt-pc-k{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#6b7480}
.kt-pc-n{font-size:16px;line-height:1.3;font-weight:600;transition:color .2s}
.kt-pc-p{font-size:21px;font-weight:600;margin-top:8px}
.kt-pc-w{font-size:13px;color:#8a93a0}
.kt-pc-go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;color:var(--brand,#2f80ed)}
.kt-pc-p,.kt-pc-w{white-space:nowrap}
@media (max-width:600px){.kt-prices{padding:20px 14px}.kt-prices-grid{grid-template-columns:1fr;gap:8px}
.kt-pc{display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:2px;align-items:center;padding:13px 15px}
.kt-pc-k{grid-column:1;grid-row:1}.kt-pc-n{grid-column:1;grid-row:2;font-size:15px}
.kt-pc-p{grid-column:2;grid-row:1;margin:0;font-size:18px;text-align:right}.kt-pc-w{grid-column:2;grid-row:2;text-align:right}.kt-pc-go{display:none}}
/* Link «Aktuellen Preis ansehen» auf farbigem Grund lesbar (Daniela 21.10.) */
.bp-promo .bp-offer-pr a,.bp-promo p a:not(.btn),.dk-hero p a:not(.btn){color:#fff!important;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;font-weight:600}
.bp-promo .bp-offer-pr a:hover{opacity:.85}
/* Feste Regel (Daniela 21.10. 13:44): Links auf dunklem oder blauem Grund immer weiss */
.bp-promo a:not(.btn),.dk-hero a:not(.btn),.pf-pt a:not(.btn),.pf-photo a:not(.btn),.sh-dock a:not(.btn),[class*="dark"] p a:not(.btn),.bp-promo-c a:not(.btn){color:#fff!important}