/* stil */
:root{
--mb-gold:#B8902A; --mb-gold-hell:#CBA13D; --mb-gold-dunkel:#856214; --mb-gold-soft:#FBF4E4;
--mb-gruen:#0B2620; --mb-gruen2:#16463B; --mb-cream:#FBF8F1; --mb-bg:#EDE9E0;
--mb-ink:#23201A; --mb-muted:#6B6459; --mb-line:#E5DDCB;
--mb-font:'Helvetica Neue','Helvetica','Helvetica World','Nimbus Sans',Arial,'Liberation Sans',sans-serif;
--serif:var(--mb-font);
--mb-font-marke:'Palatino Linotype','Book Antiqua','Iowan Old Style',Palatino,Georgia,'Times New Roman',serif;
--mb-radius:16px; --mb-radius-btn:12px;
--mb-shadow:0 1px 2px rgba(23,32,27,.05),0 10px 28px -14px rgba(23,32,27,.14);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:auto}
body{font:16px/1.6 var(--mb-font);color:#fff;background:var(--mb-gruen);min-height:100svh}
a{color:inherit}
#bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--mb-gruen)}
#bg video{width:100%;height:100%;object-fit:cover;transition:filter .5s ease}
body[data-view="privat"] #bg video,body[data-view="vormerken"] #bg video{filter:brightness(.30) saturate(.75)}
#scrim{position:fixed;inset:0;z-index:1;pointer-events:none;transition:background .4s ease;
background:
linear-gradient(180deg,rgba(11,38,32,.80) 0%,rgba(11,38,32,.44) 9%,rgba(11,38,32,.12) 20%,rgba(11,38,32,0) 34%,
rgba(11,38,32,.55) 62%,rgba(11,38,32,.93) 88%,rgba(11,38,32,.97) 100%),
linear-gradient(0deg,rgba(11,38,32,.18),rgba(11,38,32,.18));
}
body[data-view="privat"] #scrim,body[data-view="vormerken"] #scrim{
background:linear-gradient(180deg,rgba(11,38,32,.80) 0%,rgba(11,38,32,.62) 34%,rgba(11,38,32,.86) 100%);
}
body[data-view="firma"] #scrim{
background:linear-gradient(180deg,rgba(11,38,32,.72) 0%,rgba(11,38,32,.22) 22%,rgba(11,38,32,.10) 34%,
rgba(11,38,32,.55) 62%,rgba(11,38,32,.93) 96%);
}
.view{position:relative;z-index:2;display:none}
.view.on{display:block}
#hint{position:fixed;z-index:60;left:50%;bottom:14px;transform:translateX(-50%);
background:rgba(11,38,32,.86);border:1px solid rgba(203,161,61,.5);color:#F3EEE2;
border-radius:22px;padding:7px 15px;font-size:11.5px;letter-spacing:.02em;
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}
#hint b{color:var(--mb-gold-hell);font-weight:700}
#hint span{cursor:pointer;margin-left:10px;opacity:.6}
#hint span:hover{opacity:1}
#v-start.on{height:100svh;display:flex;flex-direction:column}
.wrap{flex:1;display:flex;flex-direction:column;width:100%;max-width:1120px;margin:0 auto;padding:26px 24px}
.brand{display:flex;align-items:center;gap:13px;flex:none;text-decoration:none;cursor:pointer;
text-shadow:0 1px 14px rgba(11,38,32,.85),0 0 3px rgba(11,38,32,.55)}
.brand .wm{font-family:var(--serif);font-size:21px;font-weight:700;color:#fff;display:block;letter-spacing:-.01em}
.brand .wm span{color:var(--mb-gold-hell)}
.brand .claim{font-family:var(--serif);font-size:12.5px;font-weight:600;color:var(--mb-gold-hell)}
.choice{margin-top:auto;text-align:center;padding-bottom:34px}
.cta{font-family:var(--serif);font-weight:700;color:#fff;font-size:clamp(26px,4.4vw,48px);
line-height:1.1;letter-spacing:-.015em;text-shadow:0 2px 24px rgba(11,38,32,.55)}
.buttons{display:flex;gap:14px;justify-content:center;margin-top:clamp(20px,3vw,30px);flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;
border:none;border-radius:var(--mb-radius-btn);padding:17px 34px;font-family:var(--mb-font);
font-weight:600;font-size:clamp(16px,1.7vw,18.5px);min-width:min(280px,80vw);
transition:transform .16s ease;box-shadow:0 14px 34px -16px rgba(0,0,0,.85)}
.btn:hover{transform:translateY(-2px)}
.btn-firma{background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));color:#0B2620}
.btn-privat{background:var(--mb-cream);color:var(--mb-gruen)}
.legal{text-align:center;font-size:11px;line-height:1.6;color:rgba(243,238,226,.5);padding:0 24px 46px}
.nav{position:sticky;top:0;z-index:40}
.nav-in{max-width:1140px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;gap:18px}
.nav .logo{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;flex:none}
.nav .logo b{font-family:var(--serif);font-size:18px;font-weight:700}
.nav ul{list-style:none;display:flex;gap:4px;margin-left:6px}
.nav ul a{display:block;padding:9px 13px;border-radius:11px;text-decoration:none;font-size:15px;font-weight:600}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:8px}
.kipp{position:relative;display:grid;grid-template-columns:1fr 1fr;
align-items:stretch;padding:3px;border-radius:20px;
border:2px solid var(--mb-gold);background:rgba(255,255,255,.72);
box-shadow:0 1px 3px rgba(11,38,32,.10)}
.kipp-schlitten{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;
width:calc(50% - 3px);border-radius:17px;
background:linear-gradient(160deg,var(--mb-gold-hell),var(--mb-gold-dunkel));
box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 4px 12px -6px rgba(140,102,20,.9);
transition:transform .22s cubic-bezier(.3,.9,.3,1)}
.kipp-b{position:relative;z-index:1;border:none;background:none;cursor:pointer;
font-family:var(--mb-font);font-size:13px;font-weight:600;white-space:nowrap;
padding:5px 13px;border-radius:17px;color:var(--mb-muted);
transition:color .22s ease}
.kipp-b:first-child{color:#fff}
.kipp-b:hover{color:var(--mb-gruen)}
.kipp-b:first-child:hover{color:#fff}
.view.b2c .kipp{border-color:rgba(203,161,61,.75);background:rgba(243,238,226,.10)}
.view.b2c .kipp-schlitten{transform:translateX(100%)}
.view.b2c .kipp-b{color:rgba(243,238,226,.72)}
.view.b2c .kipp-b:first-of-type{color:rgba(243,238,226,.72)}
.view.b2c .kipp-b:last-of-type{color:#fff}
.view.b2c .kipp-b:hover{color:#fff}
.login{display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;
background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));color:#fff;
border-radius:11px;padding:10px 17px;font-weight:600;font-size:15px}
.login .vs{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
background:rgba(255,255,255,.22);border-radius:20px;padding:2px 7px}
.view.b2c .nav{border-top:4px solid var(--mb-gold);background:rgba(11,38,32,.55);
backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(243,238,226,.14)}
.view.b2c .nav .logo b{color:#fff} .view.b2c .nav .logo b span{color:var(--mb-gold-hell)}
.hero{position:relative;min-height:calc(100svh - 60px);display:flex;align-items:flex-end}
.hero-in{max-width:1140px;margin:0 auto;width:100%;padding:0 22px 56px}
.kicker{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mb-gold-hell)}
.hero h1{font-family:var(--serif);font-weight:700;color:#fff;margin-top:12px;
font-size:clamp(30px,5vw,54px);line-height:1.08;letter-spacing:-.015em;max-width:16ch;
text-shadow:0 2px 24px rgba(11,38,32,.5)}
.hero p.sub{margin-top:14px;color:#DCD5C6;font-size:clamp(15px,1.7vw,18.5px);max-width:56ch}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn-s{display:inline-flex;align-items:center;gap:9px;text-decoration:none;cursor:pointer;border-radius:11px;
padding:14px 22px;font-weight:600;font-size:16px;border:none;font-family:var(--mb-font)}
.btn-gold{background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));color:#0B2620}
.btn-ghost{background:rgba(251,248,241,.14);color:#fff;border:1.5px solid rgba(251,248,241,.45)}
.next{background:var(--mb-bg);color:var(--mb-ink)}
.next-in{max-width:1140px;margin:0 auto;padding:44px 22px 56px}
.secbar{background:linear-gradient(90deg,var(--mb-gruen),#123B31);color:#fff;font:700 14px var(--mb-font);
border-radius:10px;padding:9px 15px;letter-spacing:.3px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.card{background:var(--mb-cream);border:1px solid var(--mb-line);border-left:4px solid var(--mb-gold);
border-radius:var(--mb-radius);box-shadow:var(--mb-shadow);padding:18px 20px;text-decoration:none;display:block;cursor:pointer}
.card h3{font-family:var(--serif);font-size:19px;color:var(--mb-gruen);font-weight:700}
.card p{margin-top:7px;font-size:14px;color:var(--mb-muted);line-height:1.55}
.card .more{margin-top:11px;font-size:14px;font-weight:600;color:var(--mb-gold-dunkel);display:block}
.foot-dark{background:var(--mb-gruen);color:rgba(243,238,226,.72);font-size:12.5px;line-height:1.75}
.foot-in{max-width:1140px;margin:0 auto;padding:26px 22px}
.ai-hinweis{display:inline-block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
color:rgba(243,238,226,.5);margin-bottom:8px}
.view.b2c main{max-width:1140px;margin:0 auto;width:100%;padding:clamp(32px,6vw,72px) 22px 40px}
.pk{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mb-gold-hell);text-align:center}
.view.b2c h1{font-family:var(--serif);font-weight:700;text-align:center;color:#fff;margin-top:12px;
font-size:clamp(26px,4.2vw,46px);line-height:1.12;letter-spacing:-.015em}
.view.b2c h1 em{font-style:normal;color:var(--mb-gold-hell)}
.lead{text-align:center;margin:14px auto 0;max-width:56ch;color:#DCD5C6;font-size:clamp(15px,1.7vw,18px)}
.count{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.6vw,18px);
margin:clamp(28px,5vw,52px) auto 0;max-width:960px}
.unit{background:rgba(251,248,241,.07);border:1px solid rgba(243,238,226,.16);border-radius:var(--mb-radius);
padding:clamp(12px,2vw,22px) 6px clamp(10px,1.6vw,16px);text-align:center}
.unit .n{font-family:var(--serif);font-weight:700;color:#fff;line-height:1;display:block;
font-size:clamp(42px,11vw,158px);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.unit:first-child .n{color:var(--mb-gold-hell)}
.unit .l{margin-top:10px;font-size:clamp(10px,1.15vw,13px);font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:rgba(243,238,226,.66)}
.startline{text-align:center;margin-top:18px;font-size:15px;color:rgba(243,238,226,.8)}
.startline b{color:var(--mb-gold-hell);font-weight:700}
.kommt{margin:clamp(28px,5vw,52px) auto 0;max-width:960px;
background:rgba(251,248,241,.07);border:1px solid rgba(243,238,226,.16);
border-radius:var(--mb-radius);padding:clamp(30px,6vw,72px) 22px}
.kommt-wort{font-family:var(--serif);font-weight:700;color:#fff;text-align:center;
line-height:1;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;
font-size:clamp(26px,8.5vw,104px)}
.kommt-wort .kommt-gold{color:var(--mb-gold-hell)}
.kommt-note{margin-top:clamp(14px,2.2vw,26px);text-align:center;
font-size:clamp(10px,1.15vw,13px);font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:rgba(243,238,226,.66)}
.kommt-cta{margin-top:clamp(22px,3.4vw,34px);text-align:center}
.kommt-cta-note{margin-top:11px;font-size:13.5px;color:rgba(243,238,226,.66)}
.vm{max-width:520px;margin:clamp(26px,4vw,40px) auto 0;
background:rgba(251,248,241,.07);border:1px solid rgba(243,238,226,.16);
border-radius:var(--mb-radius);padding:clamp(20px,3.2vw,30px)}
.vm-paar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){ .vm-paar{grid-template-columns:1fr} }
.vm-feld{display:block;margin-top:13px}
.vm-paar .vm-feld{margin-top:0}
.vm-feld > span{display:block;margin-bottom:6px;font-size:11.5px;font-weight:700;
letter-spacing:.09em;text-transform:uppercase;color:rgba(243,238,226,.72)}
.vm-feld input{width:100%;border:1px solid rgba(243,238,226,.24);border-radius:11px;
background:rgba(255,255,255,.08);color:#F3EEE2;font:15px var(--mb-font);
padding:12px 13px}
.vm-feld input:focus{outline:none;border-color:var(--mb-gold);
background:rgba(255,255,255,.14);box-shadow:0 0 0 3px rgba(203,161,61,.20)}
.vm-feld input:-webkit-autofill{-webkit-text-fill-color:#F3EEE2;
-webkit-box-shadow:0 0 0 1000px #17362E inset;caret-color:#F3EEE2}
.vm-ok{display:flex;gap:10px;align-items:flex-start;margin-top:18px;
font-size:13px;line-height:1.55;color:rgba(243,238,226,.72);cursor:pointer}
.vm-ok input{flex:none;width:18px;height:18px;margin-top:1px;accent-color:var(--mb-gold)}
.vm-fehler{margin-top:13px;padding:9px 12px;border-radius:10px;
background:rgba(176,58,46,.22);border:1px solid rgba(233,138,128,.45);
font-size:13.5px;line-height:1.5;color:#FBDAD5}
.vm-los{width:100%;justify-content:center;margin-top:16px}
.vm-fein{margin-top:13px;font-size:11.5px;line-height:1.55;color:rgba(243,238,226,.5)}
.vm-fein a{color:rgba(243,238,226,.75);text-decoration:underline;cursor:pointer}
.vm-fein a:hover{color:var(--mb-gold-hell)}
.vm-zurueck{padding:9px 16px;font-size:14px}
.vm-fertig{max-width:520px;margin:clamp(26px,4vw,40px) auto 0;text-align:center;
background:rgba(251,248,241,.07);border:1px solid rgba(243,238,226,.16);
border-radius:var(--mb-radius);padding:clamp(28px,4.4vw,44px) clamp(20px,3.2vw,30px)}
.vm-zeichen{font-size:34px;line-height:1;color:var(--mb-gold-hell)}
.vm-fertig h2{font-family:var(--serif);font-weight:700;color:#fff;margin-top:14px;
font-size:clamp(24px,3.2vw,34px);letter-spacing:-.015em}
.vm-fertig .lead{margin-top:10px}
.vm-fertig .btn-s{margin-top:22px}
.vorteile{margin-top:clamp(44px,7vw,84px)}
.vorteile h2{font-family:var(--serif);font-size:clamp(20px,2.6vw,28px);color:#fff;text-align:center;font-weight:700}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.v{background:rgba(251,248,241,.95);border:1px solid rgba(229,221,203,.85);border-left:4px solid var(--mb-gold);
border-radius:var(--mb-radius);padding:20px;color:#23201A}
.v .ico{font-size:26px;line-height:1}
.v h3{font-family:var(--serif);font-size:19px;color:var(--mb-gruen);font-weight:700;margin-top:12px;line-height:1.2}
.v p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--mb-muted)}
.v .badge{display:inline-block;margin-top:11px;font-size:10px;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;background:var(--mb-gruen);color:var(--mb-gold-hell);padding:3px 9px;border-radius:20px}
.foot-priv{background:rgba(11,38,32,.72);border-top:1px solid rgba(243,238,226,.14);
color:rgba(243,238,226,.6);font-size:12px;line-height:1.7;margin-top:40px}
@media (max-width:860px){ .nav ul,.kipp{display:none} .grid3{grid-template-columns:1fr} .grid4{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .btn{width:100%;min-width:0;padding:16px 24px} }
@media (max-width:560px){ .count{grid-template-columns:1fr 1fr} .grid4{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ #bg video{display:none} }
#v-firma .nav ul a[data-go="firma"],
#v-unternehmensbenefit .nav ul a[data-go="unternehmensbenefit"],
#v-mitarbeiterbenefit .nav ul a[data-go="mitarbeiterbenefit"]{
color:var(--mb-gold-hell);background:rgba(11,38,32,.55);
box-shadow:inset 0 -2px 0 var(--mb-gold)}
body[data-view="unternehmensbenefit"] #scrim,body[data-view="mitarbeiterbenefit"] #scrim{
background:linear-gradient(180deg,rgba(11,38,32,.72) 0%,rgba(11,38,32,.30) 24%,rgba(11,38,32,.34) 40%,
rgba(11,38,32,.72) 70%,rgba(11,38,32,.96) 100%);
}
.crumbs{font-size:12px;color:rgba(243,238,226,.6);margin-bottom:14px}
.crumbs a{color:rgba(243,238,226,.85);text-decoration:none;cursor:pointer}
.crumbs a:hover{color:var(--mb-gold-hell)}
.hero-duo{display:grid;grid-template-columns:1.06fr .94fr;gap:44px;align-items:center}
.hero-duo h1{max-width:none}
.hero.kurz{min-height:auto}
.hero.kurz .hero-in{padding:clamp(72px,10vw,120px) 22px clamp(56px,7vw,84px)}
.hero.mitte .hero-in{max-width:860px;text-align:center}
.hero.mitte h1{margin-left:auto;margin-right:auto}
.hero.mitte p.sub{margin-left:auto;margin-right:auto}
.seite{background:var(--mb-bg);color:var(--mb-ink)}
.seite .sec{max-width:1140px;margin:0 auto;padding:44px 22px 8px}
.seite .sec:last-child{padding-bottom:56px}
.seite h2.title{font-family:var(--serif);font-weight:700;color:var(--mb-gruen);
font-size:clamp(23px,3vw,32px);line-height:1.15;letter-spacing:-.015em;margin-top:16px}
.seite h3.sub{font-family:var(--serif);font-weight:700;color:var(--mb-gruen);font-size:20px;margin:34px 0 0}
.seite p.lead{color:var(--mb-muted);font-size:16px;line-height:1.6;margin-top:10px;max-width:70ch}
.seite .mitte{text-align:center}
.seite .mitte p.lead{margin-left:auto;margin-right:auto}
.seite .kicker{color:var(--mb-gold-dunkel)}
.seite p.hinweis{margin-top:20px;color:var(--mb-muted);font-size:14px;text-align:center}
.notes{max-width:900px;margin:30px auto 0;font-size:11px;line-height:1.6;color:var(--mb-muted)}
.kreislauf{display:grid;grid-template-columns:1fr 104px 1fr;grid-template-rows:auto 104px auto;
gap:12px;margin-top:22px;align-items:stretch}
.kstation{background:var(--mb-cream);border:1px solid var(--mb-line);border-left:4px solid var(--mb-gold);
border-radius:var(--mb-radius);box-shadow:var(--mb-shadow);padding:20px 22px;
display:flex;align-items:center;gap:14px;transition:transform .18s ease}
.kstation:hover{transform:translateY(-3px)}
.kstation p{color:var(--mb-gruen);font-size:15px;line-height:1.45;font-weight:600}
.kstation.k1{grid-area:1/1/2/2} .kstation.k2{grid-area:1/3/2/4}
.kstation.k3{grid-area:3/3/4/4} .kstation.k4{grid-area:3/1/4/2}
.knr{flex:none;width:26px;height:26px;border-radius:50%;background:var(--mb-gruen);
color:var(--mb-gold-hell);display:flex;align-items:center;justify-content:center;
font-size:12.5px;font-weight:700}
.kpfeil{display:flex;align-items:center;justify-content:center;color:var(--mb-gold-dunkel);opacity:.6}
.kpfeil svg{width:40px;height:12px}
.kpfeil.kp1{grid-area:1/2/2/3} .kpfeil.kp2{grid-area:2/3/3/4;transform:rotate(90deg)}
.kpfeil.kp3{grid-area:3/2/4/3;transform:rotate(180deg)} .kpfeil.kp4{grid-area:2/1/3/2;transform:rotate(270deg)}
.kreisnabe{grid-area:2/2/3/3;display:flex;align-items:center;justify-content:center}
.kreisnabe:before{content:"";width:70px;height:70px;border-radius:50%;
border:1.5px dashed rgba(184,144,42,.55);background:rgba(184,144,42,.07)}
.kreisnabe span{display:none}
ul.check{list-style:none;margin-top:14px}
ul.check li{position:relative;padding:10px 0 10px 30px;font-size:15px;line-height:1.55;
color:var(--mb-ink);border-bottom:1px solid var(--mb-line)}
ul.check li:before{content:"✓";position:absolute;left:0;top:10px;color:var(--mb-gold-dunkel);font-weight:700}
ul.check li:last-child{border-bottom:none}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px 40px}
.nutzenliste{max-width:820px;margin:6px auto 0}
.bausteine{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.bausteine.zwei{grid-template-columns:repeat(2,1fr)}
.bcard{position:relative;background:var(--mb-cream);border:1px solid var(--mb-line);
border-left:4px solid var(--mb-gold);border-radius:var(--mb-radius);box-shadow:var(--mb-shadow);
padding:20px;display:flex;flex-direction:column;transition:transform .18s ease}
.bcard:hover{transform:translateY(-3px)}
.bcard .gico{font-size:26px;line-height:1;margin-bottom:10px}
.bcard .pick{position:absolute;right:16px;top:16px;color:var(--mb-gold-dunkel);font-weight:700}
.bcard h4{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--mb-gruen);
line-height:1.2;padding-right:26px}
.bcard p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--mb-muted);flex:1}
.bcard .rahmen{margin-top:14px;padding-top:12px;border-top:1px solid var(--mb-line);
color:var(--mb-gruen);font-weight:700;font-size:13.5px}
.bcard .rahmen small{display:block;margin-top:3px;font-weight:400;font-size:11.5px;color:var(--mb-muted)}
.pbadge{display:inline-block;align-self:flex-start;margin-bottom:9px;font-size:10px;font-weight:700;
letter-spacing:.08em;text-transform:uppercase;background:var(--mb-gruen);color:var(--mb-gold-hell);
padding:3px 9px;border-radius:20px}
.pbadge.klein{font-size:9.5px;padding:2px 7px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;counter-reset:schritt}
.step{counter-increment:schritt;background:var(--mb-cream);border:1px solid var(--mb-line);
border-top:4px solid var(--mb-gold);border-radius:0 0 var(--mb-radius) var(--mb-radius);
box-shadow:var(--mb-shadow);padding:20px;transition:transform .18s ease}
.step:hover{transform:translateY(-3px)}
.step:before{content:counter(schritt,decimal-leading-zero);font-family:var(--serif);font-weight:700;
font-size:30px;line-height:1;color:var(--mb-gold);display:block}
.step h3{font-family:var(--serif);font-size:16.5px;font-weight:700;color:var(--mb-gruen);margin-top:10px;line-height:1.25}
.abschlusszeile{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
margin-top:30px;background:var(--mb-cream);border:1px solid var(--mb-line);
border-radius:var(--mb-radius);box-shadow:var(--mb-shadow);padding:20px 22px}
.abschlusszeile p{flex:1;min-width:250px;font-size:15px;color:var(--mb-ink)}
.ctaband{margin-top:34px;background:linear-gradient(115deg,var(--mb-gruen) 0%,var(--mb-gruen2) 60%,#1F5748);
border:1px solid var(--mb-gold);border-radius:var(--mb-radius);padding:30px 32px;
display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
box-shadow:0 18px 44px -20px rgba(11,38,32,.6)}
.ctaband h3{font-family:var(--serif);font-size:clamp(19px,2.4vw,25px);font-weight:700;color:#fff}
.ctaband p{margin-top:7px;color:#DCD5C6;font-size:14.5px;line-height:1.6;max-width:56ch}
.ctaband .btn-s{flex:none}
.kreise{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:26px}
.kreis{text-align:center}
.kreis-rund{width:126px;height:126px;margin:0 auto 18px;border-radius:50%;background:var(--mb-gold-soft);
border:1.5px solid var(--mb-gold);display:flex;align-items:center;justify-content:center;
box-shadow:var(--mb-shadow)}
.kreis-rund span{font-size:40px;line-height:1;color:var(--mb-gold-dunkel)}
.kreis h3{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--mb-gruen)}
.kreis p{margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--mb-muted);max-width:300px;margin-left:auto;margin-right:auto}
.bonuskarte{display:flex;gap:26px;align-items:center;max-width:860px;margin:44px auto 0;
background:linear-gradient(115deg,var(--mb-gruen) 0%,var(--mb-gruen2) 70%);
border:1px solid var(--mb-gold);border-radius:var(--mb-radius);padding:26px 30px;
box-shadow:0 18px 44px -20px rgba(11,38,32,.6)}
.bonus-emblem{flex:none;width:84px;height:84px;border-radius:50%;
background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));
display:flex;align-items:center;justify-content:center}
.bonus-emblem span{font-size:36px;line-height:1;color:var(--mb-gruen)}
.bonuskarte h3{font-family:var(--serif);font-size:20px;font-weight:700;color:#fff;margin:9px 0 7px}
.bonuskarte p{color:#DCD5C6;font-size:14.5px;line-height:1.6}
.anmelde{background:var(--mb-cream);border:1px solid var(--mb-gold);border-radius:18px;
padding:24px 24px 20px;color:var(--mb-ink);box-shadow:0 24px 56px -24px rgba(0,0,0,.7)}
.anmelde .atag{display:inline-block;font-size:10.5px;letter-spacing:.16em;font-weight:700;
text-transform:uppercase;color:var(--mb-gold-dunkel);background:var(--mb-gold-soft);
border:1px solid var(--mb-gold);border-radius:12px;padding:4px 11px}
.anmelde h2{font-family:var(--serif);font-weight:700;color:var(--mb-gruen);font-size:23px;line-height:1.2;margin:13px 0 6px}
.anmelde p.ahint{color:var(--mb-muted);font-size:14px;line-height:1.55}
.urlfeld{display:flex;align-items:stretch;margin-top:16px;border:1.5px solid #C9BEA0;
border-radius:11px;background:#fff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}
.urlfeld:focus-within{border-color:var(--mb-gold);box-shadow:0 0 0 3px rgba(184,144,42,.18)}
.urlfeld.fehler{border-color:#b23;box-shadow:0 0 0 3px rgba(178,51,51,.14)}
.urlfeld .pre{display:flex;align-items:center;padding:0 4px 0 14px;color:#8E8574;font-size:14px;user-select:none}
.urlfeld input{flex:1;min-width:0;border:none;outline:none;background:transparent;
padding:14px 12px 14px 2px;font-family:var(--mb-font);font-weight:600;font-size:16px;color:var(--mb-gruen)}
.urlfeld input::placeholder{color:#B4AC9C;font-style:italic}
.anmelde .arow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.anmelde .amini{font-size:12.5px;color:var(--mb-muted)}
.anmelde .amini button{background:none;border:none;padding:0;font:inherit;color:var(--mb-gold-dunkel);
font-weight:700;cursor:pointer;text-decoration:underline}
.anmelde .afine{margin-top:14px;padding-top:13px;border-top:1px solid var(--mb-line);
font-size:11.5px;color:var(--mb-muted);line-height:1.55}
.btn-line{background:transparent;color:var(--mb-gruen2);border:1.5px solid var(--mb-gruen2)}
.btn-line:hover{border-color:var(--mb-gold-dunkel);color:var(--mb-gold-dunkel)}
.fenster{border:none;padding:0;background:transparent;max-width:min(940px,94vw);width:100%;margin:auto}
.fenster::backdrop{background:rgba(11,38,32,.66);backdrop-filter:blur(3px)}
.fenster .fin{background:var(--mb-bg);border:1px solid var(--mb-gold);border-radius:20px;
overflow:hidden;overflow-y:auto;max-height:90vh;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.fkopf{background:var(--mb-gruen);color:#EDE9E0;padding:15px 22px;display:flex;align-items:center;
justify-content:space-between;gap:16px;position:sticky;top:0;z-index:2}
.fkopf .fk-t{font-family:var(--serif);font-weight:700;font-size:15px;letter-spacing:.05em;color:var(--mb-gold-hell)}
.fkopf .fk-t small{display:block;font-family:var(--mb-font);font-weight:400;letter-spacing:0;
font-size:12px;color:rgba(243,238,226,.6);margin-top:3px}
.fzu{background:none;border:1px solid rgba(184,144,42,.5);color:var(--mb-gold-hell);border-radius:8px;
width:34px;height:34px;font-size:17px;line-height:1;cursor:pointer;flex:none}
.fzu:hover{background:rgba(184,144,42,.14)}
.fkorpus{padding:26px 26px 28px}
.fstufe{display:none}
.fstufe.da{display:block;animation:fein .35s ease both}
@keyframes fein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.scan{max-width:520px;margin:0 auto}
.scan .szeile{display:flex;align-items:center;gap:13px;padding:11px 14px;border:1px solid var(--mb-line);
border-radius:12px;background:#fff;margin-bottom:9px;animation:fein .3s ease both}
.scan .szeile .sh{width:30px;height:30px;flex:none;border-radius:9px;background:var(--mb-gold-soft);
border:1px solid var(--mb-line);display:flex;align-items:center;justify-content:center;
color:var(--mb-gold-dunkel);font-size:15px}
.scan .szeile .st{flex:1;min-width:0}
.scan .szeile .st b{display:block;font-size:14px;color:var(--mb-gruen);font-weight:700}
.scan .szeile .st span{display:block;font-size:12.5px;color:var(--mb-muted)}
.scan .laufen{display:flex;align-items:center;gap:11px;justify-content:center;color:var(--mb-muted);
font-size:13.5px;padding:12px 0}
.punkte{display:inline-flex;gap:5px}
.punkte i{width:6px;height:6px;border-radius:50%;background:var(--mb-gold);animation:hupf 1s infinite ease-in-out}
.punkte i:nth-child(2){animation-delay:.16s}
.punkte i:nth-child(3){animation-delay:.32s}
@keyframes hupf{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}
.vorschau{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start}
.vkarte{background:#fff;border:1px solid var(--mb-line);border-radius:var(--mb-radius);
overflow:hidden;box-shadow:0 16px 40px -18px rgba(35,32,26,.5)}
.vk-bild{height:78px;background:linear-gradient(120deg,var(--mb-gruen2),var(--mb-gruen));position:relative}
.vk-logo{position:absolute;left:16px;bottom:-22px;width:52px;height:52px;border-radius:14px;background:#fff;
border:1px solid var(--mb-line);box-shadow:0 6px 18px -6px rgba(35,32,26,.5);display:flex;
align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:21px;color:var(--mb-gold-dunkel)}
.vk-body{padding:32px 16px 16px}
.vk-name{font-family:var(--serif);font-weight:700;font-size:18.5px;color:var(--mb-gruen);line-height:1.2}
.vk-meta{font-size:12.5px;color:var(--mb-muted);margin-top:5px;display:flex;gap:7px;flex-wrap:wrap}
.vk-meta span:after{content:"·";margin-left:7px;opacity:.5}
.vk-meta span:last-child:after{content:""}
.vk-vorteil{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--mb-gold-soft);
border:1px solid var(--mb-gold);display:flex;align-items:center;gap:11px;min-height:56px}
.vk-vorteil .stern{font-size:17px;flex:none;color:var(--mb-gold-dunkel)}
.vk-vorteil b{font-size:14.5px;font-weight:700;color:var(--mb-gold-dunkel);line-height:1.25}
.vk-fuss{border-top:1px solid var(--mb-line);padding:10px 16px;font-size:11.5px;color:var(--mb-muted);
display:flex;justify-content:space-between;gap:8px}
.vk-hinweis{font-size:11.5px;color:var(--mb-muted);text-align:center;margin-top:11px;line-height:1.5}
.entwurf{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;padding:2px 7px;
border-radius:5px;background:var(--mb-cream);color:var(--mb-muted);border:1px solid var(--mb-line);
vertical-align:2px;margin-left:6px;text-transform:uppercase}
.platz h3{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--mb-gruen)}
.platz p.pl{color:var(--mb-muted);font-size:14px;margin-top:6px;line-height:1.55}
.platz .paar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.pbox{border:1px solid var(--mb-line);border-radius:13px;padding:16px 16px 14px;background:#fff}
.pbox.gold{background:var(--mb-gold-soft);border-color:var(--mb-gold)}
.pbox .pk{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--mb-gold-dunkel)}
.pbox .pv{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--mb-gruen);margin-top:6px;line-height:1.25}
.pbox .ps{font-size:12.5px;color:var(--mb-muted);margin-top:5px;line-height:1.5}
.fs-titel{font-family:var(--serif);font-weight:700;color:var(--mb-gruen);font-size:22px}
.fs-lead{color:var(--mb-muted);font-size:14.5px;margin-top:6px;max-width:60ch;line-height:1.55}
.feldgruppe{border:1px solid var(--mb-line);border-radius:14px;padding:8px 20px 20px;margin-top:20px;background:#fff}
.feldgruppe legend{display:flex;align-items:center;gap:10px;padding:0 8px;font-size:14px;font-weight:700;color:var(--mb-gruen)}
.gtag{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:11px}
.gtag.oeff{background:var(--mb-gold-soft);color:var(--mb-gold-dunkel);border:1px solid var(--mb-gold)}
.gtag.int{background:#EEF3F0;color:#2C5C49;border:1px solid #C4DACE}
.ghint{font-size:12.5px;color:var(--mb-muted);margin-top:8px}
.fform{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:16px}
.fform .full{grid-column:1/-1}
.fform label{font-size:12.5px;color:var(--mb-gruen2);display:block;margin-bottom:5px;font-weight:700;letter-spacing:.03em}
.fform input,.fform select{width:100%;padding:11px 13px;border:1px solid #C9BEA0;border-radius:9px;
background:#fff;color:var(--mb-gruen);font-weight:600;font-size:14px;font-family:inherit}
.fform input:focus,.fform select:focus{outline:none;border-color:var(--mb-gold);box-shadow:0 0 0 3px rgba(184,144,42,.18)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:11.5px;color:var(--mb-muted);line-height:1.55}
.consent input{margin-top:3px;accent-color:var(--mb-gold-dunkel);width:auto}
.req{color:#b23}
.fehler{margin-top:14px;background:#FDF1F1;border:1px solid #E7C3C3;color:#8E2F2F;
border-radius:10px;padding:11px 14px;font-size:13.5px}
.fertig{text-align:center;padding:14px 0 4px}
.siegel{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;background:var(--mb-gold-soft);
border:2px solid var(--mb-gold);display:flex;align-items:center;justify-content:center;
font-size:32px;color:var(--mb-gold-dunkel);animation:siegelAuf .7s cubic-bezier(.2,1.5,.4,1) both}
@keyframes siegelAuf{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.naechst{display:grid;gap:11px;margin:22px auto 0;max-width:460px;text-align:left}
.naechst .z{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--mb-muted);line-height:1.55}
.naechst .n{flex:none;width:23px;height:23px;border-radius:50%;background:var(--mb-gold-soft);
border:1px solid var(--mb-gold);color:var(--mb-gold-dunkel);display:flex;align-items:center;
justify-content:center;font-size:12px;font-weight:700}
@media (max-width:980px){
.hero-duo{grid-template-columns:1fr;gap:32px}
.vorschau{grid-template-columns:1fr}
.bausteine{grid-template-columns:1fr 1fr}
.steps{grid-template-columns:1fr 1fr}
.kreise{grid-template-columns:1fr;gap:34px}
}
@media (max-width:860px){
.view.b2b .nav-in{flex-wrap:wrap;gap:10px}
.view.b2b .nav ul{
display:flex;order:3;flex:1 0 100%;margin:2px 0 0;gap:6px;
overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.view.b2b .nav ul::-webkit-scrollbar{display:none}
.view.b2b .nav ul li{flex:none}
.view.b2b .nav ul a{white-space:nowrap;font-size:14px;padding:7px 11px}
.kreislauf{grid-template-columns:1fr;grid-template-rows:none;gap:10px}
.kreislauf .kstation{grid-area:auto !important}
.kpfeil{grid-area:auto !important;transform:rotate(90deg) !important;height:26px}
.kreisnabe{display:none}
.split{grid-template-columns:1fr;gap:0}
}
@media (max-width:640px){
.bausteine,.bausteine.zwei,.steps{grid-template-columns:1fr}
.platz .paar{grid-template-columns:1fr}
.fform{grid-template-columns:1fr}
.bonuskarte{flex-direction:column;text-align:center}
.fkorpus{padding:20px 18px 24px}
}
@media (prefers-reduced-motion:reduce){
.fstufe.da,.scan .szeile,.siegel,.punkte i{animation:none}
}
.view.b2b .nav{border-top:4px solid var(--mb-gold);background:rgba(11,38,32,.55);
backdrop-filter:blur(10px) brightness(.45);
-webkit-backdrop-filter:blur(10px) brightness(.45);
border-bottom:1px solid rgba(243,238,226,.14)}
@supports not ((backdrop-filter:brightness(.45)) or (-webkit-backdrop-filter:brightness(.45))){
.view.b2b .nav{background:rgba(11,38,32,.88)}
}
.view.b2b .nav .logo b{color:#fff}
.view.b2b .nav .logo b span{color:var(--mb-gold-hell)}
.view.b2b .nav ul a{color:rgba(243,238,226,.85)}
.view.b2b .nav ul a:hover{background:rgba(243,238,226,.10);color:#fff}
.view.b2b .kipp{border-color:rgba(203,161,61,.75);background:rgba(243,238,226,.10)}
.view.b2b .kipp-b{color:rgba(243,238,226,.72)}
.view.b2b .kipp-b:first-of-type{color:#fff}
.view.b2b .kipp-b:hover,.view.b2b .kipp-b:first-of-type:hover{color:#fff}
body:not([data-view="start"]):not([data-view="privat"]):not([data-view="vormerken"]):not([data-view="firma"]) #scrim{
background:linear-gradient(180deg,rgba(11,38,32,.72) 0%,rgba(11,38,32,.30) 24%,rgba(11,38,32,.34) 40%,
rgba(11,38,32,.72) 70%,rgba(11,38,32,.96) 100%);
}
.bcard.klickbar{cursor:pointer}
.bcard.klickbar:after{content:"Ansehen \2192";display:block;margin-top:12px;font-size:13.5px;
font-weight:600;color:var(--mb-gold-dunkel)}
.foot-cols.zwei{grid-template-columns:1.5fr 1fr 1fr}
.foot-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;
padding-bottom:26px;border-bottom:1px solid rgba(243,238,226,.14)}
.foot-cols.vier{grid-template-columns:1.3fr 1fr 1.25fr .95fr}
@media (min-width:641px) and (max-width:860px){
.grid3--sechs{grid-template-columns:1fr 1fr}
}
.fbrand{font-family:var(--serif);font-weight:700;font-size:19px;color:#fff;display:block}
.fbrand span{color:var(--mb-gold-hell)}
.fbrand small{display:block;font-family:var(--mb-font);font-weight:400;font-size:11px;
letter-spacing:.12em;text-transform:uppercase;color:rgba(243,238,226,.5);margin-top:6px}
.fdesc{margin-top:12px;font-size:12.5px;line-height:1.65;color:rgba(243,238,226,.62);max-width:34ch}
.foot-cols h4{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--mb-gold-hell);
margin-bottom:11px;letter-spacing:.01em}
.foot-cols a{display:block;padding:5px 0;font-size:13px;color:rgba(243,238,226,.75);
text-decoration:none;cursor:pointer;transition:color .15s ease}
.foot-cols a:hover{color:var(--mb-gold-hell)}
.navbadge{display:inline-block;margin-left:6px;font-size:9.5px;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;background:rgba(184,144,42,.22);color:var(--mb-gold-hell);
border-radius:20px;padding:2px 7px;vertical-align:1px}
.foot-base{padding-top:20px}
.foot-base .slog{font-family:var(--serif);font-weight:700;font-size:14px;color:rgba(243,238,226,.8);margin:6px 0 8px}
.foot-base .fine{font-size:11.5px;line-height:1.7;color:rgba(243,238,226,.55);max-width:none}
.fuss-link{text-decoration:none;cursor:pointer;border-bottom:1px solid transparent}
.fuss-link:hover{color:var(--mb-gold-hell);border-bottom-color:currentColor}
.soon{background:linear-gradient(90deg,var(--mb-gruen),#123B31);color:#fff;text-align:center;
padding:11px 22px;position:relative;z-index:3}
.soon-haupt{font-family:var(--serif);font-weight:700;font-size:15px;color:var(--mb-gold-hell);
letter-spacing:.02em;margin-right:12px}
.soon-sub{font-size:13px;color:rgba(243,238,226,.8)}
.infobox{background:var(--mb-cream);border:1px solid var(--mb-gold);border-radius:var(--mb-radius);
padding:28px 30px;box-shadow:var(--mb-shadow);max-width:820px;margin:0 auto}
.infobox p{font-size:15px;line-height:1.7;color:var(--mb-ink)}
.infobox p + p{margin-top:14px}
.infobox b{color:var(--mb-gruen2)}
.infobox a{color:var(--mb-gold-dunkel);font-weight:600}
.vgl{overflow-x:auto;margin-top:24px}
.vgl table{width:100%;min-width:520px;border-collapse:collapse;background:var(--mb-cream);
border:1px solid var(--mb-line);border-radius:var(--mb-radius);overflow:hidden}
.vgl th,.vgl td{padding:13px 16px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--mb-line)}
.vgl thead th{background:var(--mb-gruen);color:var(--mb-gold-hell);font-family:var(--serif);
font-weight:700;font-size:13.5px;letter-spacing:.04em}
.vgl tbody th{font-weight:700;color:var(--mb-gruen)}
.vgl tbody td{color:var(--mb-muted)}
.vgl tr:last-child th,.vgl tr:last-child td{border-bottom:none}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
clip:rect(0 0 0 0);white-space:nowrap;border:0}
.steps.drei{grid-template-columns:repeat(3,1fr)}
.steps.fuenf{grid-template-columns:repeat(5,1fr)}
.step p{margin-top:8px;font-size:13.5px;line-height:1.6;color:var(--mb-muted)}
.step .sico{font-size:22px;line-height:1;color:var(--mb-gold-dunkel);margin-bottom:4px}
.kontaktdaten{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.kdaten{background:var(--mb-cream);border:1px solid var(--mb-line);border-left:4px solid var(--mb-gold);
border-radius:var(--mb-radius);box-shadow:var(--mb-shadow);padding:20px}
.kdaten .klabel{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
color:var(--mb-gold-dunkel)}
.kdaten .kwert{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--mb-gruen);
margin-top:8px;line-height:1.3;word-break:break-word}
.kdaten .kwert a{color:inherit;text-decoration:none}
.kdaten .kwert a:hover{color:var(--mb-gold-dunkel)}
.kdaten .kfein{margin-top:7px;font-size:13px;line-height:1.55;color:var(--mb-muted)}
.platzhalter{display:inline-block;margin-top:9px;font-size:10px;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;background:var(--mb-gold-soft);color:var(--mb-gold-dunkel);
border:1px solid var(--mb-gold);border-radius:20px;padding:2px 8px}
.calcgrid{display:grid;grid-template-columns:320px 1fr;gap:22px;margin-top:22px;align-items:start}
.inputs{background:var(--mb-cream);border:1px solid var(--mb-line);border-radius:var(--mb-radius);
box-shadow:var(--mb-shadow);padding:22px;position:sticky;top:78px}
.inputs h3{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--mb-gruen);margin-bottom:16px}
.field{margin-bottom:20px}
.field .lab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
font-size:13.5px;color:var(--mb-muted);margin-bottom:9px}
.field .lab .val{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--mb-gruen);
font-variant-numeric:tabular-nums}
.field input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;
background:linear-gradient(90deg,var(--mb-gold) var(--p,50%),#DED6C4 var(--p,50%));outline:none}
.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;
background:var(--mb-gruen);border:3px solid var(--mb-gold-hell);cursor:pointer;
box-shadow:0 2px 8px rgba(11,38,32,.35)}
.field input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;
background:var(--mb-gruen);border:3px solid var(--mb-gold-hell);cursor:pointer}
.chips{display:flex;gap:7px;margin-top:11px}
.chips button{flex:1;background:#fff;border:1px solid var(--mb-line);color:var(--mb-muted);
border-radius:20px;padding:6px 4px;font:600 12.5px var(--mb-font);cursor:pointer;transition:all .15s ease}
.chips button:hover{border-color:var(--mb-gold)}
.chips button.active{background:var(--mb-gold-soft);border-color:var(--mb-gold);color:var(--mb-gold-dunkel)}
.assump{margin-top:6px;border-top:1px solid var(--mb-line);padding-top:12px}
.assump summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--mb-gold-dunkel);list-style:none}
.assump summary::-webkit-details-marker{display:none}
.assump summary:before{content:"+ ";font-weight:700}
.assump[open] summary:before{content:"\2013 "}
.assump .arow{display:flex;justify-content:space-between;align-items:center;gap:10px;
padding:8px 0;border-bottom:1px solid var(--mb-line)}
.assump .arow:last-child{border-bottom:none}
.assump .arow label{font-size:12.5px;color:var(--mb-muted);flex:1}
.assump .arow input{width:86px;padding:6px 8px;border:1px solid #C9BEA0;border-radius:6px;
background:#fff;color:var(--mb-gruen);font:600 13px var(--mb-font);text-align:right}
.capnote{display:none;margin-top:14px;background:var(--mb-gold-soft);border:1px solid var(--mb-gold);
border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.55;color:var(--mb-ink)}
.capnote b{color:var(--mb-gold-dunkel)}
.duel{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}
.duel .vs{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:3;
font-family:var(--serif);font-weight:700;font-size:15px;color:var(--mb-gold-dunkel);
background:var(--mb-bg);border:1px solid var(--mb-gold);border-radius:20px;padding:3px 13px}
.col{border-radius:var(--mb-radius);padding:22px;box-shadow:var(--mb-shadow);position:relative}
.col.ohne{background:var(--mb-cream);border:1px solid var(--mb-line)}
.col.mit{background:linear-gradient(165deg,var(--mb-gruen2),var(--mb-gruen) 70%);
border:1px solid var(--mb-gold);color:#EDE9E0}
.col .tag{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mb-muted)}
.col.mit .tag{color:rgba(243,238,226,.6)}
.col h3{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--mb-gruen);margin-top:6px}
.col.mit h3{color:#fff}
.col .guenstig{position:absolute;top:-11px;right:18px;background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));
color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.1em;padding:4px 11px;border-radius:14px;
box-shadow:0 4px 14px -4px rgba(184,144,42,.8)}
.euro{margin-top:16px}
.euro .ek{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
color:var(--mb-muted);margin-bottom:8px}
.col.mit .euro .ek{color:rgba(243,238,226,.6)}
.ebar{display:flex;height:26px;border-radius:8px;overflow:hidden;background:#DED6C4}
.ebar span{display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;
color:#fff;white-space:nowrap;overflow:hidden;transition:width .4s ease}
.ebar .s-net{background:var(--mb-gold)}
.ebar .s-tax{background:#8E8574}
.ebar .s-sv{background:#B4AC9C}
.ebar .s-lnk{background:#D3CCBC;color:var(--mb-ink)}
.ebar.full .s-net{background:linear-gradient(90deg,var(--mb-gold-hell),var(--mb-gold-dunkel))}
.elegend{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:9px;font-size:11px;color:var(--mb-muted)}
.col.mit .elegend{color:rgba(243,238,226,.7)}
.elegend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:0}
.eff{margin-top:11px;font-size:13.5px;line-height:1.5;color:var(--mb-ink)}
.col.mit .eff{color:#DCD5C6}
.eff b{color:var(--mb-gold-dunkel);font-weight:700}
.col.mit .eff b{color:var(--mb-gold-hell)}
.col .line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
padding:11px 0;border-bottom:1px solid var(--mb-line);font-size:13.5px}
.col.mit .line{border-color:rgba(243,238,226,.16)}
.col .line .k{color:var(--mb-muted);flex:1}
.col.mit .line .k{color:rgba(243,238,226,.7)}
.col .line .v{font-weight:700;color:var(--mb-gruen);font-variant-numeric:tabular-nums;text-align:right}
.col.mit .line .v{color:var(--mb-gold-hell)}
.col.mit .line .v.white{color:#fff}
.col .line .v.wrap{white-space:normal;max-width:58%;font-size:13px}
.col .big{margin-top:16px;padding-top:14px;border-top:2px solid var(--mb-gold)}
.col .big .k{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mb-muted)}
.col.mit .big .k{color:rgba(243,238,226,.6)}
.col .big .v{font-family:var(--serif);font-weight:700;font-size:clamp(26px,3.4vw,36px);
color:var(--mb-gruen);line-height:1.1;font-variant-numeric:tabular-nums;margin-top:5px}
.col.mit .big .v{color:var(--mb-gold-hell)}
.resultband{margin-top:18px;background:linear-gradient(115deg,var(--mb-gruen) 0%,var(--mb-gruen2) 60%,#1F5748);
border:1px solid var(--mb-gold);border-radius:var(--mb-radius);padding:24px 28px;
display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
box-shadow:0 18px 44px -20px rgba(11,38,32,.6)}
.resultband .k{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
color:rgba(243,238,226,.65)}
.resultband .n{font-family:var(--serif);font-weight:700;font-size:clamp(30px,4.6vw,46px);
color:var(--mb-gold-hell);line-height:1.05;font-variant-numeric:tabular-nums;margin:5px 0 6px}
.resultband .s{font-size:13px;color:#DCD5C6;max-width:46ch;line-height:1.55}
.bkbox{margin-top:18px;background:var(--mb-cream);border:1px solid var(--mb-line);
border-left:4px solid var(--mb-gold);border-radius:var(--mb-radius);box-shadow:var(--mb-shadow);padding:22px 24px}
.bk-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.bk-head h4{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--mb-gruen)}
.bk-tag{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
color:var(--mb-gold-dunkel);background:var(--mb-gold-soft);border-radius:20px;padding:3px 10px}
.bkbox p{margin-top:10px;font-size:14px;line-height:1.6;color:var(--mb-muted)}
.bkrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.bkrow label{font-size:13.5px;color:var(--mb-ink);flex:1;min-width:240px}
.bkrow input{width:150px;padding:10px 12px;border:1px solid #C9BEA0;border-radius:9px;background:#fff;
color:var(--mb-gruen);font:600 14px var(--mb-font);text-align:right}
.bkrow input:focus{outline:none;border-color:var(--mb-gold);box-shadow:0 0 0 3px rgba(184,144,42,.18)}
.bkout{display:none;margin-top:15px;background:var(--mb-gold-soft);border:1px solid var(--mb-gold);
border-radius:11px;padding:13px 15px;font-size:14px;line-height:1.6;color:var(--mb-ink)}
.bkout b{color:var(--mb-gold-dunkel)}
.bkmeter{height:7px;border-radius:7px;background:#E6DDC8;margin-top:10px;overflow:hidden}
.bkmeter i{display:block;height:100%;border-radius:7px;
background:linear-gradient(90deg,var(--mb-gold-hell),var(--mb-gold-dunkel));width:0;transition:width .5s ease}
.bkfine{margin-top:11px;font-size:11.5px;line-height:1.55;color:var(--mb-muted)}
.sticky-res{position:fixed;left:50%;bottom:14px;transform:translate(-50%,140%);z-index:55;
display:flex;align-items:center;gap:18px;background:rgba(11,38,32,.95);border:1px solid var(--mb-gold);
border-radius:26px;padding:9px 10px 9px 20px;box-shadow:0 18px 44px -16px rgba(0,0,0,.8);
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .3s ease}
body[data-view="rechner"] .sticky-res{transform:translate(-50%,0)}
.sticky-res .k{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
color:rgba(243,238,226,.6)}
.sticky-res .n{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--mb-gold-hell);
line-height:1.15;font-variant-numeric:tabular-nums}
.sticky-res a{background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));color:#fff;
text-decoration:none;cursor:pointer;border-radius:20px;padding:10px 18px;font-weight:600;font-size:14px;white-space:nowrap}
@media (max-width:1040px){
.calcgrid{grid-template-columns:1fr}
.inputs{position:static}
}
@media (max-width:900px){
.foot-cols,.foot-cols.zwei,.foot-cols.vier{grid-template-columns:1fr 1fr;gap:24px}
.steps.fuenf{grid-template-columns:repeat(2,1fr)}
.kontaktdaten{grid-template-columns:1fr}
}
@media (max-width:760px){
.duel{grid-template-columns:1fr;gap:26px}
.duel .vs{display:none}
.steps.drei{grid-template-columns:1fr}
}
@media (max-width:640px){
.foot-cols,.foot-cols.zwei,.foot-cols.vier{grid-template-columns:1fr}
.steps.fuenf{grid-template-columns:1fr}
.sticky-res{left:10px;right:10px;transform:translate(0,140%);width:auto}
body[data-view="rechner"] .sticky-res{transform:translate(0,0)}
}
@media (prefers-reduced-motion:reduce){
.ebar span,.bkmeter i,.sticky-res{transition:none}
}
.mbk{position:relative;aspect-ratio:3/4;border-radius:var(--mb-radius);overflow:hidden;
display:flex;box-shadow:0 14px 34px -14px rgba(0,0,0,.55)}
.mbk-ph{position:absolute;z-index:0;inset:0;background-size:cover;background-position:50% 50%;
transform-origin:50% 50%}
.mbk-ov{position:absolute;z-index:1;inset:0}
.mbk-inner{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;
padding:17px 17px 16px;gap:9px}
.mbk-kicker{flex:none;font-family:var(--mb-font);font-weight:700;font-size:10.5px;
letter-spacing:.12em;text-transform:uppercase;line-height:1.35}
.mbk-body{margin-top:auto;display:flex;flex-direction:column;gap:6px}
.mbk-hl{font-family:var(--serif);font-weight:700;font-size:clamp(15px,1.4vw,19px);
line-height:1.14;letter-spacing:-.012em}
.mbk-sub{font-size:12.5px;line-height:1.45}
.mbk-note{font-size:10px;line-height:1.4;padding-top:8px;opacity:.9}
.mbk--gruen{background:var(--mb-gruen2);border:1px solid rgba(184,144,42,.35)}
.mbk--gruen .mbk-kicker{color:var(--mb-gold-hell)}
.mbk--gruen .mbk-hl{color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.55)}
.mbk--gruen .mbk-sub{color:#DCD5C6;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.mbk--gruen .mbk-note{color:rgba(243,238,226,.72);border-top:1px solid rgba(243,238,226,.18)}
.mbk--weiss{background:var(--mb-cream);border:1px solid var(--mb-line)}
.mbk--weiss .mbk-kicker{color:var(--mb-gold-dunkel)}
.mbk--weiss .mbk-hl{color:var(--mb-gruen);text-shadow:0 1px 10px rgba(255,255,255,.7)}
.mbk--weiss .mbk-sub{color:var(--mb-muted);text-shadow:0 1px 8px rgba(255,255,255,.6)}
.mbk--weiss .mbk-note{color:var(--mb-muted);border-top:1px solid var(--mb-line)}
.mbk-ph{animation:mbkWander 20s ease-in-out infinite alternate}
@keyframes mbkWander{from{transform:scale(1.02)}to{transform:scale(1.13) translate(-1.2%,-1.4%)}}
.view.on .mbk-kicker{animation:mbkRein .55s ease-out .06s both}
.view.on .mbk-hl{animation:mbkRein .55s ease-out .16s both}
.view.on .mbk-sub{animation:mbkRein .55s ease-out .26s both}
.view.on .mbk-note{animation:mbkRein .55s ease-out .34s both}
@keyframes mbkRein{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (max-width:860px){
.mbk-hl{font-size:20px}
.mbk-sub{font-size:14px}
}
@media (max-width:560px){
.mbk{aspect-ratio:16/10}
}
@media (prefers-reduced-motion:reduce){
.mbk-ph,.view.on .mbk-kicker,.view.on .mbk-hl,.view.on .mbk-sub,.view.on .mbk-note{
animation:none!important;opacity:1!important;transform:none!important}
}
.mbk--link{cursor:pointer;text-decoration:none;display:flex;
transition:transform .18s ease,box-shadow .18s ease}
.mbk--link:hover{transform:translateY(-4px);box-shadow:0 22px 44px -16px rgba(0,0,0,.6)}
.mbk-mehr{display:block;margin-top:12px;font-family:var(--mb-font);font-weight:600;font-size:13px}
.mbk--weiss .mbk-mehr{color:var(--mb-gold-dunkel)}
.mbk--gruen .mbk-mehr{color:var(--mb-gold-hell)}
.mbk--link:hover .mbk-mehr{text-decoration:underline}
.mbk--drei{aspect-ratio:4/5}
.mbk--drei .mbk-hl{font-size:clamp(16px,1.55vw,21px)}
.mbk--drei .mbk-sub{font-size:13px}
.abschnitt{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.abschnitt span{flex:none;font-family:var(--mb-font);font-weight:700;font-size:11.5px;
letter-spacing:.18em;text-transform:uppercase;color:var(--mb-gold-hell)}
.abschnitt:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(203,161,61,.55),rgba(203,161,61,0))}
#v-firma .next-in{padding-bottom:132px}
#v-firma .next-in{position:relative;z-index:1}
#v-unternehmensbenefit .seite{position:relative;background-color:var(--mb-bg)}
#v-unternehmensbenefit .seite:after{content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(rgba(237,233,224,.52),rgba(237,233,224,.60))}
#v-unternehmensbenefit .seite > *{position:relative;z-index:2}
@media (max-width:860px){
}
.kreisrunde{position:relative;display:flex;align-items:center;justify-content:center;
gap:8px;margin-top:26px;flex-wrap:nowrap}
.kr{position:relative;flex:1 1 0;min-width:0;max-width:172px;
display:flex;flex-direction:column;align-items:center;text-align:center;
transition:transform .2s ease}
.kr:hover{transform:translateY(-4px)}
.kr-rund{width:100%;aspect-ratio:1/1;border-radius:50%;
display:flex;flex-direction:column;align-items:center;justify-content:center;
padding:16px 14px;color:#fff;border:1px solid rgba(184,144,42,.45);
box-shadow:0 14px 32px -16px rgba(11,38,32,.6)}
.kr1 .kr-rund{background:linear-gradient(145deg,var(--mb-gruen2) 0%,var(--mb-gruen) 78%)}
.kr2 .kr-rund{background:linear-gradient(160deg,var(--mb-gruen2) 0%,var(--mb-gruen) 78%)}
.kr3 .kr-rund{background:linear-gradient(175deg,var(--mb-gruen2) 0%,var(--mb-gruen) 78%)}
.kr4 .kr-rund{background:linear-gradient(190deg,var(--mb-gruen2) 0%,var(--mb-gruen) 78%)}
.kr-nr{font-family:var(--serif);font-weight:700;font-size:13.5px;line-height:1;
color:var(--mb-gruen);background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));
width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;
margin-bottom:9px;box-shadow:0 4px 12px -4px rgba(0,0,0,.5)}
.kr-t{font-family:var(--serif);font-weight:700;font-size:clamp(12.5px,1.1vw,15.5px);line-height:1.22;
letter-spacing:-.01em}
.kr-s{margin-top:12px;font-size:12.5px;line-height:1.45;color:var(--mb-muted);max-width:20ch}
.kr-pf{flex:none;display:flex;align-items:flex-start;justify-content:center;
color:var(--mb-gold-dunkel);opacity:1;width:34px;align-self:flex-start;margin-top:77px}
.kr-pf svg{width:34px;height:18px;stroke-width:2.6}
@media (max-width:860px){
.kreisrunde{flex-wrap:wrap;gap:18px}
.kr{flex:0 0 calc(50% - 12px);max-width:220px}
.kr-pf{display:none}
}
@media (max-width:460px){
.kr{flex:0 0 100%;max-width:200px}
.kr-t{font-size:15px}
}
.reihe5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}
.reihe4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.mbk--fuenf{aspect-ratio:4/3}
.mbk--fuenf .mbk-inner{padding:13px 14px 12px;gap:6px}
.mbk--fuenf .mbk-hl{font-size:clamp(13px,1.2vw,16.5px);line-height:1.16}
.mbk--fuenf .mbk-sub{font-size:12px;line-height:1.4}
.mbk--fuenf .mbk-kicker{font-size:9.5px;letter-spacing:.1em}
.mbk--vier{aspect-ratio:3/2}
.mbk--vier .mbk-hl{font-size:clamp(14px,1.35vw,18.5px);line-height:1.16}
.mbk--streifen{aspect-ratio:auto;margin-top:14px;border-radius:var(--mb-radius)}
.mbk--streifen .mbk-inner{position:relative;inset:auto;flex-direction:row;align-items:center;
gap:28px;padding:26px 30px}
.mbk--streifen .mbk-zahl{flex:none;font-family:var(--serif);font-weight:700;
font-size:clamp(38px,5vw,62px);line-height:.95;letter-spacing:-.02em;color:var(--mb-gold-hell);
text-shadow:0 1px 14px rgba(0,0,0,.5)}
.mbk--streifen .mbk-body{margin-top:0;max-width:none}
.mbk--streifen .mbk-kicker{margin-bottom:6px}
.mbk--streifen .mbk-hl{font-size:clamp(17px,1.8vw,23px)}
.mbk--streifen .mbk-note{border-top:none;padding-top:6px}
@media (max-width:1040px){
.reihe5{grid-template-columns:repeat(3,1fr)}
.mbk--fuenf{aspect-ratio:4/3}
.mbk--fuenf .mbk-hl{font-size:19px}
.mbk--fuenf .mbk-sub{font-size:13.5px}
}
@media (max-width:860px){
.reihe4{grid-template-columns:repeat(2,1fr)}
.mbk--streifen .mbk-inner{flex-direction:column;align-items:flex-start;gap:12px;padding:22px 22px 20px}
}
@media (max-width:640px){
.reihe5,.reihe4{grid-template-columns:1fr}
.mbk--fuenf,.mbk--vier{aspect-ratio:16/10}
}
.mbk--balken{aspect-ratio:auto;min-height:190px}
.mbk--balken .mbk-inner{position:relative;inset:auto;flex-direction:row;align-items:center;
justify-content:space-between;gap:30px;padding:30px 34px}
.mbk--balken .mbk-body{margin-top:0;max-width:62ch}
.mbk--balken .mbk-kicker{margin-bottom:8px}
.mbk--balken .mbk-hl{font-size:clamp(20px,2.4vw,29px)}
.mbk--balken .mbk-sub{font-size:15px}
.mbk--balken .mbk-pfeil{flex:none;display:flex;align-items:center;gap:10px;
font-family:var(--mb-font);font-weight:600;font-size:15px;color:var(--mb-gold-hell);white-space:nowrap}
.premium{position:relative;margin-top:26px;border-radius:var(--mb-radius);overflow:hidden;
background:linear-gradient(135deg,#1A1913 0%,#2B2820 58%,#37332A 100%);
border:1px solid rgba(203,161,61,.34);
box-shadow:0 20px 46px -20px rgba(0,0,0,.6);
padding:32px 34px 30px}
.premium:before{content:"";position:absolute;top:-40%;right:-14%;width:52%;height:150%;
background:radial-gradient(closest-side,rgba(203,161,61,.16),rgba(203,161,61,0) 70%);
pointer-events:none}
.premium > *{position:relative;z-index:1}
.premium .p-kicker{display:block;font-family:var(--mb-font);font-weight:700;font-size:10.5px;
letter-spacing:.18em;text-transform:uppercase;color:var(--mb-gold-hell);margin-bottom:10px}
.premium h3{font-family:var(--serif);font-weight:700;color:#F5F0E6;
font-size:clamp(19px,2.2vw,26px);line-height:1.18;letter-spacing:-.012em;margin:0}
.premium .p-liste{margin-top:20px}
.premium ul.check{margin-top:0}
.premium ul.check li{color:#DCD5C6;border-bottom-color:rgba(203,161,61,.2);font-size:14.5px}
.premium ul.check li:before{color:var(--mb-gold-hell)}
.premium .split{gap:10px 40px}
.premium .split ul.check li:last-child{border-bottom:none}
@media (max-width:860px){
.premium{padding:26px 22px 24px}
.premium .split{grid-template-columns:1fr;gap:0}
.premium .split ul.check li{border-bottom:1px solid rgba(203,161,61,.2)}
.mbk--balken .mbk-inner{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 22px}
}
#v-mitarbeiterbenefit .seite{position:relative;background-color:var(--mb-bg)}
#v-mitarbeiterbenefit .seite:after{content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(rgba(237,233,224,.52),rgba(237,233,224,.60))}
#v-mitarbeiterbenefit .seite > *{position:relative;z-index:2}
@media (max-width:860px){
}
.reihe2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}
.mbk--zwei{aspect-ratio:16/10}
.mbk--zwei .mbk-inner{padding:22px 24px 20px}
.mbk--zwei .mbk-hl{font-size:clamp(17px,1.8vw,23px)}
.mbk--zwei .mbk-sub{font-size:14px}
@media (max-width:760px){
.reihe2{grid-template-columns:1fr}
}
.foto-bk-telekom{background-image:url(/assets/60084db4a573.webp)}
.foto-vorteilswelt{background-image:url(/assets/ecccf84ac98e.webp)}
.foto-unternehmensbenefit{background-image:url(/assets/8172b78afee9.webp)}
.foto-un-wachstum{background-image:url(/assets/b53fcec5a7d6.webp)}
.foto-mb-fitness{background-image:url(/assets/fd6d0b14d28e.webp)}
.foto-mb-fitness{background-position:50% 74%}
.foto-eintrag{background-image:url(/assets/1f8825a27170.webp)}
.foto-mitarbeiterbenefit{background-image:url(/assets/a249fc2b3ce0.webp)}
.foto-erstgespraech{background-image:url(/assets/4840d47ec622.webp)}
.foto-bk-energie{background-image:url(/assets/c0b7d1992284.webp)}
.foto-bk-vers{background-image:url(/assets/f2ed7f20eda7.webp)}
.foto-bk-versneu,.foto-mb-kompass{background-image:url(/assets/b076e9c82d47.webp)}
.foto-mb-gold{background-image:url(/assets/ce7025810e61.webp)}
.foto-mb-vorsorge{background-image:url(/assets/c61f4b5afad9.webp)}
.foto-mb-essen{background-image:url(/assets/d3c04e77c034.webp)}
.foto-mb-rechner,.foto-bk-check{background-image:url(/assets/c825626cbe1b.webp)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,.cta,.mbk-hl,.fs-titel,.vk-name,.fbrand,.soon-haupt,
.seite h2.title,.seite h3.sub,.bcard h4,.kreis h3,.bonuskarte h3,
.ctaband h3,.premium h3,.bk-head h4,.inputs h3,.col h3,.kdaten .kwert{
letter-spacing:-.022em;font-weight:700}
.cta,.hero h1,.view.b2c h1{letter-spacing:-.032em}
.unit .n,.col .big .v,.resultband .n,.sticky-res .n,.field .lab .val,
.col .line .v,.step:before,.bv-n,.vgl td,.vgl th{
font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.unit .n{letter-spacing:-.045em}
.col .big .v,.resultband .n{letter-spacing:-.035em}
.step:before{letter-spacing:-.03em}
.nav .logo{gap:11px}
.brand{gap:15px}
.fbrand{display:block}
.fb-wort{display:block}
.mbk-ph{filter:saturate(1.22) contrast(1.1) brightness(1.04)}
#v-firma .grid3 .mbk-ph{filter:saturate(1.34) contrast(1.16) brightness(1)}
.mbk--weiss .mbk-hl{text-shadow:0 1px 3px rgba(255,255,255,.9)}
.mbk--weiss .mbk-sub{color:#4A4438}
.mbk-pfeil{align-self:center;padding:8px 14px;border-radius:22px;line-height:1;
transition:background .16s ease,border-color .16s ease}
.mbk--weiss .mbk-pfeil{color:var(--mb-gold-dunkel);background:var(--mb-cream);
border:1px solid rgba(184,144,42,.5);box-shadow:0 3px 12px -4px rgba(35,32,26,.45)}
.mbk--gruen .mbk-pfeil{background:var(--mb-gruen);
border:1px solid rgba(203,161,61,.5);box-shadow:0 3px 12px -4px rgba(0,0,0,.6)}
.mbk--weiss.mbk--link:hover .mbk-pfeil{background:var(--mb-gold-soft);border-color:var(--mb-gold)}
.mbk--gruen.mbk--link:hover .mbk-pfeil{background:#123B31;border-color:var(--mb-gold-hell)}
.mbk--balken .mbk-ov{background:linear-gradient(92deg,
rgba(251,248,241,.94) 0%,rgba(251,248,241,.90) 58%,rgba(251,248,241,.62) 100%)}
.mbk--gruen.mbk--balken .mbk-ov{background:linear-gradient(92deg,
rgba(6,26,21,.93) 0%,rgba(6,26,21,.88) 58%,rgba(6,26,21,.60) 100%)}
.mbk-kicker{align-self:flex-start;padding:4px 10px;border-radius:20px;line-height:1.2}
.mbk--weiss .mbk-kicker{background:var(--mb-cream);border:1px solid rgba(184,144,42,.45);
box-shadow:0 2px 10px -4px rgba(35,32,26,.5)}
.mbk--gruen .mbk-kicker{background:var(--mb-gruen);border:1px solid rgba(203,161,61,.45);
box-shadow:0 2px 10px -4px rgba(0,0,0,.6)}
body[data-view="privat"] #bg video,body[data-view="vormerken"] #bg video{filter:brightness(.46) saturate(1) contrast(1.05)}
body[data-view="firma"] #bg video,body[data-view="start"] #bg video{filter:saturate(1.08) contrast(1.03)}
.btn,.btn-s,.login,.sticky-res a,.bv-los{
position:relative;min-height:46px;
transition:transform .16s ease,box-shadow .2s ease,background-color .2s ease,
border-color .2s ease,filter .2s ease}
.btn,.btn-s,.login,.sticky-res a,.bv-los{overflow:hidden}
.btn::after,.btn-s::after,.login::after,.sticky-res a::after,.bv-los::after{
content:"";position:absolute;top:-60%;bottom:-60%;left:-75%;width:45%;
pointer-events:none;z-index:1;opacity:0;transform:translateX(0) rotate(18deg);
background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.30) 42%,
rgba(255,255,255,.60) 50%,rgba(255,255,255,.30) 58%,rgba(255,255,255,0) 100%)}
.btn-privat::after,.btn-line::after,.btn-ghost::after{
background:linear-gradient(90deg,rgba(150,143,130,0) 0%,rgba(150,143,130,.16) 42%,
rgba(150,143,130,.38) 50%,rgba(150,143,130,.16) 58%,rgba(150,143,130,0) 100%)}
.btn-firma::after,.btn-gold::after,.login::after,.sticky-res a::after,.bv-los::after{
animation:mbSchimmerRuhe 7s ease-in-out 2.5s infinite}
.btn:hover::after,.btn-s:hover::after,.login:hover::after,
.sticky-res a:hover::after,.bv-los:hover::after,
.btn:focus-visible::after,.btn-s:focus-visible::after,.login:focus-visible::after,
.sticky-res a:focus-visible::after,.bv-los:focus-visible::after{
animation:mbSchimmer .85s ease-out}
@keyframes mbSchimmer{
from{opacity:1;transform:translateX(0) rotate(18deg)}
to {opacity:1;transform:translateX(560%) rotate(18deg)}
}
@keyframes mbSchimmerRuhe{
0% {opacity:0;transform:translateX(0) rotate(18deg)}
1% {opacity:1;transform:translateX(0) rotate(18deg)}
13% {opacity:1;transform:translateX(560%) rotate(18deg)}
13.01%,100% {opacity:0;transform:translateX(560%) rotate(18deg)}
}
.btn:focus-visible,.btn-s:focus-visible,.login:focus-visible,.kipp-b:focus-visible,
.chips button:focus-visible,.fzu:focus-visible,.sticky-res a:focus-visible,
.bv-los:focus-visible,.bv-chips a:focus-visible,.bv-form input:focus-visible,
.mbk--link:focus-visible,.card:focus-visible,.bcard.klickbar:focus-visible,
.nav ul a:focus-visible,.foot-cols a:focus-visible,.fuss-link:focus-visible,
.assump summary:focus-visible,.anmelde .amini button:focus-visible{
outline:2px solid var(--mb-gold-hell);outline-offset:3px;border-radius:11px}
.seite .btn-s:focus-visible,.next .card:focus-visible,.chips button:focus-visible,
.assump summary:focus-visible{outline-color:var(--mb-gold-dunkel)}
.btn-firma,.btn-gold,.login,.sticky-res a,.bv-los{
background:linear-gradient(160deg,#D8B052 0%,var(--mb-gold-hell) 38%,var(--mb-gold) 72%,var(--mb-gold-dunkel) 100%);
color:#0B2620;border:1px solid rgba(255,255,255,.16);
box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,0,0,.12),
0 10px 26px -12px rgba(140,102,20,.9)}
.btn-firma:hover,.btn-gold:hover,.login:hover,.sticky-res a:hover,.bv-los:hover{
filter:brightness(1.07);
box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(0,0,0,.12),
0 16px 34px -12px rgba(140,102,20,.95)}
.btn-firma:active,.btn-gold:active,.login:active,.sticky-res a:active,.bv-los:active{
transform:translateY(1px);filter:brightness(.97);
box-shadow:inset 0 2px 5px rgba(90,64,10,.4),0 4px 12px -8px rgba(140,102,20,.8)}
.btn-privat{
background:linear-gradient(170deg,#fff 0%,var(--mb-cream) 62%,#F2ECDF 100%);
color:var(--mb-gruen);border:1px solid rgba(184,144,42,.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px -14px rgba(0,0,0,.8)}
.btn-privat:hover{border-color:rgba(150,143,130,.85);
box-shadow:inset 0 1px 0 #fff,0 18px 38px -14px rgba(0,0,0,.85),0 0 0 3px rgba(150,143,130,.20)}
.btn-privat:active{transform:translateY(1px);background:#F2ECDF;
box-shadow:inset 0 2px 5px rgba(35,32,26,.16)}
.btn-ghost{
background:rgba(251,248,241,.15);border:1.5px solid rgba(251,248,241,.62);
backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);
color:#fff;text-shadow:0 1px 10px rgba(11,38,32,.6);
box-shadow:0 10px 26px -14px rgba(0,0,0,.8)}
.btn-ghost:hover{background:rgba(251,248,241,.95);color:var(--mb-gruen);
border-color:#fff;text-shadow:none}
.btn-ghost:active{transform:translateY(1px);background:rgba(251,248,241,.8)}
.btn-line{background:rgba(255,255,255,.7);border-width:1.5px}
.btn-line:hover{background:var(--mb-gold-soft);border-color:var(--mb-gold-dunkel);
color:var(--mb-gold-dunkel);box-shadow:0 12px 26px -14px rgba(140,102,20,.7)}
.btn-line:active{transform:translateY(1px);background:#F5EBD4}
.btn-s:hover{transform:translateY(-2px)}
.chips button{min-height:34px}
.chips button:hover{background:var(--mb-gold-soft);color:var(--mb-gold-dunkel)}
.chips button:active{transform:translateY(1px)}
.fzu{transition:background .16s ease,transform .12s ease}
.fzu:active{transform:scale(.94)}
button:disabled,.btn:disabled,.btn-s:disabled{
opacity:.45;cursor:not-allowed;transform:none!important;filter:grayscale(.4)}
@media (prefers-reduced-motion:reduce){
.btn,.btn-s,.login,.sticky-res a,.bv-los,.kipp-b,.chips button{transition:none}
.btn:hover,.btn-s:hover,.btn-ghost:hover,.btn-line:hover{transform:none}
.btn::after,.btn-s::after,.login::after,.sticky-res a::after,.bv-los::after,
.btn:hover::after,.btn-s:hover::after,.login:hover::after,
.sticky-res a:hover::after,.bv-los:hover::after{animation:none;opacity:0}
}
.hero--duo{align-items:center;min-height:calc(100svh - 60px)}
.hero--duo .hero-in{padding:clamp(72px,8vh,104px) 22px clamp(40px,5vh,64px)}
.bv-duo{display:grid;grid-template-columns:1fr minmax(400px,458px);
gap:clamp(28px,4vw,60px);align-items:center}
.bv-wort .ctas{margin-top:24px}
.bv-wort{position:relative}
.bv-wort::before{content:"";position:absolute;z-index:0;pointer-events:none;
inset:-28px -64px -24px -40px;border-radius:28px;
background:
radial-gradient(120% 100% at 18% 42%, rgba(6,26,21,.80) 0%,
rgba(6,26,21,.62) 38%, rgba(6,26,21,.28) 68%, rgba(6,26,21,0) 100%);
-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 100%);
mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 100%)}
.bv-wort > *{position:relative;z-index:1}
@media (max-width:1080px){
.bv-wort::before{inset:-22px -22px -18px -22px;
-webkit-mask-image:none;mask-image:none}
}
.hero p.hero-marke{font-family:var(--mb-font-marke);font-weight:600;
letter-spacing:-.005em;font-size:clamp(34px,5.6vw,62px);line-height:1.04}
.hero h1.hero-h1{margin-top:16px;font-family:var(--mb-font);font-weight:600;
color:#fff;letter-spacing:-.012em;max-width:24ch;
font-size:clamp(17px,1.85vw,23px);line-height:1.32;
text-shadow:0 2px 18px rgba(11,38,32,.5)}
.hero p.hero-claim{margin-top:7px;font-family:var(--mb-font);
color:var(--mb-gold-hell);font-weight:600;letter-spacing:-.012em;
font-size:clamp(19px,2.5vw,30px);line-height:1.2;
text-shadow:0 2px 20px rgba(11,38,32,.55)}
@media (max-width:1080px){
.bv-duo{grid-template-columns:1fr;gap:34px}
.hero--duo{min-height:auto}
.hero--duo .hero-in{padding:clamp(76px,9vh,104px) 22px 64px}
.bv{max-width:520px}
}
.bv{position:relative;border-radius:22px;padding:19px 20px 15px;overflow:hidden;
background:linear-gradient(158deg,rgba(10,35,29,.90) 0%,rgba(7,26,21,.94) 58%,rgba(9,32,26,.95) 100%);
border:1px solid rgba(203,161,61,.42);
backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);
box-shadow:0 44px 96px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.07)}
.bv:before{content:"";position:absolute;top:-46%;right:-16%;width:58%;height:150%;
background:radial-gradient(closest-side,rgba(203,161,61,.20),rgba(203,161,61,0) 70%);
pointer-events:none}
.bv > *{position:relative;z-index:1}
.bv-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.18em;
text-transform:uppercase;color:var(--mb-gold-hell);
background:rgba(203,161,61,.14);border:1px solid rgba(203,161,61,.42);
border-radius:20px;padding:4px 11px}
.bv-frage{font-size:clamp(18px,1.8vw,22px);line-height:1.15;color:#fff;margin-top:9px}
.bv-frage em{font-style:normal;color:var(--mb-gold-hell)}
.bv-sub{margin-top:6px;font-size:13px;line-height:1.5;color:#C9C2B2;max-width:44ch}
.bv-probe{display:grid;grid-template-columns:1fr 32px 1.12fr;align-items:start;
margin-top:14px}
.bv-blatt{background:#ffffff;
border:1px solid rgba(229,221,203,.9);border-radius:12px;padding:12px 12px 11px;
box-shadow:0 14px 34px -18px rgba(0,0,0,.75)}
.bv-blatt--mit{position:relative;overflow:hidden;
background:#ffffff;
border-color:rgba(184,144,42,.62);
box-shadow:0 22px 50px -20px rgba(140,102,20,.75),0 0 0 1px rgba(203,161,61,.22)}
.bv-bt{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
color:var(--mb-muted);margin-bottom:10px}
.bv-blatt--mit .bv-bt{color:var(--mb-gold-dunkel)}
.bv-liste{list-style:none;margin:0;padding:0}
.bv-liste li{position:relative;padding-left:13px;margin-bottom:6px;
font-size:11px;line-height:1.4;color:var(--mb-ink)}
.bv-liste li:last-child{margin-bottom:0}
.bv-liste li:before{content:"\2013";position:absolute;left:0;top:0;
color:var(--mb-muted);font-weight:700}
.bv-balken{margin-bottom:12px}
.bv-b{display:block;height:6px;border-radius:4px;margin-bottom:6px;
background:linear-gradient(90deg,var(--mb-gold-hell),var(--mb-gold-dunkel));
box-shadow:0 1px 4px -1px rgba(140,102,20,.6)}
.bv-b:last-child{margin-bottom:0}
.bv-b--voll{width:96%} .bv-b--drei{width:78%}
.bv-b--fast{width:88%} .bv-b--halb{width:52%}
.bv-liste--gold li{padding-left:13px;margin-bottom:7px;color:#3B3428;line-height:1.42}
.bv-liste--gold li:before{content:"";left:1px;top:.44em;width:5px;height:5px;
border-radius:50%;background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));
box-shadow:0 1px 3px -1px rgba(140,102,20,.85)}
.bv-liste--gold li b{font-weight:700;color:var(--mb-gold-dunkel)}
.bv-blatt--mit .bv-liste:not(.bv-liste--gold) li{color:var(--mb-muted)}
.bv-uebernahme{margin:9px 0 7px;padding-top:8px;border-top:1px dashed rgba(184,144,42,.5);
font-size:8.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
color:var(--mb-gold-dunkel)}
.bv-bf{margin-top:9px;padding-top:8px;border-top:1px solid rgba(229,221,203,.9);
font-size:10.5px;line-height:1.35;color:var(--mb-muted)}
.bv-blatt--mit .bv-bf{border-top-color:rgba(184,144,42,.35)}
.bv-n{font-size:15px;font-weight:700;color:var(--mb-gruen)}
.bv-n--gold{color:var(--mb-gold-dunkel)}
.bv-naht{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}
.bv-naht:before{content:"";position:absolute;top:14px;bottom:14px;width:1px;
background:linear-gradient(180deg,rgba(203,161,61,0),rgba(203,161,61,.7) 30%,
rgba(203,161,61,.7) 70%,rgba(203,161,61,0))}
.bv-naht span{position:relative;font-size:10.5px;font-weight:700;letter-spacing:.02em;
color:#0B2620;background:linear-gradient(160deg,#D8B052,var(--mb-gold-dunkel));
border-radius:20px;padding:4px 7px;line-height:1;
box-shadow:0 6px 16px -6px rgba(140,102,20,.9),inset 0 1px 0 rgba(255,255,255,.4)}
.bv-lauf{position:absolute;left:0;right:0;top:0;height:64px;pointer-events:none;
background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.85),rgba(255,255,255,0));
opacity:0}
.view.on .bv-lauf{animation:bvLauf 1.5s cubic-bezier(.4,0,.2,1) .5s 1 both}
@keyframes bvLauf{
0%{opacity:0;transform:translateY(-70px)}
16%{opacity:.9}
84%{opacity:.9}
100%{opacity:0;transform:translateY(330px)}}
.view.on .bv-b{animation:bvZeile .42s cubic-bezier(.2,.9,.3,1) both;
transform-origin:left center}
.view.on .bv-b:nth-child(1){animation-delay:.40s}
.view.on .bv-b:nth-child(2){animation-delay:.50s}
.view.on .bv-b:nth-child(3){animation-delay:.60s}
.view.on .bv-b:nth-child(4){animation-delay:.70s}
@keyframes bvZeile{
from{opacity:0;transform:scaleX(.04)}
to{opacity:1;transform:scaleX(1)}}
.view.on .bv-liste--gold li{animation:bvPunkt .45s cubic-bezier(.2,.9,.3,1) both}
.view.on .bv-liste--gold li:nth-child(1){animation-delay:.86s}
.view.on .bv-liste--gold li:nth-child(2){animation-delay:1.00s}
.view.on .bv-liste--gold li:nth-child(3){animation-delay:1.14s}
@keyframes bvPunkt{
from{opacity:0;transform:translateX(-9px)}
to{opacity:1;transform:none}}
.view.on .bv-naht span{animation:bvPop .45s cubic-bezier(.2,1.6,.4,1) 1.4s both}
@keyframes bvPop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
.bv-form{margin-top:14px;padding-top:13px;border-top:1px solid rgba(203,161,61,.24)}
.bv-frageklein{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;color:rgba(243,238,226,.68);margin-bottom:8px}
.bv-zeile{display:flex;gap:8px}
.bv-zeile input{flex:1;min-width:0;border:1px solid rgba(243,238,226,.24);border-radius:11px;
background:rgba(255,255,255,.08);color:#fff;
font:15px var(--mb-font);padding:12px 14px;transition:all .16s ease}
.bv-zeile input::placeholder{color:rgba(243,238,226,.42)}
.bv-zeile input:focus{outline:none;border-color:var(--mb-gold);background:rgba(255,255,255,.14);
box-shadow:0 0 0 3px rgba(184,144,42,.22)}
.bv-los{display:inline-flex;align-items:center;gap:8px;border-radius:11px;
padding:12px 18px;font:600 14.5px var(--mb-font);cursor:pointer;white-space:nowrap}
.bv-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.bv-chips a{display:inline-block;text-decoration:none;cursor:pointer;
background:rgba(255,255,255,.07);border:1px solid rgba(243,238,226,.2);
border-radius:20px;padding:5px 11px;font-size:12px;font-weight:500;
color:rgba(243,238,226,.86);transition:all .14s ease}
.bv-chips a:hover{border-color:var(--mb-gold);background:rgba(203,161,61,.18);
color:var(--mb-gold-hell);transform:translateY(-1px)}
.bv-chips a:active{transform:translateY(0)}
.bv-oder{margin-top:9px;font-size:11.5px;line-height:1.45;color:rgba(243,238,226,.6)}
.bv-oder a{color:var(--mb-gold-hell);font-weight:600;text-decoration:underline;
text-underline-offset:2px;cursor:pointer}
.bv-oder a:hover{color:#E0BE68}
.bv-belege{display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:11px;
font-size:11px;color:rgba(243,238,226,.62)}
.bv-belege span:before{content:"\2713 ";color:#6FBF8F;font-weight:700}
.bv-haftung{margin-top:9px;padding-top:9px;border-top:1px solid rgba(243,238,226,.12);
font-size:10px;line-height:1.5;color:rgba(243,238,226,.45)}
@media (min-width:1081px) and (max-height:850px){
.hero--duo .hero-in{padding-top:clamp(58px,6.5vh,80px);padding-bottom:32px}
.bv{padding:16px 18px 13px}
.bv-sub{display:none}
.bv-frage{font-size:20px}
.bv-probe{margin-top:12px}
.bv-blatt{padding:11px 11px 10px}
.bv-form{margin-top:12px;padding-top:11px}
.bv-belege{margin-top:9px}
.bv-haftung{margin-top:8px;padding-top:8px}
}
@media (max-width:560px){
.bv{padding:18px 16px 15px;border-radius:18px}
.bv-chips a{padding:9px 13px;font-size:13px}
.bv-chips{gap:7px}
.bv-probe{grid-template-columns:1fr 26px 1.1fr}
.bv-zeile{flex-direction:column}
.bv-los{justify-content:center;width:100%}
}
@media (prefers-reduced-motion:reduce){
.view.on .bv-lauf{animation:none;opacity:0}
.view.on .bv-b,.view.on .bv-liste--gold li,
.view.on .bv-naht span{animation:none}
}
#v-inserat.on{position:relative;z-index:2;height:100svh;display:flex;flex-direction:column}
.wz-leiste{flex:none;display:flex;align-items:center;gap:16px;
background:var(--mb-gruen);border-top:4px solid var(--mb-gold);
border-bottom:1px solid rgba(203,161,61,.35);padding:9px 18px}
.wz-zurueck{display:inline-flex;align-items:center;gap:9px;flex:none;cursor:pointer;
background:rgba(251,248,241,.1);border:1px solid rgba(243,238,226,.3);color:#fff;
border-radius:11px;padding:9px 15px;font:600 14px var(--mb-font);min-height:40px;
transition:background .16s ease,border-color .16s ease}
.wz-zurueck:hover{background:rgba(251,248,241,.2);border-color:var(--mb-gold-hell)}
.wz-zurueck:active{transform:translateY(1px)}
.wz-zurueck:focus-visible{outline:2px solid var(--mb-gold-hell);outline-offset:3px}
.wz-titel{font-size:13.5px;font-weight:600;color:rgba(243,238,226,.85);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wz-titel em{font-style:normal;color:rgba(243,238,226,.45);font-weight:400}
#wzRahmen{flex:1;width:100%;border:0;display:block;background:var(--mb-bg)}
.wz-fehlt{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:70;
max-width:min(560px,92vw);background:rgba(11,38,32,.96);color:#F3EEE2;
border:1px solid var(--mb-gold);border-radius:14px;padding:14px 18px;
font-size:13.5px;line-height:1.55;box-shadow:0 24px 60px -20px rgba(0,0,0,.85);
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.wz-fehlt b{color:var(--mb-gold-hell)}
.wz-fehlt button{margin-top:10px;background:none;border:1px solid rgba(203,161,61,.5);
color:var(--mb-gold-hell);border-radius:9px;padding:7px 13px;font:600 13px var(--mb-font);
cursor:pointer;min-height:36px}
.wz-fehlt button:hover{background:rgba(184,144,42,.16)}
@media (max-width:560px){
.wz-leiste{padding:8px 12px;gap:10px}
.wz-titel em{display:none}
}
#v-goldgiftcard .seite{position:relative;background-color:var(--mb-bg)}
#v-goldgiftcard .seite:after{content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(rgba(237,233,224,.56),rgba(237,233,224,.64))}
#v-goldgiftcard .seite > *{position:relative;z-index:2}
@media (max-width:860px){
}
.foto-ggc-gold,.foto-ts-balken{background-image:url(/assets/c3eeff1c20c6.webp)}
.foto-ggc-branding{background-image:url(/assets/3f4e94ace57c.webp)}
.foto-ggc-steuer{background-image:url(/assets/8b16be177de3.webp)}
.foto-ggc-anlass{background-image:url(/assets/aa98990bae79.webp)}
.foto-ez-start{background-image:url(/assets/00e879d94423.webp)}
@media (min-width:641px) and (max-width:1040px){
.reihe4{grid-template-columns:repeat(2,1fr)}
}
#v-vorteilswelt .seite{position:relative;background-color:var(--mb-bg)}
#v-vorteilswelt .seite:after{content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(rgba(237,233,224,.52),rgba(237,233,224,.60))}
#v-vorteilswelt .seite > *{position:relative;z-index:2}
@media (max-width:860px){
}
#v-essenszuschuss .seite{position:relative;background-color:var(--mb-bg)}
#v-essenszuschuss .seite:after{content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(rgba(237,233,224,.52),rgba(237,233,224,.60))}
#v-essenszuschuss .seite > *{position:relative;z-index:2}
@media (max-width:860px){
}
.premium--foto:before{display:none}
.premium--foto > .pf-ph{position:absolute;inset:0;z-index:0;
background-size:cover;background-position:50% 42%;background-repeat:no-repeat;
filter:brightness(1.3) saturate(1.6);
animation:mbkWander 20s ease-in-out infinite alternate}
.premium--foto > .pf-ov{position:absolute;inset:0;z-index:1;
background:rgba(255,253,247,.38)}
.premium--foto{border-color:rgba(184,144,42,.55)}
.premium--foto > .p-kicker{color:var(--mb-gold-dunkel)}
.premium--foto > h3{color:var(--mb-gruen)}
.premium--foto ul.check li{color:#2E2A21;border-bottom-color:rgba(184,144,42,.34)}
.premium--foto ul.check li:before{color:var(--mb-gold-dunkel)}
.premium--foto > .p-kicker,
.premium--foto > h3,
.premium--foto > .p-liste,
.premium--foto > .p-sub{position:relative;z-index:2}
.premium--foto > .p-sub{color:#DCD5C6;font-size:15px;line-height:1.55;margin-top:8px;max-width:68ch}
@media (prefers-reduced-motion:reduce){
.premium--foto > .pf-ph{animation:none!important;transform:none!important}
}
#v-zukunftssicherung .seite{position:relative;background-color:var(--mb-bg)}
#v-zukunftssicherung .seite:after{content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(rgba(237,233,224,.52),rgba(237,233,224,.60))}
#v-zukunftssicherung .seite > *{position:relative;z-index:2}
@media (max-width:860px){
}
.foto-zs-klassiker,.foto-un-netzwerk{background-image:url(/assets/7ac9460a7697.webp)}
.foto-zs-steuerfrei,.foto-un-steuer{background-image:url(/assets/0dce491dc531.webp)}
.foto-zs-waechst{background-image:url(/assets/8a5bbb903de8.webp)}
.foto-zs-doku{background-image:url(/assets/d67d0afc7c3f.webp)}
.mbk--drei .mbk-zahl,.mbk--vier .mbk-zahl,.mbk--fuenf .mbk-zahl{
display:block;font-family:var(--serif);font-weight:700;line-height:.95;
font-size:clamp(28px,3.2vw,40px);letter-spacing:-.02em;margin-bottom:4px}
.mbk--gruen .mbk--drei .mbk-zahl,
.mbk--drei.mbk--gruen .mbk-zahl,.mbk--vier.mbk--gruen .mbk-zahl,.mbk--fuenf.mbk--gruen .mbk-zahl{
color:var(--mb-gold-hell);text-shadow:0 1px 14px rgba(0,0,0,.55)}
.mbk--drei.mbk--weiss .mbk-zahl,.mbk--vier.mbk--weiss .mbk-zahl,.mbk--fuenf.mbk--weiss .mbk-zahl{
color:var(--mb-gold-dunkel)}
#v-unternehmensbenefit .premium--foto > .pf-ph{
filter:saturate(1.06);
background-position:50% 78%}
#v-unternehmensbenefit .premium--foto > .pf-ov{background:rgba(255,253,247,.50)}
#v-zukunftssicherung .premium--foto > .pf-ov{
background:linear-gradient(135deg,rgba(26,25,19,.88) 0%,rgba(43,40,32,.83) 58%,rgba(55,51,42,.80) 100%)}
#v-rechner .seite{position:relative;background-color:var(--mb-bg)}
#v-rechner .seite:after{content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(rgba(237,233,224,.52),rgba(237,233,224,.60))}
#v-rechner .seite > *{position:relative;z-index:2}
@media (max-width:860px){
}
#v-rechner .inputs{overflow:hidden}
#v-rechner .inputs:before{content:"";position:absolute;width:150%;height:150%;
border-radius:50%;background:var(--mb-bg);top:-58%;right:-58%;
border:1px solid var(--mb-line);pointer-events:none}
#v-rechner .inputs > *{position:relative;z-index:1}
#v-rechner .col.ohne,
#v-rechner .bkbox{background:linear-gradient(120deg,
var(--mb-cream) 0%,var(--mb-cream) 45%,var(--mb-bg) 45%,var(--mb-bg) 100%)}
#v-rechner .bkbox{position:relative}
#v-rechner .col.mit{background:linear-gradient(150deg,var(--mb-gruen) 0%,var(--mb-gruen2) 100%)}
@media (max-width:1040px){
#v-rechner .inputs{position:relative}
}
#v-unternehmensbenefit .seite div.mitte,#v-mitarbeiterbenefit .seite div.mitte,
#v-goldgiftcard .seite div.mitte,#v-vorteilswelt .seite div.mitte,
#v-essenszuschuss .seite div.mitte,#v-zukunftssicherung .seite div.mitte,
#v-rechner .seite div.mitte,
#v-unternehmensbenefit .seite p.hinweis,#v-mitarbeiterbenefit .seite p.hinweis,
#v-goldgiftcard .seite p.hinweis,#v-vorteilswelt .seite p.hinweis,
#v-essenszuschuss .seite p.hinweis,#v-zukunftssicherung .seite p.hinweis,
#v-rechner .seite p.hinweis,
#v-unternehmensbenefit .seite p.notes,#v-mitarbeiterbenefit .seite p.notes,
#v-goldgiftcard .seite p.notes,#v-vorteilswelt .seite p.notes,
#v-essenszuschuss .seite p.notes,#v-zukunftssicherung .seite p.notes,
#v-rechner .seite p.notes{
background:rgba(251,248,241,.94);
border-radius:var(--mb-radius);
box-shadow:0 2px 20px -10px rgba(11,38,32,.30);
-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
#v-unternehmensbenefit .seite div.mitte,#v-mitarbeiterbenefit .seite div.mitte,
#v-goldgiftcard .seite div.mitte,#v-vorteilswelt .seite div.mitte,
#v-essenszuschuss .seite div.mitte,#v-zukunftssicherung .seite div.mitte,
#v-rechner .seite div.mitte{padding:24px 30px 26px;max-width:86ch;margin-left:auto;margin-right:auto}
#v-unternehmensbenefit .seite p.hinweis,#v-mitarbeiterbenefit .seite p.hinweis,
#v-goldgiftcard .seite p.hinweis,#v-vorteilswelt .seite p.hinweis,
#v-essenszuschuss .seite p.hinweis,#v-zukunftssicherung .seite p.hinweis,
#v-rechner .seite p.hinweis{padding:14px 24px;max-width:80ch;margin-left:auto;margin-right:auto}
#v-unternehmensbenefit .seite p.notes,#v-mitarbeiterbenefit .seite p.notes,
#v-goldgiftcard .seite p.notes,#v-vorteilswelt .seite p.notes,
#v-essenszuschuss .seite p.notes,#v-zukunftssicherung .seite p.notes,
#v-rechner .seite p.notes{padding:16px 24px}
#v-unternehmensbenefit .seite .kr-s{display:block;margin-top:8px;
background:rgba(251,248,241,.94);border-radius:12px;padding:10px 14px;
box-shadow:0 2px 16px -10px rgba(11,38,32,.30);
-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
#v-unternehmensbenefit .seite:after,#v-mitarbeiterbenefit .seite:after,
#v-goldgiftcard .seite:after,#v-vorteilswelt .seite:after,
#v-essenszuschuss .seite:after,#v-zukunftssicherung .seite:after,
#v-rechner .seite:after{
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23k)' opacity='.05'/%3E%3C/svg%3E"),
radial-gradient(135% 105% at 50% 42%,
rgba(226,218,201,0) 48%,rgba(214,204,183,.26) 100%);
background-size:160px 160px,auto}
#v-unternehmensbenefit .seite h3.sub.mitte,#v-mitarbeiterbenefit .seite h3.sub.mitte,
#v-goldgiftcard .seite h3.sub.mitte,#v-vorteilswelt .seite h3.sub.mitte,
#v-essenszuschuss .seite h3.sub.mitte,#v-zukunftssicherung .seite h3.sub.mitte,
#v-rechner .seite h3.sub.mitte{
width:fit-content;margin-left:auto;margin-right:auto;
background:rgba(251,248,241,.95);border-radius:var(--mb-radius);
padding:13px 30px;box-shadow:0 2px 20px -10px rgba(11,38,32,.32);
-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.seite h2.title{font-size:clamp(28px,3.8vw,42px)}
.seite h3.sub{font-size:clamp(22px,2.4vw,27px)}
.premium h3{font-size:clamp(22px,2.6vw,31px)}
.abschnitt span{font-size:12.5px}
#v-goldgiftcard .rahmen3{margin-top:22px}
#v-goldgiftcard .rahmen3 .mbk{aspect-ratio:auto;min-height:0}
#v-goldgiftcard .rahmen3 .mbk-inner{position:relative;inset:auto;padding:24px 24px 22px}
#v-goldgiftcard .rahmen3 .mbk-body{margin-top:14px}
#v-goldgiftcard .rahmen3 .mbk-zahl{display:block;font-family:var(--serif);
font-weight:700;line-height:.95;letter-spacing:-.02em;
font-size:clamp(32px,4vw,46px);margin-bottom:6px;color:var(--mb-gold-dunkel)}
#v-goldgiftcard .rahmen3 .mbk-hl{font-size:clamp(15px,1.5vw,18px);line-height:1.25}
#v-goldgiftcard .rahmen3 .mbk-note{border-top:1px solid var(--mb-line);margin-top:12px}
.abschnitt span{
color:var(--mb-gold-dunkel);
background:rgba(251,248,241,.95);
padding:8px 15px;border-radius:999px;
box-shadow:0 2px 14px -8px rgba(11,38,32,.35)}
#v-kontakt .seite:after,#v-impressum .seite:after,#v-datenschutz .seite:after,
#v-faq .seite:after{
content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23k)' opacity='.05'/%3E%3C/svg%3E"),
radial-gradient(135% 105% at 50% 42%,
rgba(226,218,201,0) 48%,rgba(214,204,183,.26) 100%);
background-size:160px 160px,auto}
#v-kontakt .seite > *,#v-impressum .seite > *,#v-datenschutz .seite > *,
#v-faq .seite > *{
position:relative;z-index:2}
@media (max-width:860px){
}
#v-kontakt .seite div.mitte,#v-kontakt .seite p.hinweis,#v-kontakt .seite p.notes{
background:rgba(251,248,241,.94);border-radius:var(--mb-radius);
box-shadow:0 2px 20px -10px rgba(11,38,32,.30);
-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
#v-kontakt .seite div.mitte{padding:24px 30px 26px;max-width:86ch;margin-left:auto;margin-right:auto}
#v-kontakt .seite p.hinweis{padding:14px 24px;max-width:80ch;margin-left:auto;margin-right:auto}
#v-kontakt .seite p.notes{padding:16px 24px}
#v-kontakt .seite h3.sub.mitte{width:fit-content;margin-left:auto;margin-right:auto;
background:rgba(251,248,241,.95);border-radius:var(--mb-radius);
padding:13px 30px;box-shadow:0 2px 20px -10px rgba(11,38,32,.32)}
.abschnitt:after{
height:2px;border-radius:2px;
background:
linear-gradient(90deg,rgba(168,126,31,.95),rgba(168,126,31,0) 92%),
linear-gradient(90deg,rgba(251,248,241,.85),rgba(251,248,241,0) 92%)}
#v-unternehmensbenefit .seite div.mitte,#v-mitarbeiterbenefit .seite div.mitte,
#v-goldgiftcard .seite div.mitte,#v-vorteilswelt .seite div.mitte,
#v-essenszuschuss .seite div.mitte,#v-zukunftssicherung .seite div.mitte,
#v-rechner .seite div.mitte,#v-kontakt .seite div.mitte,#v-faq .seite div.mitte,
#v-unternehmensbenefit .seite p.hinweis,#v-mitarbeiterbenefit .seite p.hinweis,
#v-goldgiftcard .seite p.hinweis,#v-vorteilswelt .seite p.hinweis,
#v-essenszuschuss .seite p.hinweis,#v-zukunftssicherung .seite p.hinweis,
#v-rechner .seite p.hinweis,#v-kontakt .seite p.hinweis,#v-faq .seite p.hinweis,
#v-unternehmensbenefit .seite p.notes,#v-mitarbeiterbenefit .seite p.notes,
#v-goldgiftcard .seite p.notes,#v-vorteilswelt .seite p.notes,
#v-essenszuschuss .seite p.notes,#v-zukunftssicherung .seite p.notes,
#v-rechner .seite p.notes,#v-kontakt .seite p.notes,#v-faq .seite p.notes,
#v-unternehmensbenefit .seite .kr-s,
#v-unternehmensbenefit .seite h3.sub.mitte,#v-mitarbeiterbenefit .seite h3.sub.mitte,
#v-goldgiftcard .seite h3.sub.mitte,#v-vorteilswelt .seite h3.sub.mitte,
#v-essenszuschuss .seite h3.sub.mitte,#v-zukunftssicherung .seite h3.sub.mitte,
#v-rechner .seite h3.sub.mitte,#v-kontakt .seite h3.sub.mitte,#v-faq .seite h3.sub.mitte{
background:rgba(251,248,241,.62);
border:1px solid rgba(255,255,255,.55);
box-shadow:0 8px 32px -18px rgba(11,38,32,.5);
-webkit-backdrop-filter:blur(12px) saturate(1.2);
backdrop-filter:blur(12px) saturate(1.2)}
#v-unternehmensbenefit .seite div.mitte p.lead,#v-mitarbeiterbenefit .seite div.mitte p.lead,
#v-goldgiftcard .seite div.mitte p.lead,#v-vorteilswelt .seite div.mitte p.lead,
#v-essenszuschuss .seite div.mitte p.lead,#v-zukunftssicherung .seite div.mitte p.lead,
#v-rechner .seite div.mitte p.lead,#v-kontakt .seite div.mitte p.lead,#v-faq .seite div.mitte p.lead,
#v-unternehmensbenefit .seite p.hinweis,#v-mitarbeiterbenefit .seite p.hinweis,
#v-goldgiftcard .seite p.hinweis,#v-vorteilswelt .seite p.hinweis,
#v-essenszuschuss .seite p.hinweis,#v-zukunftssicherung .seite p.hinweis,
#v-rechner .seite p.hinweis,#v-kontakt .seite p.hinweis,#v-faq .seite p.hinweis,
#v-unternehmensbenefit .seite p.notes,#v-mitarbeiterbenefit .seite p.notes,
#v-goldgiftcard .seite p.notes,#v-vorteilswelt .seite p.notes,
#v-essenszuschuss .seite p.notes,#v-zukunftssicherung .seite p.notes,
#v-rechner .seite p.notes,#v-kontakt .seite p.notes,#v-faq .seite p.notes,
#v-unternehmensbenefit .seite .kr-s{color:#3A362E}
.abschnitt span{
color:#6F5210;
background:rgba(251,248,241,.62);
border:1px solid rgba(255,255,255,.55);
-webkit-backdrop-filter:blur(12px) saturate(1.2);
backdrop-filter:blur(12px) saturate(1.2);
box-shadow:0 6px 22px -14px rgba(11,38,32,.5)}
.mbk--balken{margin-top:26px}
.mbk--balken .mbk-inner{flex:1}
.faqliste{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.faqliste + .abschnitt{margin-top:40px}
.frage{
background:rgba(251,248,241,.62);
border:1px solid rgba(255,255,255,.55);
border-radius:var(--mb-radius);
box-shadow:0 8px 32px -18px rgba(11,38,32,.5);
-webkit-backdrop-filter:blur(12px) saturate(1.2);
backdrop-filter:blur(12px) saturate(1.2);
overflow:hidden}
.frage > summary{
cursor:pointer;list-style:none;
padding:15px 22px;
font-family:var(--serif);font-weight:700;
font-size:clamp(15.5px,1.5vw,17.5px);line-height:1.35;
color:var(--mb-gruen);
display:flex;align-items:baseline;gap:16px}
.frage > summary::-webkit-details-marker{display:none}
.frage > summary::marker{content:""}
.frage > summary:after{
content:"+";margin-left:auto;flex:none;align-self:center;
font-family:var(--mb-font);font-weight:600;font-size:21px;line-height:1;
color:var(--mb-gold-dunkel)}
.frage[open] > summary:after{content:"\2013"}
.frage > summary:hover{background:rgba(184,144,42,.08)}
.frage > summary:focus-visible{outline:2px solid var(--mb-gold);outline-offset:-2px}
.antwort{padding:0 22px 18px;font-size:15px;line-height:1.65;color:#3A362E}
.antwort p{margin:0 0 11px;max-width:70ch}
.antwort p:last-child{margin-bottom:0}
.antwort ul{margin:0 0 11px;padding-left:20px}
.antwort li{margin-bottom:6px;max-width:68ch}
.antwort b{color:var(--mb-gruen)}
.antwort .platzhalter{margin-left:8px;margin-top:0;vertical-align:middle}
.status{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;
text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap}
.status--da{color:#1F6B41;background:rgba(46,125,79,.14);border:1px solid rgba(46,125,79,.45)}
.status--bau{color:var(--mb-gold-dunkel);background:var(--mb-gold-soft);border:1px solid rgba(184,144,42,.5)}
.status--bald{color:#5E574C;background:rgba(107,100,89,.12);border:1px solid var(--mb-line)}
@media (min-width:641px) and (max-width:860px){
.reihe5{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
.mbk--zwei{aspect-ratio:4/3}
}
#v-firma .next,.view.b2b .seite{
position:relative;
background-color:#EAD7C8;
background-image:var(--mb-leinen);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed}
#v-firma .next:before,.view.b2b .seite:before{
display:block;content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:var(--mb-marke-dunkel);
background-size:90px auto;
background-position:right 30px bottom 30px;
background-repeat:no-repeat;
background-attachment:fixed;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 min(70px,32%),#000 calc(100% - min(70px,32%)),transparent 100%);
mask-image:linear-gradient(to bottom,transparent 0,#000 min(70px,32%),#000 calc(100% - min(70px,32%)),transparent 100%)}
@media (max-width:700px){
#v-firma .next:before,.view.b2b .seite:before{
background-size:57px auto;
background-position:right 14px bottom 14px}
}
:root{
--mb-leinen:url(/assets/leinen-gewebe.jpg);
--mb-marke-dunkel:url(/assets/3adde7d901a0.png);
--mb-wasserzeichen:url(/assets/ea630eb36f6a.png)}
#scrim:after{content:"";position:fixed;right:24px;bottom:24px;
width:98px;height:98px;pointer-events:none;
background-image:var(--mb-marke-hell),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98' height='98'%3E%3Crect x='0.75' y='0.75' width='96.5' height='96.5' rx='18' fill='rgba(45,49,55,0.94)' stroke='rgba(184,144,42,0.45)' stroke-width='1.5'/%3E%3C/svg%3E");
background-size:76px auto,98px 98px;
background-position:center center,center center;
background-repeat:no-repeat,no-repeat}
.foot-dark,.foot-priv{position:relative}
.foot-dark:before,.foot-priv:before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:var(--mb-marke-dunkel),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Crect x='0.75' y='0.75' width='138.5' height='138.5' rx='26' fill='rgba(251,248,241,0.93)' stroke='rgba(184,144,42,0.45)' stroke-width='1.5'/%3E%3C/svg%3E");
background-size:108px auto,140px 140px;
background-position:right 40px bottom 53px,right 24px bottom 24px;
background-repeat:no-repeat,no-repeat;
background-attachment:fixed,fixed;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 min(70px,32%),#000 100%);
mask-image:linear-gradient(to bottom,transparent 0,#000 min(70px,32%),#000 100%)}
.foot-dark > .foot-in,.foot-priv > .foot-in{position:relative;z-index:1}
@media (max-width:700px){
#scrim:after{right:12px;bottom:12px;width:67px;height:67px;
background-size:50px auto,67px 67px}
.foot-dark:before,.foot-priv:before{background-size:72px auto,96px 96px;
background-position:right 24px bottom 36px,right 12px bottom 12px}
}
#v-firma .next > *,.view.b2b .seite > *{position:relative;z-index:2}
#v-firma .next:after,.view.b2b .seite:after{
display:block;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23k)'/%3E%3C/svg%3E");
background-repeat:repeat;background-size:160px 160px;
opacity:.30;mix-blend-mode:multiply}
.seite .sec > .mitte:first-child,.seite .sec > h3.sub:first-child,
.next-in > .mitte:first-child{margin-top:6px}
:root{--mb-ak:var(--mb-gold)}
.mb-ikonen{position:absolute;width:0;height:0;overflow:hidden}
.mb-ikon{display:inline-flex;align-items:center;justify-content:center;flex:none;
font-size:15px;width:2.7em;height:2.7em;border-radius:50%;
background:var(--mb-gold-soft);border:1px solid rgba(184,144,42,.45);
color:var(--mb-gruen);
box-shadow:0 2px 12px -7px rgba(11,38,32,.55)}
.mb-ikon svg{width:1.5em;height:1.5em;display:block;
fill:none;stroke:currentColor;stroke-width:1.6;
stroke-linecap:round;stroke-linejoin:round}
.mbk--gruen .mb-ikon,.mb-ikon--dunkel{
background:rgba(203,161,61,.15);border-color:rgba(203,161,61,.52);
color:#F3EEE2;--mb-ak:var(--mb-gold-hell)}
.mbk--ikon{background:var(--mb-cream);border:1px solid var(--mb-line);
box-shadow:0 1px 2px rgba(23,32,27,.05),0 14px 30px -20px rgba(23,32,27,.40)}
.mbk--ikon .mbk-inner{position:relative;inset:auto}
.mbk--ikon .mbk-hl,.mbk--ikon .mbk-sub,.mbk--ikon .mbk-kicker{text-shadow:none}
.mbk--ikon.mbk--fuenf{aspect-ratio:auto;min-height:184px}
.mbk--ikon.mbk--drei{aspect-ratio:auto;min-height:206px}
.mbk--ikon.mbk--vier{aspect-ratio:auto;min-height:176px}
.mbk--ikon .mb-ikon{margin-top:10px}
.mbk--gruen.mbk--ikon{
background:linear-gradient(165deg,var(--mb-gruen2) 0%,var(--mb-gruen) 100%);
border-color:rgba(11,38,32,.7);
box-shadow:0 1px 2px rgba(11,38,32,.22),0 16px 34px -20px rgba(11,38,32,.75)}
.mbk--gruen.mbk--ikon .mbk-kicker{color:var(--mb-gold-hell)}
.mbk--gruen.mbk--ikon .mbk-hl{color:#F5F0E6}
.mbk--gruen.mbk--ikon .mbk-sub{color:#DCD5C6}
.mbk--ikon.mbk--drei .mb-ikon{font-size:17px}
.view.on .mbk--ikon .mb-ikon{animation:mbkRein .55s ease-out .11s both}
@media (prefers-reduced-motion:reduce){
.view.on .mbk--ikon .mb-ikon{animation:none}
}
.kr--beige .kr-rund{
background:linear-gradient(150deg,#FBF4E4 0%,#F1E8D5 58%,#E7DBC1 100%);
color:var(--mb-gruen);border-color:rgba(184,144,42,.58);
box-shadow:0 14px 32px -18px rgba(11,38,32,.42)}
.kr-rund .mb-ikon{font-size:13.5px;margin:0 0 9px}
.kr--beige .mb-ikon{background:rgba(184,144,42,.16);border-color:rgba(184,144,42,.45);color:var(--mb-gruen)}
.mbk--ikon.mbk--gruen{
background:linear-gradient(158deg,#12362C 0%,#0B2620 62%,#0F3028 100%);
border:1px solid rgba(203,161,61,.36);
box-shadow:0 18px 40px -22px rgba(0,0,0,.72)}
.bv-duo--links{grid-template-columns:minmax(320px,392px) 1fr}
.hcta{position:relative;border-radius:22px;padding:24px 24px 22px;overflow:hidden;
background:linear-gradient(158deg,rgba(10,35,29,.90) 0%,rgba(7,26,21,.94) 58%,rgba(9,32,26,.95) 100%);
border:1px solid rgba(203,161,61,.42);
backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);
box-shadow:0 44px 96px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.07)}
.hcta:before{content:"";position:absolute;top:-46%;right:-16%;width:58%;height:150%;
background:radial-gradient(closest-side,rgba(203,161,61,.20),rgba(203,161,61,0) 70%);pointer-events:none}
.hcta > *{position:relative;z-index:1}
.hcta-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.18em;
text-transform:uppercase;color:var(--mb-gold-hell);
border:1px solid rgba(203,161,61,.45);border-radius:20px;padding:4px 11px}
.hcta h2{font-family:var(--serif);font-weight:700;font-size:clamp(19px,2vw,25px);
line-height:1.16;letter-spacing:-.02em;color:#fff;margin-top:14px}
.hcta p{margin-top:10px;font-size:13.5px;line-height:1.55;color:#C9C2B2;max-width:none}
.hcta-punkte{display:flex;flex-direction:column;gap:10px;margin-top:17px;
padding-top:16px;border-top:1px solid rgba(203,161,61,.24)}
.hcta-punkte span{display:flex;align-items:center;gap:11px;font-size:13.5px;color:#DCD5C6}
.hcta-punkte .mb-ikon{font-size:11.5px;display:inline-flex;color:#F3EEE2}
.hcta .btn-s{margin-top:19px;width:100%;justify-content:center}
@media (max-width:1080px){
.bv-duo--links{grid-template-columns:1fr}
.bv-duo--links .hcta{order:2;max-width:520px}
.bv-duo--links .bv-wort{order:1}
}
#v-unternehmensbenefit .seite div.mitte,#v-mitarbeiterbenefit .seite div.mitte,#v-goldgiftcard .seite div.mitte,
#v-vorteilswelt .seite div.mitte,#v-essenszuschuss .seite div.mitte,#v-zukunftssicherung .seite div.mitte,
#v-rechner .seite div.mitte,#v-kontakt .seite div.mitte,#v-faq .seite div.mitte,
#v-impressum .seite div.mitte,#v-datenschutz .seite div.mitte,
#v-unternehmensbenefit .seite p.hinweis,#v-mitarbeiterbenefit .seite p.hinweis,#v-goldgiftcard .seite p.hinweis,
#v-vorteilswelt .seite p.hinweis,#v-essenszuschuss .seite p.hinweis,#v-zukunftssicherung .seite p.hinweis,
#v-rechner .seite p.hinweis,#v-kontakt .seite p.hinweis,#v-faq .seite p.hinweis,
#v-impressum .seite p.hinweis,#v-datenschutz .seite p.hinweis,
#v-unternehmensbenefit .seite p.notes,#v-mitarbeiterbenefit .seite p.notes,#v-goldgiftcard .seite p.notes,
#v-vorteilswelt .seite p.notes,#v-essenszuschuss .seite p.notes,#v-zukunftssicherung .seite p.notes,
#v-rechner .seite p.notes,#v-kontakt .seite p.notes,#v-faq .seite p.notes,
#v-impressum .seite p.notes,#v-datenschutz .seite p.notes,
#v-unternehmensbenefit .seite h3.sub.mitte,#v-mitarbeiterbenefit .seite h3.sub.mitte,#v-goldgiftcard .seite h3.sub.mitte,
#v-vorteilswelt .seite h3.sub.mitte,#v-essenszuschuss .seite h3.sub.mitte,#v-zukunftssicherung .seite h3.sub.mitte,
#v-rechner .seite h3.sub.mitte,#v-kontakt .seite h3.sub.mitte,#v-faq .seite h3.sub.mitte,
#v-impressum .seite h3.sub.mitte,#v-datenschutz .seite h3.sub.mitte{
background:none;border:none;box-shadow:none;
-webkit-backdrop-filter:none;backdrop-filter:none;
padding-left:0;padding-right:0}
#v-unternehmensbenefit .seite div.mitte,#v-mitarbeiterbenefit .seite div.mitte,#v-goldgiftcard .seite div.mitte,
#v-vorteilswelt .seite div.mitte,#v-essenszuschuss .seite div.mitte,#v-zukunftssicherung .seite div.mitte,
#v-rechner .seite div.mitte,#v-kontakt .seite div.mitte,#v-faq .seite div.mitte,
#v-impressum .seite div.mitte,#v-datenschutz .seite div.mitte{padding-top:0;padding-bottom:0}
#v-unternehmensbenefit .seite p.hinweis,#v-mitarbeiterbenefit .seite p.hinweis,#v-goldgiftcard .seite p.hinweis,
#v-vorteilswelt .seite p.hinweis,#v-essenszuschuss .seite p.hinweis,#v-zukunftssicherung .seite p.hinweis,
#v-rechner .seite p.hinweis,#v-kontakt .seite p.hinweis,#v-faq .seite p.hinweis,
#v-impressum .seite p.hinweis,#v-datenschutz .seite p.hinweis,
#v-unternehmensbenefit .seite p.notes,#v-mitarbeiterbenefit .seite p.notes,#v-goldgiftcard .seite p.notes,
#v-vorteilswelt .seite p.notes,#v-essenszuschuss .seite p.notes,#v-zukunftssicherung .seite p.notes,
#v-rechner .seite p.notes,#v-kontakt .seite p.notes,#v-faq .seite p.notes,
#v-impressum .seite p.notes,#v-datenschutz .seite p.notes{padding-top:0;padding-bottom:0}
#v-unternehmensbenefit .seite h3.sub.mitte,#v-mitarbeiterbenefit .seite h3.sub.mitte,#v-goldgiftcard .seite h3.sub.mitte,
#v-vorteilswelt .seite h3.sub.mitte,#v-essenszuschuss .seite h3.sub.mitte,#v-zukunftssicherung .seite h3.sub.mitte,
#v-rechner .seite h3.sub.mitte,#v-kontakt .seite h3.sub.mitte,#v-faq .seite h3.sub.mitte,
#v-impressum .seite h3.sub.mitte,#v-datenschutz .seite h3.sub.mitte{
width:auto;padding-top:0;padding-bottom:0;margin-top:34px}
#v-unternehmensbenefit .seite div.mitte,#v-mitarbeiterbenefit .seite div.mitte,#v-goldgiftcard .seite div.mitte,
#v-vorteilswelt .seite div.mitte,#v-essenszuschuss .seite div.mitte,#v-zukunftssicherung .seite div.mitte,
#v-rechner .seite div.mitte,#v-kontakt .seite div.mitte,#v-faq .seite div.mitte,
#v-impressum .seite div.mitte,#v-datenschutz .seite div.mitte,
#v-unternehmensbenefit .seite p.hinweis,#v-mitarbeiterbenefit .seite p.hinweis,#v-goldgiftcard .seite p.hinweis,
#v-vorteilswelt .seite p.hinweis,#v-essenszuschuss .seite p.hinweis,#v-zukunftssicherung .seite p.hinweis,
#v-rechner .seite p.hinweis,#v-kontakt .seite p.hinweis,#v-faq .seite p.hinweis,
#v-impressum .seite p.hinweis,#v-datenschutz .seite p.hinweis,
#v-unternehmensbenefit .seite p.notes,#v-mitarbeiterbenefit .seite p.notes,#v-goldgiftcard .seite p.notes,
#v-vorteilswelt .seite p.notes,#v-essenszuschuss .seite p.notes,#v-zukunftssicherung .seite p.notes,
#v-rechner .seite p.notes,#v-kontakt .seite p.notes,#v-faq .seite p.notes,
#v-impressum .seite p.notes,#v-datenschutz .seite p.notes,
#v-unternehmensbenefit .seite h3.sub.mitte,#v-mitarbeiterbenefit .seite h3.sub.mitte,#v-goldgiftcard .seite h3.sub.mitte,
#v-vorteilswelt .seite h3.sub.mitte,#v-essenszuschuss .seite h3.sub.mitte,#v-zukunftssicherung .seite h3.sub.mitte,
#v-rechner .seite h3.sub.mitte,#v-kontakt .seite h3.sub.mitte,#v-faq .seite h3.sub.mitte,
#v-impressum .seite h3.sub.mitte,#v-datenschutz .seite h3.sub.mitte,
.seite .abschnitt span{text-shadow:0 1px 2px rgba(237,233,224,.92),0 0 6px rgba(237,233,224,.75)}
.abschnitt span{
color:#6F5210;background:none;border:none;box-shadow:none;
-webkit-backdrop-filter:none;backdrop-filter:none;
padding:0}
#v-vorteilswelt .mbk--ikon.mbk--weiss{
border-color:rgba(184,144,42,.34);
box-shadow:0 1px 2px rgba(23,32,27,.05),0 16px 34px -22px rgba(23,32,27,.45)}
.mbk{--mbk-bild:60%;--mbk-text:40%}
#v-firma .mbk{--mbk-bild:70%;--mbk-text:30%}
.mbk:has(.mbk-ph):not(.mbk--balken){
aspect-ratio:auto;height:480px;min-width:0;
flex-direction:column;justify-content:flex-end}
.mbk:not(.mbk--balken) > .mbk-ph{bottom:auto;height:var(--mbk-bild)}
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-inner{position:relative;inset:auto;
width:100%;height:var(--mbk-text);min-height:0;min-width:0;overflow:hidden;
justify-content:flex-end;gap:6px}
.mbk--gruen:has(.mbk-ph):not(.mbk--balken) .mbk-inner{background:var(--mb-cream)}
.mbk--gruen:has(.mbk-ph):not(.mbk--balken) .mbk-kicker{color:var(--mb-gold-dunkel)}
.mbk--gruen:has(.mbk-ph):not(.mbk--balken) .mbk-hl{color:var(--mb-gruen)}
.mbk--gruen:has(.mbk-ph):not(.mbk--balken) .mbk-sub{color:var(--mb-muted)}
.mbk--gruen:has(.mbk-ph):not(.mbk--balken) .mbk-mehr{color:var(--mb-gold-dunkel)}
.mbk--weiss:has(.mbk-ph):not(.mbk--balken) .mbk-inner{background:var(--mb-gruen2)}
.mbk--weiss:has(.mbk-ph):not(.mbk--balken) .mbk-kicker{color:var(--mb-gold-hell)}
.mbk--weiss:has(.mbk-ph):not(.mbk--balken) .mbk-hl{color:#fff}
.mbk--weiss:has(.mbk-ph):not(.mbk--balken) .mbk-sub{color:#DCD5C6}
.mbk--weiss:has(.mbk-ph):not(.mbk--balken) .mbk-mehr{color:var(--mb-gold-hell)}
.mbk--gruen:has(.mbk-ph):not(.mbk--balken) .mbk-note{
color:var(--mb-muted);border-top:1px solid var(--mb-line)}
.mbk--weiss:has(.mbk-ph):not(.mbk--balken) .mbk-note{
color:rgba(243,238,226,.82);border-top:1px solid rgba(243,238,226,.22)}
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-hl,
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-sub,
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-kicker,
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-mehr{text-shadow:none}
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-body{margin-top:0}
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-kicker{
background:none;border:0;box-shadow:none;padding:0;margin-bottom:0;
align-self:flex-start;font-size:10px;letter-spacing:.11em}
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-inner{padding:13px 16px 12px}
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-hl{font-size:17.5px;line-height:1.2}
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-sub{font-size:12.8px;line-height:1.5;
display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
min-width:0;overflow-wrap:anywhere}
.mbk:has(.mbk-ph):not(.mbk--balken) .mbk-mehr{margin-top:6px;font-size:12.5px}
@media (max-width:700px){
.mbk:has(.mbk-ph):not(.mbk--balken){height:360px}
}
.mbk:not(.mbk--balken) > .mbk-ov{display:none}
#v-firma .grid3{gap:30px}
#v-firma .mbk{border:1px solid rgba(184,144,42,.22)}
#v-firma .mbk--gruen:has(.mbk-ph) .mbk-inner{background:var(--mb-gruen2)}
#v-firma .mbk--gruen:has(.mbk-ph) .mbk-kicker{color:var(--mb-gold-hell)}
#v-firma .mbk--gruen:has(.mbk-ph) .mbk-hl{color:#fff}
#v-firma .mbk--gruen:has(.mbk-ph) .mbk-sub{color:#DCD5C6}
#v-firma .mbk--gruen:has(.mbk-ph) .mbk-mehr{color:var(--mb-gold-hell)}
#v-firma .mbk--weiss:has(.mbk-ph) .mbk-inner{background:var(--mb-cream)}
#v-firma .mbk--weiss:has(.mbk-ph) .mbk-kicker{color:var(--mb-gold-dunkel)}
#v-firma .mbk--weiss:has(.mbk-ph) .mbk-hl{color:var(--mb-gruen)}
#v-firma .mbk--weiss:has(.mbk-ph) .mbk-sub{color:var(--mb-muted)}
#v-firma .mbk--weiss:has(.mbk-ph) .mbk-mehr{color:var(--mb-gold-dunkel)}
.reihe4 .mbk:has(.mbk-ph):not(.mbk--balken){height:380px}
#v-partnernetzwerk .premium--foto > .pf-ph{filter:brightness(1) saturate(1.3)}
#v-partnernetzwerk .premium--foto > .pf-ov{background:rgba(255,253,247,.40)}
.foto-stv-essen{background-image:url(/assets/694b549b6207.webp)}
.foto-stv-jubilaeum{background-image:url(/assets/9a3a4d94847b.webp)}
.foto-stv-sachzuwendung{background-image:url(/assets/f2d3c3292da0.webp)}
.foto-stv-ticket{background-image:url(/assets/f1fcd2ec9cd1.webp)}
.foto-stv-veranstaltung{background-image:url(/assets/0b6248a60fa8.webp)}
.foto-stv-zukunft{background-image:url(/assets/2a6ddca2da12.webp)}
:root{--m6-green:#092e27;--m6-deep:#06221d;--m6-gold:#d7b96d;--m6-paper:#f6f7f3;--m6-ink:#133a31;--m6-muted:#536960;--m6-line:#d7e1d9;--mb-radius:14px;--mb-radius-btn:8px}
html{scroll-padding-top:100px}body{background:var(--m6-deep)}button,a,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bc963f;outline-offset:5px}body[data-view=finanz] #bg,body[data-view=finanz] #scrim,body[data-view=firma] #bg,body[data-view=firma] #scrim,body[data-view=unternehmensbenefit] #bg,body[data-view=unternehmensbenefit] #scrim{display:none}
.view.b2b .nav{background:#092e27!important;backdrop-filter:none!important;border-top:0!important;border-bottom:1px solid #ffffff20!important}.nav-in{max-width:1260px;padding:18px 30px;gap:18px}.nav ul{gap:1px}.nav ul a{font-size:14px;padding:9px 10px}.nav .logo b{font-size:21px!important;letter-spacing:-.8px}.nav .logo b span{color:var(--m6-gold)!important}.nav ul a[data-go=finanz]{color:var(--m6-gold)!important}.kipp{border-width:1px;border-color:#d7b96d!important;background:#ffffff0a!important}.kipp-b{font-size:12px;color:#c1d0c8!important}.kipp-b:first-child{color:#122e27!important}.kipp-schlitten{background:#d7b96d!important;box-shadow:none}.foot-dark{background:var(--m6-deep)}.foot-in{max-width:1260px;padding:55px 30px 30px}.foot-cols h4{font-size:14px}.foot-cols a{font-size:14px}.foot-base .fine{font-size:12px}.fdesc{font-size:14px!important}
.m6{background:var(--m6-paper);color:var(--m6-ink);font:16px/1.65 'Helvetica Neue',Helvetica,Arial,sans-serif}.m6 *{box-sizing:border-box}.m6 h1,.m6 h2,.m6 h3,.m6 p{margin:0;text-shadow:none!important}.m6 h1,.m6 h2,.m6 h3{font-family:inherit;letter-spacing:-.045em}.m6 button,.m6 input{font:inherit}.m6 button{cursor:pointer}.m6 a{text-decoration:none}.m6 [hidden]{display:none!important}.m6-wrap{max-width:1260px;margin:0 auto;padding:0 40px}.m6-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#7a652f;margin-bottom:22px}.m6-dark .m6-eyebrow{color:var(--m6-gold)}.m6-dark{background:var(--m6-green);color:#f7f8f2}.m6-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 30%,#28574785,transparent 49%),var(--m6-green)}.m6-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-top:78px;padding-bottom:70px;min-height:670px}.m6-hero h1{font-size:clamp(44px,4.8vw,67px);font-weight:500;line-height:1.045;max-width:12ch;color:#fff;letter-spacing:-.055em}.m6-hero h1 em{font:italic 1.06em/.98 Georgia,'Times New Roman',serif;color:var(--m6-gold);letter-spacing:-.045em}.m6-hero-copy>p{max-width:52ch;font-size:18px;line-height:1.75;color:#bfd0c7;margin-top:26px}.m6-actions{display:flex;align-items:center;gap:23px;margin-top:32px;flex-wrap:wrap}.m6-btn{border:1px solid transparent;background:var(--m6-gold);color:#12372d;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:14px 22px;font-size:15px!important;font-weight:700!important;border-radius:7px;transition:background .2s,transform .2s;line-height:1.4}.m6-btn:hover{background:#e7cc8c;transform:translateY(-2px)}.m6-btn svg,.m6-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.m6-link{display:inline-flex;gap:15px;align-items:center;font-size:14px;font-weight:600;color:inherit;border-bottom:1px solid #ffffff55;padding:9px 0;background:none;border-top:0;border-left:0;border-right:0}.m6-hero-copy .m6-mini{font-size:13px;letter-spacing:.01em;color:#a5bcb0;margin-top:16px}.m6-seal{display:flex;align-items:center;gap:12px;margin-top:40px;font-size:13px;color:#d3ded7}.m6-seal>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d7b96d66;border-radius:50%;color:var(--m6-gold);font-size:18px}.m6-seal b{color:white;font-weight:500}.m6-seal small{font-size:12px;color:#acc2b5;display:block}
.m6-network{position:relative;aspect-ratio:1/1;max-width:540px;width:100%;margin:0 auto}.m6-network>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.m6-orbit{fill:none;stroke:#bed6bc24;stroke-width:1}.m6-path{stroke:#d7b96d5c;stroke-width:1;fill:none;stroke-dasharray:3 7;animation:m6Flow 18s linear infinite}.m6-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:47%;aspect-ratio:1;border:1px solid #d7b96d77;border-radius:50%;background:radial-gradient(circle at 35% 25%,#2d5b49,#133d31 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 14px #d7b96d04,0 0 0 15px #d7b96d15,0 22px 70px #001b1680;text-align:center}.m6-core-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#d4be85;margin-bottom:14px}.m6-core b{font-size:27px;line-height:1.15;letter-spacing:-.045em;font-weight:500;color:#fff}.m6-core em{font:italic 22px Georgia,serif;color:var(--m6-gold);margin-top:7px}.m6-node{position:absolute;min-width:121px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;background:#123a2feF;border:1px solid #c3d7b12e;border-radius:7px;color:#edf3e9;font-size:13px;line-height:1.4;box-shadow:0 10px 30px #001b1633}.m6-node i{width:6px;height:6px;border-radius:50%;background:var(--m6-gold);box-shadow:0 0 12px #d7b96d77}.m6-node.n1{left:50%;top:2%;transform:translateX(-50%)}.m6-node.n2{right:0;top:27%}.m6-node.n3{right:0;bottom:20%}.m6-node.n4{left:50%;bottom:0;transform:translateX(-50%)}.m6-node.n5{left:0;bottom:20%}.m6-node.n6{left:0;top:27%}.m6-network-caption{position:relative;text-align:center;margin-top:25px!important;color:#b4cbbd;font-size:13px;letter-spacing:.015em}.m6-band{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8d7c926;padding-top:24px;padding-bottom:24px;gap:22px}.m6-band>div{display:flex;gap:14px;align-items:center}.m6-band svg{width:26px;height:26px;stroke:var(--m6-gold);stroke-width:1.5;fill:none;flex:none}.m6-band strong{display:block;font-size:14px;font-weight:500;color:#f6f8ed}.m6-band small{font-size:12px;color:#afc3b7;display:block}
.m6-section{padding:100px 0}.m6-section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:end;margin-bottom:46px}.m6 h2{font-size:clamp(32px,3.5vw,47px);font-weight:500;line-height:1.13;max-width:20ch}.m6 h2 em{font-family:Georgia,serif;font-weight:400;color:#887139}.m6-section-head p{color:var(--m6-muted);font-size:17px;line-height:1.8}.m6-section-head .m6-eyebrow{margin-bottom:17px}.m6-services{display:grid;grid-template-columns:1fr 1fr;gap:20px}.m6-service{padding:38px;background:#fff;border:1px solid var(--m6-line);border-radius:12px;overflow:hidden;position:relative}.m6-service.m6-feature{background:var(--m6-green);color:#f7f8f2;border-color:var(--m6-green)}.m6-service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.m6-num{font-size:12px;letter-spacing:.15em;color:#8a9690}.m6-service-top svg{width:30px;height:30px;stroke:#9d8240;fill:none;stroke-width:1.3}.m6-service h3{font-size:28px;line-height:1.15;font-weight:500;max-width:20ch}.m6-service p{font-size:16px;line-height:1.75;color:var(--m6-muted);margin-top:19px}.m6-feature p{color:#bed0c3}.m6-service .m6-result{font-size:14px;color:#31563f;border-top:1px solid #d9e3d8;margin-top:26px;padding-top:20px}.m6-feature .m6-result{border-color:#ffffff20;color:#dcc891}.m6-mini-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:35px 0 4px;font-size:12px}.m6-mini-flow span{padding:11px 13px;background:#edf2ea;border-radius:5px;text-align:center;flex:1;line-height:1.3}.m6-mini-flow b{font-size:16px;font-weight:400;color:#9b854f}.m6-feature .m6-mini-flow span{background:#ffffff0c;color:#d5e5d7}.m6-finance-bars{margin-top:30px;display:flex;border-radius:5px;overflow:hidden;min-height:40px;gap:3px}.m6-finance-bars span{font-size:12px;padding:12px 9px;flex:1;background:#e3e9df;text-align:center;line-height:1.4}.m6-finance-bars span:nth-child(2){background:#dac58e}.m6-finance-bars span:nth-child(3){background:#234a3b;color:#fff}.m6-cost-trio{display:flex;gap:8px;margin-top:30px}.m6-cost-trio>span{flex:1;border:1px solid #dbe3d7;border-radius:6px;text-align:center;padding:14px 9px;font-size:13px}.m6-cost-trio svg{width:22px;height:22px;stroke:#9d8240;fill:none;stroke-width:1.4;display:block;margin:0 auto 9px}.m6-note{font-size:12px!important;color:#6f7e73!important;margin-top:13px!important;line-height:1.5!important}
.m6-scenario{background:#edf1e9;border-top:1px solid #dce5d9;border-bottom:1px solid #dce5d9}.m6-scenario-grid{display:grid;grid-template-columns:.95fr 1.3fr;gap:70px;align-items:center}.m6-scenario-copy>p{font-size:17px;color:var(--m6-muted);margin-top:25px}.m6-options{display:grid;gap:10px;margin-top:30px}.m6-option{display:flex;text-align:left;gap:12px;align-items:center;width:100%;padding:16px 18px;border:1px solid #cdd9cd;border-radius:7px;color:#42614f;background:transparent;font-size:15px!important;transition:.2s}.m6-option span{margin-left:auto}.m6-option[aria-pressed=true]{background:#153e30;border-color:#153e30;color:#fff;box-shadow:0 8px 20px #0a2d2610}.m6-scenario-result{background:#fff;border:1px solid #d6e0d3;border-radius:12px;padding:35px;box-shadow:0 20px 50px #0d322509}.m6-scenario-result>small{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#887139}.m6-scenario-result h3{font-size:29px;line-height:1.15;font-weight:500;margin-top:13px}.m6-chain{margin:30px 0}.m6-chain-step{display:grid;grid-template-columns:38px 1fr;gap:18px;position:relative;padding-bottom:25px}.m6-chain-step:last-child{padding-bottom:0}.m6-chain-step:not(:last-child):before{content:'';position:absolute;top:34px;bottom:0;left:17px;border-left:1px solid #d4dfce}.m6-chain-step>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eff3ea;border:1px solid #d6e1ce;color:#56714e;font-size:13px}.m6-chain-step strong{font-size:15px;display:block;font-weight:600}.m6-chain-step p{font-size:14px;color:var(--m6-muted);margin-top:5px;line-height:1.6}.m6-scenario-outcome{background:#eff3e8;border-radius:7px;padding:19px 22px}.m6-scenario-outcome small{color:#748369;display:block;font-size:12px;margin-bottom:5px}.m6-scenario-outcome p{font-size:17px;font-weight:500;line-height:1.5}.m6-scenario-result.m6-flash{animation:m6Fade .3s ease-out}
.m6-comparison{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #d5dfd4;border-radius:12px;overflow:hidden;margin-top:40px}.m6-compare-side{padding:35px 40px;background:#eef1eb}.m6-compare-side:last-child{background:var(--m6-green);color:white}.m6-compare-side small{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#60725f}.m6-compare-side:last-child small{color:var(--m6-gold)}.m6-compare-side h3{font-size:27px;font-weight:500;margin-top:11px;margin-bottom:25px;line-height:1.2}.m6-compare-row{border-top:1px solid #cfd9cb;padding:17px 0;display:grid;grid-template-columns:25px 1fr;gap:10px;font-size:15px}.m6-compare-side:last-child .m6-compare-row{border-color:#ffffff20;color:#d8e3d7}.m6-compare-row span:first-child{color:#8e7b49}.m6-compare-side:last-child .m6-compare-row span:first-child{color:var(--m6-gold)}.m6-value-line{margin-top:38px!important;color:var(--m6-muted);font-size:16px;max-width:76ch}.m6-value-line b{color:var(--m6-ink);font-weight:500}
.m6-tech{position:relative;overflow:hidden;background:#0a2c23}.m6-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.m6-tech h2{max-width:18ch}.m6-tech p{margin-top:25px;color:#b8cebf;font-size:17px}.m6-tech-steps{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.m6-tech-steps h3{font-size:17px;font-weight:500;letter-spacing:-.015em}.m6-tech-steps p{font-size:14px;margin-top:7px}.m6-tech-steps svg{width:25px;height:25px;fill:none;stroke:var(--m6-gold);stroke-width:1.4;margin-bottom:12px}.m6-tech-card{border:1px solid #ffffff25;border-radius:12px;background:#ffffff06;padding:28px;transform:rotate(-2deg)}.m6-tech-top{display:flex;justify-content:space-between;gap:10px;color:#d3dfd1;font-size:12px;padding-bottom:20px;border-bottom:1px solid #ffffff20}.m6-tech-top span{color:var(--m6-gold)}.m6-tech-row{display:grid;grid-template-columns:34px 1fr 22px;gap:14px;align-items:center;border:1px solid #ffffff1a;background:#1e4234;border-radius:6px;padding:18px;margin-top:13px;font-size:14px}.m6-tech-row>b{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;border:1px solid #ffffff2a;font-weight:400;color:var(--m6-gold)}.m6-tech-row small{display:block;font-size:12px;color:#b0c6b4}.m6-tech-row>span:last-child{color:var(--m6-gold)}.m6-tech-card>p{font-size:13px;text-align:center;margin-top:23px;color:#c7d9c7}.m6-tech-card .m6-note{color:#acc0ad!important;text-align:center}
.m6-process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:47px}.m6-process article{position:relative}.m6-process article:not(:last-child):before{content:'';position:absolute;top:22px;left:55px;right:-14px;border-top:1px solid #cbd8c9}.m6-process .m6-stepnum{width:44px;height:44px;background:#f6f7f3;border:1px solid #bdcdb9;display:grid;place-items:center;border-radius:50%;color:#8a753d;font-size:14px;position:relative;margin-bottom:23px}.m6-process h3{font-size:21px;letter-spacing:-.03em;font-weight:500}.m6-process p{margin-top:12px;color:var(--m6-muted);font-size:15px;line-height:1.7}.m6-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.m6-faq-grid h2{max-width:12ch}.m6-faq details{border-bottom:1px solid #d1ddce;padding:0 0 20px;margin-bottom:22px}.m6-faq summary{font-size:17px;font-weight:500;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;line-height:1.4}.m6-faq summary:after{content:'+';color:#8c7846;font-size:24px;font-weight:400;line-height:1}.m6-faq summary::-webkit-details-marker{display:none}.m6-faq details[open] summary:after{content:'−'}.m6-faq details p{color:var(--m6-muted);font-size:15px;line-height:1.8;margin-top:18px}.m6-closing{padding:85px 0;background:#d7b96d;color:#133a2e}.m6-closing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.m6-closing h2{font-size:clamp(35px,4vw,52px);max-width:18ch}.m6-closing p{margin-top:22px;color:#3f563c;font-size:17px;max-width:52ch}.m6-closing .m6-btn{background:#10372c;color:white;margin-bottom:12px}.m6-closing .m6-mini{font-size:13px;margin-top:4px}.m6-closing .m6-eyebrow{color:#4e603c}
.m6-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.m6-offer{display:flex;flex-direction:column;border:1px solid #d4dfd0;border-radius:10px;padding:33px;background:white;transition:transform .2s,box-shadow .2s}.m6-offer:hover{transform:translateY(-4px);box-shadow:0 15px 35px #113d2510}.m6-offer:first-child{background:#113b2d;color:white}.m6-offer svg{width:35px;height:35px;fill:none;stroke:#a99050;stroke-width:1.3;margin-bottom:30px}.m6-offer .m6-eyebrow{margin-bottom:12px}.m6-offer:first-child .m6-eyebrow{color:var(--m6-gold)}.m6-offer h3{font-size:26px;font-weight:500;line-height:1.15}.m6-offer p{font-size:15px;color:#62745f;margin-top:18px;margin-bottom:30px;line-height:1.7}.m6-offer:first-child p{color:#bfceba}.m6-offer .m6-link{margin-top:auto;align-self:flex-start;border-color:#b9c9b3}.m6-offer-photo{min-height:280px;position:relative;border-radius:10px;overflow:hidden;margin-bottom:23px;background-size:cover;background-position:center}.m6-offer-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b2e27b3,transparent 65%)}.m6-offer-photo span{position:absolute;bottom:24px;left:25px;z-index:1;color:white;font-size:24px;letter-spacing:-.03em}.m6-wide-link{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:24px;padding:26px 30px;border:1px solid #d1ddcb;border-radius:8px;font-size:16px;color:#2d503a}.m6-wide-link span:last-child{color:#8a753d;font-size:24px}.m6-proof{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.m6-proof-photo{height:410px;border-radius:10px;background-size:cover;background-position:center}.m6-proof-copy>p{color:var(--m6-muted);font-size:17px;margin-top:25px}.m6-proof-copy .m6-link{color:#254a34;border-color:#b0c4a5;margin-top:23px}.m6-home-brand{font-family:Georgia,serif;color:var(--m6-gold);font-size:20px;letter-spacing:-.02em;display:block;margin-bottom:30px}.m6-home .m6-hero h1{max-width:12ch}.m6-home .m6-hero-copy>p{max-width:50ch}.m6-contact-top{max-width:760px}.m6-contact-top>p{font-size:18px;color:var(--m6-muted);margin-top:25px}.m6-contact-actions{display:flex;gap:18px;flex-wrap:wrap;margin:35px 0}.m6-contact-card{background:white;border:1px solid var(--m6-line);padding:35px;border-radius:10px;max-width:760px}.m6-contact-card label{display:block;font-size:14px;margin-bottom:8px}.m6-contact-card select,.m6-contact-card textarea{font:inherit;color:var(--m6-ink);padding:12px;border:1px solid #c2d0bd;border-radius:6px;background:#f9faf7;width:100%;margin-bottom:22px}.m6-contact-card textarea{min-height:120px;resize:vertical}.m6-contact-card .m6-note{max-width:70ch}.m6-inquiry-status{font-size:14px;margin-top:20px!important;color:#526746}
.view.b2b>.seite{background:#f6f7f3}.view.b2b .seite .sec{max-width:1220px}.view.b2b .hero.kurz{background:#0c3229;min-height:340px}.view.b2b .hero.kurz .hero-in{padding-top:52px;padding-bottom:48px}.view.b2b .hero.kurz h1{font-size:clamp(32px,4.4vw,52px);font-weight:500;max-width:23ch}.view.b2b .hero.kurz .sub{font-size:17px;max-width:65ch}.mbk .mbk-hl{letter-spacing:-.03em}.mbk .mbk-sub{font-size:15px}.mbk--link{transition:transform .2s,box-shadow .2s}.mbk--link:hover{transform:translateY(-3px)}.m6-skip{position:fixed;left:16px;top:-80px;z-index:200;background:#d7b96d;color:#12372d;padding:12px 20px;border-radius:5px}.m6-skip:focus{top:16px}
@keyframes m6Flow{to{stroke-dashoffset:-200}}@keyframes m6Fade{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.m6-hero-grid{min-height:740px}}@media(max-width:1080px){.nav-in{padding:16px 22px;gap:10px}.nav ul a{padding:8px;font-size:13px}.kipp-b{padding:5px 8px}.m6-wrap{padding-left:30px;padding-right:30px}.m6-hero-grid{gap:30px;padding-top:65px;min-height:620px}.m6-hero h1{font-size:52px}.m6-network{max-width:440px}.m6-node{font-size:12px;min-width:105px;padding:10px}.m6-core b{font-size:23px}.m6-core em{font-size:20px}.m6-core-label{font-size:9px}.m6-scenario-grid,.m6-tech-grid{gap:38px}.m6-service{padding:29px}.m6-section-head{gap:40px}.m6-offer{padding:26px}.m6-band{gap:12px}.m6-band strong{font-size:13px}.m6-band small{font-size:12px}}
@media(max-width:820px){.nav-in{flex-wrap:wrap}.nav .right{margin-left:auto}.nav ul{order:3;flex-basis:100%;margin:0;justify-content:center;overflow-x:auto}.nav ul a{font-size:13px;padding:7px 11px;white-space:nowrap}.m6-hero-grid{grid-template-columns:1fr;padding-top:52px;padding-bottom:40px;gap:48px;min-height:auto}.m6-hero h1{max-width:15ch;font-size:clamp(44px,8.5vw,62px)}.m6-hero-copy>p{max-width:60ch}.m6-network{max-width:470px}.m6-network-caption{margin-top:18px!important}.m6-band{grid-template-columns:1fr 1fr;gap:22px}.m6-section{padding:70px 0}.m6-section-head,.m6-scenario-grid,.m6-tech-grid,.m6-faq-grid,.m6-closing-grid,.m6-proof{grid-template-columns:1fr;gap:30px}.m6-section-head p{max-width:64ch}.m6-scenario-result{padding:28px}.m6-options{grid-template-columns:repeat(3,1fr)}.m6-option{padding:13px;font-size:13px!important}.m6-option span{display:none}.m6-tech-card{transform:none;margin-top:10px}.m6-process{grid-template-columns:1fr 1fr;gap:32px}.m6-process article:nth-child(2):before{display:none}.m6-offers{grid-template-columns:1fr}.m6-offer{padding:32px}.m6-offer h3{max-width:none}.m6-offer p{max-width:65ch;margin-bottom:22px}.m6-offer svg{margin-bottom:20px}.m6-proof-photo{height:340px;order:2}.m6-comparison{grid-template-columns:1fr 1fr}.m6-compare-side{padding:27px}.m6-compare-side h3{font-size:24px}.m6-closing{padding:65px 0}.m6-faq-grid h2{max-width:18ch}}
@media(max-width:560px){.m6-wrap{padding-left:22px;padding-right:22px}.m6-hero-grid{padding-top:38px;gap:40px}.m6-hero h1{font-size:44px;max-width:12ch}.m6-eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:20px}.m6-hero-copy>p{font-size:16px;line-height:1.75;margin-top:23px}.m6-actions{gap:18px}.m6-btn{padding:14px 18px;font-size:14px!important;gap:15px}.m6-seal{margin-top:29px}.m6-network{max-width:400px}.m6-node{min-width:90px;font-size:11px;padding:10px 8px;gap:6px}.m6-core{width:48%}.m6-core b{font-size:21px}.m6-core em{font-size:18px}.m6-core-label{font-size:8px;letter-spacing:.1em;margin-bottom:10px}.m6-node.n2,.m6-node.n6{top:24%}.m6-node.n3,.m6-node.n5{bottom:18%}.m6-network-caption{font-size:12px}.m6-band{padding-top:23px;padding-bottom:23px;gap:19px 12px}.m6-band>div{gap:9px}.m6-band svg{width:21px;height:21px}.m6-band small{font-size:11px}.m6-band strong{font-size:12px}.m6-section{padding:57px 0}.m6 h2{font-size:34px;max-width:19ch}.m6-section-head{margin-bottom:30px}.m6-section-head p{font-size:16px}.m6-services{grid-template-columns:1fr;gap:15px}.m6-service{padding:27px}.m6-service h3{font-size:27px}.m6-service p{font-size:15px}.m6-mini-flow span{padding:11px 5px}.m6-options{grid-template-columns:1fr;gap:8px}.m6-option{font-size:14px!important;padding:14px 17px}.m6-option span{display:block}.m6-scenario-result{padding:25px}.m6-scenario-result h3{font-size:27px}.m6-chain-step{gap:13px}.m6-comparison{grid-template-columns:1fr}.m6-compare-side{padding:29px}.m6-compare-row{font-size:14px}.m6-tech-card{padding:20px}.m6-tech-row{padding:15px 13px;gap:10px}.m6-tech-steps{gap:20px}.m6-tech-steps h3{font-size:16px}.m6-process{gap:30px 24px}.m6-process h3{font-size:19px}.m6-process p{font-size:14px}.m6-faq-grid{gap:34px}.m6-faq summary{font-size:16px}.m6-closing h2{font-size:37px}.m6-closing p{font-size:16px}.nav-in{padding:13px 18px 9px;gap:10px}.nav .logo b{font-size:19px!important}.nav ul{justify-content:flex-start}.nav ul a{padding:7px 10px;font-size:12px}.nav .right .kipp-b{padding:5px 7px;font-size:11px}.m6-contact-card{padding:24px}.m6-wide-link{padding:22px;font-size:15px}.m6-note{font-size:12px!important}.foot-in{padding:40px 22px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.m6 *, .m6 *:before,.m6 *:after{animation:none!important;transition:none!important}.m6-tech-card{transform:none}#bg video{display:none}}
.m6-contact-h1{font-size:clamp(36px,4vw,52px);font-weight:500;line-height:1.14}.m6-contact-h1 em{font:italic 1em Georgia,serif;color:#887139}
@media(max-width:860px){.view.b2b .nav ul{display:flex;overflow-x:auto;flex-basis:100%;order:3;margin:0}.view.b2b .kipp{display:grid}.view.b2b .nav-in{flex-wrap:wrap}.view.b2b .nav ul a{font-size:13px;padding:7px 9px}.view.b2b .nav ul li{flex:none}}
@media print{.nav,.m6-actions,.foot-dark,.m6-options{display:none!important}.m6-section{padding:30px 0}.m6{print-color-adjust:exact;-webkit-print-color-adjust:exact}.m6-service,.m6-scenario-result,.m6-process article{break-inside:avoid}}
.m6-motion{display:block;margin:9px auto 0;border:0;background:none;color:#a9c0ae;font:12px Helvetica,Arial,sans-serif;padding:8px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.m6-motion:hover{color:#e0cd9a}body.m6-paused .m6-path{animation-play-state:paused}.m6-dark h2 em{color:#d7b96d}.m6-feature .m6-num{color:#b2c3b4}.m6-proof-photo{background-size:cover!important}
body[data-view=partnernetzwerk] #bg,body[data-view=partnernetzwerk] #scrim{display:none}
#v-partnernetzwerk{--p-forest:#082e27;--p-night:#051e1a;--p-gold:#dabb79;--p-paper:#f5f6f1;--p-ink:#163c32;--p-muted:#5c7065;--p-line:#d6e0d4;background:var(--p-paper)}
#v-partnernetzwerk .nav{background:#051e1a!important;border-color:#ffffff18!important}.p7{color:var(--p-ink);background:var(--p-paper);font:16px/1.7 'Helvetica Neue',Arial,sans-serif;overflow:hidden}.p7 *{box-sizing:border-box}.p7 h1,.p7 h2,.p7 h3,.p7 p{margin:0;text-shadow:none;max-width:none}.p7 h1,.p7 h2,.p7 h3{font-family:inherit;font-weight:500;letter-spacing:-.05em;line-height:1.07}.p7 h2{font-size:clamp(36px,4.2vw,58px)}.p7 h3{font-size:25px}.p7 button,.p7 input,.p7 select{font:inherit}.p7 button{cursor:pointer}.p7 a{text-decoration:none}.p7 button:focus-visible,.p7 a:focus-visible,.p7 input:focus-visible,.p7 select:focus-visible,.p7 summary:focus-visible,.p7 canvas:focus-visible{outline:3px solid #b69548;outline-offset:5px}.p7 [hidden]{display:none!important}.p7-inner{max-width:1320px;padding:0 52px;margin:0 auto}.p7-section{padding:110px 0}.p7-caption{font-size:14px;line-height:1.55;color:var(--p-muted)}.p7-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;letter-spacing:.01em}.p7-label:before{content:'';width:7px;height:7px;background:var(--p-gold);border-radius:50%;flex:none}.p7-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;border-radius:6px;padding:17px 25px;min-height:56px;font-size:15px!important;font-weight:600!important;line-height:1.4;background:var(--p-gold);color:#133c31;transition:background .2s,transform .2s}.p7-button:hover{background:#ead1a0;transform:translateY(-2px)}.p7-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}.p7-link{display:inline-flex;align-items:center;gap:16px;color:inherit;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:15px}.p7-cta-row{display:flex;align-items:center;gap:30px;margin-top:35px;flex-wrap:wrap}
.p7-hero{background:radial-gradient(ellipse at 74% 44%,#22534665,transparent 53%),#051e1a;color:#fff;position:relative;isolation:isolate}.p7-hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#dabb7955,transparent)}.p7-hero-in{position:relative;display:grid;grid-template-columns:1.04fr 1fr;gap:20px;min-height:720px;align-items:center;padding-top:66px;padding-bottom:54px}.p7-hero-copy{position:relative;z-index:3;padding-bottom:20px}.p7-hero-copy .p7-label{color:#c9d7c8;margin-bottom:30px}.p7-hero h1{font-size:clamp(49px,5.45vw,76px);line-height:1.015;letter-spacing:-.063em;color:#fcfcf5;max-width:11ch;font-weight:500}.p7-hero-copy>p{font-size:18px;color:#b8cbbc;max-width:45ch;margin-top:29px;line-height:1.8}.p7-hero .p7-link{font-size:14px;color:#d6e0d1;border-color:#adbea580}.p7-hero .p7-small{font-size:13px;margin-top:17px;color:#93ad9d}.p7-scene-wrap{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.p7-scene{position:relative;aspect-ratio:1.03;min-height:420px;margin:0 -50px 0 -10px;isolation:isolate}.p7-scene canvas{width:100%;height:100%;position:absolute;inset:0;display:block;cursor:grab;touch-action:pan-y}.p7-scene canvas:active{cursor:grabbing}.p7-scene:before{content:'';position:absolute;width:72%;height:50%;top:28%;left:18%;border-radius:50%;background:radial-gradient(ellipse,#c7ad6513,transparent 65%);pointer-events:none}.p7-scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.p7-3d-label{position:absolute;left:50%;top:50%;font-size:12px;color:#d4decf;padding:6px 11px;border:1px solid #b2c0a733;background:#0b3028d9;backdrop-filter:blur(6px);border-radius:4px;white-space:nowrap;transition:opacity .2s;pointer-events:none}.p7-3d-label.is-core{color:#f7e5bb;background:#103428eb;font-size:14px;font-weight:500;padding:10px 17px;border-color:#c4ab6b70;box-shadow:0 8px 35px #00190f50}.p7-scene-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative;z-index:4;color:#adc0ae;font-size:12px;padding:0 0 8px}.p7-scene-tools>span{display:flex;align-items:center;gap:8px}.p7-scene-tools svg{width:18px;height:18px;stroke:var(--p-gold);fill:none;stroke-width:1.2}.p7-scene-buttons{display:flex;gap:7px}.p7-scene-buttons button{font-size:12px;border:1px solid #9db29355;background:none;color:#c4d3bd;padding:8px 10px;border-radius:5px;min-height:35px}.p7-scene-buttons button:hover{background:#ffffff0a;color:white}.p7-scene-description{text-align:center;color:#72957f;font-size:11px;margin-top:8px}.p7-fallback{position:absolute;inset:10%;border:1px solid #bca76345;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22%;align-content:center;text-align:center;transform:rotate(-10deg)}.p7-fallback strong{grid-column:1/-1;color:#e4c889;font-size:27px;line-height:1.1;font-weight:500}.p7-fallback span{font-size:12px;color:#c5d6c1}.p7-scene.is-ready .p7-fallback{display:none}.p7-hero-bottom{border-top:1px solid #abc49925;display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:26px;padding-bottom:31px;gap:35px}.p7-hero-bottom>div{display:grid;grid-template-columns:29px 1fr;gap:15px;align-items:start}.p7-hero-bottom svg{width:25px;height:25px;stroke:var(--p-gold);fill:none;stroke-width:1.3}.p7-hero-bottom b{font-size:15px;font-weight:500;display:block;color:#e0e9d9}.p7-hero-bottom span{font-size:13px;line-height:1.65;color:#95b09b;display:block;margin-top:4px}
.p7-manifesto{padding:90px 0 80px;text-align:center}.p7-manifesto .p7-label{justify-content:center;color:#6b7c67;margin-bottom:28px}.p7-manifesto h2{max-width:28ch;margin:auto;font-size:clamp(33px,4vw,55px);line-height:1.15}.p7-manifesto>div>p{max-width:66ch;margin:25px auto 0;color:var(--p-muted);font-size:17px;line-height:1.85}.p7-photo-ribbon{display:grid;grid-template-columns:1.05fr 1.4fr 1.05fr;gap:17px;max-width:1510px;padding:0 28px;margin:0 auto}.p7-photo-tile{position:relative;overflow:hidden;border-radius:10px;min-height:350px;background:#cbd4c3}.p7-photo-tile:nth-child(1),.p7-photo-tile:nth-child(3){margin-top:38px;margin-bottom:38px}.p7-photo-tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s}.p7-photo-tile:hover img{transform:scale(1.045)}.p7-photo-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#031e18c4,transparent 65%)}.p7-photo-tile div{position:absolute;z-index:2;left:27px;right:22px;bottom:25px;color:#fff}.p7-photo-tile h3{font-size:28px;letter-spacing:-.025em;line-height:1.1}.p7-photo-tile p{font-size:13px;margin-top:8px;color:#d6e2ce}.p7-image-note{max-width:1320px;margin:18px auto 0;padding:0 52px;text-align:right;font-size:11px;color:#7c8a77}.p7-content-head{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:end;margin-bottom:47px}.p7-content-head p{font-size:17px;line-height:1.8;color:var(--p-muted)}.p7-content-head h2{max-width:17ch}.p7-dual{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d1decc;overflow:hidden;border-radius:12px}.p7-dual-side{padding:44px;position:relative}.p7-dual-side:last-child{background:#0f3b2e;color:#f5f8ef}.p7-dual-side>span{font-size:14px;color:#738367}.p7-dual-side:last-child>span{color:#cbbb80}.p7-dual-side h3{font-size:36px;max-width:15ch;margin-top:18px;margin-bottom:25px;line-height:1.15}.p7-dual-side>p{font-size:16px;color:#607258;max-width:46ch;line-height:1.8}.p7-dual-side:last-child>p{color:#bdceb3}.p7-dual-graphic{height:155px;margin:30px 0 0;position:relative;display:flex;align-items:center;justify-content:center;gap:13px}.p7-dual-graphic>span{padding:17px 18px;border:1px solid #d1dcca;background:#eef2e8;border-radius:7px;text-align:center;font-size:14px;line-height:1.5;color:#355b3f}.p7-dual-graphic svg{width:27px;height:27px;fill:none;stroke:#9e8745;stroke-width:1.25;display:block;margin:0 auto 8px}.p7-dual-graphic>b{color:#9a8350;font-size:20px;font-weight:400}.p7-dual-side:last-child .p7-dual-graphic>span{background:#214b39;border-color:#577c5144;color:#d8e3cd}.p7-dual-side:last-child .p7-dual-graphic svg{stroke:#dabb79}.p7-dual-note{border-top:1px solid #cedcc6;padding-top:20px;font-size:13px!important}.p7-dual-side:last-child .p7-dual-note{border-color:#ffffff1e}
.p7-example-section{background:#e8eee3;border-top:1px solid #d4e0cc;border-bottom:1px solid #d4e0cc}.p7-example{display:grid;grid-template-columns:1fr 1.12fr;gap:80px;align-items:center}.p7-example-copy .p7-label{color:#708063;margin-bottom:22px}.p7-example h2{max-width:16ch}.p7-example-copy>p{font-size:17px;line-height:1.8;color:var(--p-muted);margin-top:24px;max-width:49ch}.p7-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}.p7-tab{border:1px solid #bed0b5;background:transparent;color:#546e48;padding:11px 16px;border-radius:25px;font-size:14px!important}.p7-tab[aria-pressed=true]{background:#123d2d;border-color:#123d2d;color:#fafbf4}.p7-example-answer{margin-top:30px;max-width:50ch}.p7-example-answer h3{font-size:21px;line-height:1.3}.p7-example-answer p{font-size:15px;line-height:1.8;color:var(--p-muted);margin-top:12px}.p7-phone-scene{position:relative;display:flex;justify-content:center;padding:5px 25px 15px}.p7-phone{position:relative;width:300px;background:#fbfcf8;border:7px solid #1c3428;border-radius:38px;padding:24px 15px 20px;box-shadow:16px 22px 0 -9px #092a2526,20px 35px 70px #173e2929;transform:rotate(4deg);color:#153a2c;isolation:isolate}.p7-phone-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#62745a;padding:0 9px 14px}.p7-phone-top>span:nth-child(2){width:74px;height:18px;background:#1c3428;border-radius:14px;position:absolute;left:50%;transform:translateX(-50%);top:10px}.p7-phone-brand{font-weight:700;font-size:16px;margin:9px 5px 1px;letter-spacing:-.6px}.p7-phone-intro{font-size:12px;margin:0 5px 15px!important;color:#748468}.p7-phone-filter{display:flex;gap:8px;padding:9px 11px;background:#e9eee3;border-radius:8px;font-size:11px;margin-bottom:15px}.p7-phone-filter svg{width:14px;height:14px;stroke:#48683e;fill:none;stroke-width:1.6}.p7-phone-card{border:1px solid #dbe4d3;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #1a44200b}.p7-phone-photo{height:190px;width:100%;object-fit:cover;display:block}.p7-phone-card>div{padding:17px}.p7-phone-card small{font-size:10px;color:#7a875e}.p7-phone-card h3{font-size:21px;line-height:1.1;margin:5px 0 10px;letter-spacing:-.03em}.p7-phone-benefit{padding:10px 12px;background:#edf3e5;border-radius:6px;color:#4e6e30;font-size:13px;font-weight:500}.p7-phone-card p{color:#79836b;font-size:11px;margin-top:10px}.p7-phone-nav{display:flex;justify-content:space-around;padding:24px 0 4px;color:#8a977c;font-size:9px;text-align:center}.p7-phone-nav span:first-child{color:#365b2b}.p7-phone-nav svg{width:19px;height:19px;display:block;margin:0 auto 5px;stroke:currentColor;fill:none;stroke-width:1.5}.p7-phone:after{content:'';height:4px;width:83px;background:#172f2290;border-radius:4px;position:absolute;bottom:7px;left:50%;transform:translateX(-50%)}.p7-floating-note{position:absolute;right:-5px;bottom:70px;padding:16px 20px;background:#fafcf6;border:1px solid #d4dfc9;border-radius:10px;box-shadow:0 10px 35px #14332719;transform:rotate(-5deg);z-index:3;max-width:195px;font-size:13px;line-height:1.5}.p7-floating-note b{display:block;font-size:15px;font-weight:500;color:#365932;margin-bottom:4px}.p7-example-disclaimer{margin-top:24px;font-size:12px;color:#7c8d70;text-align:center}
.p7-principles{display:grid;grid-template-columns:.82fr 1.2fr;gap:95px;align-items:start}.p7-principles h2{max-width:12ch}.p7-principles-intro>p{color:var(--p-muted);font-size:16px;margin-top:24px;line-height:1.85}.p7-principle{display:grid;grid-template-columns:48px 1fr;gap:25px;padding:29px 0;border-top:1px solid #d0ddc8}.p7-principle:last-child{border-bottom:1px solid #d0ddc8}.p7-principle svg{width:31px;height:31px;stroke:#8d773b;fill:none;stroke-width:1.3}.p7-principle h3{font-size:24px;letter-spacing:-.03em}.p7-principle p{color:var(--p-muted);font-size:16px;line-height:1.8;margin-top:12px}.p7-link-finanz{margin-top:33px;padding:22px 26px;background:#e7eddf;border-radius:8px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:14px;color:#49643d}.p7-link-finanz b{display:block;font-size:16px;font-weight:500;line-height:1.5}.p7-link-finanz span:last-child{font-size:24px}
.p7-builder-section{background:#082f25;color:#f3f6e8;position:relative}.p7-builder-head{display:grid;grid-template-columns:1.08fr 1fr;gap:100px;align-items:end;margin-bottom:50px}.p7-builder-head h2{max-width:17ch}.p7-builder-head p{font-size:17px;color:#adcaac;line-height:1.8}.p7-builder{display:grid;grid-template-columns:1fr 1fr;gap:50px}.p7-builder-form label{font-size:14px;color:#c7d8bc;display:block;margin-bottom:9px}.p7-builder-form input,.p7-builder-form select{width:100%;background:#ffffff07;border:1px solid #8fab7770;border-radius:6px;color:#f4f7e8;padding:14px 16px;min-height:52px;font-size:16px;margin-bottom:23px}.p7-builder-form input::placeholder{color:#799a73}.p7-builder-form option{background:#123b29;color:#fff}.p7-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.p7-builder-form .p7-caption{color:#8dab80;font-size:13px;margin-top:17px}.p7-builder-preview{background:#f7f9ef;border-radius:12px;padding:31px;color:#153e2b;box-shadow:0 25px 60px #00190e30;display:flex;flex-direction:column;justify-content:center}.p7-builder-preview>.p7-label{color:#81906a;font-size:12px;margin-bottom:25px}.p7-preview-card{display:grid;grid-template-columns:130px 1fr;gap:23px;align-items:center}.p7-preview-card img{width:130px;height:170px;border-radius:8px;object-fit:cover}.p7-preview-card small{font-size:12px;color:#7e8b67}.p7-preview-card h3{font-size:28px;line-height:1.15;margin-top:7px;overflow-wrap:anywhere}.p7-preview-card .p7-preview-offer{font-size:16px;color:#47683b;margin-top:17px;line-height:1.5;overflow-wrap:anywhere}.p7-preview-bottom{border-top:1px solid #dce4d1;display:flex;justify-content:space-between;gap:20px;margin-top:26px;padding-top:22px;font-size:12px;color:#788666}.p7-builder-preview>p{font-size:13px;line-height:1.75;color:#7b8867;margin-top:26px}.p7-draft-status{font-size:14px!important;color:#dabb79!important;min-height:22px}.p7-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.p7-faq h2{max-width:12ch}.p7-faq details{border-bottom:1px solid #cedcc5;padding-bottom:21px;margin-bottom:24px}.p7-faq summary{font-size:17px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:25px;cursor:pointer;line-height:1.4}.p7-faq summary::-webkit-details-marker{display:none}.p7-faq summary:after{content:'+';font-size:24px;color:#9a8551;line-height:1}.p7-faq details[open] summary:after{content:'−'}.p7-faq details p{font-size:15px;color:var(--p-muted);line-height:1.85;margin-top:19px}.p7-finale{background:#dabb79;padding:78px 0}.p7-finale .p7-inner{display:grid;grid-template-columns:1.15fr .9fr;align-items:center;gap:70px}.p7-finale h2{font-size:clamp(40px,4.5vw,62px);max-width:16ch}.p7-finale p{font-size:17px;color:#42583b;line-height:1.8}.p7-finale .p7-button{background:#123c2a;color:#f5f7e9;margin-top:25px}.p7-finale .p7-button:hover{background:#24513a}.p7-finale small{display:block;font-size:13px;color:#5e6c47;margin-top:14px}
@media(min-width:1500px){.p7-hero-in{min-height:795px}.p7-scene{margin-right:-80px}.p7-hero h1{font-size:82px}}@media(max-width:1100px){.p7-inner{padding:0 32px}.p7-hero-in{padding-top:60px;padding-bottom:45px;min-height:660px}.p7-hero h1{font-size:61px}.p7-hero-copy>p{font-size:17px;max-width:40ch}.p7-scene{margin-left:-35px;margin-right:-45px;min-height:400px}.p7-hero .p7-cta-row{gap:22px}.p7-hero-bottom{padding-top:25px;padding-bottom:29px}.p7-example{gap:40px}.p7-content-head,.p7-principles,.p7-builder-head,.p7-faq{gap:50px}.p7-photo-tile{min-height:300px}.p7-dual-side{padding:32px}.p7-dual-graphic>span{padding:13px;font-size:12px}.p7-dual-graphic{gap:10px}.p7-floating-note{right:-8px}.p7-preview-card{grid-template-columns:105px 1fr;gap:18px}.p7-preview-card img{width:105px;height:160px}.p7-preview-card h3{font-size:24px}}
@media(max-width:820px){.p7-hero-in{grid-template-columns:1fr;gap:5px;padding-top:52px;padding-bottom:20px;min-height:0}.p7-hero-copy{padding-bottom:0;max-width:640px}.p7-hero h1{font-size:66px;max-width:15ch}.p7-hero-copy>p{max-width:55ch}.p7-scene-wrap{max-width:580px;width:100%;margin:auto}.p7-scene{margin:-15px -10px 0;min-height:0;aspect-ratio:1.22}.p7-scene-tools{padding:0 10px 10px}.p7-scene-description{margin-top:0}.p7-hero-bottom{margin-top:35px;gap:22px}.p7-hero-bottom b{font-size:14px}.p7-hero-bottom span{font-size:12px}.p7-hero-bottom>div{grid-template-columns:1fr;gap:10px}.p7-section{padding:75px 0}.p7-manifesto{padding:65px 0}.p7-content-head{grid-template-columns:1fr;gap:24px}.p7-content-head p{max-width:64ch}.p7-photo-ribbon{padding:0 22px;gap:12px;grid-template-columns:1fr 1fr 1fr}.p7-photo-tile{min-height:280px}.p7-photo-tile:nth-child(1),.p7-photo-tile:nth-child(3){margin:20px 0}.p7-photo-tile div{left:17px;right:15px;bottom:19px}.p7-photo-tile h3{font-size:23px}.p7-photo-tile p{font-size:12px}.p7-image-note{padding:0 32px}.p7-dual-side{padding:29px}.p7-dual-side h3{font-size:29px}.p7-dual-side>p{font-size:15px}.p7-dual-graphic{flex-wrap:wrap;height:auto;min-height:145px;gap:9px}.p7-dual-graphic>span{font-size:12px;padding:10px}.p7-dual-graphic svg{width:22px;height:22px}.p7-example{grid-template-columns:1fr 1fr;gap:25px}.p7-example h2{font-size:39px}.p7-example-copy>p{font-size:16px}.p7-phone{width:270px}.p7-phone-photo{height:165px}.p7-phone-scene{padding:0 4px 15px}.p7-floating-note{right:-6px;bottom:48px;max-width:164px;padding:12px 15px;font-size:12px}.p7-floating-note b{font-size:13px}.p7-principles{grid-template-columns:1fr;gap:37px}.p7-principles-intro h2{max-width:22ch}.p7-principles-intro>p{max-width:65ch}.p7-builder-head{grid-template-columns:1fr;gap:25px}.p7-builder{gap:28px}.p7-form-pair{grid-template-columns:1fr;gap:0}.p7-builder-preview{padding:24px}.p7-preview-card{grid-template-columns:1fr;gap:16px}.p7-preview-card img{width:100%;height:140px}.p7-faq{grid-template-columns:1fr;gap:35px}.p7-faq h2{max-width:22ch}.p7-finale .p7-inner{gap:35px}.p7-finale h2{font-size:42px}.p7-finale p{font-size:16px}}
@media(max-width:560px){.p7-inner{padding-left:22px;padding-right:22px}.p7-hero-in{padding-top:40px;padding-bottom:15px}.p7-hero-copy .p7-label{font-size:13px;margin-bottom:23px}.p7-hero h1{font-size:clamp(46px,11.3vw,60px);line-height:1.025;max-width:12ch}.p7-hero-copy>p{font-size:16px;line-height:1.8;margin-top:23px}.p7-cta-row{gap:22px;margin-top:29px}.p7-button{min-height:51px;padding:15px 19px;gap:18px;font-size:14px!important}.p7-hero .p7-small{font-size:12px;margin-top:15px}.p7-scene{margin:6px -20px 0;aspect-ratio:1.06}.p7-scene-tools{font-size:11px;padding:0;flex-wrap:wrap;justify-content:center;gap:10px 25px}.p7-scene-buttons button{font-size:11px;padding:7px 9px}.p7-scene-description{font-size:10px;margin-top:9px}.p7-3d-label{font-size:10px;padding:4px 7px}.p7-3d-label.is-core{font-size:12px;padding:8px 10px}.p7-hero-bottom{gap:18px;margin-top:27px;padding-top:24px;padding-bottom:27px}.p7-hero-bottom b{font-size:12px;line-height:1.5}.p7-hero-bottom span{font-size:11px;line-height:1.6}.p7-hero-bottom svg{width:22px;height:22px}.p7-manifesto{padding:57px 0 42px}.p7-manifesto h2{font-size:35px;line-height:1.18}.p7-manifesto .p7-label{font-size:13px;margin-bottom:23px}.p7-manifesto>div>p{font-size:16px;margin-top:20px}.p7-photo-ribbon{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 22px 12px}.p7-photo-tile{min-width:77vw;height:315px;min-height:315px;scroll-snap-align:center}.p7-photo-tile:nth-child(1),.p7-photo-tile:nth-child(3){margin:0}.p7-photo-tile h3{font-size:29px}.p7-photo-tile div{left:23px;bottom:24px}.p7-photo-tile p{font-size:13px}.p7-image-note{text-align:left;padding:0 22px;margin-top:10px;font-size:11px}.p7-section{padding:60px 0}.p7 h2{font-size:37px}.p7-content-head{margin-bottom:30px;gap:22px}.p7-content-head p{font-size:16px}.p7-dual{grid-template-columns:1fr}.p7-dual-side{padding:30px}.p7-dual-side h3{font-size:32px;max-width:17ch}.p7-dual-graphic{min-height:135px;flex-wrap:nowrap;margin-top:20px}.p7-dual-graphic>span{padding:12px;font-size:12px}.p7-example{grid-template-columns:1fr;gap:37px}.p7-example h2{font-size:38px;max-width:17ch}.p7-example-copy>p{margin-top:22px}.p7-tabs{margin-top:25px}.p7-example-answer{margin-top:25px}.p7-example-answer h3{font-size:21px}.p7-phone-scene{max-width:370px;margin:auto;width:100%;padding:0 25px 15px}.p7-phone{width:285px}.p7-phone-photo{height:180px}.p7-floating-note{right:0;bottom:52px}.p7-example-disclaimer{font-size:11px;margin-top:21px}.p7-principles-intro>p{font-size:16px}.p7-principle{gap:17px;grid-template-columns:31px 1fr;padding:25px 0}.p7-principle h3{font-size:22px}.p7-principle p{font-size:15px}.p7-principle svg{width:26px;height:26px}.p7-builder-head{gap:23px;margin-bottom:31px}.p7-builder-head p{font-size:16px}.p7-builder{grid-template-columns:1fr;gap:31px}.p7-builder-preview{padding:27px}.p7-preview-card{grid-template-columns:100px 1fr;gap:18px}.p7-preview-card img{width:100px;height:160px}.p7-preview-card h3{font-size:24px}.p7-preview-card .p7-preview-offer{font-size:14px;margin-top:12px}.p7-preview-bottom{font-size:11px}.p7-faq{gap:33px}.p7-faq summary{font-size:16px}.p7-finale{padding:57px 0}.p7-finale .p7-inner{grid-template-columns:1fr;gap:25px}.p7-finale h2{font-size:41px}.p7-finale p{font-size:16px}.p7-finale small{font-size:12px}.p7-builder-form input,.p7-builder-form select{font-size:16px}.p7-phone-brand{font-size:16px}}
.p7-dual-side{min-width:0}
@media(max-width:380px){.p7-hero h1{font-size:40px}.p7 h2{font-size:32px}.p7-dual-side{padding:25px}.p7-dual-side h3{font-size:27px;overflow-wrap:break-word}.p7-dual-graphic>span{font-size:10px;padding:10px 3px}.p7-preview-card{grid-template-columns:82px minmax(0,1fr);gap:13px}.p7-preview-card img{width:82px}.p7-builder-preview{padding:22px}.p7-preview-card h3{font-size:22px}.p7-phone-scene{padding-left:15px;padding-right:15px}.p7-phone{min-width:250px}.p7-floating-note{right:-5px;max-width:150px}}
@media(max-width:560px){.p7-dual{grid-template-columns:minmax(0,1fr)}.p7-dual-graphic{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);gap:5px}.p7-dual-graphic>span{padding:12px 5px;font-size:11px}.p7-dual-graphic>b{font-size:17px}.p7-dual-graphic svg{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.p7 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.p7-photo-tile:hover img{transform:none}.p7-phone,.p7-floating-note{transform:none}}
@media print{.p7-scene-tools,.p7-builder-form,.p7-cta-row{display:none}.p7-section{padding:30px 0}.p7{print-color-adjust:exact;-webkit-print-color-adjust:exact}.p7-dual-side,.p7-phone,.p7-principle{break-inside:avoid}}
:root{--v8-font:Helvetica,'Helvetica Neue',Arial,sans-serif;--mb-font:var(--v8-font);--mb-font-marke:var(--v8-font);--serif:var(--v8-font);--v8-ink:#123e32;--v8-muted:#536b60;--v8-green:#07372b;--v8-night:#062820;--v8-gold:#dbbd7c;--v8-paper:#f7f8f4;--v8-mist:#e9efe6;--v8-line:#ccd8cb;--v8-radius:14px;color-scheme:light}
html{scroll-behavior:auto;scroll-padding-top:90px}body{margin:0;font:16px/1.7 var(--v8-font);color:var(--v8-ink);background:var(--v8-paper)}body,button,input,textarea,select,h1,h2,h3,h4,h5,h6,.hero-marke,.m6,.p7,.logo,.fbrand{font-family:var(--v8-font)!important}button,input,select,textarea{font-size:16px}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b78314;outline-offset:5px}button[disabled]{cursor:default;opacity:.5}[hidden]{display:none!important}svg{flex:none}img{max-width:100%}.view{position:relative;z-index:2}.v8{background:var(--v8-paper);color:var(--v8-ink);font:16px/1.75 var(--v8-font);overflow:clip}.v8 *{box-sizing:border-box}.v8 h1,.v8 h2,.v8 h3,.v8 p{margin:0;text-shadow:none;max-width:none}.v8 h1,.v8 h2,.v8 h3{font-weight:500;letter-spacing:-.05em;line-height:1.07;color:inherit}.v8 h1{font-size:clamp(42px,5.15vw,73px);letter-spacing:-.057em}.v8 h2{font-size:clamp(34px,3.5vw,49px)}.v8 h3{font-size:26px;line-height:1.2;letter-spacing:-.03em}.v8 p{color:var(--v8-muted)}.v8 a{text-decoration:none}.v8-wrap{max-width:1320px;padding:0 50px;margin:auto}.v8-section{padding:96px 0}.v8-dark{background:var(--v8-night);color:#f7f9f0}.v8-dark p{color:#bdd0bf}.v8-mist{background:var(--v8-mist)}.v8-eyebrow{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;font-weight:500;color:var(--v8-muted);margin-bottom:24px}.v8-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#a5853f;flex:none}.v8-dark .v8-eyebrow{color:#c9dbc9}.v8-dark .v8-eyebrow:before{background:var(--v8-gold)}.v8-btn{display:inline-flex;gap:25px;align-items:center;justify-content:center;padding:16px 23px;min-height:54px;background:var(--v8-green);color:#fff!important;border:1px solid transparent;border-radius:6px;font-weight:600;font-size:15px;line-height:1.5;text-decoration:none;transition:transform .2s,background .2s}.v8-btn:hover{background:#15513f;transform:translateY(-2px)}.v8-dark .v8-btn{background:var(--v8-gold);color:#12382d!important}.v8-dark .v8-btn:hover{background:#ebd09b}.v8-btn svg,.v8-text-link svg,.v8-choice-list svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.v8-text-link{display:inline-flex;gap:15px;align-items:center;min-height:44px;font-size:15px;border-bottom:1px solid #6b7e66;color:inherit;font-weight:500;margin-top:22px}.v8-dark .v8-text-link{color:#e1cb93}.v8-caption,.v8-source{font-size:13px!important;line-height:1.75!important;color:var(--v8-muted)!important;margin-top:22px!important}.v8-source{border-top:1px solid var(--v8-line);padding-top:18px}.v8-source a{text-decoration:underline;text-underline-offset:3px}.v8-dark .v8-caption{color:#bdcbbd!important}.v8-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.v8-skip{position:fixed;z-index:300;left:20px;top:0;transform:translateY(-130%);padding:12px 20px;background:#fff;color:#123e32;border:2px solid #b78314}.v8-skip:focus{transform:translateY(10px)}
/* A single navigation system, shared by all 22 pages. */
.v8-nav{position:sticky;top:0;z-index:80;background:#062820;color:#f8faef;border-bottom:1px solid #d6dcb426}.v8-nav-inner{height:78px;max-width:1450px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:28px}.v8-logo{font-size:22px;font-weight:700;letter-spacing:-.9px;text-decoration:none;white-space:nowrap}.v8-logo span{color:#dbbd7c}.v8-nav-links{display:flex;gap:5px;margin-left:auto;align-items:center}.v8-nav-links a{font-size:14px;font-weight:500;padding:11px 13px;border-radius:5px;text-decoration:none}.v8-nav-links a[aria-current=page]{color:#f5dfae;background:#ffffff0d}.v8-nav-links a:hover{background:#ffffff10}.v8-menu-toggle{background:none;border:1px solid #9cab8980;color:#fff;border-radius:6px;display:flex;gap:12px;align-items:center;padding:10px 15px;min-height:44px;font-size:14px}.v8-menu-toggle svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5}.v8-menu-dialog{max-width:min(1140px,calc(100vw - 40px));width:100%;max-height:85dvh;background:#f7f8f4;color:#123e32;border:0;border-radius:14px;padding:35px 40px;box-shadow:0 30px 100px #00190c70}.v8-menu-dialog::backdrop,.v8-privacy-dialog::backdrop{background:#001c168a;backdrop-filter:blur(5px)}.v8-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid #ccd8cb;gap:20px}.v8-menu-head p{color:#506957;font-size:15px}.v8-close{border:1px solid #c5d3be;background:none;color:#123e32;border-radius:50%;width:44px;height:44px;font-size:26px;line-height:1}.v8-menu-columns{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:42px;padding:30px 0}.v8-menu-columns h2{font-size:14px;text-transform:uppercase;letter-spacing:.07em;color:#6d7658;margin-bottom:13px;font-weight:600}.v8-menu-columns a{display:block;padding:9px 0;color:#173f2e;line-height:1.35;text-decoration:none;font-size:17px;min-height:42px}.v8-menu-columns a:hover{color:#8b651a}.v8-menu-bottom{border-top:1px solid #ccd8cb;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.v8-menu-bottom a{color:#254f36;text-decoration:none;font-size:14px}.v8-footer{position:relative;z-index:3;background:#05271f;color:#c7d7c3;padding:66px 0 24px}.v8-footer .v8-wrap{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr;gap:40px}.v8-footer .v8-logo{color:#fff;font-size:25px}.v8-footer p{font-size:14px;line-height:1.8;margin-top:18px;max-width:29ch}.v8-footer h2{font-size:14px;letter-spacing:.02em;color:#e2c486;margin:0 0 20px;font-weight:500}.v8-footer a:not(.v8-logo),.v8-footer button{display:block;color:#c8d8c7;font-size:14px;text-decoration:none;padding:5px 0;background:none;border:0;line-height:1.6;text-align:left;min-height:33px}.v8-footer a:hover,.v8-footer button:hover{color:#fff;text-decoration:underline}.v8-footer-bottom{max-width:1220px;margin:40px auto 0;border-top:1px solid #c6d9aa26;padding:20px 0 0;font-size:12px;color:#aabdac;display:flex;gap:20px;justify-content:space-between;line-height:1.7}.v8-video-control{position:fixed;bottom:24px;right:24px;z-index:30;color:#e7eadb;background:#083b2ced;border:1px solid #abb99c;border-radius:30px;font-size:13px;min-height:44px;padding:10px 16px;box-shadow:0 5px 25px #001e1450}.v8-video-control[hidden]{display:none}.v8-privacy-dialog{max-width:570px;width:calc(100vw - 36px);border:0;border-radius:14px;padding:30px;background:#f7f8f4;color:#123e32}.v8-privacy-dialog h2{font-size:28px;letter-spacing:-.04em;line-height:1.15}.v8-privacy-dialog p{font-size:15px;line-height:1.8;color:#4d6758;margin:17px 0}.v8-privacy-state{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ccd8cb;padding:16px 0;gap:20px;font-size:14px}.v8-privacy-state b{font-weight:500;color:#184633}.v8-privacy-dialog .v8-btn{margin-top:20px;width:100%}
/* Preserve the three existing entry-page compositions and video stage. */
body:not([data-view=firma]):not([data-view=unternehmensbenefit]):not([data-view=mitarbeiterbenefit]):not([data-view=start]):not([data-view=privat]):not([data-view=vormerken]) #bg,body:not([data-view=firma]):not([data-view=unternehmensbenefit]):not([data-view=mitarbeiterbenefit]):not([data-view=start]):not([data-view=privat]):not([data-view=vormerken]) #scrim{display:none}body[data-view=firma] .m6-hero,body[data-view=unternehmensbenefit] .m6-hero{background:linear-gradient(90deg,#04271cec,#04271c9c)!important}body[data-view=mitarbeiterbenefit] .hero{background:transparent}.m6 em{font-style:normal}.m6 .m6-network-caption,.m6 .m6-mini,.m6 .m6-note,.m6 .m6-motion{font-size:14px}.m6-dark .m6-note,.m6-dark .m6-mini{color:#c4d5c4}.m6-core-label,.m6-core em{color:#c9d7bd!important}.m6-home .m6-proof-photo{background-image:url('/assets/1bd1b11540a3.webp')!important}.m6-offer:nth-child(1)>svg{background-image:url('/assets/1bd1b11540a3.webp')}.m6-offer:nth-child(2)>svg{background-image:url('/assets/8216660714c5.webp')}.m6-offer:nth-child(3)>svg{background-image:url('/assets/9295ad728595.webp')}.m6-offer>svg{width:100%;height:150px;padding:150px 0 0;object-fit:cover;background-size:cover;background-position:center;border-radius:7px;margin-bottom:23px!important;stroke:none!important}.m6-offer h3{line-height:1.15}.m6 .m6-btn,.btn-gold{background:#dbbd7c!important;color:#123e32!important}.m6 .m6-link{color:inherit}.m6 .m6-section h2{max-width:none}.hcta .hcta-tag,.hcta .hcta-punkte{color:#21432e!important}
/* Shared editorial structure; the visuals remain specific to each subject. */
.v8-hero{padding:25px 0 78px}.v8-crumb{display:flex;gap:11px;align-items:center;font-size:13px;color:#607562;line-height:1.4;min-height:30px;margin-bottom:35px;flex-wrap:wrap}.v8-crumb>a{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.v8-crumb svg{display:none}.v8-dark .v8-crumb{color:#b4c8b4}.v8-hero-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:60px;align-items:center;min-height:480px}.v8-hero-grid>div,.v8-hero-visual{min-width:0}.v8-hero .v8-lead{font-size:18px;line-height:1.85;max-width:49ch;margin:26px 0 30px}.v8-hero-visual{align-self:center}.v8-photo-hero{position:relative;margin:0;min-height:400px;height:460px;overflow:hidden;border-radius:12px}.v8-photo-hero img{width:100%;height:100%;object-fit:cover;display:block}.v8-photo-hero:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#062f22b5,transparent)}.v8-photo-hero figcaption{position:absolute;bottom:25px;left:27px;right:27px;font-size:14px;color:#fff;z-index:2;line-height:1.5}.v8-section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:end;margin-bottom:43px}.v8-section-head p{font-size:17px;line-height:1.8}.v8-section-head h2{max-width:21ch}.v8-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.v8-points article{border-top:1px solid var(--v8-line);padding-top:29px}.v8-points svg{width:31px;height:31px;fill:none;stroke:#8c7034;stroke-width:1.3;margin-bottom:22px}.v8-points h3{margin-bottom:16px}.v8-points p{font-size:16px;line-height:1.85}.v8-twin{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--v8-line);border-radius:12px;overflow:hidden}.v8-twin article{padding:42px;min-width:0}.v8-twin article:nth-child(2){background:#103e2f;color:#f6f9ee}.v8-twin article:nth-child(2) p{color:#c7d6be}.v8-number{display:block;color:#9b803e;font-size:14px;margin-bottom:30px}.v8-twin h3{font-size:33px;line-height:1.12;margin-bottom:22px}.v8-twin p{font-size:16px;line-height:1.85}.v8-takeaway{font-size:14px!important;margin-top:25px!important;padding-top:22px;border-top:1px solid #c0ceae80;color:inherit!important}.v8-editorial{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.v8-editorial>div{min-width:0}.v8-editorial img{width:100%;height:400px;object-fit:cover;border-radius:12px;display:block}.v8-editorial p{font-size:17px;line-height:1.85;margin-top:26px}.v8-split-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:95px;align-items:start}.v8-split-heading>div{min-width:0}.v8-split-heading h2{max-width:16ch}.v8-accordion details{border-bottom:1px solid var(--v8-line);padding-bottom:23px;margin-bottom:24px}.v8-accordion summary{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;list-style:none;font-size:17px;line-height:1.5;font-weight:500;cursor:pointer;padding:3px 0;min-height:40px}.v8-accordion summary::-webkit-details-marker{display:none}.v8-accordion summary:after{content:'+';font-size:24px;color:#8b7138;line-height:1.05;flex:none}.v8-accordion details[open] summary:after{content:'−'}.v8-accordion details p{font-size:16px;line-height:1.85;margin-top:18px}.v8-end{padding:72px 0;background:#dbbd7c;color:#123e32}.v8-end .v8-wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}.v8-end h2{font-size:clamp(36px,4vw,55px)}.v8-end p{font-size:17px;color:#385338;line-height:1.8;margin-bottom:25px}.v8-wallet{height:475px;position:relative;perspective:1000px}.v8-wallet-card{position:absolute;width:330px;height:225px;left:calc(50% - 165px);top:52px;border-radius:18px;background:linear-gradient(130deg,#d6b676,#f2daa7 55%,#a88946);color:#143a2c;padding:26px 30px;transform:rotate(-13deg) rotateY(-8deg);box-shadow:15px 30px 70px #00180d60;border:1px solid #f1dea9}.v8-wallet-card:after{content:'';position:absolute;right:25px;top:72px;width:90px;height:90px;border:1px solid #84612860;border-radius:50%;box-shadow:0 0 0 13px #c8a76f70,0 0 0 26px #d9b97d50}.v8-wallet-card>svg{position:absolute;width:24px;height:24px;right:25px;top:24px;stroke:currentColor;fill:none;stroke-width:1.25}.v8-wallet-card>span{font-size:15px;font-weight:700;display:block}.v8-wallet-card>b{font-size:28px;line-height:1.1;letter-spacing:-.03em;display:block;margin-top:27px;font-weight:500}.v8-wallet-card>small{font-size:12px;display:block;margin-top:19px}.v8-wallet-card:nth-child(2){top:170px;transform:rotate(9deg) rotateY(-8deg);background:linear-gradient(130deg,#194c3a,#073125);color:#eee6c8;border-color:#76977570;left:calc(50% - 130px)}.v8-wallet-card:nth-child(2):after{border-color:#d9b87840;box-shadow:0 0 0 13px #d4b77310,0 0 0 26px #d4b7730a}.v8-wallet-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#bfd0b8;font-size:14px}.v8-occasion{border:1px solid var(--v8-line);border-radius:12px;padding:35px;background:#eaf0e4}.v8-segment{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:27px}.v8-segment button{padding:10px 17px;min-height:45px;font-size:14px;border:1px solid #adbea5;border-radius:30px;color:#36573e;background:transparent;font-weight:500;line-height:1.4}.v8-segment button[aria-pressed=true]{background:#12452f;color:#fff;border-color:#12452f}.v8-segment button:hover{border-color:#17472c}.v8-occasion-result{display:grid;grid-template-columns:.8fr 1fr;gap:45px;align-items:center;padding:30px 20px 15px}.v8-occasion-number{font-size:clamp(54px,7.5vw,100px);line-height:1;letter-spacing:-.07em;color:#a38443}.v8-occasion-result p{margin-top:16px}.v8-meal-tool{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.v8-meal-tool>div>p{font-size:17px;margin:25px 0;line-height:1.85}.v8-meal-tool .v8-field{max-width:390px}.v8-meal-result{padding:50px;background:#103e30;color:#f9faef;border-radius:14px;box-shadow:0 22px 70px #163c2912}.v8-meal-result small{display:block;font-size:15px;color:#c2d3b9}.v8-meal-result strong{display:block;font-size:clamp(57px,6.8vw,86px);line-height:1.2;letter-spacing:-.06em;font-weight:500;margin-top:12px;color:#e5ca8c;font-variant-numeric:tabular-nums}.v8-meal-result>span{display:block;font-size:18px;margin-top:12px;color:#edf3df}.v8-meal-result p{font-size:14px!important;color:#bfceb7!important;padding-top:25px;border-top:1px solid #c8d2ad50;margin-top:30px!important;margin-bottom:0!important}.v8-future-art{height:430px;border:1px solid #94ac8550;border-radius:18px;padding:32px;position:relative;background:linear-gradient(145deg,#204c37,#072c23);box-shadow:22px 25px 0 -13px #d4b574}.v8-future-art>span{font-size:15px;color:#cad7bc}.v8-future-art>strong{position:absolute;left:32px;bottom:28px;font-size:27px;line-height:1.1;letter-spacing:-.035em;font-weight:500;color:#f4f6e9}.v8-future-bars{height:210px;margin:27px 0 0;display:flex;gap:13px;align-items:end;transform:skewY(-7deg);padding:0 13px}.v8-future-bars i{position:relative;height:var(--height);flex:1;background:linear-gradient(90deg,#a58a51,#e8d298 55%,#bf9f5e);border-radius:4px 4px 1px 1px;box-shadow:8px 5px 0 #b69b5660;border:1px solid #ebd9a985}.v8-future-bars b{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:12px;color:#4a4f24;font-style:normal;font-weight:500}.v8-mosaic{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;height:450px;transform:rotate(3deg);padding:15px}.v8-mosaic img{height:210px;width:100%;object-fit:cover;border-radius:11px}.v8-mosaic img:nth-child(1){grid-row:span 2;height:100%;margin-top:-15px}.v8-mosaic>span{position:absolute;left:10%;right:6%;bottom:35px;padding:17px 24px;background:#f8faed;color:#234731;border-radius:8px;box-shadow:0 12px 40px #0526162b;font-size:15px;transform:rotate(-6deg)}.v8-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.v8-world-card{border-radius:12px;overflow:hidden;background:#f9fbf3;border:1px solid #cddbc1}.v8-world-card>img{width:100%;height:255px;object-fit:cover;display:block}.v8-world-card>div{padding:25px}.v8-world-card small{font-size:13px;color:#567148}.v8-world-card h3{font-size:27px;margin-top:12px}.v8-finance-art{height:470px;position:relative;padding-top:24px;perspective:900px}.v8-art-tag{display:block;text-align:center;color:#bdcdb6;font-size:14px}.v8-finance-core{position:absolute;left:50%;top:110px;width:163px;height:183px;transform:translateX(-50%) rotateY(-14deg) rotateX(7deg);border:1px solid #cfb471;border-radius:25px;background:linear-gradient(145deg,#507a52,#133e2d 48%,#073326);box-shadow:12px 18px 0 -3px #bda56e,27px 38px 75px #001f1660;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f3edcc}.v8-finance-core>svg{width:33px;height:33px;fill:none;stroke:#d9bf83;stroke-width:1.25;margin-bottom:15px}.v8-finance-core>b{font-size:32px;line-height:1.06;font-weight:500;letter-spacing:-.045em}.v8-finance-orbit{position:absolute;inset:86px 10px 95px;border:1px solid #8ca27850;transform:rotate(-13deg);border-radius:50%}.v8-finance-orbit span{position:absolute;border:1px solid #bda36885;padding:9px 15px;border-radius:6px;background:#173e2e;color:#e1ce9b;font-size:14px;transform:rotate(13deg);box-shadow:0 8px 25px #001c1150}.v8-finance-orbit span:nth-child(1){left:-6px;top:36px}.v8-finance-orbit span:nth-child(2){right:-9px;top:60px}.v8-finance-orbit span:nth-child(3){bottom:-15px;left:37%}.v8-finance-base{position:absolute;left:0;right:0;bottom:17px;display:flex;gap:20px;justify-content:center;align-items:center;color:#b9c9ad;font-size:13px}.v8-finance-base span+span:before{content:'·';margin-right:20px;color:#cfb87e}.v8-finance-explorer{display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:start}.v8-finance-explorer>div>p{font-size:17px;margin:25px 0 30px}.v8-choice-list{display:grid;gap:12px}.v8-choice-list button{display:flex;align-items:center;gap:17px;width:100%;text-align:left;border:1px solid #bdcfb4;border-radius:7px;background:none;padding:16px 18px;color:#2c5135;line-height:1.5;font-size:15px}.v8-choice-list button>span{color:#8f7d46;font-size:13px}.v8-choice-list button>svg{margin-left:auto}.v8-choice-list button[aria-pressed=true]{color:#fff;background:#11402e;border-color:#11402e}.v8-choice-list button[aria-pressed=true]>span{color:#ddc589}.v8-finance-result{padding:38px;background:#fcfdf8;border:1px solid #d0dfc6;border-radius:13px;box-shadow:0 17px 60px #2853270c}.v8-finance-result>small{font-size:13px;color:#657858}.v8-finance-result>h3{font-size:29px;line-height:1.17;margin:18px 0 28px}.v8-step{display:grid;grid-template-columns:39px 1fr;gap:18px;align-items:start;border-top:1px solid var(--v8-line);padding:24px 0}.v8-step>span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;border:1px solid #bdcea9;color:#947733;font-size:13px}.v8-step h3{font-size:20px;letter-spacing:-.02em}.v8-step p{font-size:15px;margin-top:9px;line-height:1.8}.v8-finance-result .v8-takeaway{background:#e9efdf;padding:19px;border:0;border-radius:7px;margin-top:0!important;color:#405d32!important}.v8-tax-art{display:grid;grid-template-columns:1fr 1fr;gap:14px;transform:rotate(3deg)}.v8-tax-art>div{padding:30px;border:1px solid #bfd0b2;border-radius:10px;background:#edf2e3;display:flex;flex-direction:column}.v8-tax-art>div:nth-child(1){grid-row:span 2;justify-content:center;background:#123e2e;color:#f0ddaa}.v8-tax-art strong{font-size:44px;letter-spacing:-.05em;font-weight:500;line-height:1.1;white-space:nowrap}.v8-tax-art span{font-size:14px;margin-top:15px}.v8-tax-art>p{grid-column:1/-1;font-size:12px;line-height:1.7;margin-top:13px}.v8-tax-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.v8-tax-grid article{padding:30px;border:1px solid var(--v8-line);border-radius:11px;background:#fff}.v8-tax-grid strong{font-size:37px;letter-spacing:-.05em;font-weight:500;color:#927438;display:block;margin-bottom:28px}.v8-tax-grid h3{font-size:23px;margin-bottom:17px}.v8-tax-grid p{font-size:15px;line-height:1.8}.v8-question-art{height:360px;position:relative;display:flex;align-items:center;justify-content:center;gap:20px}.v8-question-art>span{font-size:250px;color:#d5bc84;font-weight:500;letter-spacing:-.1em;line-height:1;transform:rotate(-9deg);text-shadow:8px 9px 0 #e6dab5}.v8-question-art>b{font-size:29px;font-weight:500;line-height:1.13;letter-spacing:-.04em;color:#2f5437}.v8-faq-layout{display:grid;grid-template-columns:.75fr 1.2fr;gap:100px}.v8-faq-layout>aside{position:sticky;top:110px;align-self:start}.v8-faq-layout>aside p{margin-top:25px;font-size:17px;max-width:28ch}.v8-app-start{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}.v8-app-start p{font-size:17px;margin:25px 0 30px}.v8-app-icon{width:230px;height:230px;background:linear-gradient(140deg,#355c3f,#072d21);color:#dac38d;border:1px solid #ad9865;border-radius:50px;box-shadow:15px 20px 0 #cbb58075,25px 35px 65px #08271130;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg);margin:auto}.v8-app-icon b{font-size:89px;letter-spacing:-.13em;font-weight:500;line-height:1.1;padding-right:12px}.v8-app-icon>span{font-size:15px;color:#e9e4cb;margin-top:14px}.v8-app-icon-large{width:290px;height:290px;border-radius:60px}.v8-app-icon-large b{font-size:115px}
/* The net-pay page has a human introduction and a purposeful working surface. */
.v8-net-hero{padding:26px 0 76px}.v8-net-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.v8-net-intro h1{font-size:clamp(44px,5vw,71px)}.v8-net-intro p{font-size:18px;line-height:1.8;margin:28px 0 30px;max-width:50ch}.v8-net-intro figure{position:relative;margin:0;height:540px;border-radius:12px;overflow:hidden}.v8-net-intro figure>img{height:100%;width:100%;object-fit:cover;object-position:57% center}.v8-net-intro figure:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#052b21e8,transparent)}.v8-net-intro figcaption{position:absolute;left:30px;right:30px;bottom:30px;z-index:2}.v8-net-intro figcaption>b{font-size:27px;line-height:1.15;letter-spacing:-.03em;font-weight:500;display:block}.v8-net-intro figcaption>span{font-size:15px;color:#d2e0c7;display:block;margin-top:12px}.v8-human-line{display:flex;align-items:center;justify-content:center;gap:30px;padding-bottom:60px;margin-bottom:58px;border-bottom:1px solid var(--v8-line);font-size:17px}.v8-human-line svg{width:26px;height:26px;stroke:#947940;fill:none;stroke-width:1.3}.v8-human-line strong{font-weight:500;color:#816825}.v8-human-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v8-human-cards article{background:#edf2e6;border:1px solid #cfdcc2;border-radius:10px;padding:31px}.v8-human-cards svg{width:30px;height:30px;fill:none;stroke:#97783c;stroke-width:1.3;margin-bottom:25px}.v8-human-cards p{margin-top:17px;font-size:16px;line-height:1.8}.v8-planner{display:grid;grid-template-columns:1.1fr .95fr;gap:44px;align-items:start}.v8-planner-controls{padding:32px;background:#fbfcf8;border:1px solid #cbd9c2;border-radius:12px}.v8-field{display:block;color:#2c503a;font-size:14px;line-height:1.5;margin-bottom:22px;font-weight:500}.v8-field input:not([type=range]),.v8-field select,.v8-field textarea{display:block;width:100%;border:1px solid #aabb9f;background:#fff;color:#1b4430;border-radius:6px;min-height:51px;padding:12px 14px;margin-top:9px;font-size:16px;line-height:1.5;font-family:inherit}.v8-field input[type=range]{width:100%;accent-color:#1e563c;margin-top:15px;min-height:35px}.v8-field output{float:right;font-weight:600;color:#193f2d}.v8-field textarea{min-height:160px;resize:vertical}.v8-field input:focus,.v8-field select:focus,.v8-field textarea:focus{border-color:#1f553b}.v8-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px}.v8-three-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.v8-three-fields .v8-field{font-size:12px}.v8-benefit-row{display:grid;grid-template-columns:1fr 109px;gap:16px;align-items:center;border-top:1px solid #d3dfca;padding:22px 0}.v8-check{display:flex;gap:13px;align-items:start;line-height:1.5;cursor:pointer}.v8-check input{width:20px;height:20px;accent-color:#15472e;flex:none;margin-top:4px}.v8-check b{font-size:16px;font-weight:500;display:block;color:#1a4730}.v8-check small{font-size:13px;color:#64745a;line-height:1.55;margin-top:6px;display:block}.v8-amount-label input{width:100%;min-height:47px;border:1px solid #adc1a0;border-radius:6px;background:#fff;color:#1d4731;padding:10px;font-size:16px;text-align:right}.v8-amount-label>span:not(.v8-sr){font-size:12px;color:#5c7251;display:block;text-align:right;margin-top:4px}.v8-rules{border-top:1px solid #c6d7bc;border-bottom:1px solid #c6d7bc;margin-top:26px;color:#335736}.v8-rules+.v8-rules{border-top:0}.v8-rules summary{display:flex;justify-content:space-between;gap:15px;font-size:14px;font-weight:500;padding:17px 0;list-style:none;cursor:pointer;min-height:52px;line-height:1.5}.v8-rules summary:after{content:'+';font-size:21px;color:#8b7138}.v8-rules[open] summary:after{content:'−'}.v8-rules summary::-webkit-details-marker{display:none}.v8-rules>div{padding:3px 0 18px}.v8-rules p,.v8-rules li{font-size:14px;line-height:1.8;color:#526b49}.v8-rules p{margin-bottom:15px}.v8-rules ul{padding-left:22px;margin:10px 0 15px}.v8-rules li{margin-bottom:8px}.v8-rules .v8-field{margin-top:12px}.v8-plan-result{position:sticky;top:108px;background:#103f2c;color:#f7faed;padding:35px;border-radius:13px;box-shadow:0 20px 65px #1436211c}.v8-plan-result .v8-eyebrow{color:#c3d2b4}.v8-plan-result .v8-eyebrow:before{background:#ddc58a}.v8-plan-result h3{font-size:32px;line-height:1.13}.v8-plan-total{margin:31px 0 25px}.v8-plan-total strong{display:block;color:#e5cb8d;font-size:clamp(45px,4.7vw,65px);font-weight:500;letter-spacing:-.06em;line-height:1.15;font-variant-numeric:tabular-nums}.v8-plan-total span{display:block;font-size:14px;color:#c2d6b8;margin-top:10px}.v8-budget-track{height:20px;display:flex;overflow:hidden;border-radius:5px;background:#e2e8d9;min-width:0}.v8-budget-track span{height:100%;display:block;transition:width .2s;min-width:0}.v8-budget-track .meal,.v8-dot.meal{background:#d6ba7e}.v8-budget-track .gift,.v8-dot.gift{background:#9fbd8a}.v8-budget-track .future,.v8-dot.future{background:#627e49}.v8-budget-track .cash{background:#20553b}.v8-budget-track .tax{background:#bdc9b4}.v8-budget-track .fee{background:#7d6850}.v8-budget-track .open{background:#e4e9da}.v8-breakdown{margin:22px 0 0}.v8-breakdown>div{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding:9px 0;font-size:14px;line-height:1.5}.v8-breakdown dt{display:flex;align-items:center;gap:9px}.v8-breakdown dd{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.v8-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.v8-breakdown-total{border-top:1px solid #b8ca9e60;margin-top:12px;padding-top:17px!important}.v8-plan-group{font-size:14px!important;color:#d4e2c5!important;margin-top:20px!important}.v8-plan-result .v8-caption{color:#bdceb0!important;font-size:13px!important;margin-top:19px!important}.v8-plan-result .v8-btn{background:#dbbd7c;color:#143b2a!important;width:100%;margin-top:24px}.v8-plan-result .v8-text-link{color:#e4ce96;border-color:#9fb58660;font-size:14px}.v8-calculator-head{background:#f7f8f4;padding:45px 0 35px}.v8-calculator-head h1{font-size:clamp(38px,4.15vw,58px);max-width:23ch}.v8-calculator-head p{font-size:17px;margin-top:23px;max-width:80ch;line-height:1.8}.v8-calculator-head .v8-eyebrow{margin-bottom:20px}.v8-calculator-area{background:#edf2e8;padding:37px 0 70px}.v8-comparator{display:grid;grid-template-columns:.98fr 1.22fr;gap:35px;align-items:start}.v8-calc-inputs{padding:30px;background:#fcfdf9;border:1px solid #c8d8bf;border-radius:12px;min-width:0}.v8-calc-inputs>h2{font-size:26px;margin-bottom:24px}.v8-calc-inputs>h3{font-size:20px;margin:25px 0 10px}.v8-calc-inputs .v8-benefit-row{padding:19px 0;grid-template-columns:1fr 92px}.v8-calc-inputs .v8-check{gap:10px}.v8-calc-inputs .v8-check b{font-size:15px}.v8-calc-inputs .v8-check small{font-size:12px}.v8-calc-inputs .v8-two-fields{gap:14px}.v8-input-explain{font-size:13px!important;line-height:1.8!important;margin-top:-2px!important}.v8-calc-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:sticky;top:98px;min-width:0}.v8-result-label{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;color:#4a6742;padding:5px 2px 3px}.v8-result-label strong{font-weight:500;color:#254d34}.v8-compare-card{border:1px solid #c3d4b8;background:#fbfcf7;border-radius:12px;overflow:hidden;padding:24px;min-width:0}.v8-card-heading>span{font-size:12px;color:#6b7c5e;display:block;margin-bottom:15px}.v8-card-heading h2{font-size:26px;line-height:1.13;letter-spacing:-.035em;min-height:90px}.v8-result-number{font-size:clamp(33px,3.8vw,53px);font-weight:500;letter-spacing:-.06em;display:block;line-height:1.2;margin:20px 0 7px;font-variant-numeric:tabular-nums;white-space:nowrap}.v8-compare-card>p{font-size:13px;line-height:1.6;min-height:63px;margin-bottom:25px}.v8-compare-card .v8-breakdown>div{font-size:12px;gap:10px}.v8-compare-card .v8-budget-track{height:17px}.v8-benefits-card{background:#123f2d;color:#f4f7e9;border-color:#123f2d;box-shadow:0 15px 50px #14382417}.v8-benefits-card .v8-card-heading>span{color:#d0c391}.v8-benefits-card .v8-result-number{color:#e4c98a}.v8-benefits-card>p{color:#c5d8b9}.v8-benefits-card .v8-budget-track .cash{background:#edf2d6}.v8-benefits-card .v8-budget-track .tax{background:#879679}.v8-benefits-card .v8-budget-track .fee{background:#937652}.v8-calc-insight{grid-column:1/-1;border:1px solid #becfae;background:#e3ecd7;padding:22px;border-radius:9px}.v8-calc-insight h3{font-size:19px;margin-bottom:12px}.v8-calc-insight p{font-size:14px;line-height:1.75}.v8-calc-results>.v8-caption{grid-column:1/-1;margin:0!important;font-size:12px!important;min-height:20px}.v8-calc-results>.v8-btn{font-size:14px;padding:13px 15px;gap:12px}.v8-calc-results>.v8-text-link{font-size:14px;margin:0;justify-self:end;align-self:center}.v8-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.v8-contact-form{border:1px solid #c5d4ba;background:#fcfdf7;border-radius:12px;padding:35px}.v8-contact-form .v8-btn{width:100%}.v8-contact-photo{height:330px;object-fit:cover;border-radius:12px;margin:0 0 27px;width:100%}.v8-contact-grid h2{margin:0 0 22px}.v8-contact-grid p{margin-top:15px;font-size:16px}.v8-contact-details{padding-top:20px;margin-top:20px;border-top:1px solid #c5d4ba}.v8-contact-details a{display:block;font-size:18px;color:#254c31;padding:8px 0;overflow-wrap:anywhere}.v8-legal{max-width:920px;margin:auto;padding:65px 45px 100px}.v8-legal h1{font-size:54px;margin-bottom:35px}.v8-legal h2{font-size:27px;letter-spacing:-.03em;margin:35px 0 17px}.v8-legal p,.v8-legal li{font-size:16px;line-height:1.85;margin-bottom:15px}.v8-legal ul{padding-left:22px}.v8-legal a{text-decoration:underline;text-underline-offset:3px}.v8-legal dl{display:grid;grid-template-columns:170px 1fr;gap:15px 30px;font-size:16px}.v8-legal dt{color:#607057}.v8-legal dd{margin:0;overflow-wrap:anywhere}.v8-start{padding:95px 0 100px;background:#052b21;color:#f3f7e9}.v8-start h1{font-size:clamp(46px,6vw,78px);max-width:15ch;margin-bottom:30px}.v8-start p{color:#c1d1b8;font-size:18px;max-width:54ch;margin-bottom:37px}.v8-start-choices{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}.v8-start-choices>a{padding:35px;background:#d7bd81;border:1px solid #c7ad73;border-radius:10px;display:block;color:#173c2c}.v8-start-choices>a:nth-child(2){background:#1b4934;color:#eff4e4;border-color:#9eb18660}.v8-start-choices h2{font-size:34px;margin:15px 0}.v8-start-choices p{font-size:16px;color:inherit;margin:15px 0}.v8-start-choices .v8-text-link{margin-top:5px}.v8-inserat-wrap{background:#edf2e5;padding:20px 0 0}.v8-inserat-wrap iframe{width:100%;height:calc(100dvh - 85px);min-height:760px;border:0;display:block}.v8-inserat-heading{padding:32px 0}.v8-inserat-heading h1{font-size:37px}.v8-inserat-heading p{font-size:16px;margin-top:17px;max-width:78ch}
/* Partner content is retained; only typography, contrast and headline adapt. */
.p7-hero h1{font-size:clamp(47px,5.2vw,73px);max-width:12ch;font-family:var(--v8-font)!important}.p7-scene-description,.p7-example-disclaimer,.p7-image-note{font-size:12px!important;color:#536b59!important}.p7-scene-description{color:#a4b99f!important}.p7-scene-buttons button{min-height:44px;font-size:13px;color:#d7e2ce}.p7-scene-tools{font-size:13px}.p7-3d-label{font-size:12px}.p7-hero .p7-small,.p7-hero-bottom span{color:#b7cdb7}.p7-builder-form .p7-caption,.p7-builder-form label{color:#c7d8bc}.p7-phone-card small,.p7-phone-card p,.p7-phone-intro{color:#51664b}.p7-preview-card small,.p7-preview-bottom,.p7-builder-preview>p{color:#526949}.p7{font-family:var(--v8-font)!important}.p7-hero .p7-inner{max-width:1320px}.p7-inner{max-width:1320px}.p7-phone-nav{font-size:11px}.p7-tab{min-height:44px}.p7-3d-label.is-core{font-size:14px}
@media(max-width:1120px){.v8-wrap{padding:0 34px}.v8-nav-inner{gap:20px;padding:0 25px}.v8-nav-links{gap:0}.v8-nav-links a{font-size:13px;padding:10px}.v8-logo{font-size:20px}.v8-hero-grid,.v8-net-intro{gap:38px}.v8-hero h1,.v8-net-intro h1{font-size:58px}.v8-hero .v8-lead{font-size:17px}.v8-photo-hero{height:420px}.v8-section-head,.v8-editorial,.v8-split-heading,.v8-finance-explorer,.v8-contact-grid{gap:45px}.v8-tax-grid{gap:17px}.v8-tax-grid article{padding:25px}.v8-tax-art>div{padding:23px}.v8-tax-art strong{font-size:37px}.v8-meal-tool{gap:45px}.v8-meal-result{padding:37px}.v8-planner{gap:27px}.v8-planner-controls,.v8-plan-result{padding:27px}.v8-net-intro figure{height:490px}.v8-comparator{grid-template-columns:.93fr 1.1fr;gap:23px}.v8-calc-inputs{padding:23px}.v8-calc-results{gap:12px}.v8-compare-card{padding:19px}.v8-card-heading h2{font-size:23px;min-height:83px}.v8-result-number{font-size:40px}.v8-compare-card .v8-breakdown>div{font-size:12px}.v8-calc-results>.v8-btn,.v8-calc-results>.v8-text-link{grid-column:1/-1;justify-self:stretch;text-align:center;justify-content:center}.v8-footer .v8-wrap{gap:25px}.v8-footer-bottom{margin-left:34px;margin-right:34px}.v8-human-line{gap:20px}.v8-human-cards article{padding:25px}.v8-faq-layout{gap:60px}.v8-wallet-card{width:300px;left:calc(50% - 150px)}.v8-wallet-card:nth-child(2){left:calc(50% - 130px)}}
@media(max-width:900px){.v8-nav-links{display:none}.v8-menu-toggle{margin-left:auto}.v8-nav-inner{height:70px}.v8-hero-grid{gap:30px;min-height:440px}.v8-hero h1{font-size:48px}.v8-hero .v8-lead{font-size:16px}.v8-hero-visual{max-width:100%}.v8-photo-hero{min-height:350px;height:390px}.v8-section{padding:75px 0}.v8-hero{padding-bottom:60px}.v8-points{gap:23px}.v8-points h3{font-size:23px}.v8-twin article{padding:29px}.v8-twin h3{font-size:29px}.v8-editorial{gap:36px}.v8-editorial img{height:350px}.v8-editorial h2{font-size:39px}.v8-editorial p{font-size:16px}.v8-future-art{padding:25px;height:380px}.v8-future-bars{height:170px;gap:10px;padding:0}.v8-future-art>strong{left:25px;font-size:25px}.v8-wallet{height:430px}.v8-wallet-card{width:270px;height:195px;left:calc(50% - 145px);padding:22px}.v8-wallet-card:nth-child(2){left:calc(50% - 117px);top:159px}.v8-wallet-card>b{font-size:24px}.v8-wallet-card>small{font-size:11px;margin-top:15px}.v8-wallet-card:after{width:65px;height:65px;top:65px;right:24px}.v8-wallet-caption{font-size:13px}.v8-mosaic{height:390px;padding:6px;gap:10px}.v8-mosaic img{height:183px}.v8-mosaic>span{font-size:13px;padding:13px 16px;left:3%;right:3%}.v8-world-card>img{height:200px}.v8-world-card>div{padding:20px}.v8-world-card h3{font-size:25px}.v8-finance-art{height:410px}.v8-finance-core{width:132px;height:157px;top:110px}.v8-finance-core>b{font-size:28px}.v8-finance-core>svg{width:26px;height:26px;margin-bottom:12px}.v8-finance-orbit{inset:91px 0 90px}.v8-finance-orbit span{font-size:12px;padding:7px 10px}.v8-finance-base{gap:10px;font-size:12px}.v8-finance-base span+span:before{margin-right:10px}.v8-finance-result{padding:29px}.v8-step{grid-template-columns:33px 1fr;gap:13px}.v8-step>span{width:31px;height:31px}.v8-tax-art{gap:10px}.v8-tax-art>div{padding:19px}.v8-tax-art strong{font-size:33px}.v8-tax-art span{font-size:12px}.v8-tax-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-tax-grid p{font-size:16px}.v8-tax-grid h3{font-size:25px}.v8-net-intro{gap:35px}.v8-net-intro h1{font-size:49px}.v8-net-intro p{font-size:17px}.v8-net-intro figure{height:490px}.v8-net-intro figcaption{left:22px;right:22px;bottom:25px}.v8-net-intro figcaption>b{font-size:24px}.v8-human-line{gap:16px;font-size:15px}.v8-human-cards{gap:15px}.v8-human-cards article{padding:23px}.v8-human-cards h3{font-size:23px}.v8-human-cards p{font-size:15px}.v8-planner{grid-template-columns:1fr 1fr;gap:23px}.v8-planner-controls{padding:23px}.v8-planner-controls .v8-two-fields{grid-template-columns:1fr;gap:0}.v8-plan-result{padding:25px}.v8-plan-result h3{font-size:28px}.v8-plan-result .v8-breakdown>div{font-size:13px}.v8-benefit-row{grid-template-columns:1fr;gap:11px}.v8-amount-label{display:flex;gap:12px;align-items:center;margin-left:33px}.v8-amount-label input{width:100px}.v8-amount-label>span:not(.v8-sr){white-space:nowrap;margin-top:0}.v8-comparator{grid-template-columns:1fr;gap:30px}.v8-calc-inputs{padding:30px}.v8-calc-inputs .v8-benefit-row{grid-template-columns:1fr 150px}.v8-calc-inputs .v8-amount-label{margin-left:0}.v8-calc-inputs .v8-amount-label input{width:94px}.v8-calc-results{position:static;gap:20px}.v8-compare-card{padding:30px}.v8-card-heading h2{font-size:30px;min-height:72px}.v8-result-number{font-size:52px}.v8-compare-card>p{font-size:14px;min-height:53px}.v8-compare-card .v8-breakdown>div{font-size:14px}.v8-calc-results>.v8-btn,.v8-calc-results>.v8-text-link{grid-column:auto}.v8-calc-results>.v8-caption{font-size:13px!important}.v8-result-label{font-size:14px}.v8-end .v8-wrap{gap:45px}.v8-end h2{font-size:42px}.v8-footer .v8-wrap{grid-template-columns:1fr 1fr;gap:35px 50px}.v8-footer p{max-width:35ch}.v8-footer a:not(.v8-logo),.v8-footer button{min-height:38px}.v8-menu-columns{gap:26px}.v8-menu-columns a{font-size:15px}.v8-faq-layout{gap:45px;grid-template-columns:.8fr 1.2fr}.v8-faq-layout h2{font-size:37px}.v8-contact-form{padding:28px}.v8-contact-grid{gap:35px}.v8-app-start{gap:40px}.v8-app-icon{width:190px;height:190px;border-radius:42px}.v8-app-icon>b{font-size:73px}.v8-app-icon-large{width:240px;height:240px}.v8-question-art{gap:13px}.v8-question-art>span{font-size:205px}.v8-question-art>b{font-size:26px}.p7-scene-tools{flex-wrap:wrap;justify-content:center}.p7-hero h1{font-size:63px}}
@media(max-width:640px){.v8-wrap{padding:0 22px}.v8-nav-inner{height:66px;padding:0 22px}.v8-logo{font-size:21px}.v8-menu-toggle{font-size:13px;padding:9px 11px;gap:8px}.v8-menu-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:23px;border-radius:11px}.v8-menu-columns{grid-template-columns:1fr;gap:23px;padding:26px 0}.v8-menu-columns h2{font-size:12px;margin-bottom:8px}.v8-menu-columns a{font-size:17px;min-height:43px;padding:10px 0}.v8-menu-head{padding-bottom:20px}.v8-menu-head p{font-size:14px}.v8-menu-bottom{align-items:flex-start}.v8-menu-bottom a{font-size:13px}.v8-hero{padding:20px 0 53px}.v8-crumb{font-size:12px;margin-bottom:29px;gap:8px}.v8-hero-grid{grid-template-columns:1fr;gap:40px;min-height:0}.v8-hero h1{font-size:clamp(40px,10.5vw,58px);line-height:1.055}.v8-eyebrow{font-size:13px;margin-bottom:22px}.v8-hero .v8-lead{font-size:17px;margin:24px 0 28px;line-height:1.8}.v8-btn{font-size:14px;min-height:52px;padding:14px 20px;gap:21px}.v8-hero-visual{max-width:480px;width:100%;margin:auto}.v8-photo-hero{height:370px;min-height:0}.v8-photo-hero figcaption{font-size:13px;left:23px;right:23px}.v8-section{padding:59px 0}.v8-section-head{grid-template-columns:1fr;gap:24px;margin-bottom:33px}.v8 h2{font-size:37px;line-height:1.1}.v8-section-head p{font-size:16px;line-height:1.85}.v8-points{grid-template-columns:1fr;gap:29px}.v8-points article{padding-top:23px;display:grid;grid-template-columns:34px 1fr;gap:0 18px}.v8-points svg{grid-row:span 2;margin:3px 0 0;width:28px;height:28px}.v8-points h3{font-size:25px;margin:0 0 13px}.v8-points p{font-size:16px}.v8-twin{grid-template-columns:1fr}.v8-twin article{padding:29px}.v8-twin h3{font-size:31px}.v8-twin p{font-size:16px}.v8-number{margin-bottom:22px}.v8-editorial{grid-template-columns:1fr;gap:33px}.v8-editorial img{height:315px}.v8-editorial p{font-size:16px;line-height:1.85;margin-top:23px}.v8-split-heading{grid-template-columns:1fr;gap:35px}.v8-split-heading h2{max-width:22ch}.v8-accordion summary{font-size:16px}.v8-accordion details p{font-size:15px;line-height:1.85}.v8-accordion details{margin-bottom:21px;padding-bottom:19px}.v8-end{padding:58px 0}.v8-end .v8-wrap{grid-template-columns:1fr;gap:24px}.v8-end h2{font-size:40px}.v8-end p{font-size:16px;line-height:1.8;margin-bottom:24px}.v8-occasion{padding:25px}.v8-occasion-result{grid-template-columns:1fr;gap:28px;padding:14px 0 7px}.v8-occasion-number{font-size:70px}.v8-occasion-result h3{font-size:27px}.v8-segment{gap:7px}.v8-segment button{font-size:13px;padding:10px 14px;min-height:44px}.v8-wallet{height:405px;max-width:380px;margin:auto}.v8-wallet-card{left:calc(50% - 150px);width:277px}.v8-wallet-card:nth-child(2){left:calc(50% - 125px)}.v8-wallet-caption{font-size:13px}.v8-meal-tool{grid-template-columns:1fr;gap:35px}.v8-meal-tool>div>p{font-size:16px}.v8-meal-result{padding:32px}.v8-meal-result strong{font-size:66px}.v8-meal-result small{font-size:14px}.v8-future-art{max-width:370px;margin:0 auto 15px}.v8-future-bars{height:170px;padding:0 10px}.v8-future-art>strong{font-size:28px}.v8-world-grid{grid-template-columns:1fr;gap:20px}.v8-world-card>img{height:250px}.v8-world-card>div{padding:24px}.v8-world-card h3{font-size:29px}.v8-mosaic{height:410px;max-width:380px;margin:0 auto 15px}.v8-mosaic img{height:193px}.v8-mosaic>span{font-size:14px}.v8-finance-art{height:380px;max-width:380px;margin:0 auto 5px}.v8-finance-core{top:95px;width:142px;height:168px}.v8-finance-orbit{inset:74px 7px 80px}.v8-finance-orbit span{font-size:13px}.v8-finance-base{font-size:12px;bottom:0}.v8-art-tag{font-size:13px}.v8-finance-explorer{grid-template-columns:1fr;gap:34px}.v8-finance-explorer>div>p{font-size:16px}.v8-finance-result{padding:28px}.v8-finance-result>h3{font-size:29px}.v8-step{padding:23px 0}.v8-step h3{font-size:21px}.v8-step p{font-size:15px}.v8-tax-art{max-width:380px;margin:0 auto 10px;gap:12px}.v8-tax-art strong{font-size:39px}.v8-tax-art>div{padding:25px}.v8-tax-art span{font-size:13px}.v8-tax-grid{grid-template-columns:1fr;gap:18px}.v8-tax-grid article{padding:29px}.v8-tax-grid strong{font-size:41px;margin-bottom:21px}.v8-tax-grid h3{font-size:26px}.v8-tax-grid p{font-size:16px}.v8-net-hero{padding:20px 0 54px}.v8-net-intro{grid-template-columns:1fr;gap:36px}.v8-net-intro h1{font-size:clamp(40px,10.5vw,58px)}.v8-net-intro p{font-size:17px;line-height:1.8;margin:24px 0 28px}.v8-net-intro figure{height:390px}.v8-net-intro figcaption>b{font-size:28px;max-width:18ch}.v8-net-intro figcaption>span{font-size:14px}.v8-human-line{flex-direction:column;align-items:flex-start;gap:15px;padding-bottom:34px;margin-bottom:37px;font-size:16px}.v8-human-line svg{transform:rotate(90deg);width:23px;height:23px;margin-left:4px}.v8-human-cards{grid-template-columns:1fr;gap:16px}.v8-human-cards article{padding:28px}.v8-human-cards h3{font-size:27px}.v8-human-cards p{font-size:16px;margin-top:14px}.v8-human-cards svg{margin-bottom:20px}.v8-planner{grid-template-columns:1fr;gap:25px}.v8-planner-controls{padding:25px}.v8-planner-controls .v8-two-fields{grid-template-columns:1fr 1fr;gap:14px}.v8-field{font-size:14px}.v8-field input:not([type=range]),.v8-field select{font-size:16px;padding:12px}.v8-benefit-row{grid-template-columns:1fr 95px;gap:14px}.v8-amount-label{margin:0;display:block}.v8-amount-label input{width:100%}.v8-amount-label>span:not(.v8-sr){font-size:12px;margin-top:5px}.v8-check{gap:11px}.v8-check b{font-size:16px}.v8-check small{font-size:12px}.v8-plan-result{position:static;padding:30px}.v8-plan-result h3{font-size:33px}.v8-plan-total strong{font-size:63px}.v8-plan-result .v8-breakdown>div{font-size:14px}.v8-plan-result .v8-caption{font-size:13px!important}.v8-rules summary{font-size:14px}.v8-rules p,.v8-rules li{font-size:14px}.v8-calculator-head{padding:35px 0}.v8-calculator-head h1{font-size:39px}.v8-calculator-head p{font-size:16px;line-height:1.8}.v8-calculator-area{padding:25px 0 55px}.v8-calc-inputs{padding:25px}.v8-calc-inputs>h2{font-size:27px}.v8-calc-inputs .v8-two-fields{grid-template-columns:1fr;gap:0}.v8-calc-inputs .v8-benefit-row{grid-template-columns:1fr 88px;gap:12px}.v8-calc-inputs .v8-amount-label{display:block}.v8-calc-inputs .v8-amount-label input{width:100%}.v8-calc-inputs .v8-check{gap:9px}.v8-calc-inputs .v8-check b{font-size:15px}.v8-calc-inputs .v8-check input{width:18px;height:18px}.v8-three-fields{gap:8px}.v8-three-fields .v8-field{font-size:12px}.v8-three-fields input{padding:10px 7px!important}.v8-calc-results{grid-template-columns:1fr;gap:18px}.v8-result-label{display:block;line-height:1.7}.v8-result-label strong{display:block}.v8-compare-card{padding:30px}.v8-card-heading h2{font-size:33px;min-height:0}.v8-card-heading>span{font-size:13px}.v8-result-number{font-size:60px;margin-top:25px}.v8-compare-card>p{font-size:14px;min-height:0;max-width:31ch;margin-bottom:26px}.v8-compare-card .v8-breakdown>div{font-size:14px}.v8-calc-insight{padding:24px}.v8-calc-insight h3{font-size:22px}.v8-calc-insight p{font-size:15px}.v8-calc-results>.v8-btn,.v8-calc-results>.v8-text-link{grid-column:1/-1}.v8-calc-results>.v8-text-link{justify-self:center}.v8-contact-grid{grid-template-columns:1fr;gap:35px}.v8-contact-photo{height:310px}.v8-contact-form{padding:27px}.v8-legal{padding:42px 22px 70px}.v8-legal h1{font-size:42px}.v8-legal h2{font-size:27px}.v8-legal dl{grid-template-columns:1fr;gap:5px}.v8-legal dd{margin-bottom:15px}.v8-faq-layout{grid-template-columns:1fr;gap:37px}.v8-faq-layout>aside{position:static}.v8-faq-layout>aside p{max-width:none;font-size:16px}.v8-question-art{height:270px;gap:25px}.v8-question-art>span{font-size:200px}.v8-question-art>b{font-size:29px}.v8-app-start{grid-template-columns:1fr;gap:50px}.v8-app-start p{font-size:16px}.v8-app-icon{width:230px;height:230px;margin-bottom:25px}.v8-app-icon>b{font-size:91px}.v8-app-icon-large{width:250px;height:250px}.v8-start{padding:60px 0}.v8-start h1{font-size:49px}.v8-start p{font-size:17px}.v8-start-choices{grid-template-columns:1fr;gap:18px;margin-top:33px}.v8-start-choices>a{padding:28px}.v8-start-choices h2{font-size:32px}.v8-start-choices p{font-size:16px}.v8-footer{padding-top:50px}.v8-footer .v8-wrap{grid-template-columns:1fr 1fr;gap:30px 25px}.v8-footer .v8-wrap>div:first-child{grid-column:1/-1}.v8-footer h2{font-size:14px;margin-bottom:14px}.v8-footer a:not(.v8-logo),.v8-footer button{font-size:13px;min-height:39px;padding:6px 0}.v8-footer p{font-size:14px;max-width:42ch}.v8-footer-bottom{margin:30px 22px 0;display:block;font-size:12px}.v8-footer-bottom>span{display:block;margin-top:10px}.v8-video-control{right:15px;bottom:15px;font-size:12px;padding:9px 13px}.v8-inserat-heading h1{font-size:33px}.v8-inserat-wrap iframe{min-height:900px}.p7-hero h1{font-size:46px;max-width:12ch}.p7-3d-label{font-size:12px;padding:5px 7px}.p7-3d-label.is-core{font-size:13px}.p7-scene-buttons button{font-size:12px}.p7-hero-bottom b{font-size:13px}.p7-hero-bottom span{font-size:12px}.p7-preview-card small,.p7-preview-bottom,.p7-phone-intro{font-size:12px}.p7-photo-ribbon{scrollbar-width:thin;scrollbar-color:#718b62 #dce5d6}.m6-offer>svg{height:180px;padding-top:180px}.m6 .m6-hero h1{overflow-wrap:normal}.v8-human-line strong{font-size:17px}.v8-privacy-dialog{padding:26px}}
@media(max-width:370px){.v8-wrap{padding:0 19px}.v8-hero h1,.v8-net-intro h1{font-size:39px}.v8 h2{font-size:33px}.v8-hero .v8-lead,.v8-net-intro p{font-size:16px}.v8-photo-hero{height:330px}.v8-wallet-card{width:240px;height:180px;padding:20px;left:calc(50% - 129px)}.v8-wallet-card:nth-child(2){left:calc(50% - 106px);top:158px}.v8-wallet-card>b{font-size:22px;margin-top:21px}.v8-wallet-card:after{width:55px;height:55px;right:21px}.v8-wallet{height:385px}.v8-plan-result,.v8-planner-controls,.v8-calc-inputs,.v8-compare-card{padding:22px}.v8-planner-controls .v8-two-fields{grid-template-columns:1fr;gap:0}.v8-check b{font-size:15px}.v8-benefit-row{grid-template-columns:1fr 80px;gap:10px}.v8-benefit-row .v8-check small{font-size:12px}.v8-amount-label input{padding:9px 8px}.v8-plan-total strong,.v8-result-number{font-size:52px}.v8-tax-art>div{padding:19px}.v8-tax-art strong{font-size:34px}.v8-tax-art span{font-size:12px}.v8-world-card>img{height:230px}.v8-nav-inner{padding:0 19px}.v8-nav .v8-logo{font-size:20px}.v8-menu-toggle{gap:6px;padding:9px}.v8-question-art{gap:15px}.v8-question-art>span{font-size:175px}.v8-question-art>b{font-size:26px}.v8-calc-inputs .v8-benefit-row{grid-template-columns:1fr 80px}.v8-calc-inputs .v8-check b{font-size:14px}.v8-card-heading h2{font-size:30px}.p7-hero h1{font-size:40px}.p7-scene{margin-left:-16px;margin-right:-16px}.p7-3d-label{font-size:11px}.v8-finance-art{height:360px}.v8-finance-orbit span{font-size:12px}.v8-footer .v8-wrap{gap:27px 19px}.v8-inserat-heading h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.v8-wallet-card,.v8-mosaic,.v8-app-icon,.v8-tax-art{transform:none}.v8-wallet-card:nth-child(2){transform:none}}
*{font-family:var(--v8-font)!important}body[data-view=firma] #bg,body[data-view=firma] #scrim,body[data-view=unternehmensbenefit] #bg,body[data-view=unternehmensbenefit] #scrim{display:block!important}#v-firma .m6,#v-unternehmensbenefit .m6{background:transparent}#v-firma .m6-section:not(.m6-dark):not(.m6-scenario),#v-unternehmensbenefit .m6-section:not(.m6-dark):not(.m6-scenario){background:var(--v8-paper)}
.v8-ad-controls{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:start}.v8-ad-controls>div{background:#fcfdf8;border:1px solid #c4d6b9;border-radius:12px;padding:30px;min-width:0}.v8-ad-controls h2{font-size:27px;margin-bottom:25px}.v8-ad-controls p{font-size:15px;line-height:1.8}.v8-ad-controls textarea{min-height:350px;line-height:1.75}.v8-ad-options{display:grid;gap:21px;margin-top:28px}.v8-ad-options .v8-check{padding-bottom:18px;border-bottom:1px solid #d0dec4}.v8-ad-comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:36px}.v8-ad-comparison article{padding:30px;background:#fcfdf8;border:1px solid #cad9bf;border-radius:11px;min-width:0}.v8-ad-comparison article:nth-child(2){border:2px solid #8a9e6f}.v8-ad-comparison pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.9 var(--v8-font);color:#36543a;margin:0}.v8-ad-comparison textarea{width:100%;min-height:600px;border:0;background:transparent;color:#244b33;font:15px/1.9 var(--v8-font);resize:vertical;padding:0}.v8-ad-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.v8-ad-actions p{flex-basis:100%;margin-top:0!important}.v8-btn-secondary{background:transparent;color:#174b32!important;border:1px solid #92ab80}.v8-btn-secondary:hover{background:#e0ebd5}.v8-ad-comparison .v8-eyebrow{font-size:14px}
@media(max-width:800px){.v8-ad-controls{grid-template-columns:1fr;gap:25px}.v8-ad-comparison{gap:18px}.v8-ad-comparison article{padding:25px}.v8-ad-options{grid-template-columns:1fr 1fr;gap:18px}.v8-ad-options .v8-check b{font-size:14px}}
@media(max-width:560px){.v8-ad-controls>div{padding:25px}.v8-ad-controls h2{font-size:27px}.v8-ad-controls textarea{font-size:16px}.v8-ad-options{grid-template-columns:1fr;gap:17px}.v8-ad-options .v8-check b{font-size:16px}.v8-ad-comparison{grid-template-columns:1fr;gap:22px}.v8-ad-comparison textarea{min-height:760px;font-size:16px}.v8-ad-comparison pre{font-size:16px}.v8-ad-actions{gap:16px}.v8-ad-actions .v8-btn{width:100%}}
@media print{.v8-nav,.v8-footer,.v8-video-control,.v8-btn,.v8-menu-dialog,#bg,#scrim{display:none!important}.v8-section{padding:25px 0}.v8-wrap{padding:0 15px}.v8-plan-result,.v8-calc-results{position:static}.v8-calc-inputs,.v8-compare-card,.v8-plan-result{break-inside:avoid}.v8{print-color-adjust:exact;-webkit-print-color-adjust:exact}.v8-hero{padding:25px 0}.v8-hero-grid{min-height:0}.v8 h1{font-size:38px}.v8 h2{font-size:29px}}
/* Shared link icons */
.v8-nav-links svg,.v8-menu-columns svg,.v8-menu-bottom svg,.v8-footer a:not(.v8-logo) svg{display:none}
.view h1[tabindex="-1"]:focus,.view h2[tabindex="-1"]:focus{outline:none}.v8-mobile-summary{display:none}
.v8-menu-dialog,.v8-privacy-dialog{margin:auto;overscroll-behavior:contain}.v8-close{flex:0 0 44px;min-width:44px;min-height:44px}.v8-menu-dialog .v8-menu-head{position:sticky;top:-35px;padding-top:12px;z-index:3;background:#f7f8f4}.v8-number,.v8-step>span{color:#7b5e25}.v8-twin article:last-child .v8-number,.v8-dark .v8-number{color:#e0c88b}.v8-card-heading>span{color:#53684a}.v8-benefits-card .v8-card-heading>span{color:#d4dcbf}.v8-question-art>span{color:#a38649}.p7{--p-muted:#53685b}.p7-example-copy .p7-label,.p7-manifesto .p7-label,.p7-builder-preview>.p7-label,.p7-phone-nav,.p7-dual-side>span{color:#526449}.p7-dual-side:last-child>span{color:#e0cb94}.p7-dual-graphic>b{color:#806124}.p7-dual-side:last-child .p7-dual-graphic>b{color:#dabb79}.p7-finale p,.p7-finale small{color:#304828}.p7-example{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.p7-example>*{min-width:0}
@media(max-width:640px){.v8-menu-dialog .v8-menu-head{top:-23px;padding-top:10px}.p7-example{grid-template-columns:minmax(0,1fr)}.p7-phone-scene{max-width:100%;padding-left:0;padding-right:0}.p7-phone{max-width:calc(100% - 8px);min-width:0}.p7-floating-note{right:0}}
@media(max-width:900px){.v8-mobile-summary{display:block;padding:23px;background:#e8eddf;border:1px solid #ced7c3;border-radius:14px;margin-bottom:25px;color:#173e2e}.v8-mobile-summary>span{font-size:13px;letter-spacing:.04em}.v8-mobile-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 10px}.v8-mobile-summary article small{display:block;font-size:12px;line-height:1.5}.v8-mobile-summary article b{display:block;font-size:34px;line-height:1.5;font-weight:500;letter-spacing:-1px}.v8-mobile-summary article em{font-size:12px;font-style:normal}.v8-mobile-summary>a{font-size:13px;margin-top:12px;min-height:35px}}
.f9{--f9-night:#062a22;--f9-green:#123f31;--f9-paper:#f7f8f1;--f9-gold:#e1c586;color:#123f31;background:var(--f9-paper)}.f9-wrap{max-width:1440px;padding:0 64px;margin:auto}.f9 h1,.f9 h2,.f9 h3{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif!important;font-weight:500;letter-spacing:-.055em;line-height:1.05;color:inherit}.f9 h2{font-size:clamp(35px,3.6vw,54px)}.f9 h3{font-size:30px;letter-spacing:-.04em;line-height:1.15}.f9 em{font-style:normal;color:#d9bd7d}.f9 p{font-size:17px;line-height:1.85;color:#4d6658}.f9-label{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:500;letter-spacing:.04em;line-height:1.6;color:#536b54}.f9-label:before{content:'';width:6px;height:6px;background:#967538;border-radius:50%;flex:none}.f9-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--f9-gold);color:#16392d!important;border:1px solid #eddaad;border-radius:7px;font-size:14px;font-weight:700;line-height:1.5;padding:17px 24px;min-height:55px;transition:background .2s,transform .2s,box-shadow .2s}.f9-btn:hover{background:#f0dba8;transform:translateY(-2px);box-shadow:0 12px 28px #031c2120}.f9-btn svg,.f9-text-link svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}.f9-text-link{display:inline-flex;align-items:center;gap:17px;line-height:1.6;font-size:14px;font-weight:500;border-bottom:1px solid #8a9d7d;min-height:44px;text-decoration:none}.f9 a:focus-visible,.f9 button:focus-visible{outline:3px solid #bd8d2c;outline-offset:5px}.f9-hero{position:relative;overflow:hidden;color:#f7f8ef;background:radial-gradient(ellipse at 80% 40%,#23584470,transparent 53%),#062a22}.f9-hero:after{content:'';pointer-events:none;position:absolute;width:690px;height:690px;right:-350px;top:230px;border:1px solid #e0c68d15;border-radius:50%}.f9-crumb{display:flex;align-items:center;gap:13px;color:#bacdbd;font-size:12px;padding-top:32px}.f9-crumb svg{display:none}.f9-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:28px;align-items:center;min-height:605px;padding:40px 0 42px}.f9-hero-copy{position:relative;z-index:2}.f9-hero-copy .f9-label{color:#d0dfc7;margin-bottom:28px;font-size:12px;letter-spacing:.045em}.f9-hero-copy .f9-label:before{background:#dbbc7b}.f9 .f9-hero h1{font-size:clamp(50px,5.2vw,77px);line-height:1.025;letter-spacing:-.057em;max-width:none;color:#f5f7ed}.f9-hero h1 em{white-space:nowrap;color:#e2c687}.f9 .f9-hero-copy>p{max-width:43ch;color:#c2d5c2;line-height:1.85;font-size:17px;margin:28px 0 31px}.f9-actions{display:flex;align-items:center;gap:18px 25px;flex-wrap:wrap}.f9-actions .f9-text-link{color:#e1d2a4;font-size:13px}.f9-actions .f9-text-link svg{width:16px;height:16px}.f9-personal{display:flex;align-items:center;gap:14px;margin-top:30px;color:#c4d9c7;font-size:12px;line-height:1.6}.f9-personal svg{width:32px;height:32px;stroke:#dac080;fill:none;stroke-width:1.3}.f9-personal b{font-weight:500;color:#f0f4e7}.f9-hero-art{margin:0;position:relative;align-self:center;min-width:0}.f9-scene{position:relative;aspect-ratio:1.08;min-height:470px;isolation:isolate;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,#6d9c5130,transparent 65%)}.f9-scene:after{content:'';position:absolute;inset:12% 2% 10%;border:1px solid #b3cba823;border-radius:50%;transform:rotate(-24deg);z-index:-1;pointer-events:none}.f9-scene canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;outline-offset:1px!important}.f9-scene-fallback{width:100%;height:100%;position:absolute;inset:0}.f9-scene.is-ready .f9-scene-fallback{display:none}.f9-art-corner{position:absolute;top:5%;left:8%;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#b3ccb4;pointer-events:none}.f9-art-index{position:absolute;bottom:7%;right:5%;font-size:10px;letter-spacing:.12em;color:#91ac92}.f9-scene-label{position:absolute;left:0;top:0;white-space:nowrap;font-size:12px;line-height:1.4;padding:9px 13px;border:1px solid #8fa98a80;background:#113d31eb;color:#f5f6e9;border-radius:6px;box-shadow:0 7px 20px #00190d25;pointer-events:none}.f9-scene-label.is-core{background:#dfc48d;color:#123a2b;font-weight:600;border-color:#f0dcac;font-size:13px;padding:10px 16px}.f9-hero-art figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px 0 38px;color:#b7cbb7;font-size:12px;line-height:1.8}.f9-hero-art figcaption b{color:#eff2e2;font-weight:500}.f9-hero-art figcaption button{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #9bb99870;background:#0c332b;color:#dbe7cc;border-radius:50px;font-size:11px;min-height:40px}.f9-hero-art figcaption button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.f9-hero-base{position:relative;z-index:1;display:flex;gap:24px;align-items:center;padding:25px 0 28px;border-top:1px solid #b1c3983d;font-size:14px}.f9-hero-base>span{color:#b1c7b3}.f9-hero-base strong{font-weight:500;color:#e8ecdc}.f9-hero-base>a{font-size:25px;font-weight:400;line-height:1;width:42px;height:42px;display:grid;place-items:center;border:1px solid #8a9b7080;border-radius:50%;margin-left:auto;color:#dcc286}
.f9-explore-section{padding:90px 0 35px;background:linear-gradient(#e7eddf,#f7f8f1)}.f9-explorer{display:grid;grid-template-columns:.86fr 1.14fr;border:1px solid #42634b;padding:12px;background:#103d30;border-radius:22px;box-shadow:0 25px 60px #1c3a2919;gap:0;isolation:isolate}.f9-explorer-controls{padding:40px 38px 30px 31px;min-width:0;color:#fff}.f9-explorer-controls .f9-label{color:#dccb96;letter-spacing:.02em}.f9-explorer-controls .f9-label:before{background:#e1c68b}.f9 .f9-explorer-controls h2{margin-top:20px;color:#f4f6e9;font-size:clamp(35px,3.7vw,53px)}.f9 .f9-explorer-controls>p{font-size:15px;line-height:1.85;color:#bed3bf;margin-top:24px;max-width:41ch}.f9-choices{display:flex;flex-direction:column;gap:12px;margin-top:31px}.f9-choices button{width:100%;display:grid;grid-template-columns:25px minmax(0,1fr) 19px;align-items:center;gap:14px;padding:18px 17px;border-radius:7px;border:1px solid #719576;background:#164c3b!important;color:#f6f8ef!important;text-align:left;min-height:72px;font-size:14px;line-height:1.5;transition:background .2s,border-color .2s,transform .2s}.f9-choices button span{color:#bccfac;font-size:11px}.f9-choices button b{font-size:14px;font-weight:500;color:inherit}.f9-choices button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.f9-choices button:hover{background:#205c45!important;border-color:#b8cea5;transform:translateX(3px)}.f9-choices button[aria-pressed=true]{background:#e2c68a!important;color:#183b2b!important;border-color:#f2deaa;box-shadow:0 7px 18px #021c1826}.f9-choices button[aria-pressed=true] span{color:#35523b}.f9-explorer-seal{display:flex;align-items:center;gap:14px;border-top:1px solid #72916c5c;padding-top:27px;margin-top:36px;color:#bcd0b7;font-size:12px;line-height:1.7}.f9-explorer-seal b{font-weight:500;color:#eff3e3}.f9-explorer-seal svg{width:34px;height:34px;fill:none;stroke:#d2b773;stroke-width:1.3}.f9-explorer-result{background:#f8f8ee;border:1px solid #d5ddc5;border-radius:13px;color:#153c2c;padding:28px 39px 32px;min-width:0}.f9-result-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#526947;line-height:1.5;letter-spacing:.025em}.f9-result-top>span:last-child{white-space:nowrap;padding:6px 10px;background:#e6ecd9;border-radius:4px;color:#355039}.f9-route-visual{height:156px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid #c6d3b9;margin-bottom:27px}.f9-route-visual>div{display:flex;flex-direction:column;align-items:center;gap:11px;font-size:10px;color:#4d6745;min-width:80px;text-align:center}.f9-route-visual svg{width:30px;height:30px;stroke:#456c47;fill:none;stroke-width:1.2}.f9-route-visual>i{width:40px;height:1px;background:#99ad80;position:relative}.f9-route-visual>i:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #647e4b;border-right:1px solid #647e4b;transform:rotate(45deg)}.f9-route-visual .f9-route-center{min-width:111px;min-height:91px;border-radius:14px;background:linear-gradient(135deg,#2a6247,#103b2e);box-shadow:5px 6px 0 #d5b777;color:#f0e2b1;justify-content:center;transform:rotate(-5deg);font-size:11px;gap:8px}.f9-route-center svg{stroke:#e0c88d;width:31px;height:31px}.f9-route-center b{font-weight:500}.f9 .f9-result-copy>h3{font-size:31px;line-height:1.15;color:#173f2e;max-width:23ch;margin-bottom:22px;min-height:72px}.f9 #v8-finance-steps{display:flex;flex-direction:column;gap:0}.f9 .v8-step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:17px;padding:17px 0;border-top:1px solid #ccd7bf}.f9 .v8-step>span{display:grid;place-items:center;width:27px;height:27px;color:#4b6241;border:1px solid #9eae8d;font-size:10px;border-radius:50%}.f9 .v8-step h3{font-size:17px;font-weight:600;letter-spacing:-.025em;line-height:1.4;color:#193f2c}.f9 .v8-step p{font-size:13px;line-height:1.75;margin-top:6px;color:#4c624b}.f9 #v8-finance-outcome{font-size:13px;line-height:1.7;color:#23482e;background:#e7ecd8;border-left:3px solid #9d843f;padding:16px 17px;margin-top:16px;border-radius:0 5px 5px 0}
.f9-services{padding:90px 0 96px}.f9-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:end;margin-bottom:44px}.f9-heading h2{margin-top:20px}.f9 .f9-heading>p{font-size:16px;max-width:48ch;line-height:1.85}.f9-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.f9-service{border:1px solid #c6d0b9;border-radius:12px;overflow:hidden;background:#fffef7;display:flex;flex-direction:column;box-shadow:0 10px 30px #28442806;transition:transform .3s,box-shadow .3s}.f9-service:hover{transform:translateY(-5px);box-shadow:0 17px 30px #24432412}.f9-service-top{display:flex;align-items:center;gap:13px;padding:23px 25px;font-size:12px;border-bottom:1px solid #c9d4bc}.f9-service-top>span{font-size:11px;color:#6e633d}.f9-service-top>b{font-weight:500;color:#24472e}.f9-service-top svg{margin-left:auto;stroke:#7b682d;fill:none;stroke-width:1.3;width:23px;height:23px}.f9-service-art{height:216px;position:relative;overflow:hidden;background:#e9eedf;border-bottom:1px solid #c9d4bc}.f9-service:nth-child(2) .f9-service-art{background:#143e2e}.f9-service:nth-child(3) .f9-service-art{background:#eee9d7}.f9-service-copy{padding:28px 25px 26px;display:flex;flex-direction:column;flex:1}.f9 .f9-service-copy h3{font-size:27px;line-height:1.12;min-height:61px}.f9 .f9-service-copy p{font-size:14px;line-height:1.85;margin-top:20px;margin-bottom:25px}.f9-service-copy>strong{display:block;font-size:12px;color:#325436;line-height:1.7;border-top:1px solid #d0d9c2;padding-top:18px;margin-top:auto;font-weight:500}.f9-fund-art{position:relative;height:100%;margin:0 28px}.f9-fund-art>div{position:absolute;width:27%;bottom:31px;left:0;display:flex;flex-direction:column;gap:10px}.f9-fund-art>div:nth-child(2){left:35%}.f9-fund-art>div:nth-child(3){left:70%}.f9-fund-art span{font-size:10px;line-height:1.5;color:#385336;height:30px}.f9-fund-art i{height:26px;background:linear-gradient(110deg,#bfd0b1,#617f53);border:1px solid #96ac7f;border-radius:3px;box-shadow:4px 5px 0 #496b3435;transform:skewY(-12deg)}.f9-fund-art>div:nth-child(2) i{height:58px;background:linear-gradient(110deg,#92ad7b,#466b3d)}.f9-fund-art>div:nth-child(3) i{height:97px;background:linear-gradient(110deg,#e7d49c,#b6974f);border-color:#b59c63}.f9-fund-art>svg{position:absolute;inset:22px 0 auto;width:100%;height:110px;fill:none;stroke:#85682d;stroke-width:1.2}.f9-structure-art{height:100%;position:relative;padding:24px 0;text-align:center}.f9-structure-art>div{height:39px;width:65%;margin:0 auto 5px;display:flex;align-items:center;justify-content:center;transform:skewY(-8deg);border:1px solid #b3c39980;border-radius:4px;box-shadow:6px 7px 0 #001e1950;background:linear-gradient(110deg,#3b7052,#204f39);font-size:10px;color:#ecf2da}.f9-structure-art>div:nth-child(2){background:linear-gradient(110deg,#e8d69f,#b99953);color:#253f29;border-color:#e9d8a5}.f9-structure-art>div:nth-child(3){background:linear-gradient(110deg,#718d62,#476740);color:#f4f7e7}.f9-structure-art>small{position:absolute;bottom:17px;left:0;width:100%;color:#ccdac2;font-size:10px}.f9-balance-art{position:relative;height:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:26px 24px;gap:9px}.f9-balance-art>span{position:relative;z-index:1;border:1px solid #b8bc98;border-radius:4px;background:#f8f7eb;padding:9px 12px;font-size:10px;color:#365438}.f9-balance-art>svg{position:absolute;width:100%;height:167px;left:0;top:16px;fill:none;stroke:#987d37;stroke-width:1.5}.f9-balance-art>b{position:absolute;bottom:17px;width:100%;left:0;text-align:center;font-weight:500;font-size:10px;color:#4b603c}
.f9-editorial{padding:0 0 92px}.f9-photo{height:570px;position:relative;border-radius:12px;overflow:hidden;background:#234e38}.f9-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 57%;display:block}.f9-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06291fef 0%,#06291f94 23%,transparent 65%)}.f9-photo-caption{position:absolute;z-index:2;bottom:43px;left:45px;color:#fff8e8}.f9-photo-caption>span{display:block;color:#e4e8d5;font-size:13px;margin-bottom:16px}.f9-photo-caption>b{font-size:clamp(32px,3.5vw,50px);font-weight:500;line-height:1.1;letter-spacing:-.045em}.f9-photo-mark{position:absolute;z-index:2;right:43px;bottom:38px;font-size:90px;letter-spacing:-.12em;font-weight:600;line-height:1;color:#dfc184bd}.f9-editorial-copy{padding-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.f9-editorial-copy h2{font-size:clamp(35px,3.3vw,49px);max-width:19ch}.f9-editorial-copy h2 em{color:#83713a}.f9 .f9-editorial-copy p{font-size:16px;line-height:1.9}.f9 .f9-editorial-copy p+p{margin-top:16px}.f9-editorial-copy .f9-text-link{margin-top:24px;color:#23492f}
.f9-connection{background:#e5ebdb;padding:90px 0}.f9-value-flow{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr;align-items:center;border-top:1px solid #afbe9c;padding-top:38px}.f9-value-flow article{align-self:stretch;min-width:0;padding:0 22px 0 0}.f9-value-flow article>span{display:block;font-size:11px;color:#51643e;margin-bottom:27px;letter-spacing:.03em}.f9-value-flow article>svg{width:40px;height:40px;stroke:#5b6e3a;fill:none;stroke-width:1.15;margin-bottom:23px;display:block}.f9-value-flow article>h3{font-size:28px;line-height:1.14}.f9 .f9-value-flow article>p{font-size:14px;line-height:1.85;max-width:32ch;margin-top:17px;color:#4d6548}.f9-flow-plus{width:30px;height:30px;display:grid;place-items:center;font-size:24px;font-weight:300;line-height:1;border:1px solid #8da47b;border-radius:50%;color:#69804c}.f9-team-bridge{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #b5c2a2;padding-top:33px;margin-top:46px}.f9-team-bridge>div{display:flex;align-items:center;gap:23px}.f9-team-bridge svg{width:37px;height:37px;stroke:#48633b;fill:none;stroke-width:1.2;flex:none}.f9-team-bridge p b{display:block;font-weight:500;font-size:18px;letter-spacing:-.025em;line-height:1.55;color:#20452c}.f9-team-bridge p span{display:block;font-size:12px;margin-top:7px;color:#4b6346}.f9-team-bridge .f9-text-link{font-size:13px;white-space:nowrap;color:#274931}
.f9-faq{padding:97px 0}.f9-faq>.f9-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.f9-faq h2{margin-top:23px}.f9 .f9-faq>.f9-wrap>div>p{font-size:16px;margin-top:25px;max-width:33ch;line-height:1.85}.f9-faq .v8-accordion summary{color:#163f2d;font-size:17px;padding:21px 0}.f9-faq .v8-accordion p{color:#4c644f;font-size:15px;line-height:1.9}.f9-finale{background:#082e24;position:relative;overflow:hidden;padding:76px 0 80px;color:#f4f7e8}.f9-finale:after{position:absolute;content:'';border:1px solid #afc39426;width:600px;height:600px;border-radius:50%;right:-330px;top:-210px;pointer-events:none}.f9-finale>.f9-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.f9-finale .f9-label{color:#d8c590}.f9-finale h2{font-size:clamp(41px,4.1vw,61px);line-height:1.075;margin-top:23px}.f9-finale-action{padding-left:10px}.f9-finale-icon{width:66px;height:66px;border:1px solid #8d9f6e;border-radius:50%;display:grid;place-items:center;margin-bottom:21px}.f9-finale-icon svg{width:39px;height:39px;stroke:#dcc287;fill:none;stroke-width:1.2}.f9 .f9-finale-action p{font-size:17px;color:#c9dbc2;line-height:1.8;margin-bottom:25px}.f9-finale small{display:block;font-size:12px;color:#b7cbb1;margin-top:18px}
@media(min-width:1500px){.f9-hero-grid{min-height:742px}.f9-scene{margin-right:-50px;margin-left:-15px}.f9 .f9-hero h1{font-size:83px}}@media(max-width:1180px){.f9-wrap{padding:0 38px}.f9-hero-grid{gap:10px;min-height:645px;padding:48px 0 43px}.f9 .f9-hero h1{font-size:61px}.f9 .f9-hero-copy>p{font-size:16px}.f9-scene{min-height:410px;margin-right:-17px;margin-left:-15px}.f9-hero-art figcaption{padding-left:18px;font-size:11px}.f9-actions{gap:13px}.f9-explorer-controls{padding:32px 28px 28px 20px}.f9-explorer-result{padding:26px 27px}.f9-choices button{padding:16px 13px;gap:10px}.f9-choices button b{font-size:13px}.f9-route-visual{gap:7px}.f9-route-visual>i{width:27px}.f9-route-visual>div{min-width:69px}.f9-heading,.f9-editorial-copy{gap:48px}.f9-service-grid{gap:16px}.f9-service-top{padding:20px 19px;gap:9px;font-size:11px}.f9-service-copy{padding:25px 20px}.f9 .f9-service-copy h3{font-size:24px}.f9 .f9-service-copy p{font-size:13px}.f9-fund-art{margin:0 21px}.f9-balance-art{padding:26px 16px;gap:7px}.f9-balance-art>span{padding:8px 9px}.f9-photo{height:510px}.f9-faq>.f9-wrap{gap:55px}.f9-team-bridge{align-items:flex-start}.f9-team-bridge .f9-text-link{white-space:normal;max-width:220px}.f9-finale>.f9-wrap{gap:60px}}
@media(max-width:900px){.f9-wrap{padding:0 30px}.f9-hero-grid{grid-template-columns:1fr 1fr;gap:0;padding-top:45px;min-height:580px}.f9 .f9-hero h1{font-size:49px}.f9 .f9-hero-copy>p{font-size:15px;line-height:1.85}.f9-hero-copy .f9-label{font-size:10px;max-width:31ch}.f9-scene{min-height:340px}.f9-scene-label{font-size:10px;padding:7px 9px}.f9-scene-label.is-core{font-size:11px;padding:8px 11px}.f9-art-corner{font-size:9px;left:5%;top:0}.f9-hero-art figcaption{flex-direction:column;align-items:center;text-align:center;padding-left:0;gap:13px}.f9-explorer{grid-template-columns:.9fr 1.1fr;padding:9px;border-radius:17px}.f9-explorer-controls{padding:26px 23px 25px 14px}.f9 .f9-explorer-controls h2{font-size:37px}.f9 .f9-explorer-controls>p{font-size:14px}.f9-explorer-result{padding:22px}.f9-result-top{font-size:9px;flex-wrap:wrap;gap:10px}.f9-route-visual{height:136px;gap:6px}.f9-route-visual>div{min-width:50px;font-size:9px}.f9-route-visual>i{width:20px}.f9-route-visual .f9-route-center{min-width:82px;min-height:80px;font-size:10px}.f9-route-visual svg{width:27px;height:27px}.f9 .f9-result-copy>h3{font-size:25px;min-height:0}.f9 .v8-step{gap:12px;grid-template-columns:26px minmax(0,1fr)}.f9 .v8-step h3{font-size:15px}.f9 .v8-step p{font-size:12px}.f9 #v8-finance-outcome{font-size:12px;padding:14px}.f9-choices button{grid-template-columns:19px minmax(0,1fr) 16px;gap:8px;font-size:12px}.f9-choices button b{font-size:12px}.f9-choices button svg{width:16px}.f9-explorer-seal{font-size:11px}.f9-explorer-seal svg{width:29px;height:29px}.f9-heading{gap:35px}.f9-heading h2{font-size:39px}.f9 .f9-heading>p{font-size:14px}.f9-service-grid{grid-template-columns:1fr;gap:22px}.f9-service{display:grid;grid-template-columns:.9fr 1.1fr}.f9-service-top{grid-column:1/-1}.f9-service-art{height:100%;min-height:235px;border-bottom:0;border-right:1px solid #c9d4bc}.f9-service-copy{padding:27px}.f9 .f9-service-copy h3{font-size:26px;min-height:0}.f9 .f9-service-copy p{font-size:14px}.f9-fund-art{max-width:290px;margin:auto;min-height:235px}.f9-structure-art{min-height:235px;padding-top:35px}.f9-balance-art{min-height:235px;padding-top:46px}.f9-balance-art svg{top:39px}.f9-balance-art b{bottom:27px}.f9-editorial-copy{gap:36px}.f9-editorial-copy h2{font-size:36px}.f9 .f9-editorial-copy p{font-size:14px}.f9-photo{height:440px}.f9-photo-caption{left:30px;bottom:31px}.f9-photo-mark{font-size:70px;right:33px;bottom:28px}.f9-value-flow{grid-template-columns:1fr 27px 1fr 27px 1fr}.f9-value-flow article{padding-right:8px}.f9-value-flow article>h3{font-size:24px}.f9 .f9-value-flow article>p{font-size:13px}.f9-flow-plus{width:22px;height:22px;font-size:19px}.f9-team-bridge>div{gap:15px}.f9-team-bridge p b{font-size:16px}.f9-team-bridge p span{font-size:11px}.f9-faq>.f9-wrap{gap:36px}.f9-faq h2{font-size:39px}.f9 .f9-faq>.f9-wrap>div>p{font-size:14px}.f9-faq .v8-accordion summary{font-size:15px}.f9-finale>.f9-wrap{gap:39px}.f9-finale h2{font-size:43px}.f9 .f9-finale-action p{font-size:15px}}
@media(max-width:640px){.f9-wrap{padding:0 22px}.f9-crumb{padding-top:23px;font-size:11px}.f9-hero-grid{grid-template-columns:minmax(0,1fr);padding:38px 0 25px;gap:30px}.f9 .f9-hero h1{font-size:clamp(44px,11.6vw,64px);max-width:none;line-height:1.04}.f9-hero-copy .f9-label{font-size:11px;max-width:none;margin-bottom:24px}.f9 .f9-hero-copy>p{font-size:16px;line-height:1.85;max-width:39ch;margin-top:25px;margin-bottom:26px}.f9-actions{gap:12px;align-items:flex-start;flex-direction:column}.f9-btn{font-size:14px;padding:15px 20px;gap:22px;min-height:53px}.f9-actions .f9-text-link{font-size:13px}.f9-personal{margin-top:24px;font-size:12px;gap:12px}.f9-personal svg{width:29px;height:29px}.f9-scene{min-height:0;aspect-ratio:1.06;margin:-2px -14px 0}.f9-art-corner{left:8%;top:3%;font-size:9px}.f9-art-index{font-size:9px}.f9-scene-label{font-size:11px;padding:7px 9px}.f9-scene-label.is-core{font-size:12px;padding:8px 12px}.f9-hero-art figcaption{flex-direction:row;align-items:center;text-align:left;padding:11px 2px 0;font-size:11px;gap:15px}.f9-hero-art figcaption button{font-size:10px;padding:9px;min-height:40px;gap:5px}.f9-hero-base{padding:23px 0;display:grid;grid-template-columns:1fr 40px;gap:5px;font-size:13px}.f9-hero-base strong{grid-column:1;max-width:27ch;line-height:1.65}.f9-hero-base>a{grid-row:1/3;grid-column:2;width:38px;height:38px;font-size:22px}.f9-explore-section{padding:48px 0 16px}.f9-explore-section>.f9-wrap{padding:0 15px}.f9-explorer{grid-template-columns:minmax(0,1fr);padding:8px;border-radius:17px}.f9-explorer-controls{padding:24px 18px 29px}.f9-explorer-controls .f9-label{font-size:11px;gap:9px}.f9 .f9-explorer-controls h2{font-size:42px;margin-top:19px}.f9 .f9-explorer-controls>p{font-size:15px;margin-top:21px;line-height:1.8;max-width:none}.f9-choices{margin-top:25px;gap:11px}.f9-choices button{grid-template-columns:20px minmax(0,1fr) 18px;gap:10px;padding:17px 13px;min-height:68px}.f9-choices button b{font-size:14px}.f9-choices button span{font-size:11px}.f9-explorer-seal{margin-top:25px;padding-top:21px;font-size:11px}.f9-explorer-result{border-radius:10px;padding:22px 20px 25px}.f9-result-top{font-size:10px;gap:9px}.f9-route-visual{height:142px;gap:8px;margin-bottom:25px}.f9-route-visual>div{min-width:54px;font-size:9px}.f9-route-visual>i{width:19px}.f9-route-visual .f9-route-center{min-width:85px;min-height:84px;font-size:10px}.f9 .f9-result-copy>h3{font-size:28px;line-height:1.16;margin-bottom:23px}.f9 .v8-step{grid-template-columns:26px minmax(0,1fr);gap:13px;padding:17px 0}.f9 .v8-step h3{font-size:16px}.f9 .v8-step p{font-size:13px;line-height:1.8}.f9 #v8-finance-outcome{font-size:13px;padding:16px;margin-top:17px}.f9-services{padding:53px 0 59px}.f9-heading{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:30px}.f9-heading h2{font-size:36px;margin-top:19px;line-height:1.1}.f9 .f9-heading>p{font-size:15px;line-height:1.85;max-width:none}.f9-label{font-size:11px;letter-spacing:.03em}.f9-service{display:flex}.f9-service-top{padding:21px 23px;font-size:12px;gap:13px}.f9-service-art{height:215px;min-height:215px;border-right:0;border-bottom:1px solid #c9d4bc}.f9-service-copy{padding:26px 24px 24px}.f9 .f9-service-copy h3{font-size:29px}.f9 .f9-service-copy p{font-size:15px;line-height:1.85;margin-top:19px;margin-bottom:23px}.f9-service-copy>strong{font-size:12px;padding-top:16px}.f9-fund-art{min-height:215px;max-width:290px;margin:0 auto;width:calc(100% - 50px)}.f9-fund-art span{font-size:11px}.f9-structure-art{min-height:215px;padding-top:24px}.f9-structure-art>div{font-size:11px;max-width:260px}.f9-structure-art>small{font-size:11px;bottom:19px}.f9-balance-art{min-height:215px;padding:28px 23px}.f9-balance-art svg{top:14px}.f9-balance-art>span{font-size:11px;padding:9px 12px}.f9-balance-art>b{bottom:20px;font-size:11px}.f9-editorial{padding-bottom:59px}.f9-editorial>.f9-wrap{padding:0 18px}.f9-photo{height:450px;border-radius:9px}.f9-photo img{object-position:40% 50%}.f9-photo:after{background:linear-gradient(0deg,#06291ff5 0%,#06291f96 26%,transparent 70%)}.f9-photo-caption{left:23px;bottom:28px;right:18px}.f9-photo-caption>span{font-size:11px;margin-bottom:12px;max-width:29ch;line-height:1.65}.f9-photo-caption>b{font-size:37px;line-height:1.1}.f9-photo-mark{display:none}.f9-editorial-copy{grid-template-columns:minmax(0,1fr);padding:35px 4px 0;gap:26px}.f9-editorial-copy h2{font-size:36px;line-height:1.1;max-width:none}.f9 .f9-editorial-copy p{font-size:15px;line-height:1.9}.f9 .f9-editorial-copy p+p{margin-top:16px}.f9-editorial-copy .f9-text-link{font-size:13px;margin-top:22px}.f9-connection{padding:55px 0}.f9-value-flow{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:27px}.f9-value-flow article{position:relative;padding:0 0 0 61px}.f9-value-flow article>span{margin-bottom:17px;font-size:11px}.f9-value-flow article>svg{position:absolute;top:38px;left:0;width:37px;height:37px;margin:0}.f9-value-flow article>h3{font-size:28px;line-height:1.14}.f9 .f9-value-flow article>p{font-size:14px;line-height:1.9;max-width:none;margin-top:15px}.f9-flow-plus{margin-left:64px;width:25px;height:25px;font-size:20px}.f9-team-bridge{flex-direction:column;gap:20px;margin-top:34px;padding-top:30px}.f9-team-bridge>div{align-items:flex-start;gap:16px}.f9-team-bridge svg{width:31px;height:31px;margin-top:5px}.f9-team-bridge p b{font-size:16px;line-height:1.6}.f9-team-bridge p span{font-size:12px;line-height:1.9;margin-top:11px}.f9-team-bridge .f9-text-link{font-size:13px;max-width:none}.f9-faq{padding:61px 0 54px}.f9-faq>.f9-wrap{grid-template-columns:minmax(0,1fr);gap:31px}.f9-faq h2{font-size:38px;margin-top:19px}.f9 .f9-faq>.f9-wrap>div>p{font-size:15px;max-width:none;margin-top:23px}.f9-faq .v8-accordion summary{font-size:16px;padding:20px 0}.f9-faq .v8-accordion p{font-size:14px}.f9-finale{padding:54px 0 59px}.f9-finale>.f9-wrap{grid-template-columns:minmax(0,1fr);gap:32px}.f9-finale h2{font-size:41px;line-height:1.12;margin-top:22px}.f9-finale-action{padding-left:0}.f9-finale-icon{display:none}.f9 .f9-finale-action p{font-size:16px;margin-bottom:27px}.f9-finale small{font-size:11px;line-height:1.7;max-width:29ch;margin-top:19px}}
@media(max-width:370px){.f9-wrap{padding:0 20px}.f9 .f9-hero h1{font-size:36px}.f9 .f9-hero-copy>p{font-size:15px}.f9-hero-copy .f9-label{font-size:10px}.f9-scene-label{font-size:10px;padding:6px 8px}.f9-scene-label.is-core{font-size:11px;padding:8px 10px}.f9-hero-art figcaption{font-size:10px}.f9-art-corner{font-size:8px}.f9 .f9-explorer-controls h2{font-size:37px}.f9-explorer-controls{padding-left:15px;padding-right:15px}.f9 .f9-explorer-controls>p{font-size:14px}.f9-explore-section>.f9-wrap{padding:0 12px}.f9-explorer-result{padding:21px 17px}.f9-choices button{padding:16px 11px;gap:8px;grid-template-columns:18px minmax(0,1fr) 16px}.f9-choices button b{font-size:13px}.f9-route-visual{gap:6px}.f9-route-visual>div{min-width:48px;font-size:8px}.f9-route-visual>i{width:16px}.f9-route-visual .f9-route-center{min-width:76px;min-height:77px;font-size:9px}.f9 .f9-result-copy>h3{font-size:26px}.f9 .v8-step{gap:10px}.f9 .v8-step h3{font-size:15px}.f9 .v8-step p{font-size:12px}.f9 .f9-heading h2,.f9-editorial-copy h2{font-size:33px}.f9-service-top{padding:20px;font-size:11px;gap:10px}.f9-service-top svg{width:21px;height:21px}.f9-service-copy{padding:25px 21px}.f9 .f9-service-copy h3{font-size:27px}.f9 .f9-service-copy p{font-size:14px}.f9-photo{height:420px}.f9-photo-caption>b{font-size:34px}.f9-value-flow article{padding-left:52px}.f9-value-flow article>h3{font-size:26px}.f9-value-flow article>svg{width:32px;height:32px}.f9 .f9-value-flow article>p{font-size:13px}.f9-finale h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.f9 *, .f9 *:before,.f9 *:after{animation:none!important;transition:none!important}.f9-service:hover,.f9-choices button:hover,.f9-btn:hover{transform:none}}@media print{.f9-scene,.f9-motion,.f9-actions{display:none}.f9-hero-grid,.f9-explorer,.f9-editorial-copy,.f9-finale>.f9-wrap{grid-template-columns:1fr}.f9-service{break-inside:avoid}.f9-photo{height:250px}.f9-wrap{padding:0 20px}}
.f10-audiences{display:grid;grid-template-columns:.78fr 1fr 1fr;align-items:center;gap:30px;padding:27px 0 31px;border-top:1px solid #859f765c}
.f10-audiences>span{color:#b8cbb3;font-size:12px;line-height:1.8}.f10-audiences>span b{color:#f0f4e7;font-weight:500}
.f10-audiences>a{display:flex;align-items:center;gap:17px;color:#f1f3e7;border:1px solid #6d8c6d;border-radius:7px;padding:20px 23px;min-height:70px;background:#103b2e;transition:background .2s,border-color .2s}
.f10-audiences>a:hover{background:#22543d;border-color:#d5be86}.f10-audiences>a>span{font-size:11px;color:#d9c38d}.f10-audiences>a>b{font-size:15px;font-weight:500}.f10-audiences>a>svg{margin-left:auto;width:20px;height:20px;fill:none;stroke:#e1c587;stroke-width:1.5}
.f10-model-controls{display:flex;align-items:center;gap:6px;flex:none}.f10-model-controls #f10-reset{width:39px;justify-content:center;font-size:19px;padding:6px;line-height:1}
.f9-scene canvas{cursor:grab}.f9-scene canvas:active{cursor:grabbing}.f9-scene-label{background:#0e372ceF;border-color:#92ad827d;font-size:11px;padding:7px 11px}.f9-scene-label.is-core{font-size:12px;padding:8px 15px;border-radius:5px}
.f10-company .f9-service{display:flex;flex-direction:column;background:#fffef7;border-color:#c0cdb5}.f10-company .f9-service-top{padding:25px 28px 0;border-bottom:0;justify-content:flex-start;gap:15px}.f10-company .f9-service-top b{font-size:13px}
.f10-service-symbol{padding:31px 29px 25px;display:flex;align-items:center;min-height:160px}.f10-service-symbol>span{display:grid;place-items:center;width:108px;height:108px;border:1px solid #c7d2b9;border-radius:28px;background:#eef1e4;color:#204d37;box-shadow:inset 0 0 0 7px #f6f7ed}
.f10-icon{width:68px;height:68px;display:block;flex:none}.f10-icon .accent{stroke:#93722e}.f10-company .f9-service-copy{padding-top:0}.f10-company .f9-service-copy h3{font-size:29px}.f10-company .f9-service-copy>strong{border-color:#c1cdb5}
.f10-employees{padding:85px 0 73px;background:radial-gradient(ellipse at 85% 100%,#24533b50,transparent 58%),#092e25;color:#f5f5e9}
.f10-employees .f9-label{color:#d5c189}.f10-employees .f9-label:before{background:#d5c189}.f10-employees h2{color:#f3f5e8}.f10-employees h2 em{color:#e1c58a}.f10-employees .f9-heading>p{color:#c0d2ba;font-size:16px}
.f10-employee-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.f10-employee-cards article{background:#123e30;border:1px solid #65815f;border-radius:12px;padding:31px 30px 32px;min-width:0}
.f10-employee-icon{margin-bottom:30px;color:#e3d3a3}.f10-employee-icon .f10-icon{width:55px;height:55px;stroke-width:1.65}.f10-employee-icon .accent{stroke:#c4d8b7}.f10-employee-cards h3{font-size:27px;line-height:1.17;max-width:17ch;color:#f3f5e7}.f10-employees .f10-employee-cards p{font-size:15px;line-height:1.85;margin-top:22px;color:#c7d7bd}
.f10-shared-benefit{margin-top:37px;padding-top:31px;border-top:1px solid #6f87604d;display:flex;gap:30px;align-items:center;justify-content:space-between}.f10-shared-benefit>div>span{font-size:12px;color:#d2dfc5}.f10-shared-benefit ol{display:flex;gap:0;list-style:none;flex-wrap:wrap;margin:12px 0 0;padding:0;color:#f2eed8;font-size:12px;line-height:1.8}.f10-shared-benefit li+li:before{content:'→';margin:0 15px;color:#e0c58c}.f10-shared-benefit .f9-btn{font-size:12px;gap:15px;padding:15px 18px;flex:none}
.f10-employees+.f9-editorial{padding-top:90px}
@media(max-width:1180px){.f10-audiences{gap:20px;grid-template-columns:.65fr 1fr 1fr}.f10-audiences>a{padding:18px;gap:12px}.f10-audiences>a>b{font-size:14px}.f10-employee-cards article{padding:27px 25px}.f10-shared-benefit{align-items:flex-start;flex-direction:column;gap:24px}.f10-company .f9-service-top{padding-left:24px}.f10-service-symbol{padding-left:24px}.f10-company .f9-service-copy h3{font-size:27px}}
@media(max-width:900px){.f10-audiences{grid-template-columns:1fr 1fr}.f10-audiences>span{grid-column:1/-1;display:flex;gap:7px}.f10-audiences>span br{display:none}.f10-employee-cards{grid-template-columns:1fr}.f10-employee-cards article{display:grid;grid-template-columns:63px 1fr;gap:12px 23px;padding:29px}.f10-employee-icon{grid-row:1/3;margin:0}.f10-employee-cards h3{max-width:none;font-size:28px}.f10-employees .f10-employee-cards p{margin:0}.f10-company .f9-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.f10-company .f9-service-top{padding:22px 20px 0;gap:10px}.f10-company .f9-service-top b{font-size:12px}.f10-service-symbol{padding:26px 20px 22px;min-height:145px}.f10-service-symbol>span{width:92px;height:92px;border-radius:24px}.f10-service-symbol .f10-icon{width:58px;height:58px}.f10-company .f9-service-copy{padding:0 20px 25px}.f10-company .f9-service-copy h3{font-size:25px}.f10-company .f9-service-copy p{font-size:14px}.f10-company .f9-service-copy>strong{font-size:11px}}
@media(max-width:640px){.f10-audiences{grid-template-columns:1fr;gap:12px;padding:24px 0 28px}.f10-audiences>span{font-size:11px;padding-bottom:4px;display:flex;gap:7px}.f10-audiences>a{padding:17px 18px;min-height:61px;gap:17px}.f10-audiences>a>b{font-size:14px}.f10-audiences>a>svg{width:18px;height:18px}.f10-company .f9-service-grid{grid-template-columns:1fr;gap:18px}.f10-company .f9-service-top{padding:25px 26px 0;font-size:12px}.f10-company .f9-service-top b{font-size:13px}.f10-service-symbol{padding:25px 26px 22px;min-height:140px}.f10-service-symbol>span{width:94px;height:94px}.f10-company .f9-service-copy{padding:0 26px 29px}.f10-company .f9-service-copy h3{font-size:29px}.f10-company .f9-service-copy p{font-size:15px;line-height:1.85}.f10-company .f9-service-copy>strong{font-size:12px}.f10-employees{padding:57px 0 51px}.f10-employees .f9-heading>p{font-size:15px;line-height:1.9}.f10-employee-cards{gap:15px}.f10-employee-cards article{padding:26px;display:block}.f10-employee-icon{margin-bottom:23px}.f10-employee-icon .f10-icon{width:51px;height:51px}.f10-employee-cards h3{font-size:28px;max-width:18ch}.f10-employees .f10-employee-cards p{margin-top:19px;font-size:14px;line-height:1.9}.f10-shared-benefit{margin-top:28px;padding-top:26px;gap:24px}.f10-shared-benefit ol{flex-direction:column;gap:8px;font-size:12px;margin-top:15px}.f10-shared-benefit li+li:before{content:'↓';margin:0 10px 0 0}.f10-shared-benefit .f9-btn{font-size:12px;gap:12px;max-width:100%;padding:16px}.f10-employees+.f9-editorial{padding-top:58px}.f10-model-controls{gap:5px}.f10-model-controls #f10-reset{width:34px;font-size:18px}.f9-scene-label{font-size:10px;padding:6px 8px}.f9-scene-label.is-core{font-size:11px;padding:7px 12px}.f9-hero-art figcaption{gap:10px;font-size:10px}.f9-hero-art figcaption button{font-size:10px;padding:8px;gap:4px}}
@media(max-width:370px){.f10-company .f9-service-copy h3{font-size:27px}.f10-employee-cards article{padding:24px 23px}.f10-employee-cards h3{font-size:26px}.f10-employees .f10-employee-cards p{font-size:13px}.f10-shared-benefit .f9-btn{font-size:11px;padding:15px 13px;gap:8px}.f9-scene-label{font-size:9px;padding:5px 7px}.f9-scene-label.is-core{font-size:10px}.f9-hero-art figcaption{font-size:9px}.f10-model-controls #f10-reset{width:30px}}
@media(min-width:641px) and (max-width:900px){.f10-company .f9-service-grid{grid-template-columns:1fr}.f10-company .f9-service{display:grid;grid-template-columns:142px minmax(0,1fr)}.f10-company .f9-service-top{grid-column:2;padding:27px 29px 0 0}.f10-company .f10-service-symbol{grid-column:1;grid-row:1/3;padding:29px 24px;align-items:flex-start;min-height:0}.f10-company .f9-service-copy{grid-column:2;padding:20px 29px 27px 0}.f10-company .f9-service-copy h3{font-size:28px}.f10-company .f9-service-copy p{font-size:15px}.f10-company .f9-service-copy>strong{font-size:12px}}
@media(max-width:640px){.f9-scene-label{font-size:11px}.f9-scene-label.is-core{font-size:11px}}@media(max-width:370px){.f9-scene-label{font-size:10px}.f9-scene-label.is-core{font-size:10px}}
.f14 .f9-hero h1{font-size:clamp(47px,4.8vw,67px);line-height:1.06;letter-spacing:-.052em}.f14 .f9-hero h1 em{white-space:normal}
.f14 .f9-hero-copy>p{max-width:48ch;color:#d1dfca;font-size:17px;line-height:1.85}.f14 .f9-personal{font-size:13px}
.f14 .f9-hero-grid{grid-template-columns:1fr 1fr;gap:35px}.f14 .f10-audiences>span{font-size:13px}
.f14 .f9-explorer-result{display:flex;flex-direction:column;padding:30px 35px}.f14 .f9-result-copy{display:flex;flex-direction:column;flex:1}.f14 .f9-result-copy>h3{min-height:0;max-width:24ch;font-size:31px;margin-bottom:26px}
.f14 .f9-route-visual{height:136px;min-height:136px}.f14 .v8-step p{font-size:14px;line-height:1.75}.f14 .v8-step h3{font-size:17px}.f14 .f9-result-top{font-size:11px}
.f14-decision{margin-top:20px;padding:22px 23px;background:#e9ecda;border:1px solid #b5c3a3;border-radius:8px;color:#234731}.f14-decision>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;color:#5b653f}
.f14 .f14-decision #v8-finance-outcome{padding:0;border:0;background:none;margin:12px 0 20px;border-radius:0;font-size:16px;line-height:1.7;color:#254832}.f14-decision .f9-btn{background:#1b4933;border-color:#1b4933;color:#fff9e8!important;width:100%;font-size:14px;padding:14px 18px;min-height:51px}.f14-decision .f9-btn:hover{background:#306043;border-color:#306043}
.f14 .f9-services{padding-bottom:80px}.f14 .f10-company .f9-service-top b{font-size:14px}.f14 .f10-service-symbol{min-height:135px;padding-top:25px;padding-bottom:22px}.f14 .f10-service-symbol>span{width:88px;height:88px;border-radius:17px;box-shadow:inset 0 0 0 6px #f6f7ed}.f14 .f10-service-symbol .f10-icon{width:59px;height:59px}.f14 .f9-service-copy h3{font-size:28px;min-height:67px;line-height:1.16}.f14 .f9-service-copy p{font-size:15px;line-height:1.8}.f14 .f9-service-copy>strong{font-size:13px;font-weight:600;color:#335237}
.f14 .f9-heading h2{font-size:clamp(35px,3.1vw,47px);line-height:1.1}.f14 .f9-heading>p{font-size:17px;color:#4b624b}.f14 .f10-employees .f9-heading>p{color:#d3dfca}.f14 .f10-employee-cards h3{font-size:27px;max-width:none}.f14 .f10-employee-cards article{background:#153f30;border-color:#6e8662}.f14 .f10-employees .f10-employee-cards p{font-size:16px;color:#d5e1cb;line-height:1.8}.f14 .f10-shared-benefit ol{font-size:13px}
.f14-network{padding:83px 0;background:#f5f6ec;color:#204530;border-bottom:1px solid #bdcbb0}.f14-network .f9-heading{align-items:start}.f14-network .f9-heading>p{color:#4b6449;margin-top:28px}.f14-network-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:stretch}
.f14-network-photo{margin:0;border:1px solid #b3c4a1;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#183f2e;min-height:540px}.f14-network-photo img{display:block;object-fit:cover;object-position:45% 50%;width:100%;height:400px;min-height:0;flex:1}.f14-network-photo figcaption{padding:26px 29px;background:#193f2e;color:#f3f5e8}.f14-network-photo figcaption>span{display:block;font-size:12px;color:#d4dfc7;margin-bottom:10px}.f14-network-photo figcaption>b{display:block;font-size:32px;font-weight:500;line-height:1.18;letter-spacing:-1px;color:#efdda8}
.f14-network-points{display:flex;flex-direction:column;gap:0}.f14-network-points article{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:24px 0;border-top:1px solid #becbac}.f14-network-points article:first-child{padding-top:0;border-top:0}.f14-network-points article>svg{width:35px;height:35px;fill:none;stroke:#587545;stroke-width:1.4;margin-top:4px}.f14-network-points article span{font-size:11px;letter-spacing:1.1px;color:#66704d;text-transform:uppercase;font-weight:600}.f14-network-points article h3{font-size:28px;line-height:1.2;color:#244731;margin-top:10px}.f14 .f14-network-points article p{font-size:16px;color:#4c6349;line-height:1.8;margin-top:13px}.f14-network-points>.f9-text-link{align-self:flex-start;margin-top:8px;font-size:14px;color:#254930}
.f14 .f9-faq{background:#fffdf5}.f14 .f9-faq .v8-accordion details{background:#f5f6ec;border:1px solid #c4cfb5;border-radius:8px;padding:0 22px;margin-bottom:11px}.f14 .f9-faq .v8-accordion summary{padding:19px 0;color:#254b32;font-size:16px;line-height:1.55}.f14 .f9-faq .v8-accordion details[open]{padding-bottom:20px}.f14 .f9-faq .v8-accordion p{font-size:15px;color:#4c6246;line-height:1.8}
.f14 .f9-finale h2{font-size:clamp(39px,4.5vw,62px);line-height:1.07}.f14 .f9-finale-action p{max-width:35ch;color:#dbe4cf;font-size:17px;line-height:1.85}.f14 .f9-finale small{font-size:12px}
@media(max-width:1050px){.f14 .f9-hero-grid{gap:25px}.f14 .f9-hero h1{font-size:46px}.f14 .f9-explorer-result{padding:25px}.f14 .f9-service-copy h3{font-size:26px}.f14-network-grid{gap:30px}.f14-network-points article h3{font-size:25px}.f14 .f14-network-points article p{font-size:15px}}
@media(max-width:800px){.f14 .f9-hero-grid{grid-template-columns:1fr}.f14 .f9-hero h1{font-size:57px}.f14 .f9-hero-copy>p{max-width:59ch}.f14 .f9-hero-art{width:min(100%,550px);justify-self:center}.f14-network-grid{grid-template-columns:1fr;gap:34px}.f14-network-photo{min-height:0}.f14-network-photo img{height:360px;flex:none}.f14-network-photo figcaption>b br{display:none}.f14-network .f9-heading>p{margin-top:0}.f14 .f9-finale-action p{max-width:50ch}}
@media(max-width:640px){.f14 .f9-hero h1{font-size:clamp(34px,9.3vw,49px);line-height:1.08}.f14 .f9-hero-copy>p{font-size:16px;line-height:1.8}.f14 .f9-hero-copy .f9-label{font-size:11px;letter-spacing:0}.f14 .f9-personal{font-size:12px}.f14 .f9-explorer-result{padding:23px 19px}.f14 .f9-result-copy>h3{font-size:28px;margin-bottom:23px}.f14 .f9-route-visual{height:130px;min-height:130px}.f14 .v8-step h3{font-size:16px}.f14 .v8-step p{font-size:14px}.f14 .f9-result-top{font-size:10px;gap:8px}.f14-decision{padding:20px 17px}.f14 .f14-decision #v8-finance-outcome{font-size:15px}.f14-decision .f9-btn{font-size:13px;gap:15px}.f14 .f9-services{padding-bottom:55px}.f14 .f9-service-copy h3{min-height:0;font-size:29px}.f14 .f9-heading h2{font-size:35px}.f14 .f9-heading>p{font-size:16px}.f14 .f10-employees .f10-employee-cards p{font-size:15px}.f14 .f10-employee-cards h3{font-size:27px}.f14-network{padding:56px 0}.f14-network-grid{gap:30px}.f14-network-photo img{height:310px;object-position:43% 50%}.f14-network-photo figcaption{padding:23px}.f14-network-photo figcaption>b{font-size:29px}.f14-network-points article{gap:16px;grid-template-columns:35px 1fr;padding:23px 0}.f14-network-points article>svg{width:29px;height:29px}.f14-network-points article h3{font-size:26px}.f14 .f14-network-points article p{font-size:15px;line-height:1.8}.f14 .f9-faq .v8-accordion details{padding:0 18px}.f14 .f9-faq .v8-accordion summary{font-size:15px}.f14 .f9-finale h2{font-size:41px}.f14 .f9-finale-action p{font-size:16px}}
@media(max-width:370px){.f14 .f9-result-copy>h3{font-size:26px}.f14 .f9-heading h2{font-size:32px}.f14-network-photo img{height:270px}.f14-network-points article{grid-template-columns:1fr;gap:14px}.f14-network-points article h3{font-size:27px}.f14 .f9-finale h2{font-size:36px}}
/* Shared visual language for the three benefit decision pages. */
.b11{--ink:#123d30;--paper:#faf9f3;--gold:#dec58e;--muted:#50635a;color:var(--ink);background:var(--paper)}
.b11 h1 em{font-style:normal;color:#607557}.b11 .v8-dark h1 em{color:#dcc58f}
.b11 .v8-eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.5px}
.b11 .v8-section{padding-top:86px;padding-bottom:86px}
.b11 .v8-section-head p,.b11 .v8-split-heading p{color:#455e50}
.b11 .v8-mist{background:#eaf0e3;border-top:1px solid #d1dcc8;border-bottom:1px solid #d1dcc8}
.b11 .b11-icon{width:38px;height:40px;flex:0 0 auto;fill:none;stroke:currentColor}
.b11 .v8-btn{background:#164b36;color:#fff;border:1px solid #164b36;font-size:15px;min-height:52px;border-radius:8px;box-shadow:0 4px 0 #092f22;transition:background .2s,transform .2s}
.b11 .v8-btn:hover{background:#0c3525;color:#fff;transform:translateY(-2px)}
.b11 .v8-dark .v8-btn,.b11 .v8-plan-result .v8-btn{background:#e3cc94;color:#13382b;border-color:#e3cc94;box-shadow:0 4px 0 #8c7744}
.b11 a:focus-visible,.b11 button:focus-visible,.b11 input:focus-visible,.b11 select:focus-visible,.b11 summary:focus-visible{outline:3px solid #987332;outline-offset:4px}
.b11 .v8-dark a:focus-visible,.b11 .v8-plan-result a:focus-visible,.b11 .v8-plan-result button:focus-visible{outline-color:#f4d592}
.b11 .v8-net-hero{background:radial-gradient(ellipse at 85% 10%,#244e37,transparent 60%),#0e3027;padding-bottom:72px;overflow:hidden}
.b11 .v8-net-intro{grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding-top:32px}
.b11 .v8-net-intro h1{font-size:clamp(40px,4.4vw,63px);line-height:1.06;letter-spacing:-2.4px;max-width:660px;color:#fffdf4}
.b11 .v8-net-intro p{max-width:560px;font-size:17px;line-height:1.7;color:#dae4d4}
.b11 .v8-net-intro figure{height:auto;min-height:0;aspect-ratio:1.14;margin:0;border:1px solid #728066;border-radius:12px;box-shadow:14px 14px 0 #ffffff06;overflow:hidden;position:relative}
.b11 .v8-net-intro figure img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.b11 .v8-net-intro figcaption{position:absolute;inset:auto 0 0;padding:58px 25px 24px;background:linear-gradient(transparent,#0a241be8 55%,#0a241b);color:#fffdf2}
.b11 .v8-net-intro figcaption b{font-size:19px;line-height:1.35;max-width:350px;display:block}
.b11 .v8-net-intro figcaption span{display:block;font-size:13px;color:#e0e8d7;margin-top:8px}
.b11 .v8-human-line{margin:0 0 65px;padding:24px 30px;border:1px solid #becbb3;border-radius:10px;background:#f0f3e9;color:#37553d;gap:20px;font-size:15px}
.b11 .v8-human-line strong{color:#123c2c}
.b11 .v8-human-cards{gap:22px}.b11 .v8-human-cards article{border:1px solid #c3ceb9;border-top:3px solid #718b60;padding:32px;background:#fffefa;border-radius:10px}
.b11 .v8-human-cards .b11-icon{width:46px;height:49px;color:#315e42;margin-bottom:28px}
.b11 .v8-human-cards h3{font-size:24px;letter-spacing:-.6px;color:#193d2d}
.b11 .v8-human-cards p{color:#4c6053;font-size:16px;line-height:1.7;margin-top:14px}
.b11 .v8-planner{gap:30px;grid-template-columns:1.08fr 1fr;align-items:start}
.b11 .v8-planner-controls,.b11 .v8-calc-inputs{border:1px solid #becdb6;border-radius:12px;background:#fffef9;box-shadow:0 8px 28px #18392507;padding:30px}
.b11-tool-title{display:flex;align-items:center;gap:14px;margin-bottom:25px}
.b11-tool-title>span{display:grid;place-items:center;flex:0 0 40px;height:40px;background:#e4ebdb;border:1px solid #bfceb1;border-radius:50%;color:#284632;font-size:13px;font-weight:700}
.b11 .b11-tool-title h2,.b11 .b11-tool-title h3{font-size:22px;line-height:1.2;letter-spacing:-.6px;color:#143c2a;margin:0}
.b11 .b11-tool-title p{margin:5px 0 0;font-size:13px;color:#55664f;line-height:1.5}
.b11 .v8-segment{padding:5px;border:1px solid #c7d1bc;border-radius:8px;background:#edf1e5;gap:4px}
.b11 .v8-segment button{color:#284c33;border-radius:5px;font-size:13px;min-height:42px;padding:9px 10px;background:transparent}
.b11 .v8-segment button[aria-pressed=true]{background:#174530;color:#fffdf3;box-shadow:0 2px 6px #19372422}
.b11 .v8-field{font-size:14px;line-height:1.5;color:#34503c}
.b11 .v8-field input,.b11 .v8-field select,.b11 .v8-amount-label input{border:1px solid #91a482;background:#fff;color:#143826;border-radius:6px;font-family:Helvetica,Arial,sans-serif}
.b11 .v8-benefit-row{background:#f4f6ee;border:1px solid #cbd6bf;border-radius:8px;padding:16px;margin-top:12px;gap:12px}
.b11 .v8-check b{color:#23442f;font-size:15px}.b11 .v8-check small{color:#52664d;font-size:12px;line-height:1.45}
.b11 .v8-amount-label{color:#52604a;font-size:12px}.b11 .v8-amount-label input{font-size:17px;min-height:44px}
.b11 .v8-rules{border-color:#b7c8a9;color:#304d38;font-size:14px}.b11 .v8-rules summary{color:#2e4a35;font-size:14px;padding-top:18px;padding-bottom:18px}.b11 .v8-rules p{color:#4e6048;line-height:1.65}
.b11 .v8-plan-result{position:static;padding:34px;border:1px solid #597954;border-radius:12px;background:radial-gradient(ellipse at 90% 0,#315b39,transparent 60%),#103d2e;box-shadow:0 14px 35px #1c3a2220;color:#f5f5e9}
.b11-result-icon{display:grid;place-items:center;width:65px;height:65px;border:1px solid #9caf73;border-radius:14px;color:#e6d398;margin-bottom:24px;background:#bed5970a}
.b11 .v8-plan-result .v8-eyebrow{color:#dbcc98}.b11 .v8-plan-result h3{font-size:32px;color:#fffdf2;line-height:1.12;letter-spacing:-.9px}
.b11 .v8-plan-total strong{font-size:clamp(45px,5.5vw,72px);letter-spacing:-3px;color:#e7d099}.b11 .v8-plan-total span{font-size:13px;line-height:1.5;color:#e0e8d6}
.b11 .v8-plan-result .v8-breakdown>div{color:#eff3e6;border-color:#52745c;font-size:15px;padding:13px 0;gap:15px}
.b11 .v8-plan-result .v8-plan-group,.b11 .v8-plan-result .v8-caption{color:#d7e3cf;line-height:1.65;font-size:13px}
.b11 .v8-plan-result .v8-plan-group b{color:#fff5da}.b11 .v8-budget-track{height:13px;border-radius:4px;overflow:hidden;margin:24px 0}
.b11 .b11-cta-note{font-size:13px;line-height:1.5;color:#476047;text-align:center;margin:14px 0 0}
.b11 .v8-plan-result .b11-cta-note{color:#d4dfc6;margin-bottom:18px}
.b11 .v8-twin article{border:1px solid #b8c8a9;background:#fdfdf5;border-radius:10px}.b11 .v8-end{background:#123b2c;color:#fffbe9}.b11 .v8-end h2{color:#fffbea}.b11 .v8-end p{color:#d7e2cf}.b11 .v8-end .v8-btn{background:#e3cc94;border-color:#e3cc94;color:#12382a;box-shadow:0 4px 0 #897544}
/* A working calculator surface: controls and two outcomes share the first view. */
.b11-compare .v8-calculator-head{background:#faf9f3;padding:36px 0 27px;border-bottom:1px solid #d4dbca}
.b11-compare .v8-calculator-head .v8-wrap{display:grid;grid-template-columns:1.08fr 1fr;column-gap:55px;align-items:end}
.b11-compare .v8-calculator-head .v8-eyebrow{grid-column:1/-1;margin-bottom:12px}
.b11-compare .v8-calculator-head h1{font-size:clamp(34px,3.6vw,49px);line-height:1.05;letter-spacing:-1.9px;margin:0;color:#173e2b}
.b11-compare .v8-calculator-head p{font-size:16px;line-height:1.65;margin:0;color:#4e634e;max-width:520px}
.b11-compare .v8-calculator-area{background:#eaf0e4;padding-top:30px}
.b11-compare .v8-comparator{grid-template-columns:minmax(290px,.83fr) minmax(0,1.7fr);gap:24px;align-items:start}
.b11-compare .v8-calc-inputs{padding:22px}
.b11-compare .v8-two-fields{grid-template-columns:1fr;gap:13px}
.b11-compare #cmp-budget{font-size:28px;font-weight:700;letter-spacing:-.6px;height:60px;background:#f8faf3}
.b11-compare .v8-input-explain{font-size:12px;line-height:1.6;color:#50644c;margin:16px 0}
.b11-compare .v8-benefit-row{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 83px;gap:8px}
.b11-compare .v8-check{gap:8px}.b11-compare .v8-check b{font-size:14px}.b11-compare .v8-check small{font-size:12px}
.b11-compare .v8-amount-label input{width:100%;min-width:0;font-size:16px}
.b11-compare .v8-calc-inputs .v8-three-fields{grid-template-columns:1fr}
.b11-package-settings{border-top:1px solid #c1ceba;padding-top:6px}.b11-package-settings summary{font-size:15px;font-weight:700;cursor:pointer;padding:16px 0;color:#24472f}
.b11-package-settings>div>.v8-field{margin-top:18px}
.b11-compare .v8-calc-results{position:static;grid-template-columns:1fr 1fr;gap:16px}
.b11-compare .v8-result-label{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between;color:#3b553d;padding:0 0 4px}
.b11-compare .v8-result-label span{font-size:12px}.b11-compare .v8-result-label strong{font-size:14px;background:#dce5d1;padding:8px 12px;border-radius:6px;color:#224b32;border:1px solid #bbcdab}
.b11-compare .v8-compare-card{padding:25px 22px;border:1px solid #b7c7aa;border-radius:12px;box-shadow:0 5px 18px #15382006;min-width:0}
.b11-compare .v8-salary-card{background:#fffefa;color:#264b34}
.b11-compare .v8-benefits-card{background:radial-gradient(ellipse at 90% 0,#32543a,transparent 60%),#123e2d;border-color:#264f34;color:#f8f8ec}
.b11-way{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#52734d}
.b11 .b11-way .b11-icon{width:33px;height:35px}.b11 .b11-way span{font-size:12px;line-height:1.4;font-weight:700;letter-spacing:0;text-transform:none;color:inherit}
.b11-compare .v8-benefits-card .b11-way{color:#e0cd99}
.b11-compare .v8-card-heading h2{font-size:26px;line-height:1.13;letter-spacing:-.9px;min-height:59px;color:#25482f}
.b11-compare .v8-benefits-card .v8-card-heading h2{color:#fff8e5}
.b11-compare .v8-result-number{display:block;font-size:clamp(35px,4vw,57px);letter-spacing:-2px;line-height:1.15;margin-top:27px;color:#245538;overflow-wrap:anywhere}
.b11-compare .v8-benefits-card .v8-result-number{color:#e6ce92}
.b11-compare .v8-compare-card>.v8-result-number+p{font-size:13px;line-height:1.55;min-height:41px;margin:8px 0 0;color:#4f644e}
.b11-compare .v8-benefits-card>.v8-result-number+p{color:#d8e3cf}
.b11-compare .v8-compare-card .v8-breakdown>div{font-size:13px;line-height:1.55;padding:12px 0;gap:12px;border-color:#ccd8c1;color:#395538}
.b11-compare .v8-compare-card .v8-breakdown dt{max-width:75%;display:block}.b11-compare .v8-breakdown dd{font-weight:700}
.b11-compare .v8-benefits-card .v8-breakdown>div{color:#e5ebda;border-color:#547156}.b11-compare .v8-benefits-card .v8-breakdown-total{color:#f6e2b1}
.b11-model-summary{grid-column:1/-1;border:1px solid #afc29f;border-radius:8px;background:#f5f7ef;padding:17px 20px;color:#355333}
.b11-model-summary b{font-size:13px}.b11-model-summary p{font-size:13px;line-height:1.6;margin:6px 0;color:#385539}.b11-model-summary span{font-size:12px;line-height:1.6;display:block;color:#53644c}
.b11-compare .v8-calc-insight{border:1px solid #c2ccb5;background:#fffdf5;border-radius:9px;padding:23px;grid-column:1/-1}
.b11-compare .v8-calc-insight h3{font-size:22px;color:#234931;line-height:1.2}.b11-compare .v8-calc-insight p{font-size:15px;line-height:1.65;color:#4d6249;margin:10px 0 0}
.b11-compare #cmp-limits{color:#486044;font-size:12px;line-height:1.7;grid-column:1/-1}
.b11-compare #cmp-download,.b11-compare .v8-calc-results>.b11-cta-note{grid-column:1/-1;margin-top:0}
/* Tax guidance with legible units and purposeful, consistent icons. */
.b11-tax .v8-hero{background:#f7f6ed;padding-top:32px;padding-bottom:70px;border-bottom:1px solid #d2dbc6}
.b11-tax .v8-hero-grid{grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.b11-tax .v8-hero h1{font-size:clamp(42px,4.6vw,65px);line-height:1.06;letter-spacing:-2px;color:#163c2b}
.b11-tax .v8-hero .v8-lead{font-size:17px;line-height:1.7;color:#4c614a}
.b11-tax-photo{margin:0;aspect-ratio:1.14;border-radius:12px;overflow:hidden;border:1px solid #adbda0;box-shadow:14px 14px 0 #e7ebdc;position:relative}
.b11-tax-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.b11-tax-photo figcaption{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:18px;padding:60px 24px 24px;background:linear-gradient(transparent,#10372bf0 50%,#10372b);color:#f5f2df}
.b11-tax-photo figcaption>.b11-icon{color:#e0c78d}.b11-tax-photo figcaption b{font-size:20px;line-height:1.3;font-weight:500;display:block}.b11-tax-photo figcaption span{font-size:12px;line-height:1.5;color:#dfebd6;display:block;margin-top:9px}
.b11-tax .v8-tax-grid{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.b11-tax .v8-tax-grid article{position:relative;display:flex;flex-direction:column;padding:29px;border-radius:11px;border:1px solid #bccbac;background:#fffef7;box-shadow:0 5px 15px #25381f05;transition:transform .2s,border-color .2s}
.b11-tax .v8-tax-grid article:hover{transform:translateY(-4px);border-color:#56794a}
.b11-tax-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:#365a38}.b11-tax-card-top>span{font-size:12px;color:#5e7655}.b11-tax-card-top>.b11-icon{width:42px;height:44px}
.b11-tax .v8-tax-grid strong{font-size:43px;letter-spacing:-1.5px;line-height:1.1;color:#1e472b;font-weight:500;margin:0}
.b11-tax .b11-unit{font-size:12px;line-height:1.6;color:#5e6c51;margin:9px 0 26px;display:block}
.b11-tax .v8-tax-grid h3{font-size:23px;line-height:1.2;letter-spacing:-.6px;color:#24462c;margin:0 0 13px}
.b11-tax .v8-tax-grid p{font-size:15px;line-height:1.65;color:#4c5f43;flex:1;margin:0 0 25px}
.b11-tax .v8-tax-grid a{font-size:14px;color:#254e32;border-top:1px solid #d0dac3;padding-top:18px}
.b11-tax .v8-tax-grid article:nth-child(even){background:#173e2e;border-color:#173e2e;color:#fff5e1}
.b11-tax .v8-tax-grid article:nth-child(even) strong{color:#e3ca90}.b11-tax .v8-tax-grid article:nth-child(even) h3{color:#fff6e3}.b11-tax .v8-tax-grid article:nth-child(even) p,.b11-tax .v8-tax-grid article:nth-child(even) .b11-unit{color:#d4e0c9}.b11-tax .v8-tax-grid article:nth-child(even) a,.b11-tax .v8-tax-grid article:nth-child(even) .b11-tax-card-top,.b11-tax .v8-tax-grid article:nth-child(even) .b11-tax-card-top span{color:#e2cc98;border-color:#557455}
.b11 .v8-source-note{font-size:12px;line-height:1.7;color:#53684b}
.b11 .v8-twin article h3{color:#214831}.b11 .v8-twin article p{color:#4b6148}
@media(min-width:1500px){.b11 .v8-wrap{max-width:1440px}}
@media(max-width:1100px){.b11-compare .v8-comparator{grid-template-columns:300px minmax(0,1fr);gap:18px}.b11-compare .v8-compare-card{padding:22px 16px}.b11-compare .v8-card-heading h2{font-size:23px}.b11 .v8-net-intro,.b11-tax .v8-hero-grid{gap:32px}.b11 .v8-planner{gap:20px}.b11 .v8-planner-controls{padding:23px}}
@media(max-width:950px){.b11-compare .v8-comparator{grid-template-columns:1fr}.b11-compare .v8-calc-inputs{padding:25px}.b11-compare .v8-two-fields{grid-template-columns:1fr 1fr}.b11-compare .v8-calc-inputs .v8-three-fields{grid-template-columns:repeat(3,1fr)}.b11-compare .v8-mobile-summary{display:block;margin:0 0 25px;border:1px solid #aec19e;background:#fbfcf4;border-radius:10px;color:#2d4f34}.b11-compare .v8-mobile-summary article{color:#284e32}.b11-compare .v8-mobile-summary article:last-child{background:#173d2c;color:#fff3d8;border-radius:7px}.b11-compare .v8-mobile-summary article:last-child b{color:#e4cd96}.b11-compare .v8-mobile-summary small,.b11-compare .v8-mobile-summary em{color:inherit;font-size:12px}.b11-compare .v8-compare-card{padding:27px}.b11-compare .v8-card-heading h2{font-size:28px}.b11 .v8-net-intro{grid-template-columns:1fr}.b11 .v8-net-intro h1{font-size:56px}.b11 .v8-net-intro figure{aspect-ratio:1.7;max-height:430px}.b11-tax .v8-hero-grid{grid-template-columns:1fr 1fr;gap:30px}.b11-tax .v8-hero h1{font-size:43px}.b11-tax-photo{aspect-ratio:.94}.b11 .v8-planner{grid-template-columns:1fr 1fr}.b11 .v8-plan-result{padding:25px}.b11-tax .v8-tax-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.b11 .v8-section{padding-top:58px;padding-bottom:58px}.b11 .v8-planner{grid-template-columns:1fr}.b11 .v8-human-cards{grid-template-columns:1fr}.b11 .v8-human-cards article{padding:25px}.b11 .v8-human-cards .b11-icon{margin-bottom:18px}.b11 .v8-human-line{padding:20px;margin-bottom:42px;flex-wrap:wrap;gap:13px;font-size:13px}.b11 .v8-human-line>svg{width:20px}.b11 .v8-net-intro{gap:38px}.b11 .v8-net-intro h1{font-size:45px;letter-spacing:-1.9px}.b11 .v8-net-intro figure{aspect-ratio:1.22}.b11-tax .v8-hero-grid{grid-template-columns:1fr;gap:36px}.b11-tax-photo{aspect-ratio:1.22}.b11-tax .v8-hero h1{font-size:47px}.b11-compare .v8-calculator-head .v8-wrap{grid-template-columns:1fr;gap:17px}.b11-compare .v8-calculator-head .v8-eyebrow{margin:0}.b11-compare .v8-calculator-head h1{font-size:42px}.b11-compare .v8-calculator-head p{font-size:15px}.b11-compare .v8-two-fields{grid-template-columns:1fr 1fr}.b11-compare .v8-calc-results{grid-template-columns:1fr 1fr}.b11-compare .v8-compare-card{padding:22px 17px}.b11-compare .v8-card-heading h2{font-size:23px}.b11-compare .v8-result-number{font-size:38px}.b11-compare .v8-result-label{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:540px){.b11 .v8-wrap{padding-left:20px;padding-right:20px}.b11 .v8-net-intro h1{font-size:39px}.b11 .v8-net-intro p{font-size:16px}.b11 .v8-net-intro figure{aspect-ratio:1.03}.b11 .v8-net-intro figcaption{padding:60px 19px 20px}.b11 .v8-net-intro figcaption b{font-size:18px}.b11 .v8-human-line{display:grid;grid-template-columns:1fr 22px;gap:15px}.b11 .v8-human-line>svg{transform:rotate(90deg)}.b11 .v8-human-line>strong{grid-column:1/-1}.b11 .v8-planner-controls{padding:20px 17px}.b11 .v8-planner .v8-two-fields{grid-template-columns:1fr}.b11 .v8-benefit-row{padding:13px;grid-template-columns:minmax(0,1fr) 90px}.b11 .v8-segment button{font-size:12px;padding:8px 6px}.b11 .v8-plan-result{padding:27px 22px}.b11 .v8-plan-result .v8-breakdown>div{font-size:14px}.b11 .v8-plan-total strong{font-size:59px}.b11-compare .v8-calc-results{grid-template-columns:1fr}.b11-compare .v8-calc-inputs{padding:22px 18px}.b11-compare .v8-two-fields{grid-template-columns:1fr}.b11-compare .v8-calc-inputs .v8-three-fields{grid-template-columns:1fr}.b11-compare .v8-compare-card{padding:29px 25px}.b11-compare .v8-card-heading h2{font-size:29px;min-height:0}.b11-compare .v8-result-number{font-size:57px;margin-top:23px}.b11-compare .v8-compare-card>.v8-result-number+p{min-height:0;font-size:14px}.b11-compare .v8-compare-card .v8-breakdown>div{font-size:14px}.b11-compare .v8-mobile-summary>div{gap:8px}.b11-compare .v8-mobile-summary b{font-size:28px}.b11-compare .v8-mobile-summary article{padding:14px 10px}.b11-tax .v8-tax-grid{grid-template-columns:1fr;gap:18px}.b11-tax .v8-tax-grid article{padding:28px}.b11-tax .v8-tax-grid strong{font-size:48px}.b11-tax .v8-hero h1{font-size:41px}.b11-tax-photo{aspect-ratio:1.02}.b11-tax-photo figcaption{padding:70px 19px 22px;gap:12px}.b11-tax-photo figcaption b{font-size:18px}.b11-tax-photo figcaption>.b11-icon{width:30px}.b11-tax .v8-tax-grid p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.b11 *, .b11 *:before,.b11 *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:540px){
.b11-compare .v8-calculator-head{padding:24px 0 22px}
.b11-compare .v8-calculator-head .v8-wrap{gap:12px}
.b11-compare .v8-calculator-head h1{font-size:34px;letter-spacing:-1.3px}
.b11-compare .v8-calculator-area{padding-top:20px}
.b11-compare .v8-mobile-summary{padding:16px;margin-bottom:18px}
.b11-compare .v8-mobile-summary>span{font-size:12px;line-height:1.5}
.b11-compare .v8-mobile-summary>div{margin:8px 0 0}
.b11-compare .v8-mobile-summary article{padding:10px 9px}
.b11-compare .v8-mobile-summary b{font-size:27px;margin:4px 0;line-height:1.2}
.b11-compare .v8-mobile-summary em{margin-top:4px;line-height:1.4}
.b11-compare .v8-mobile-summary>a{margin-top:8px;min-height:28px;font-size:12px}
.b11-compare .b11-tool-title{margin-bottom:18px}
.b11-tax .v8-tax-grid article:last-child strong{font-size:clamp(30px,8vw,43px);letter-spacing:-1.2px}
}
/* Keep the entry pages' established split cards, with six complete, readable benefits. */
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid>.mbk{height:auto;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;justify-content:normal;overflow:hidden;min-width:0;border-radius:13px;box-shadow:0 10px 25px #1533260e;border:1px solid #b9c6b1}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid>.mbk>.mbk-ph{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.4;flex:none;animation:none;transform:none;filter:none;background-position:center;background-size:cover}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid>.mbk>.mbk-ov{display:none}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-inner{position:relative;inset:auto;flex:1;display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible;padding:25px 24px 24px;gap:14px}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-body{margin:0;flex:1;display:flex;flex-direction:column;gap:12px}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-hl{font:500 25px/1.15 Helvetica,Arial,sans-serif;letter-spacing:-.8px;margin:0;text-shadow:none;overflow-wrap:normal}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-sub{font:400 16px/1.6 Helvetica,Arial,sans-serif;display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0;margin:0;text-shadow:none;overflow-wrap:normal}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-kicker{font-size:12px!important;letter-spacing:.065em;line-height:1.5;animation:none;opacity:1;transform:none;background:none;border:0;box-shadow:none;padding:0;margin:0;text-shadow:none;text-transform:uppercase}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-note{font-size:13px!important;line-height:1.55;opacity:1;margin:6px 0 0;padding-top:14px;animation:none;transform:none;text-shadow:none}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-mehr{display:flex;align-items:center;justify-content:space-between;font:600 14px/1.5 Helvetica,Arial,sans-serif;margin-top:auto;padding-top:7px;min-height:30px}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-mehr svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--gruen{background:#123b2d;border-color:#40644b}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--gruen .mbk-inner{background:#123b2d}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--gruen .mbk-hl{color:#fffdf1!important}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--gruen :is(.mbk-sub,.mbk-note){color:#e1e9d7!important}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--gruen :is(.mbk-kicker,.mbk-mehr){color:#ead49c!important}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--gruen .mbk-note{border-color:#5b765a}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--weiss .mbk-inner{background:#fffdf5}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--weiss .mbk-hl{color:#163b2b!important}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--weiss :is(.mbk-sub,.mbk-note){color:#425640!important}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--weiss :is(.mbk-kicker,.mbk-mehr){color:#725824!important}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk--weiss .mbk-note{border-color:#cad3bd}
:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-hl,:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-sub{animation:none;transform:none;opacity:1}
/* Product pages of the first three benefits. */
.b12-detail{color:#153b2c;background:#faf9f1}
.b12-detail .v8-hero{padding:28px 0 76px;background:#f8f7ed;border-bottom:1px solid #ccd7c0}
.b12-detail .v8-hero-grid{gap:56px;grid-template-columns:1fr 1fr;align-items:center}
.b12-detail .v8-hero h1{font-size:clamp(43px,4.4vw,62px);letter-spacing:-2px;line-height:1.06;color:#153c2b}
.b12-detail .v8-hero h1 em{font-style:normal;color:#687955}
.b12-detail .v8-hero .v8-lead{color:#496047;font-size:17px;line-height:1.75}
.b12-detail .v8-eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.2px;color:#775d28}
.b12-detail .v8-btn{border-radius:8px;min-height:52px;font-size:15px;background:#194a35;border:1px solid #194a35;color:#fff9e9;box-shadow:0 4px 0 #0b3021}
.b12-detail .v8-btn:hover{background:#103a28;color:#fff9e9;transform:translateY(-2px)}
.b12-product-photo{margin:0;border:1px solid #869b77;border-radius:14px;overflow:hidden;aspect-ratio:1.05;position:relative;box-shadow:13px 13px 0 #e4e9d9}
.b12-product-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.b12-gold-photo{aspect-ratio:1.3;background:#103626}
.b12-gold-photo img{object-fit:contain;height:calc(100% - 86px)}
.b12-product-photo figcaption{position:absolute;inset:auto 0 0;padding:64px 24px 24px;background:linear-gradient(transparent,#0e3025eb 54%,#0e3025);color:#f9f4dd;font-size:17px;line-height:1.4}
.b12-product-photo figcaption span{display:block;color:#e8d39e;font-size:12px;line-height:1.5;margin-bottom:5px}
.b12-product-photo figcaption b{font-weight:500;font-size:20px;line-height:1.3}
.b12-gold-photo figcaption{height:86px;padding:18px 24px;background:#103626}
.b12-detail .v8-hero.v8-dark{background:#103a2c;border-color:#446b49}
.b12-detail .v8-dark :is(h1,.v8-lead){color:#f5f6e8}
.b12-detail .v8-dark h1 em{color:#e1c88e}
.b12-detail .v8-dark :is(.v8-eyebrow,.v8-crumb){color:#e0d1a0}
.b12-detail .v8-dark .v8-btn{background:#e5d09b;color:#123826;border-color:#e5d09b;box-shadow:0 4px 0 #7f703f}
.b12-detail .v8-dark .b12-product-photo{box-shadow:13px 13px 0 #54764d22}
.b12-detail .v8-section{padding-top:80px;padding-bottom:80px}
.b12-detail .v8-mist{background:#eaf0e1;border-top:1px solid #c6d4b9;border-bottom:1px solid #c6d4b9}
.b12-detail .v8-section-head p,.b12-detail .v8-meal-tool>div>p{color:#476044;line-height:1.75}
.b12-detail .v8-meal-tool{gap:40px;grid-template-columns:1fr 1fr;align-items:stretch}
.b12-detail .v8-meal-tool>div:first-child{padding:30px;border:1px solid #bdcfae;border-radius:12px;background:#fffef6}
.b12-detail .v8-meal-tool h2{font-size:38px;line-height:1.08;letter-spacing:-1.2px;color:#214530}
.b12-detail .v8-field{font-size:14px;color:#3f5738}
.b12-detail .v8-field input{border:1px solid #90a47f;border-radius:6px;color:#153824;background:#fff;font-size:19px}
.b12-detail .v8-field input[type=range]{accent-color:#1a5435;min-height:44px}
.b12-detail .v8-segment{background:#edf2e4;border:1px solid #c4d0b7;border-radius:8px;padding:5px;gap:4px}
.b12-detail .v8-segment button{font-size:14px;min-height:46px;color:#35532c;background:transparent;border-radius:5px}
.b12-detail .v8-segment button[aria-pressed=true]{background:#1c4c32;color:#fff9e8;box-shadow:0 2px 5px #21452422}
.b12-detail .v8-meal-result{border:1px solid #55764e;border-radius:12px;padding:35px;background:radial-gradient(ellipse at 100% 0,#3f5e39,transparent 65%),#153e2b;color:#f4f6e9;box-shadow:0 10px 27px #153c2320}
.b12-detail .v8-meal-result>svg{width:46px;height:46px;fill:none;stroke:#e7d095;stroke-width:1.5;display:block;margin-bottom:28px}
.b12-detail .v8-meal-result small{font-size:14px;line-height:1.5;color:#d9e2cc}
.b12-detail .v8-meal-result strong{font-size:clamp(48px,5vw,70px);letter-spacing:-3px;color:#e7d097;line-height:1.1}
.b12-detail .v8-meal-result>span{font-size:17px;line-height:1.5;color:#f1f2dc}
.b12-detail .v8-meal-result p{font-size:14px;line-height:1.7;color:#dce7d0}
.b12-detail .v8-meal-result .v8-btn{background:#e4cc95;color:#143b28;border-color:#e4cc95;box-shadow:0 4px 0 #8a7742;margin-top:28px}
.b12-detail .v8-occasion{border:1px solid #bdcfae;border-radius:12px;padding:28px;background:#f1f4e8}
.b12-detail .v8-occasion-result{border:1px solid #bdd0ad;background:#fffef5;border-radius:9px;padding:36px;margin-top:25px;gap:36px;color:#19412c}
.b12-detail .v8-occasion-result h3{color:#204931;font-size:28px;line-height:1.2}
.b12-detail .v8-occasion-result p{color:#4d6347;font-size:16px;line-height:1.7}
.b12-occasion-sign{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:190px}
.b12-occasion-sign>svg{width:45px;height:45px;fill:none;stroke:#84652a;stroke-width:1.5}
.b12-detail .v8-occasion-number{color:#805f20;font-size:48px;letter-spacing:-2px;line-height:1.1}
.b12-detail .v8-points>article{border:1px solid #bbcbae;border-radius:10px;background:#fffdf6;padding:30px}
.b12-detail .v8-points h3{color:#23442f;font-size:23px}.b12-detail .v8-points p{color:#465d40;font-size:15px;line-height:1.7}
.b12-detail .v8-end{background:#113b29}.b12-detail .v8-end h2{color:#fffbe8}.b12-detail .v8-end p{color:#dce7d0}.b12-detail .v8-end .v8-btn{background:#e2ca92;color:#173825;border-color:#e2ca92;box-shadow:0 4px 0 #8b7743}
.b12-detail :is(a,button,input,summary):focus-visible{outline:3px solid #ae8948;outline-offset:4px}
@media(max-width:1000px){:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid{gap:18px}:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-inner{padding:23px 19px}:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-hl{font-size:23px}.b12-detail .v8-hero-grid{gap:32px}.b12-detail .v8-hero h1{font-size:46px}.b12-detail .v8-meal-tool{gap:24px}.b12-detail .v8-meal-tool>div:first-child{padding:24px}.b12-detail .v8-meal-result{padding:28px}.b12-detail .v8-meal-tool h2{font-size:33px}}
@media(max-width:820px){:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b12-detail .v8-hero-grid{grid-template-columns:1fr;gap:36px}.b12-detail .v8-hero h1{font-size:52px}.b12-detail .v8-hero .v8-lead{max-width:60ch}.b12-product-photo{aspect-ratio:1.5}.b12-gold-photo{aspect-ratio:1.6}.b12-detail .v8-meal-tool{grid-template-columns:1fr}.b12-detail .v8-occasion-result{grid-template-columns:1fr;gap:25px}.b12-occasion-sign{flex-direction:row;align-items:center;min-width:0}}
@media(max-width:580px){:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid{grid-template-columns:1fr;gap:22px}:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid>.mbk>.mbk-ph{aspect-ratio:1.4}:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-inner{padding:24px 22px}:is(#v-mitarbeiterbenefit,#v-unternehmensbenefit) .b12-grid .mbk-hl{font-size:25px}.b12-detail .v8-wrap{padding-left:20px;padding-right:20px}.b12-detail .v8-section{padding-top:55px;padding-bottom:55px}.b12-detail .v8-hero{padding-bottom:55px}.b12-detail .v8-hero h1{font-size:41px;letter-spacing:-1.5px}.b12-detail .v8-hero .v8-lead{font-size:16px}.b12-product-photo{aspect-ratio:1.1;box-shadow:8px 8px 0 #e2e7d6}.b12-gold-photo{aspect-ratio:1.17}.b12-gold-photo img{height:calc(100% - 94px)}.b12-gold-photo figcaption{height:94px;padding:18px}.b12-product-photo figcaption b{font-size:18px}.b12-detail .v8-meal-result{padding:27px 23px}.b12-detail .v8-meal-result strong{font-size:56px}.b12-detail .v8-segment{flex-wrap:wrap}.b12-detail .v8-segment button{font-size:13px;flex:1 1 auto}.b12-detail .v8-occasion{padding:18px}.b12-detail .v8-occasion-result{padding:24px 20px}.b12-detail .v8-occasion-result h3{font-size:24px}.b12-detail .v8-occasion-number{font-size:41px}.b12-detail .v8-points>article{padding:25px}#v-unternehmensbenefit .bv-wort h1{font-size:43px}#v-unternehmensbenefit .bv-wort .sub{font-size:16px}}
@media(prefers-reduced-motion:reduce){.b12-grid *,.b12-detail *{animation:none!important;transition:none!important}}
@media(max-width:580px){.b12-occasion-sign{flex-direction:column;align-items:flex-start;gap:14px}.b12-occasion-sign>svg{width:35px;height:35px}.b12-detail .v8-occasion-number{font-size:clamp(29px,8.6vw,41px);white-space:normal;overflow-wrap:anywhere}}
/* Six benefits, one clear visual language. */
.b13 .v8-end .v8-btn,.b13 .v8-meal-result .v8-btn{color:#173b28!important}.b13 .v8-end .v8-btn:hover,.b13 .v8-meal-result .v8-btn:hover{background:#f0dca8;border-color:#f0dca8}
.b13 .v8-twin{border:0;border-radius:0;overflow:visible}.b13 .v8-accordion summary{padding:18px 0}.b13 .v8-accordion details[open]{padding-bottom:20px}
.b13{color:#173d2b;font-family:Helvetica,Arial,sans-serif}
.b13 .v8-hero{background:#f7f7ee}.b13 .v8-hero.v8-dark{background:#103c2b}
.b13 .v8-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.06;letter-spacing:-2.2px;color:#163e2b}
.b13 .v8-hero h1 em{font-style:normal;color:#627542}.b13 .v8-dark h1{color:#fffbed}.b13 .v8-dark h1 em{color:#e6d49e}
.b13 .v8-hero .v8-lead{font-size:18px;line-height:1.75;color:#4a614b}.b13 .v8-dark .v8-lead{color:#dbe6d7}
.b13 .v8-hero-grid{gap:55px;grid-template-columns:1fr 1fr}.b13 .v8-section{padding:80px 0}
.b13 .v8-section-head>p,.b13 .v8-editorial p{font-size:16px;line-height:1.8;color:#4b614b}
.b13 :is(a,button,input,select,summary):focus-visible{outline:3px solid #a27c2b;outline-offset:4px}
.b13-benefit-nav{background:#fffdf5;border-top:1px solid #ccd5bf;border-bottom:1px solid #ccd5bf;padding:22px 0}
.b13-benefit-nav .v8-wrap>span{display:block;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#536b4b;margin-bottom:13px}
.b13-benefit-nav .v8-wrap>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.b13-benefit-link{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 12px;border:1px solid #c7d2b9;border-radius:7px;background:#f6f7ed;color:#25452e;font-size:13px;line-height:1.45;text-decoration:none;font-weight:600;min-height:60px}
.b13-benefit-link svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}.b13-benefit-link.is-current{background:#1c4b32;border-color:#1c4b32;color:#fff9e9}.b13-benefit-link:hover{border-color:#68845e;box-shadow:0 3px 0 #dce4cf}
.b13-voucher-visual{border:1px solid #afc39e;border-radius:13px;overflow:hidden;background:#f4f3e8;box-shadow:12px 12px 0 #dde5d1}
.b13-voucher-visual>img{width:100%;height:260px;object-fit:cover;display:block}.b13-voucher-options{display:grid;grid-template-columns:1fr 1fr;gap:0}
.b13-voucher-options>div{padding:25px 21px;background:#f7f5e9;color:#24432d}.b13-voucher-options>div+div{background:#1c4631;color:#fffbea}
.b13-voucher-options svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4;margin-bottom:18px;display:block}.b13-voucher-options span{display:block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.b13-voucher-options b{font-size:19px;line-height:1.4;letter-spacing:-.3px}
.b13 .v8-twin{gap:24px}.b13 .v8-twin>article{padding:36px;border:1px solid #b9c8a9;border-radius:12px;background:#fffdf5;color:#26432d;box-shadow:0 8px 25px #203e2810}
.b13 .v8-twin>article:last-child{background:#183f2d;color:#fff8e7;border-color:#507451}.b13 .v8-twin>article h3{font-size:29px;line-height:1.2;color:inherit}.b13 .v8-twin>article p{font-size:16px;line-height:1.8;color:#4a6045}.b13 .v8-twin>article:last-child p{color:#dce7d0}
.b13-card-index{display:flex;align-items:center;gap:13px;margin-bottom:28px;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:700}.b13-card-index svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1.5}
.b13-photo{margin:0;border:1px solid #799568;border-radius:12px;overflow:hidden;box-shadow:12px 12px 0 #264e35;background:#fff8e9}.b13-photo img{display:block;width:100%;height:365px;object-fit:cover}.b13-photo figcaption{position:static!important;display:block;padding:20px 24px;background:#f2eddc;color:#284630;font-size:15px;line-height:1.5}
.b13 .v8-points{gap:22px}.b13 .v8-points>article{border:1px solid #bacaab;border-radius:11px;background:#fffdf5;padding:30px;box-shadow:0 5px 20px #28422d08}.b13 .v8-points svg{width:40px;height:40px;stroke:#4d693f;margin-bottom:23px}.b13 .v8-points h3{font-size:24px;line-height:1.25;color:#23472f}.b13 .v8-points p{font-size:16px;line-height:1.75;color:#4c6048}
.b13 .v8-editorial img{aspect-ratio:1.16;object-fit:cover;border-radius:11px;border:1px solid #c4ceb4}.b13 .v8-editorial{gap:60px}
.b13-network-path{display:grid;gap:10px;margin-top:25px}.b13-network-path>div{display:flex;gap:17px;align-items:center;border:1px solid #c3cfb5;background:#fffdf4;padding:17px;border-radius:7px;color:#24432d;font-size:15px}.b13-network-path span{font-size:12px;color:#6a6d3e;border-right:1px solid #c3cfb5;padding-right:16px}.b13-network-path b{font-weight:600}
.b13 .v8-segment{padding:7px;border:1px solid #bdcaae;border-radius:9px;background:#e9eddd;gap:6px;flex-wrap:wrap}.b13 .v8-segment button{min-height:45px;padding:11px 18px;font-size:14px;color:#325032;background:#f8f8ee;border:1px solid #c5d0b9;border-radius:5px}.b13 .v8-segment button[aria-pressed=true]{background:#204e33;border-color:#204e33;color:#fff9e7;box-shadow:0 2px 4px #173a2520}
.b13-filter-status{margin:24px 0 14px;font-size:13px;color:#4f6548}.b13 .v8-world-grid{gap:23px;align-items:stretch}.b13 .v8-world-card{border:1px solid #bfcdaf;background:#fffdf4;border-radius:12px;overflow:hidden;box-shadow:0 7px 24px #22432b0d}.b13 .v8-world-card[hidden]{display:none!important}
.b13 .v8-world-card>img{height:225px;aspect-ratio:auto;object-fit:cover;width:100%;display:block}.b13 .v8-world-card>div{padding:26px}.b13 .v8-world-card small{font-size:11px;color:#5e704d;line-height:1.7;letter-spacing:.4px}.b13 .v8-world-card h3{font-size:26px;line-height:1.15;color:#23472f;margin:12px 0}.b13 .v8-world-card p{font-size:15px;line-height:1.75;color:#4e6249;margin:0}
.b13 .v8-end{background:#143d2b;border-top:1px solid #67845d}.b13 .v8-end h2{color:#fff8e8}.b13 .v8-end p{color:#dce6d2;font-size:17px;line-height:1.8}.b13 .v8-end .v8-btn{color:#193b28;background:#e6cf94;border-color:#e6cf94;box-shadow:0 4px 0 #8a753f}
.b13 .v8-accordion details{border:1px solid #bccbad;border-radius:8px;background:#fffdf6;padding:0 23px;margin-bottom:10px}.b13 .v8-accordion summary{color:#23472f;font-size:17px;line-height:1.55}.b13 .v8-accordion p{color:#4b6247;font-size:16px;line-height:1.8}
.b13-future-controls{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:15px;align-items:start}.b13-future-controls label{margin:0!important;position:relative;font-size:13px!important}.b13-future-controls output{display:block;font-weight:600;font-size:18px;color:#244831;margin:9px 0}.b13-future-controls input[type=range]{padding:0;margin:7px 0;width:100%;min-height:32px}
.b13-future-controls select{font-family:inherit;font-size:18px;color:#244831;background:#fff;border:1px solid #9bab8d;border-radius:7px;min-height:52px;width:100%;padding:12px;margin-top:12px}
.b13-model-note{font-size:13px!important;line-height:1.65!important;padding:15px 16px;background:#eef0e2;border-left:3px solid #8a9868;border-radius:0 5px 5px 0;margin:22px 0 15px!important;color:#47573a!important}
.b13-future-result{display:flex;flex-direction:column;justify-content:flex-start}.b13-future-result>strong{margin:12px 0}.b13-result-breakdown{margin:26px 0 6px;padding:19px 0;border-top:1px solid #688160;border-bottom:1px solid #688160;display:grid;gap:17px}.b13-result-breakdown>div{display:flex;justify-content:space-between;gap:14px;align-items:center}.b13-result-breakdown dt{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.4;color:#e4edd6}.b13-result-breakdown dd{margin:0;font-size:21px;font-weight:600;color:#fffbed;white-space:nowrap}
.b13-key-paid,.b13-key-interest{display:inline-block;width:11px;height:11px;border-radius:2px;flex-shrink:0;background:#779b69;border:1px solid #c0d2ab}.b13-key-interest{background:#e0c889;border-color:#f0e0b3}
.b13-future-result .b13-model-caption{font-size:12px!important;line-height:1.65!important;color:#d7e3c9!important;margin-top:22px!important}.b13-future-result .v8-btn{align-self:stretch;justify-content:center;margin-top:auto!important}
.b13-growth-panel{margin-top:28px;border:1px solid #b9c8aa;border-radius:12px;background:#fffdf5;padding:35px}.b13-growth-heading{display:flex;justify-content:space-between;gap:25px;align-items:end}.b13-growth-heading h3{font-size:29px;line-height:1.2;letter-spacing:-.7px;margin:11px 0 0;color:#244631}.b13-chart-legend{display:grid;gap:10px;font-size:12px;color:#4e6348}.b13-chart-legend span{display:flex;gap:8px;align-items:center}.b13-chart-legend .b13-key-paid{background:#557849;border-color:#557849}.b13-chart-legend .b13-key-interest{background:#b39143;border-color:#b39143}
.b13-future-chart{margin-top:25px}.b13-future-chart svg{width:100%;height:auto;display:block;overflow:visible}.b13-chart-label{fill:#35502f;font-size:12px;font-family:Helvetica,Arial,sans-serif}.b13-chart-total{fill:#25452e;font-size:13px;font-weight:700;font-family:Helvetica,Arial,sans-serif}
.b13-growth-details{margin-top:22px;background:#f1f3e6;border:1px solid #c3ceb5;border-radius:7px;color:#264631}.b13-growth-details summary{font-size:14px;padding:18px}.b13-growth-details>div{padding:0 18px 18px}.b13-growth-details p{font-size:13px;line-height:1.7;color:#4a5f43}.b13-table-wrap{overflow-x:auto}.b13-table-wrap table{width:100%;border-collapse:collapse;font-size:13px;text-align:right;min-width:410px}.b13-table-wrap caption{text-align:left;color:#48603f;margin:14px 0}.b13-table-wrap th,.b13-table-wrap td{padding:11px 9px;border-bottom:1px solid #c8d1ba;white-space:nowrap}.b13-table-wrap th{font-weight:600;background:#e4e9d5;color:#254631}.b13-table-wrap th:first-child,.b13-table-wrap td:first-child{text-align:left}
@media(max-width:1080px){.b13-benefit-nav .v8-wrap>div{grid-template-columns:repeat(3,minmax(0,1fr))}.b13 .v8-hero-grid{gap:35px}.b13 .v8-hero h1{font-size:48px}.b13-voucher-options>div{padding:22px 16px}.b13-voucher-options b{font-size:17px}.b13 .v8-editorial{gap:35px}.b13 .v8-points>article{padding:24px}.b13-future-controls{gap:18px}}
@media(max-width:820px){.b13 .v8-hero-grid{grid-template-columns:1fr;gap:36px}.b13 .v8-hero h1{font-size:53px}.b13 .v8-hero .v8-lead{max-width:62ch}.b13-voucher-visual>img{height:320px}.b13-photo img{height:370px}.b13 .v8-twin{grid-template-columns:1fr}.b13 .v8-points,.b13 .v8-world-grid{grid-template-columns:1fr}.b13 .v8-world-card{display:grid;grid-template-columns:1fr 1fr}.b13 .v8-world-card>img{height:100%;min-height:240px}.b13 .v8-editorial{grid-template-columns:1fr}.b13 .v8-editorial img{aspect-ratio:1.65}.b13-growth-heading{align-items:start}.b13-future-tool{grid-template-columns:1fr!important}}
@media(max-width:580px){.b13 .v8-wrap{padding-left:20px;padding-right:20px}.b13 .v8-section{padding:54px 0}.b13 .v8-hero h1{font-size:40px;letter-spacing:-1.4px;overflow-wrap:normal}.b13 .v8-hero .v8-lead{font-size:16px}.b13-benefit-nav .v8-wrap>div{grid-template-columns:repeat(2,minmax(0,1fr))}.b13-benefit-link{font-size:12px;padding:11px;min-height:55px}.b13-benefit-nav{padding:18px 0}.b13-voucher-visual{box-shadow:7px 7px 0 #dde5d1}.b13-voucher-visual>img{height:210px}.b13-voucher-options>div{padding:19px 14px}.b13-voucher-options span{font-size:9px;letter-spacing:.4px}.b13-voucher-options b{font-size:15px}.b13-voucher-options svg{width:26px;height:26px;margin-bottom:15px}.b13 .v8-twin>article{padding:27px 23px}.b13 .v8-twin>article h3{font-size:26px}.b13-photo{box-shadow:7px 7px 0 #264e35}.b13-photo img{height:260px}.b13-photo figcaption{font-size:13px;padding:17px}.b13 .v8-world-card{display:block}.b13 .v8-world-card>img{height:220px;min-height:0}.b13 .v8-world-card>div{padding:23px}.b13 .v8-world-card h3{font-size:26px}.b13 .v8-segment button{padding:10px 13px;font-size:13px;flex:1 1 auto}.b13-future-controls{grid-template-columns:1fr 1fr;gap:15px}.b13 .b13-future-result>strong{font-size:49px;letter-spacing:-2px}.b13-result-breakdown dt{font-size:12px}.b13-result-breakdown dd{font-size:18px}.b13-growth-panel{padding:23px 18px}.b13-growth-heading{display:block}.b13-growth-heading h3{font-size:26px}.b13-chart-legend{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap;font-size:11px}.b13-growth-details summary{font-size:13px;padding:15px}.b13-growth-details>div{padding:0 12px 15px}.b13 .v8-accordion details{padding:0 18px}.b13 .v8-end p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.b13 *{animation:none!important;transition:none!important}}
@media(max-width:580px){.b13-chart-label{font-size:16px}.b13-chart-total{font-size:17px}}
/* Layouts remain square to the viewport; functional arrows and live 3D objects keep their geometry. */
.m6-tech-card,.p7-phone,.p7-floating-note,.p7-fallback,.v8-wallet-card,.v8-mosaic,.v8-mosaic>span,.v8-future-bars,.v8-tax-art,.v8-question-art>span,.v8-app-icon,.v8-finance-orbit,.v8-finance-orbit span,.f9-route-visual .f9-route-center,.f9-fund-art i,.f9-structure-art>div,.f9-scene:after{transform:none!important;rotate:none!important}
.v8-finance-core{transform:translateX(-50%)!important}
.v8-mosaic{height:auto!important;min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:190px 190px auto;padding:0!important;gap:12px;align-items:stretch}
.v8-mosaic>img{width:100%;height:100%;object-fit:cover;border-radius:10px;margin:0;transform:none!important;min-height:0}
.v8-mosaic>img:first-child{grid-row:1/3;object-position:50% 50%;top:0;bottom:auto;margin-top:0}
.v8-mosaic>span{position:relative;inset:auto;grid-column:1/-1;padding:19px 22px;margin:0;box-shadow:none;background:#f6f7ed;border:1px solid #c5d3b8;color:#234532;line-height:1.5;border-radius:9px}
.p7-phone{box-shadow:0 22px 50px #173e2926}
.p7-floating-note{right:-5px;bottom:55px}
.m6-tech-card,.f9-route-visual .f9-route-center{box-shadow:0 8px 20px #03271818}
@media(max-width:600px){.v8-mosaic{grid-template-rows:145px 145px auto;gap:10px}.v8-mosaic>span{padding:16px 18px;font-size:14px}.p7-floating-note{right:0}}
#v-start.on,#v-inserat.on{height:auto;display:block}.view>.v8{max-width:none;width:100%;padding:0;margin:0;text-align:left}
/* =========================================================================
ZUSAMMENFUEHRUNG 09.09.2026
-------------------------------------------------------------------------
Grundlage dieser Datei ist Version 9. Aus "MeinBenefit_Website 01" sind
drei Ansichten unveraendert uebernommen: Start (Video mit zwei Knoepfen),
Unternehmensvorteile und Mitarbeiterbenefit. Was hier steht, ist genau
das, was jene drei Seiten an Regeln mitbringen und in Version 9 nicht
(mehr) steht - nichts davon greift in die Seiten von Version 9 ein.
========================================================================= */
/* ---- Die helle Fassung der Wortbildmarke ----
Version 9 fuehrt nur --mb-marke-dunkel. Die Startseite und die dunklen
Fusszeilen der uebernommenen Seiten brauchen die helle. */
:root{
--mb-marke-hell:url(/assets/ea630eb36f6a.png);
}
/* =========================================================================
NACHTRAG 03.09.2026 . HERO-PUNKTE UND DIE TAFEL "WARUM ES SICH LOHNT"
------------------------------------------------------------------------- */
/* ---- Die vier Leistungen unter dem Hero-Kopf ----
Bis heute trugen diese Zeilen die Klasse .bv-liste. Die gehoert dem
Inserat-Blatt in der rechten Spalte: 11 px, var(--mb-ink), also dunkles
Grau - richtig auf cremefarbenem Papier, unlesbar auf dunkelgruenem
Grund. Hier steht deshalb eine eigene Klasse.
Zwei Groessen je Punkt: Der Name der Leistung traegt das Gewicht, der
Beisatz steht eine Stufe kleiner und einen Ton stiller darunter. Wer
beides gleich gross setzt, bekommt vier Absaetze statt einer Liste. */
.hero-punkte{list-style:none;margin:22px 0 0;padding:0;max-width:54ch}
.hero-punkte li{position:relative;padding-left:23px;margin-bottom:16px}
.hero-punkte li:last-child{margin-bottom:0}
.hero-punkte li:before{content:"";position:absolute;left:0;top:.56em;
width:7px;height:7px;border-radius:50%;
background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold));
box-shadow:0 0 0 3px rgba(203,161,61,.15)}
.hero-punkte b{display:block;font-weight:700;color:#fff;
font-size:clamp(16.5px,1.7vw,20px);line-height:1.25;letter-spacing:-.005em}
.hero-punkte span{display:block;margin-top:3px;color:#CFC7B6;
font-size:clamp(13.5px,1.35vw,15.5px);line-height:1.5}
/* ---- Die Tafel "Warum es sich lohnt" ----
Dieselbe .premium-Flaeche wie bisher, aber mittig gesetzter Kopf und
darunter vier Punkte statt einer Hakenliste.
Der kurze Goldstrich vor dem Kicker und der unter dem Titel sind der
Grund, warum der Kopf mittig ueberhaupt haelt: Ohne sie schwimmt eine
zentrierte Zeile auf einer 1140 px breiten Flaeche. */
.premium--punkte{text-align:center;padding:38px 34px 34px}
.premium--punkte .p-kicker{margin-bottom:12px}
.premium--punkte .p-kicker:before{content:"";display:inline-block;
width:28px;height:1.5px;vertical-align:middle;margin:-2px 12px 0 0;
background:var(--mb-gold-hell);opacity:.75}
.premium--punkte .p-regel{display:block;width:62px;height:2px;margin:16px auto 0;
border-radius:2px;background:linear-gradient(90deg,var(--mb-gold-hell),var(--mb-gold-dunkel))}
/* Zwei Spalten, Zeichen links, Text rechts - wie in der Vorlage. Die
Felder sind nur eine Spur heller als die Tafel; ein staerkerer Kontrast
macht aus vier Punkten vier Karten und damit ein zweites Kachelgitter
direkt ueber dem echten. */
.p-vier{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
margin-top:28px;text-align:left}
.p-punkt{display:flex;align-items:flex-start;gap:15px;padding:20px 22px;
border-radius:14px;background:rgba(251,248,241,.045);
border:1px solid rgba(203,161,61,.22)}
.p-punkt > div{min-width:0}
.p-punkt .mb-ikon{margin-top:1px;font-size:15.5px}
.p-punkt h4{font-family:var(--serif);font-weight:700;color:#F5F0E6;
font-size:clamp(16px,1.55vw,19px);line-height:1.2;letter-spacing:-.01em;margin:0}
.p-punkt p{margin-top:7px;color:#CFC7B6;font-size:14.5px;line-height:1.52}
@media (max-width:860px){
.premium--punkte{padding:30px 22px 26px}
.p-vier{grid-template-columns:1fr;gap:12px}
.p-punkt{padding:17px 18px}
}
/* =========================================================================
DIE TAFEL "WAS MEINBENEFIT FUER SIE LOEST" - ANTHRAZIT UND GRAU
(03.09.2026, abends)
-------------------------------------------------------------------------
Auf Wunsch traegt diese eine Tafel nicht mehr den warmen Gold-Braun-Ton,
den .premium sonst ueberall im Haus hat, sondern Anthrazit bis Grau.
WARUM DER BLOCK AUF #v-unternehmensbenefit GESTELLT IST
.premium und .premium--punkte gehoeren nicht dieser Seite allein - die
Klasse traegt auch die Nutzen-Listen auf anderen Ansichten. Wer die
Grundregel selbst umfaerbt, faerbt sie alle um. Deshalb steht hier eine
Ausnahme fuer genau eine Ansicht; die Grundregel bleibt unangetastet.
DER KONTRAST IST GERECHNET, NICHT GESCHAETZT
Der Untergrund laeuft von #23262A nach #43484F, die vier Felder darin
liegen mit einem dunklen Schleier DARUNTER (rund #2D3136) - das ist die
Umkehrung der Goldtafel, wo die Felder heller waren als der Grund. Grau
auf Grau traegt nur, wenn die Stufe deutlich ist; ein Feld, das nur eine
Spur heller ist, verschwindet ohne den Goldrahmen.
Gemessen: Titel weiss auf der hellsten Stelle des Verlaufs 9,2:1,
Ueberschrift der Felder 12,4:1, Fliesstext #D9DEE4 auf Feld 9,7:1.
Wer die Toene verschiebt, rechnet nach - AA verlangt 4,5:1.
========================================================================= */
#v-unternehmensbenefit .premium--punkte{
background:linear-gradient(135deg,#23262A 0%,#33373D 52%,#43484F 100%);
border:1px solid rgba(226,231,237,.16);
box-shadow:0 20px 46px -20px rgba(0,0,0,.55)}
/* Der Goldschimmer in der Ecke wird zu einem neutralen Lichtschein - sonst
sitzt ein warmer Fleck auf einer kalten Flaeche. */
#v-unternehmensbenefit .premium--punkte:before{
background:radial-gradient(closest-side,rgba(226,231,237,.10),rgba(226,231,237,0) 70%)}
#v-unternehmensbenefit .premium--punkte > h3{color:#FFFFFF}
#v-unternehmensbenefit .premium--punkte .p-regel{
background:linear-gradient(90deg,#D7DCE2,#7E868F)}
#v-unternehmensbenefit .p-punkt{
background:rgba(15,17,20,.42);
border:1px solid rgba(226,231,237,.15)}
#v-unternehmensbenefit .p-punkt h4{color:#FFFFFF}
#v-unternehmensbenefit .p-punkt p{color:#D9DEE4}
/* mb-ikon--dunkel ist die Goldfassung des Zeichens. Auf Anthrazit braucht
es dieselbe Umkehrung noch einmal in Grau, sonst steht als einziger
warmer Punkt ein Goldring auf der kalten Tafel. */
#v-unternehmensbenefit .p-punkt .mb-ikon{
background:rgba(226,231,237,.12);
border-color:rgba(226,231,237,.40);
color:#EEF1F5}
/* =========================================================================
DIE VIER KACHELN AUF UNTERNEHMENSVORTEILE FOLGEN IHREM TEXT
(03.09.2026, abends)
-------------------------------------------------------------------------
GEMESSEN, NICHT GESCHAETZT: Bei 540 px Kachelbreite brauchten alle vier
Textbloecke 97 px. Das Textfeld war 191 px hoch (40 Prozent von 480).
In jeder der vier Kacheln standen damit 94 px Nichts zwischen Foto und
Ueberschrift - bei vier Kacheln fast eine ganze Kachelhoehe Leerraum.
Grund war die feste Bauart: Kachel 480 px, Foto absolut mit 60 Prozent,
Textfeld 40 Prozent, Text darin nach unten gedrueckt. Die Zahlen sind
fuer das Sechserraster auf Mitarbeiterbenefit gerechnet - dort sind die
Kacheln 356 px breit und dieselben Texte brauchen doppelt so viele
Zeilen. Hier stehen sie zu zweit nebeneinander und sind entsprechend
breit; dieselbe Formel ergibt deshalb Luft statt Passform.
WAS SICH AENDERT
Das Foto steht auf DIESER Ansicht nicht mehr absolut, sondern im Fluss
und dehnbar (flex), das Textfeld nimmt die Hoehe seines Inhalts. Damit
folgt die Kachelhoehe der Textlaenge. Weil die Kacheln Gitterfelder
sind, ziehen zwei nebeneinander weiterhin gleich hoch - die Differenz
nimmt das Foto auf, nicht der Text.
min-height:288px haelt das Foto auf dem bisherigen Mass (60 Prozent von
480) - es soll kuerzer werden duerfen, wenn ein Nachbar es verlangt,
aber nicht von selbst schrumpfen.
Die Vierzeilen-Deckelung des Fliesstextes faellt hier weg. Sie war die
Sicherung hinter der festen Feldhoehe; wo das Feld dem Text folgt,
wuerde sie genau das abschneiden, was jetzt Platz haette.
GILT NUR FUER DIESE ANSICHT. Auf Mitarbeiterbenefit, Gold Gift Card und
der Uebersicht bleibt die feste Bauart - dort sind die Kacheln schmaler
und die Rechnung von 02.09.2026 stimmt weiterhin.
========================================================================= */
#v-unternehmensbenefit .mbk:has(.mbk-ph):not(.mbk--balken){
height:auto;min-height:0}
#v-unternehmensbenefit .mbk:has(.mbk-ph):not(.mbk--balken) > .mbk-ph{
position:relative;inset:auto;flex:1 1 288px;min-height:288px}
#v-unternehmensbenefit .mbk:has(.mbk-ph):not(.mbk--balken) .mbk-inner{
height:auto;flex:0 0 auto;overflow:visible;padding:15px 16px 15px}
#v-unternehmensbenefit .mbk:has(.mbk-ph):not(.mbk--balken) .mbk-sub{
display:block;-webkit-line-clamp:none;overflow:visible}
@media (max-width:700px){
#v-unternehmensbenefit .mbk:has(.mbk-ph):not(.mbk--balken) > .mbk-ph{
flex-basis:210px;min-height:210px}
}
/* =========================================================================
DREIERREIHE UND DER EINZELNE GRIFF DARUNTER (03.09.2026, abends)
-------------------------------------------------------------------------
.reihe3 fehlte bisher - es gab nur .reihe2, .reihe4 und .reihe5. Sie ist
nach demselben Muster gebaut; der Abstand liegt mit 14 px zwischen der
Vierer- (14) und der Fuenferreihe (12).
DIE DREI ABLAUF-KACHELN TRAGEN KEINE GROESSENKLASSE MEHR
Sie hatten .mbk--fuenf. Dessen Werte sind fuer rund 210 px Kachelbreite
gerechnet (Ueberschrift bis 16,5 px, Text 12 px) - zu dritt sind die
Kacheln rund 384 px breit, dort wirkt das wie ein Versehen. Statt einer
weiteren Groessenklasse nehmen sie die Hoehe ihres Inhalts: dasselbe
Prinzip wie bei den vier Foto-Kacheln weiter oben auf derselben Seite.
Ohne aspect-ratio:auto griffe die Grundregel .mbk{aspect-ratio:3/4} und
machte aus 384 px Breite 512 px Hoehe fuer drei Zeilen Text.
Der Umbruch liegt bei 860 px direkt auf eine Spalte. Zwei Spalten waeren
bei drei Kacheln eine halbleere zweite Reihe.
========================================================================= */
.reihe3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
@media (max-width:860px){
.reihe3{grid-template-columns:1fr}
}
/* KLEINER UND MITTIG (04.09.2026)
Die drei Karten trugen 22/24/20 px Polster und eine Ueberschrift bis
22 px - fuer drei Woerter und einen Halbsatz war das eine Buehne. Jetzt
16/18/15 und Ueberschrift bis 18,5 px; die Karte faellt von 193 auf rund
150 px.
ALLES MITTIG, NICHT NUR DAS ZEICHEN. Der Auftrag lautete "Icon in der
Mitte". Ein zentriertes Zeichen ueber linksbuendigem Text liest sich
aber als Versehen, deshalb steht die ganze Karte mittig: Kicker, Zeichen,
Ueberschrift, Zeile. .mbk-inner UND .mbk-body brauchen dafuer beide
align-items:center - beide sind flex-Spalten, und die aeussere zentriert
die innere nur als Block, nicht deren Inhalt.
.mbk-kicker traegt align-self:flex-start aus der Grundregel; das
ueberstimmt align-items der Spalte und muss einzeln zurueckgenommen
werden. */
#v-unternehmensbenefit .reihe3 .mbk{aspect-ratio:auto;min-height:0}
/* flex:1 IST HIER DER GANZE PUNKT (04.09.2026, nachgebessert)
align-items:center zentriert den Inhalt IM Textfeld - nicht in der
Kachel. .mbk ist display:flex in Zeilenrichtung, und .mbk-inner ist bei
den Ikonen-Kacheln ein normales Flexkind: Es war nur so breit wie sein
laengster Text und stand links. Gemessen: Kachelmitte 263 px,
Inhaltsmitte 242 px - 21 px daneben, und genau das sah man.
flex:1 zwingt das Textfeld auf die volle Kachelbreite; erst dann ist
die Mitte des Feldes auch die Mitte der Kachel. (.mbk--balken traegt
dieselbe Zeile weiter oben, aus demselben Grund.) */
#v-unternehmensbenefit .reihe3 .mbk-inner{padding:16px 18px 15px;gap:7px;
flex:1 1 auto;width:100%;
align-items:center;text-align:center}
#v-unternehmensbenefit .reihe3 .mbk-kicker{align-self:center}
#v-unternehmensbenefit .reihe3 .mb-ikon{font-size:14px;margin-top:2px}
#v-unternehmensbenefit .reihe3 .mbk-body{align-items:center}
#v-unternehmensbenefit .reihe3 .mbk-hl{font-size:clamp(15px,1.4vw,18.5px);line-height:1.16}
#v-unternehmensbenefit .reihe3 .mbk-sub{font-size:12.5px;line-height:1.42}
/* .ablauf-cta ist am 04.09.2026 in .cta-mitte aufgegangen (siehe ganz
unten im Blatt): Der Griff steht jetzt auf JEDER Seite so, nicht nur
unter den drei Schritten - zwei Klassen fuer dieselbe Sache waeren nur
eine Falle fuer den, der spaeter eine davon aendert. */
/* =========================================================================
DAS ERSTGESPRAECH-FENSTER (04.09.2026)
-------------------------------------------------------------------------
Es traegt dieselbe Bauart wie das Eintragsfenster (.fenster, .fin, .fkopf,
.fkorpus, .feldgruppe, .fform, .consent, .fehler, .fertig, .naechst) - nur
die Stufen haben eine eigene Klasse.
WARUM .egstufe UND NICHT .fstufe: Die Funktion stufe() des Eintrags-
fensters raeumt mit querySelectorAll(".fstufe") alle Stufen im ganzen
Dokument ab, nicht nur die im eigenen Fenster. Solange nie beide Fenster
offen sind, faellt das nicht auf - darauf verlassen sollte man sich
nicht, und zwei Zeilen sind billiger als der Fehler.
========================================================================= */
.egstufe{display:none}
.egstufe.da{display:block;animation:fein .35s ease both}
@media (prefers-reduced-motion:reduce){
.egstufe.da{animation:none}
}
/* DER GRIFF STEHT ALLEIN UND MITTIG (04.09.2026)
Er sitzt in derselben .sec wie der Abschnitt darueber und damit in
derselben Breite - "mittig" ist deshalb wirklich die Mitte des Inhalts
und nicht die der Seite. Loest .ablauf-cta ab, die dasselbe nur fuer
Unternehmensvorteile tat. */
.cta-mitte{display:flex;justify-content:center;margin-top:30px}
/* Dreierraster fuer die Punkte in einer .premium-Tafel. .p-vier gibt es
seit dem 03.09. (zwei Spalten, vier Punkte); auf Partnernetzwerk stehen
seit 04.09.2026 drei nebeneinander. Alles andere - Feld, Rahmen, Zeichen,
Schriftgroessen - kommt unveraendert von .p-punkt. */
.p-drei{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
margin-top:26px;text-align:left}
@media (max-width:860px){
.p-drei{grid-template-columns:1fr;gap:12px}
}
/* =========================================================================
ZUSAMMENFUEHRUNG . WAS DIE DREI UEBERNOMMENEN SEITEN ZURECHTRUECKEN
========================================================================= */
/* Version 9 hatte die Startseite auf display:block gestellt, weil dort eine
gescrollte Textseite lag. Hier liegt wieder das Video mit den zwei
Knoepfen - das braucht die volle Bildschirmhoehe und die Spalte. */
#v-start.on{height:100svh;display:flex;flex-direction:column}
/* Die drei uebernommenen Seiten bringen ihre eigene Kopfleiste mit. Die
globale v8-Leiste von Version 9 stuende darueber ein zweites Mal - auf
genau diesen drei Ansichten bleibt sie weg. Die FUSSZEILE ist seit
09.09.2026 auf allen Seiten dieselbe, siehe weiter unten. */
body[data-view="start"] #siteHeader,
body[data-view="start"] .v8-skip{display:none}
/* =========================================================================
EIN UNTERGRUND FUER ALLE SEITEN (09.09.2026)
-------------------------------------------------------------------------
Bis hierher trug nur der Seitenkoerper (.seite) der drei Seiten aus 01 den
Leinengrund samt Koernung und Wortbildmarke. Die siebzehn Seiten aus
Version 9 standen auf einer glatten Flaeche (--v8-paper, #F7F8F4).
Jetzt tragen ALLE Ansichten denselben Grund. Drei Ebenen, wie bisher:
der Leinenstoff als Flaeche, die Koernung darueber (:after, multiply),
die Marke unten rechts (:before, mit Maske). Alle drei mit
background-attachment:fixed - deshalb steht das Zeichen beim Blaettern
still und liegt auf jeder Seite an derselben Bildschirmstelle.
WARUM DIE REGEL ZWEIMAL DASTEHT: Version 9 hatte den Leinengrund auf
.seite mit einer Kurzschreibweise geloescht (.view.b2b>.seite{background:
#f6f7f3}) - eine Kurzschreibweise setzt auch background-image zurueck.
Die Regel weiter oben im Blatt hat dieselbe Spezifitaet und verliert
ueber die Reihenfolge. Deshalb steht der Grund hier noch einmal.
========================================================================= */
.view.b2b > .seite,
.view.b2b main.v8,
.view.b2b main.p7{
position:relative;
background-color:#EAD7C8;
background-image:var(--mb-leinen);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed}
/* Die Flaechen INNERHALB der Seiten von Version 9, die bisher den glatten
Grund trugen, werden durchsichtig - sonst liegt das Leinen darunter und
ist nie zu sehen. Baender (.v8-mist, .v8-dark) und Karten behalten ihre
Farbe: sie sind gewollte Gliederung, kein Seitengrund. */
.view.b2b .b12-detail,
.view.b2b .b11,
.view.b2b .f9{background-color:transparent}
/* Die Marke. Dieselben Masse und dieselbe Maske wie auf .seite, damit sie
beim Seitenwechsel nicht springt. */
.view.b2b main.v8:before,
.view.b2b main.p7:before{
display:block;content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:var(--mb-marke-dunkel);
background-size:90px auto;
background-position:right 30px bottom 30px;
background-repeat:no-repeat;
background-attachment:fixed;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 min(70px,32%),#000 calc(100% - min(70px,32%)),transparent 100%);
mask-image:linear-gradient(to bottom,transparent 0,#000 min(70px,32%),#000 calc(100% - min(70px,32%)),transparent 100%)}
@media (max-width:700px){
.view.b2b main.v8:before,
.view.b2b main.p7:before{
background-size:57px auto;
background-position:right 14px bottom 14px}
}
/* Die Koernung. */
.view.b2b main.v8:after,
.view.b2b main.p7:after{
display:block;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23k)'/%3E%3C/svg%3E");
background-repeat:repeat;background-size:160px 160px;
opacity:.30;mix-blend-mode:multiply}
/* Der Inhalt muss ueber Koernung und Marke stehen - sonst liegt der Griesel
ueber der Schrift und macht sie weich. */
.view.b2b main.v8 > *,
.view.b2b main.p7 > *{position:relative;z-index:2}
/* Was hinter allem liegt, wenn eine Seite kuerzer ist als das Fenster. */
body{background-color:#EAD7C8}
/* =========================================================================
EINE FUSSZEILE FUER ALLE SEITEN (09.09.2026)
-------------------------------------------------------------------------
Bis hierher hatten die zwei Seiten aus 01 ihre eigene Fusszeile
(footer.foot-dark) und die siebzehn Seiten aus Version 9 die globale
.v8-footer. Die zwei eigenen sind aus dem Markup heraus; es gilt ueberall
die Fusszeile von Version 9 - dieselbe, die auf Zukunftssicherung steht.
Die Startseite traegt keine: sie ist die Videoflaeche mit den zwei
Knoepfen und schliesst mit ihrer Rechtszeile ab.
========================================================================= */
body[data-view="start"] .v8-footer{display:none}
/* DAS LOGO AUF HELL UND DUNKEL.
Der Seitenkoerper darueber traegt die DUNKLE Fassung auf hellem Leinen,
die Fusszeile die HELLE auf dunklem Gruen - an derselben Bildschirmstelle
und in derselben Groesse. Die zwei Masken laufen gegeneinander aus: oben
faellt die dunkle Fassung ueber die letzten 70 px, unten steigt die helle
ueber die ersten 70 px. Weil Koerper und Fusszeile aneinandergrenzen,
wechselt das Zeichen genau an der Kante die Fassung, statt dort
waagrecht durchgeschnitten zu werden. */
.v8-footer:before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:var(--mb-marke-hell),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98' height='98'%3E%3Crect x='0.75' y='0.75' width='96.5' height='96.5' rx='18' fill='rgba(45,49,55,0.94)' stroke='rgba(184,144,42,0.45)' stroke-width='1.5'/%3E%3C/svg%3E");
background-size:76px auto,98px 98px;
background-position:right 35px bottom 44px,right 24px bottom 24px;
background-repeat:no-repeat,no-repeat;
background-attachment:fixed,fixed;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 min(70px,32%),#000 100%);
mask-image:linear-gradient(to bottom,transparent 0,#000 min(70px,32%),#000 100%)}
.v8-footer > *{position:relative;z-index:1}
@media (max-width:700px){
.v8-footer:before{background-size:50px auto,67px 67px;
background-position:right 20px bottom 27px,right 12px bottom 12px}
}
/* =========================================================================
LESBARKEIT DER KACHELN (09.09.2026)
-------------------------------------------------------------------------
Version 9 hatte vier Regeln mit !important im Blatt, die aus ihrer eigenen
Kachelfassung stammten: dort lag der Text UEBER dem Foto, gruene Kachel
hiess dunkler Grund, also helle Schrift. In der Fassung aus 01 sitzt der
Text in einem eigenen Feld UNTER dem Foto - und dieses Feld ist umgekehrt
eingefaerbt: gruene Kachel = cremefarbenes Feld mit dunkler Schrift.
Die !important-Regeln haben die Umkehrung ueberstimmt und den Beisatz auf
1,13:1 (hell auf creme) beziehungsweise 1,15:1 (dunkel auf dunkel)
gedrueckt - unsichtbar. Sie sind entfernt; gemessen steht der Beisatz
jetzt bei 5,5:1 und 7,3:1.
Bleibt der Griff "Ansehen" auf dem dunkelgruenen Feld: --mb-gold-hell
ergibt dort 4,41:1 und liegt damit knapp unter den 4,5:1, die fuer
Kleinschrift gefordert sind. Der hellere Goldton der Fusszeile (#E2C486)
bringt 5,9:1 und steht im Haus schon.
========================================================================= */
.mbk--weiss:has(.mbk-ph):not(.mbk--balken) .mbk-mehr,
.mbk--weiss:has(.mbk-ph):not(.mbk--balken) .mbk-kicker{color:#E2C486}
/* =========================================================================
EINE REITERLEISTE FUER ALLE SEITEN (09.09.2026)
-------------------------------------------------------------------------
Bisher trugen die zwei Seiten aus 01 ihre eigene Leiste IM Abschnitt, die
siebzehn Seiten aus Version 9 die globale v8-Leiste. Jetzt gilt ueberall
die Leiste aus 01 — einmal, global, ausserhalb der Ansichten.
WARUM DIE REGELN HIER NOCH EINMAL STEHEN: Das Aussehen der Leiste hing an
`.view.b2b .nav` beziehungsweise `.view.b2c .nav`. Eine globale Leiste
liegt nicht in einer Ansicht, also greift keine der beiden. Was die Zone
entscheidet, ist jetzt `body[data-view=…]`.
Der Griff "Entdecken" ist geblieben. Er stand nicht in der Leiste von 01,
aber er ist der einzige Weg zu den siebzehn Unterseiten, der nicht durch
die Fusszeile fuehrt. Er traegt jetzt den Stil der Leiste.
========================================================================= */
#siteHeader.nav{
border-top:4px solid var(--mb-gold);
background:rgba(11,38,32,.55);
backdrop-filter:blur(10px) brightness(.45);
-webkit-backdrop-filter:blur(10px) brightness(.45);
border-bottom:1px solid rgba(243,238,226,.14)}
@supports not ((backdrop-filter:brightness(.45)) or (-webkit-backdrop-filter:brightness(.45))){
#siteHeader.nav{background:rgba(11,38,32,.88)}
}
#siteHeader .logo b{color:#fff}
#siteHeader .logo b span{color:var(--mb-gold-hell)}
#siteHeader ul a{color:rgba(243,238,226,.85)}
#siteHeader ul a:hover{background:rgba(243,238,226,.10);color:#fff}
/* Der aktive Reiter. In 01 stand das je Ansicht am Abschnitt; global
entscheidet der Zustand am body. */
body[data-view="unternehmensbenefit"] #siteHeader ul a[data-go="unternehmensbenefit"],
body[data-view="mitarbeiterbenefit"] #siteHeader ul a[data-go="mitarbeiterbenefit"]{
color:var(--mb-gold-hell);background:rgba(11,38,32,.55);
box-shadow:inset 0 -2px 0 var(--mb-gold)}
#siteHeader .kipp{border-color:rgba(203,161,61,.75);background:rgba(243,238,226,.10)}
#siteHeader .kipp-b{color:rgba(243,238,226,.72)}
#siteHeader .kipp-b:first-of-type{color:#fff}
#siteHeader .kipp-b:hover,#siteHeader .kipp-b:first-of-type:hover{color:#fff}
/* Im Privatbereich faehrt der Schlitten nach rechts. */
body[data-view="privat"] #siteHeader .kipp-schlitten,
body[data-view="vormerken"] #siteHeader .kipp-schlitten{transform:translateX(100%)}
body[data-view="privat"] #siteHeader .kipp-b:first-of-type,
body[data-view="vormerken"] #siteHeader .kipp-b:first-of-type{color:rgba(243,238,226,.72)}
body[data-view="privat"] #siteHeader .kipp-b:last-of-type,
body[data-view="vormerken"] #siteHeader .kipp-b:last-of-type{color:#fff}
.nav-entdecken{border:1px solid rgba(243,238,226,.30);background:rgba(243,238,226,.08);
color:rgba(243,238,226,.9);font-family:var(--mb-font);font-size:13px;font-weight:600;
padding:6px 15px;border-radius:20px;cursor:pointer;white-space:nowrap;
transition:background .2s ease,color .2s ease}
.nav-entdecken:hover{background:rgba(243,238,226,.16);color:#fff}
.nav-tel{display:inline-flex;align-items:center;gap:7px;text-decoration:none;white-space:nowrap;font-family:var(--mb-font);font-size:13px;font-weight:600;color:rgba(243,238,226,.92);border:1px solid rgba(203,161,61,.45);background:rgba(203,161,61,.12);padding:6px 14px;border-radius:20px;transition:background .2s ease,color .2s ease}
.nav-tel svg{width:14px;height:14px;fill:none;stroke:var(--mb-gold-hell);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nav-tel:hover{background:rgba(203,161,61,.24);color:#fff}
#siteHeader .nav-tel,#siteHeader .nav-tel:link,#siteHeader .nav-tel:visited{color:#F3EEE2}
#siteHeader .nav-tel:hover{color:#fff}
@media (max-width:1040px){.nav-tel span{display:none}.nav-tel{padding:6px 10px}}
@media (max-width:520px){.nav-tel{display:none}}
/* Am Telefon brechen die Reiter in eine eigene Zeile — wie in 01. */
@media (max-width:860px){
#siteHeader .nav-in{flex-wrap:wrap;gap:10px}
#siteHeader .right{margin-left:auto}
#siteHeader ul{display:flex;order:3;flex:1 0 100%;margin:2px 0 0;gap:6px;
overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#siteHeader ul::-webkit-scrollbar{display:none}
#siteHeader ul li{flex:none}
#siteHeader ul a{white-space:nowrap;font-size:14px;padding:7px 11px}
}
/* Die Ankerspruenge rechneten mit der 78 px hohen v8-Leiste. */
html{scroll-padding-top:74px}
/* =========================================================================
DIE KACHELN UM EIN VIERTEL KLEINER (09.09.2026)
-------------------------------------------------------------------------
Mitarbeiterbenefit hat feste Kachelhoehen (480 px, davon 60 % Bild und
40 % Text) — 25 % weniger sind 360 px, die Anteile bleiben.
Unternehmensvorteile ist anders gebaut: dort waechst die Kachel mit dem
Text, und nur das Bildband hat ein Mass. Gemessen waren es 418 px
(294 Bild + 129 Text). Ein Viertel weniger sind 313 px — der Text laesst
sich nicht kuerzen, also traegt das Bildband die ganze Verkleinerung:
185 px statt 288. Am Telefon im selben Verhaeltnis 135 statt 210.
========================================================================= */
.mbk:has(.mbk-ph):not(.mbk--balken){height:360px}
@media (max-width:700px){
.mbk:has(.mbk-ph):not(.mbk--balken){height:270px}
}
#v-unternehmensbenefit .mbk:has(.mbk-ph):not(.mbk--balken) > .mbk-ph{
flex:1 1 185px;min-height:185px}
@media (max-width:700px){
#v-unternehmensbenefit .mbk:has(.mbk-ph):not(.mbk--balken) > .mbk-ph{
flex-basis:135px;min-height:135px}
}
/* =========================================================================
MITARBEITERBENEFIT: TEXTFELD 5 % HOEHER (10.09.2026)
-------------------------------------------------------------------------
Das Textfeld der sechs Kacheln waechst um 5 % der Kachelhoehe, das
Bildband gibt sie ab: 55/45 statt 60/40. Bei 360 px sind das 198 px Bild
und 162 px Text (vorher 216/144), am Telefon 149/121. Der Text sitzt am
Fuss seines Feldes (justify-content:flex-end) - der Zuwachs entsteht
deshalb ueber der Ueberschrift, nicht unter dem Griff "Ansehen".
========================================================================= */
#v-mitarbeiterbenefit .mbk{--mbk-bild:55%;--mbk-text:45%}
/* =========================================================================
RUNDE 4 (09.09.2026)
========================================================================= */
/* Der Punkt "MB Finanz" im Kopf von Unternehmensvorteile ist jetzt ein
Verweis. Er soll aussehen wie die drei anderen Zeilen, nur anklickbar. */
.hero-punkte a{color:inherit;text-decoration:none;cursor:pointer;
border-bottom:1px solid rgba(203,161,61,.45);transition:border-color .2s ease,color .2s ease}
.hero-punkte a:hover{color:var(--mb-gold-hell);border-bottom-color:var(--mb-gold-hell)}
/* Die Tafel "Was MeinBenefit fuer Sie loest" um ein Viertel kleiner.
Sie hat kein festes Mass - Groesse entsteht aus Polsterung, Schriftgrad
und Zeilenabstand. Alle drei gehen um ein Viertel zurueck. */
#v-unternehmensbenefit .premium--punkte{padding:28px 26px 26px}
#v-unternehmensbenefit .premium--punkte > h3{font-size:clamp(19px,1.9vw,25px)}
#v-unternehmensbenefit .p-vier{gap:12px;margin-top:20px}
#v-unternehmensbenefit .p-punkt{padding:14px 16px;gap:11px}
#v-unternehmensbenefit .p-punkt h4{font-size:clamp(13.5px,1.2vw,15px)}
#v-unternehmensbenefit .p-punkt p{margin-top:5px;font-size:12.5px;line-height:1.5}
#v-unternehmensbenefit .p-punkt .mb-ikon{font-size:13px}
@media (max-width:860px){
#v-unternehmensbenefit .premium--punkte{padding:22px 17px 20px}
#v-unternehmensbenefit .p-punkt{padding:13px 14px}
}
/* MB Finanz: die zwei Ueberschriften stehen hervor und tragen denselben
Schimmer wie die goldenen Griffe im Haus (mbSchimmerRuhe, alle 7 s). */
.f9-label--stark{position:relative;display:inline-block;overflow:hidden;
padding:7px 16px;border-radius:20px;
/* Die Plakette traegt ihren eigenen dunklen Grund. Sie steht einmal auf
hellem Leinen und einmal auf dunklem Gruen - mit einer durchsichtigen
Fuellung war sie auf dem hellen Abschnitt bei 1,01:1 unsichtbar.
So sind es an beiden Stellen 10,6:1. */
background:linear-gradient(135deg,#123b2c,#0b2c21);
border:1px solid rgba(226,196,134,.55);
box-shadow:0 6px 18px -10px rgba(11,38,32,.7);
color:#efdaa2!important;font-weight:700;letter-spacing:.10em}
.f9-label--stark:after{content:"";position:absolute;top:-60%;bottom:-60%;left:-75%;width:45%;
pointer-events:none;z-index:1;opacity:0;transform:translateX(0) rotate(18deg);
background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.30) 42%,
rgba(255,255,255,.60) 50%,rgba(255,255,255,.30) 58%,rgba(255,255,255,0) 100%);
animation:mbSchimmerRuhe 7s ease-in-out 2.5s infinite}
@media (prefers-reduced-motion:reduce){
.f9-label--stark:after{animation:none}
}
/* Der Inseratvergleich stand als einzige Seite auf zwei glatten Flaechen -
jetzt traegt auch er den Leinengrund wie alle uebrigen Seiten. */
#v-inserat .v8-calculator-head,
#v-inserat .v8-calculator-area{background:transparent}
/* Vorteilswelt: die zusaetzlichen Kacheln holen ihr Motiv aus dem Blatt
statt aus einem eigenen Bild - dieselben .foto-*-Klassen, die die
Kacheln der anderen Seiten benutzen. Kein einziges Byte mehr. */
.v8-world-card > .v8-world-bild{width:100%;height:255px;display:block;
background-size:cover;background-position:center;background-repeat:no-repeat}
.b13 .v8-world-card > .v8-world-bild{height:225px}
@media (max-width:1100px){ .v8-world-card > .v8-world-bild{height:200px} }
@media (max-width:820px){ .v8-world-card > .v8-world-bild{height:250px} }
@media (max-width:560px){ .v8-world-card > .v8-world-bild{height:230px} }
/* Das Telefon aus dem Partnernetzwerk steht jetzt auch in der Vorteilswelt.
Seine Regeln haengen dort an `.p7 *` - ausserhalb dieses Bereichs fehlen
Box-Modell und die Randabstaende, deshalb hier noch einmal. */
.v8-world-phone,.v8-world-phone *{box-sizing:border-box}
.v8-world-phone h3,.v8-world-phone p{margin:0;max-width:none;text-shadow:none}
.v8-world-phone{margin:0 auto 34px}
.v8-world-phone .p7-phone-photo{height:190px;width:100%;display:block;
background-size:cover;background-position:center;background-repeat:no-repeat}
@media (max-width:820px){ .v8-world-phone .p7-phone-photo{height:165px} }
/* =========================================================================
RUNDE 5 (09.09.2026)
========================================================================= */
/* ---- Das Logo im Hintergrund steht nur noch auf den drei Hauptseiten ----
Startseite, Unternehmensvorteile, Mitarbeiterbenefit. Auf den Unterseiten
bleibt die Koernung (die ist Textur, kein Zeichen), das Zeichen selbst
geht weg — im Seitenkoerper, in der Fusszeile und ueber dem Video. */
.view.b2b main.v8:before,
.view.b2b main.p7:before{display:none}
body:not([data-view="start"]):not([data-view="unternehmensbenefit"]):not([data-view="mitarbeiterbenefit"]) .v8-footer:before,
body:not([data-view="start"]):not([data-view="unternehmensbenefit"]):not([data-view="mitarbeiterbenefit"]) #scrim:after{display:none}
/* ---- Ein Knopf fuer das ganze Haus ----
Vorbild ist "Erstgespraech sichern" auf Unternehmensvorteile: goldener
Verlauf, dunkelgruene Schrift, der Schimmer alle sieben Sekunden. Die drei
Knopffamilien aus Version 9 (.v8-btn, .f9-btn, .p7-button) tragen ihn
jetzt auch. Der Pfeil ist aus dem Markup heraus, deshalb faellt hier auch
der Abstand weg, der ihn getragen hat. */
.v8-btn,.f9-btn,.p7-button{
position:relative;overflow:hidden;gap:0;
background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel))!important;
color:#0B2620!important;border:1px solid transparent!important;
box-shadow:0 10px 26px -12px rgba(140,102,20,.75);
transition:transform .2s ease,box-shadow .2s ease}
.v8-btn:hover,.f9-btn:hover,.p7-button:hover{
transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(140,102,20,.85)}
.v8-btn::after,.f9-btn::after,.p7-button::after{
content:"";position:absolute;top:-60%;bottom:-60%;left:-75%;width:45%;
pointer-events:none;z-index:1;opacity:0;transform:translateX(0) rotate(18deg);
background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.30) 42%,
rgba(255,255,255,.60) 50%,rgba(255,255,255,.30) 58%,rgba(255,255,255,0) 100%);
animation:mbSchimmerRuhe 7s ease-in-out 2.5s infinite}
.v8-btn:hover::after,.f9-btn:hover::after,.p7-button:hover::after,
.v8-btn:focus-visible::after,.f9-btn:focus-visible::after,.p7-button:focus-visible::after{
animation:mbSchimmer .85s ease-out}
@media (prefers-reduced-motion:reduce){
.v8-btn::after,.f9-btn::after,.p7-button::after{animation:none}
}
/* GRUEN STATT GOLD, WO DER GRUND SCHON GOLDEN IST.
Drei Stellen im Haus: das Abschlussband auf Haeufige Fragen und auf
Inseratvergleich, und das Finale im Partnernetzwerk. Ein goldener Knopf
auf goldenem Grund waere dort nicht mehr zu sehen. */
#v-faq .v8-end .v8-btn,
#v-inserat .v8-end .v8-btn,
.p7-finale .p7-button{
background:linear-gradient(135deg,#16463B,#0B2620)!important;
color:#F3EEE2!important;
border-color:rgba(203,161,61,.55)!important;
box-shadow:0 10px 26px -12px rgba(11,38,32,.8)}
#v-faq .v8-end .v8-btn::after,
#v-inserat .v8-end .v8-btn::after,
.p7-finale .p7-button::after{
background:linear-gradient(90deg,rgba(203,161,61,0) 0%,rgba(203,161,61,.20) 42%,
rgba(203,161,61,.45) 50%,rgba(203,161,61,.20) 58%,rgba(203,161,61,0) 100%)}
/* Der zweite Knopf bleibt ein Umriss — sonst stehen zwei gleich laute
Griffe nebeneinander und keiner fuehrt. */
.v8-btn.v8-btn-secondary{
background:transparent!important;color:#174b32!important;
border:1px solid #92ab80!important;box-shadow:none}
.v8-btn.v8-btn-secondary::after{
background:linear-gradient(90deg,rgba(150,143,130,0) 0%,rgba(150,143,130,.16) 42%,
rgba(150,143,130,.38) 50%,rgba(150,143,130,.16) 58%,rgba(150,143,130,0) 100%)}
/* =========================================================================
DER KOSTENKOMPASS (09.09.2026)
-------------------------------------------------------------------------
Loest den Benefitplaner ab. Er rechnet keine Leistungen mehr, sondern
die laufenden Fixkosten eines Haushalts — und zeigt als Spanne, was ein
Vergleich davon bewegen kann. Bewusst eine Spanne und kein Betrag: was
herauskommt, haengt an Vertrag, Verbrauch und Anbieter.
========================================================================= */
.kk-gitter{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:start;margin-top:34px}
.kk-eingabe{display:flex;flex-direction:column;gap:13px}
.kk-zeile{display:flex;align-items:center;gap:18px;justify-content:space-between;
background:#fffdf4;border:1px solid #c9d6bb;border-radius:11px;padding:15px 18px;
transition:opacity .2s ease,border-color .2s ease}
.kk-zeile--aus{opacity:.5}
.kk-schalter{display:flex;align-items:flex-start;gap:12px;cursor:pointer;min-width:0}
.kk-schalter input{flex:none;width:19px;height:19px;margin-top:2px;accent-color:#2f6b3f}
.kk-schalter b{display:block;font-size:16px;line-height:1.3;color:#1f4a30;font-weight:600}
.kk-schalter small{display:block;margin-top:3px;font-size:12.5px;line-height:1.5;color:#5b7050}
.kk-betrag{flex:none;display:flex;align-items:center;gap:8px}
.kk-betrag input{width:92px;padding:9px 11px;border:1px solid #b9caa9;border-radius:8px;
background:#fff;font-family:var(--v8-font);font-size:16px;font-weight:600;
color:#1f4a30;text-align:right}
.kk-betrag input:focus{outline:none;border-color:#2f6b3f;box-shadow:0 0 0 3px rgba(47,107,63,.18)}
.kk-betrag input:disabled{background:#f2f3ec;color:#8d9b85}
.kk-betrag span{font-size:12.5px;color:#5b7050;white-space:nowrap}
.kk-ergebnis{background:#0e3a2a;color:#e7efe1;border-radius:13px;padding:26px 24px;
display:flex;flex-direction:column;gap:17px;position:sticky;top:96px}
.kk-label{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#9fb79a}
.kk-block strong{display:block;margin-top:7px;font-size:32px;line-height:1.1;
letter-spacing:-.03em;color:#fff;font-weight:600}
.kk-block small{display:block;margin-top:5px;font-size:13px;line-height:1.5;color:#a9bea4}
.kk-block--gold strong{color:#e6c98d}
.kk-balken{height:8px;border-radius:5px;background:rgba(231,239,225,.16);overflow:hidden}
.kk-balken span{display:block;height:100%;width:0;border-radius:5px;
background:linear-gradient(90deg,#e6c98d,#b8902a);transition:width .35s ease}
.kk-hinweis{font-size:12px;line-height:1.65;color:#a9bea4;margin:0}
.kk-ergebnis .v8-btn{width:100%;min-height:50px}
@media (max-width:900px){
.kk-gitter{grid-template-columns:1fr;gap:24px}
.kk-ergebnis{position:static}
}
@media (max-width:520px){
.kk-zeile{flex-direction:column;align-items:stretch;gap:12px}
.kk-betrag{justify-content:flex-end}
.kk-block strong{font-size:28px}
}
/* Die Zaehlnummern sind aus dem Markup heraus - zwei Raster rechneten aber
noch mit ihrer Spalte (25 px beziehungsweise 30 px ganz links). Ohne diese
Korrektur landet der Text in der schmalen Nummernspalte und bricht nach
jedem Wort um. Merksatz: Wer ein Element aus einem Gitter nimmt, muss die
Spaltenangabe mitnehmen. */
.f9-choices button{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.f9 .v8-step{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
/* =========================================================================
RUNDE 6 (10.09.2026)
========================================================================= */
/* ---- Knoepfe: eine Form fuer das ganze Haus. Nur der Schimmer, kein
Pfeil; Gold auf hellem und dunklem Grund, Gruen auf goldenem. ---- */
.v8-btn,.f9-btn,.p7-button,.btn-s.btn-gold{
border-radius:8px!important;padding:15px 26px!important;min-height:52px!important;
font-size:15px!important;font-weight:600!important;line-height:1.4!important;gap:0!important;
box-shadow:0 10px 26px -12px rgba(140,102,20,.75)!important}
.btn-s.btn-gold{background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel))!important;
color:#0B2620!important;border:1px solid transparent!important}
#v-faq .v8-end .v8-btn,#v-inserat .v8-end .v8-btn,.p7-finale .p7-button{
box-shadow:0 10px 26px -12px rgba(11,38,32,.8)!important}
.b11-compare #cmp-download{justify-self:center!important;width:auto!important}
/* ---- Abschlussbox: Ueberschrift, Satz, Knopf - alles mittig untereinander ---- */
.v8-end .v8-wrap,.p7-finale .p7-inner,.f9-finale>.f9-wrap{
display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:0!important}
.v8-end h2,.p7-finale h2,.f9-finale h2{max-width:24ch;margin-left:auto;margin-right:auto}
.v8-end .v8-wrap>div,.p7-finale .p7-inner>div,.f9-finale-action{
display:flex;flex-direction:column;align-items:center;max-width:62ch;margin-top:20px;padding-left:0!important}
.v8-end .v8-wrap>div>p,.p7-finale .p7-inner>div>p,.f9-finale-action>p{margin:0 0 26px!important;max-width:60ch!important}
.p7-finale .p7-button{margin-top:0!important}
/* ---- FAQ im Stil von MB Finanz, auf jeder Seite ---- */
.mb-faq{background:#fffdf5}
.mb-faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}
.mb-faq-grid>h2,.mb-faq-kopf h2{margin:0;max-width:14ch}
.mb-faq .v8-accordion details{background:#f5f6ec;border:1px solid #c4cfb5;border-radius:8px;padding:0 22px;margin-bottom:11px}
.mb-faq .v8-accordion summary{padding:19px 0;color:#254b32;font-size:16px;line-height:1.55;min-height:0}
.mb-faq .v8-accordion details[open]{padding-bottom:20px}
.mb-faq .v8-accordion details p{font-size:15px;color:#4c6246;line-height:1.8}
.mb-faq-grid .v8-text-link{margin-top:14px}
@media (max-width:900px){.mb-faq-grid{grid-template-columns:minmax(0,1fr);gap:31px}}
@media (max-width:640px){.mb-faq .v8-accordion details{padding:0 18px}.mb-faq .v8-accordion summary{font-size:15px}}
/* ---- Haeufige Fragen: alle Top-3 der Website, abwechselnd zartgruen und weiss ---- */
#v-faq .mb-faq{background:transparent}
#v-faq .mb-faq--alle .v8-accordion{max-width:900px;margin:0 auto}
#v-faq .mb-faq .v8-accordion details:nth-of-type(odd){background:#e6efdf;border-color:#bfd0b2}
#v-faq .mb-faq .v8-accordion details:nth-of-type(even){background:#fffefa}
.mb-faq-gruppe{margin:34px 0 12px!important;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5d6f4f}
.mb-faq-gruppe:first-child{margin-top:0!important}
#v-faq main.v8:before{display:block}
.faq-bild{margin:0;border-radius:12px;overflow:hidden;border:1px solid #c4ceb4;background:#183f2d;
box-shadow:0 18px 40px -24px rgba(21,51,38,.45)}
.faq-bild-ph{height:360px;background-size:cover;background-position:center}
.faq-bild figcaption{padding:18px 24px;color:#f3f5e8;font-size:18px;font-weight:500}
@media (max-width:700px){.faq-bild-ph{height:240px}}
/* ---- Unternehmensvorteile: Platzhalter fuer das Video ---- */
.uv-video{position:relative;width:100%;max-width:520px;justify-self:end;aspect-ratio:16/9;border-radius:22px;overflow:hidden;
background:linear-gradient(158deg,rgba(10,35,29,.90) 0%,rgba(7,26,21,.95) 100%);border:1px solid rgba(203,161,61,.42);
backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 44px 96px -34px rgba(0,0,0,.9)}
.uv-video-flaeche{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#F3EEE2;text-align:center}
.uv-video-play{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;
background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));box-shadow:0 12px 30px -10px rgba(140,102,20,.9)}
.uv-video-play svg{width:30px;height:30px;fill:#0B2620;margin-left:4px}
.uv-video-flaeche b{font-size:18px;font-weight:600;letter-spacing:.02em}
.uv-video-flaeche small{font-size:12.5px;color:#CFC7B6}
@media (max-width:1080px){.uv-video{justify-self:stretch;max-width:none}}
/* ---- Mitarbeiterbenefit: TOP Arbeitgeber, Muster der Urkunde ---- */
.ta{display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:clamp(34px,6vw,80px);align-items:center}
.ta-zert{position:relative;aspect-ratio:1/1.414;background:#FBF8F1;border-radius:6px;padding:16px;overflow:hidden;
box-shadow:0 30px 60px -30px rgba(21,40,30,.55),0 2px 6px rgba(21,40,30,.12);transform:rotate(-2deg)}
.ta-rahmen{position:relative;height:100%;border:2px solid #B8902A;outline:1px solid rgba(184,144,42,.5);outline-offset:-8px;
display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 22px 18px;
background:radial-gradient(120% 80% at 50% 0%,#fff 0%,#FBF8F1 60%,#F3ECDD 100%)}
.ta-marke{width:66px;height:50px;background:var(--mb-marke-dunkel) center/contain no-repeat;margin-bottom:12px}
.ta-rahmen p{margin:0}
.ta-ueber{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#856214}
.ta-titel{font-family:var(--serif);font-size:clamp(34px,4vw,48px);line-height:1.02;color:#0B2620;margin:10px 0 6px!important;font-weight:600}
.ta-jahr{font-size:22px;font-weight:700;letter-spacing:.2em;color:#B8902A}
.ta-linie{width:60%;height:1px;background:linear-gradient(90deg,transparent,#B8902A,transparent);margin:18px 0}
.ta-an{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6B6459}
.ta-firma{font-family:var(--serif);font-size:24px;color:#0B2620;margin:6px 0 10px!important}
.ta-grund{font-size:12px;line-height:1.55;color:#4F493F;max-width:26ch}
.ta-fuss{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:#6B6459;padding-top:14px}
.ta-siegel{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#0B2620;font-size:22px;
background:radial-gradient(circle at 35% 30%,#F1DDA2,#CBA13D 55%,#8C6A1C);box-shadow:0 4px 10px rgba(140,102,20,.45)}
.ta-muster{position:absolute;top:22px;right:-38px;transform:rotate(45deg);background:#0B2620;color:#EFDAA2;font-size:11px;
font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:6px 44px;z-index:2}
.ta-text h2.title{margin:0 0 18px}
.ta-text p{font-size:17px;line-height:1.75;color:#3A362E;margin:0 0 22px;max-width:56ch}
.ta-punkte{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ta-punkte li{position:relative;padding-left:30px;font-size:16px;line-height:1.6;color:#3A362E}
.ta-punkte li:before{content:"";position:absolute;left:0;top:4px;width:19px;height:19px;border-radius:50%;
background:#0B2620 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23E2C486' stroke-width='2.6'/%3E%3C/svg%3E") center/12px no-repeat}
.ta-punkte b{color:#0B2620}
@media (max-width:860px){.ta{grid-template-columns:1fr}.ta-zert{max-width:340px;width:100%;margin:0 auto}}
/* ---- MB Finanz ---- */
.f9-hero-art figcaption{display:none!important}
.f10-audiences>a.f10-gold,.f10-audiences>a.f10-gruen{position:relative;overflow:hidden}
.f10-audiences>a.f10-gold{background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));border-color:transparent;color:#0B2620}
.f10-audiences>a.f10-gold>svg{stroke:#0B2620}
.f10-audiences>a.f10-gruen{background:linear-gradient(135deg,#3E7A57,#2B5F44);border-color:#79A283;color:#FFFBEF}
.f10-audiences>a.f10-gruen>svg{stroke:#F1DDA2}
.f10-audiences>a.f10-gold:hover{background:linear-gradient(135deg,var(--mb-gold-hell),var(--mb-gold-dunkel));filter:brightness(1.06)}
.f10-audiences>a.f10-gruen:hover{background:linear-gradient(135deg,#468663,#316a4c)}
.f10-audiences>a.f10-gold::after,.f10-audiences>a.f10-gruen::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-75%;width:45%;
pointer-events:none;opacity:0;transform:translateX(0) rotate(18deg);
background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.30) 42%,rgba(255,255,255,.60) 50%,rgba(255,255,255,.30) 58%,rgba(255,255,255,0) 100%);
animation:mbSchimmerRuhe 7s ease-in-out 2.5s infinite}
.f10-audiences>a.f10-gruen::after{animation-delay:4s}
@media (prefers-reduced-motion:reduce){.f10-audiences>a::after{animation:none}}
.f14-network-links{display:flex;flex-direction:column;gap:22px;min-width:0}
.f14-network-note{margin:0;padding:24px 28px;background:#fffdf5;border:1px solid #c4cfb5;border-radius:12px;font-size:17px;line-height:1.75;color:#3d5a40}
/* ---- Partnernetzwerk ---- */
.p7-scene-tools{display:none!important}
.p7-builder-head{grid-template-columns:1fr!important}
.p7-manifesto{padding-top:52px!important}
.p7-manifesto h2{max-width:34ch!important}
.p7-manifesto>div>p{max-width:86ch!important}
.p7-dual-side--zart{background:#e7efdf}
.p7-principles-box{background:#fffdf5;border:1px solid #d0ddc8;border-radius:14px;padding:6px 34px;box-shadow:0 10px 30px -20px rgba(21,51,38,.25)}
.p7-principles-box .p7-principle:first-child{border-top:0}
.p7-principles-box .p7-principle:last-child{border-bottom:0}
@media (max-width:640px){.p7-principles-box{padding:4px 20px}}
/* ---- Vergleichsrechner: die Auswahl in den Farben der Balken ---- */
.v8-calc-inputs .v8-benefit-row:has(#cmp-meal-on){border-left:6px solid #d6ba7e;background:#faf4e6}
.v8-calc-inputs .v8-benefit-row:has(#cmp-gift-on){border-left:6px solid #9fbd8a;background:#eef4e8}
.v8-calc-inputs .v8-benefit-row:has(#cmp-future-on){border-left:6px solid #627e49;background:#e7ede0}
#cmp-meal-on{accent-color:#b99a55}
#cmp-gift-on{accent-color:#7fa36b}
#cmp-future-on{accent-color:#627e49}
/* ---- Steuervorteile: Ue und g duerfen sich nicht beruehren ---- */
.b11-tax .v8-section-head h2{line-height:1.2!important}
/* ---- Jubilaeum: Kopf ohne Bild, Stichwort links und Text rechts ---- */
#v-jubilaeum .v8-hero-grid{grid-template-columns:minmax(0,1fr)!important}
#v-jubilaeum .v8-hero-grid>div{max-width:760px}
#v-jubilaeum .v8-occasion-result{grid-template-columns:minmax(170px,.55fr) 1.45fr!important;align-items:center}
@media (max-width:640px){#v-jubilaeum .v8-occasion-result{grid-template-columns:1fr!important}}
/* ---- Vorteilswelt: Telefon links, Text rechts ---- */
.vw-telefon{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(34px,6vw,80px);align-items:center;margin-bottom:64px}
.vw-telefon .v8-world-phone{margin:0}
.vw-telefon-text h2{margin:0 0 20px}
.vw-telefon-text p{margin:0 0 22px;font-size:17px;line-height:1.8;max-width:52ch}
@media (max-width:820px){.vw-telefon{grid-template-columns:1fr}.vw-telefon .v8-world-phone{margin:0 auto}}
/* ---- Kostenkompass: weisse Kaestchen, Kopf und Beisatz in einer Reihe ---- */
.kk-kaesten>article{border:1px solid #bacaab!important;border-radius:11px;background:#fffdf5;padding:30px!important;box-shadow:0 5px 20px #28422d08}
@media (max-width:640px){.kk-kaesten>article{padding:24px!important}}
.kk-schalter{flex:1 1 auto}
.kk-schalter>span{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px}
.kk-schalter>span>small{margin-top:0}
/* =====================================================================
RUNDE 7 (11.09.2026)
===================================================================== */
/* ---- Kachelbild im Kopf der sechs Benefitseiten ----
Das Bild kommt aus derselben .foto-* Regel wie die Kachel auf
Mitarbeiterbenefit (kein zweites Base64). Das ![]()
traegt nur ein
durchsichtiges 1x1 GIF; Masse, Eckradius und Zuschnitt kommen aus den
bestehenden img-Regeln der jeweiligen Figur. */
.hk-bild{background-size:cover!important;background-position:50% 50%;background-repeat:no-repeat;background-color:#dfe6d3}
.hk-bild.foto-mb-fitness{background-position:50% 74%}
@media (min-width:901px){#v-jubilaeum .v8-hero-grid{grid-template-columns:1.07fr 1fr!important}}
#v-vorteilswelt .v8-hero-visual .b12-product-photo,#v-jubilaeum .v8-hero-visual .b12-product-photo{aspect-ratio:1.05}
/* ---- Unternehmensvorteile: 3D Figur statt Video-Platzhalter ---- */
.uv-3d{background:radial-gradient(ellipse at 50% 46%,rgba(40,91,66,.62),rgba(5,30,26,.55) 72%)!important}
/* Kein Video mehr: die Figur braucht Hoehe fuer ihre Beschriftung, daher 4:3 statt 16:9. */
.uv-3d{aspect-ratio:4/3;max-width:540px}
.uv-scene{position:absolute;inset:0;overflow:hidden;border-radius:inherit;cursor:grab;touch-action:pan-y}
.uv-scene:active{cursor:grabbing}
.uv-scene canvas{display:block;width:100%!important;height:100%!important;outline:none}
.uv-scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.uv-scene .p7-3d-label{white-space:nowrap}
.uv-scene.is-fail{display:grid;place-items:center;cursor:default}
.uv-scene.is-fail:before{content:"Ihr Betrieb · Partnernetzwerk · MB Finanz · Mitarbeiterbenefit · Steuervorteile";max-width:80%;text-align:center;color:#E1C58A;font-size:14px;line-height:1.7}
/* ---- Inseratvergleich: gewaehlte Benefits stechen heraus ---- */
#v-inserat .v8-ad-options .v8-check{padding:14px 16px;border:1px solid #d0dec4;border-radius:10px;background:rgba(255,255,255,.55);align-items:center;transition:background .2s,border-color .2s,box-shadow .2s}
#v-inserat .v8-ad-options .v8-check input{margin-top:0}
#v-inserat .v8-ad-options .v8-check:hover{border-color:#B8902A}
#v-inserat .v8-ad-options .v8-check.ist-an,#v-inserat .v8-ad-options .v8-check:has(input:checked){background:#0f3b2e;border-color:#D9B45A;box-shadow:0 8px 22px rgba(11,38,32,.22),inset 4px 0 0 #D9B45A}
#v-inserat .v8-ad-options .v8-check.ist-an b,#v-inserat .v8-ad-options .v8-check:has(input:checked) b{color:#F3E2B0;font-weight:600}
#v-inserat .v8-ad-options .v8-check.ist-an input,#v-inserat .v8-ad-options .v8-check:has(input:checked) input{accent-color:#D9B45A}
/* Erstgespraech sichern steht rechts */
#v-inserat .v8-ad-actions{justify-content:flex-end}
#v-inserat .v8-ad-actions .v8-btn{width:auto}
/* ---- MB Finanz ---- */
/* Nummer links neben dem Titel statt darueber */
#v-finanz .f9 .v8-step{grid-template-columns:30px minmax(0,1fr)!important;gap:17px!important;align-items:start}
#v-finanz .f9 .v8-step>span{margin-top:-1px}
/* Vorteile fuer Mitarbeitende: Zartgruen statt Dunkelgruen */
#v-finanz .f10-employees{background:#E7EFDF;color:#1E3F2C}
#v-finanz .f10-employees h2{color:#173F2E}
#v-finanz .f10-employees h2 em{color:#856214}
#v-finanz .f10-employees .f9-heading>p{color:#3F5A45}
#v-finanz .f10-employees .f10-employee-cards article{background:#FBFCF6;border-color:#C5D4BA;box-shadow:0 8px 24px rgba(32,62,40,.07)}
#v-finanz .f10-employees .f10-employee-cards h3{color:#173F2E}
#v-finanz .f10-employees .f10-employee-cards p{color:#4B6148}
#v-finanz .f10-employees .f10-employee-icon{color:#856214}
#v-finanz .f10-employees .f10-employee-icon .accent{stroke:#3F7A55}
#v-finanz .f10-employees .f10-shared-benefit{border-top-color:#C5D4BA}
#v-finanz .f10-employees .f10-shared-benefit>div>span{color:#4B6148}
#v-finanz .f10-employees .f10-shared-benefit ol{color:#1E3F2C}
#v-finanz .f10-employees .f10-shared-benefit li+li:before{color:#856214}
/* ---- Partnernetzwerk ---- */
#v-partnernetzwerk .p7-hero h1{max-width:none}
#v-partnernetzwerk .p7-h1-gruen{color:#8CC79B}
#v-partnernetzwerk .p7-h1-gold{color:#E1C58A}
@media (min-width:821px){#v-partnernetzwerk .p7-h1-gold{white-space:nowrap}}
/* Mehr Luft zwischen Manifest, Bildreihe und dem gruenen Bereich */
#v-partnernetzwerk .p7-photo-ribbon{margin-top:28px;margin-bottom:110px}
@media (max-width:820px){#v-partnernetzwerk .p7-photo-ribbon{margin-top:16px;margin-bottom:64px}}
/* Die zwei Kacheln: Symbolreihe auf einer Linie */
#v-partnernetzwerk .p7-dual-side{display:flex;flex-direction:column}
#v-partnernetzwerk .p7-dual-side>p{margin-bottom:30px}
#v-partnernetzwerk .p7-dual-graphic{margin-top:auto!important}
/* ---- Vorteilswelt: Linien der zwei Kaesten auf einer Ebene ---- */
#v-vorteilswelt .v8-twin>article{display:flex;flex-direction:column}
#v-vorteilswelt .v8-twin>article>p:not(.v8-takeaway){margin-bottom:25px}
#v-vorteilswelt .v8-twin .v8-takeaway{margin-top:auto!important}
/* ---- Jubilaeum: Wort links, Text rechts, auch auf schmalen Schirmen ---- */
@media (min-width:481px){#v-jubilaeum .v8-occasion-result{grid-template-columns:minmax(120px,.5fr) 1.5fr!important;align-items:center}}
#v-jubilaeum .b12-occasion-sign{justify-content:flex-start;text-align:left}
/* ---- Kontaktformular ---- */
.v8-contact-paar{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:560px){.v8-contact-paar{grid-template-columns:1fr}}
.v8-contact-ok{margin:6px 0 20px}
.v8-contact-ok small{font-size:13px;line-height:1.55;color:#52664d}
.v8-contact-ok a{text-decoration:underline;text-underline-offset:3px}
#v8-contact-status.ist-fehler{color:#9B2C1F}
#v8-contact-status:not(:empty){font-size:15px;color:#1a4730;margin-top:14px}
#v8-contact-form [aria-invalid="true"]{border-color:#9B2C1F!important}
/* =====================================================================
RUNDE 8 (11.09.2026)
===================================================================== */
/* Inseratbeispiel "Heute VS Mit MeinBenefit": die ergaenzten Benefits
tragen denselben Auswahl-Look wie im Inseratvergleich (dunkelgruen,
Goldkante). "Und vieles mehr" hat kein und bleibt schlicht. */
.bv-liste--gold li:has(b){padding:6px 10px 6px 12px;margin-bottom:6px;background:#0f3b2e;border:1px solid #D9B45A;border-radius:7px;
box-shadow:0 5px 14px rgba(11,38,32,.20),inset 3px 0 0 #D9B45A;line-height:1.3}
.bv-liste--gold li:has(b):before{display:none}
.bv-liste--gold li:has(b) b{color:#F3E2B0;font-weight:600}
/* Jubilaeum, Anlass-Box: Zeichen und Wort rechts, Text links */
@media (min-width:481px){#v-jubilaeum .v8-occasion-result{grid-template-columns:1.5fr minmax(120px,.5fr)!important}
#v-jubilaeum .v8-occasion-result>.b12-occasion-sign{order:2;align-items:flex-end;justify-content:flex-end;text-align:right}}
/* Kontakt: Bestaetigungsfenster */
.kd-fenster{border:0;border-radius:16px;padding:40px 36px 32px;max-width:440px;width:calc(100% - 40px);text-align:center;background:#FBF8F1;color:#1a4730;box-shadow:0 30px 80px rgba(5,30,26,.35)}
/* Die Seite setzt dialog allgemein auf position:absolute und margin:0 - hier zurueck auf die Mitte */
#kontakt-danke{position:fixed!important;inset:0!important;margin:auto!important;height:fit-content;max-height:calc(100% - 40px)}
.kd-fenster::backdrop{background:rgba(5,30,26,.55);backdrop-filter:blur(3px)}
.kd-zeichen{width:58px;height:58px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#0f3b2e;box-shadow:inset 0 0 0 2px #D9B45A}
.kd-zeichen svg{width:28px;height:28px;fill:none;stroke:#F3E2B0;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.kd-fenster h2{font-size:26px;line-height:1.2;margin:0 0 12px;color:#173F2E}
.kd-fenster p{font-size:16px;line-height:1.7;margin:0 0 26px;color:#3F5A45}
.kd-fenster .v8-btn{min-width:160px}
/* Inseratvergleich, rechte Box (RUNDE 9): Die ergaenzten Benefit-Zeilen
erscheinen im Entwurf im selben Look wie die gewaehlten Kaestchen.
Ein