html.m-schicht{
  --msafe:env(safe-area-inset-bottom, 0px);
  --mfuss-ges:max(44px, calc(28px + var(--msafe)));
}


html.m-schicht{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }

html.m-schicht, html.m-schicht body{ overflow-x:clip; }
html.m-schicht{ scrollbar-width:none; }
html.m-schicht::-webkit-scrollbar{ width:0; height:0; }



html.m-schicht .mfuss{
  position:fixed; left:0; right:0; bottom:0; z-index:560;
  display:grid; grid-template-columns:1fr;
  box-sizing:border-box; margin:0;
  height:var(--mfuss-ges); padding:0;
  border-top:1px solid var(--line, rgba(244,236,223,.13));
  font-family:var(--sans, "Schibsted Grotesk", -apple-system, sans-serif);
}


html.m-schicht .mfuss a.mf-cta{
  display:flex; align-items:center; justify-content:center;
  box-sizing:border-box; min-width:44px; min-height:44px; height:100%;
  margin:0; padding:0 12px var(--msafe); border:0; border-radius:0;
  font-size:14px; line-height:1.2; letter-spacing:.04em; font-weight:500;
  text-decoration:none; text-transform:none; white-space:nowrap;
}

html.m-schicht .mfuss a.mf-cta{
  background:var(--orange, #FE623C); color:#0B0B0B; font-weight:600;
}


html.m-schicht .mfuss{ transition:opacity .2s ease, transform .2s ease, visibility 0s linear 0s; }
html.m-schicht.m-leiste-weicht .mfuss{
  opacity:0; transform:translateY(100%); visibility:hidden; pointer-events:none;
  transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
@media (prefers-reduced-motion: reduce){
  html.m-schicht .mfuss, html.m-schicht.m-leiste-weicht .mfuss{ transition:none; }
}



html.m-schicht .mfuss-platz{
  display:block; flex:none; width:100%; height:var(--mfuss-ges);
  margin:0; padding:0; border:0; background:none; pointer-events:none;
}



html.m-schicht{ scroll-snap-type:none; }


html.m-schicht.m-leiste{ scroll-padding-bottom:var(--mfuss-ges); }


html.m-schicht.m-leiste .vp,
html.m-schicht.m-leiste #mitglieder,
html.m-schicht.m-leiste #coc,
html.m-schicht.m-leiste #vorteile,
html.m-schicht.m-leiste #mitgliedschaften,
html.m-schicht.m-leiste #entstehung{
  min-height:calc(100svh - var(--mfuss-ges));
}


html.m-schicht.m-leiste #ende{
  min-height:0;
  padding-bottom:calc(var(--nav-h) + 12px);
}


html.m-schicht.m-leiste footer{ margin-bottom:0; }


html.m-schicht.m-leiste .mnav{ padding-bottom:calc(60px + var(--mfuss-ges)); }

html.m-schicht.m-leiste .vpop{ bottom:calc(70px + var(--mfuss-ges)); }


@media print{
  html.m-schicht .mfuss, html.m-schicht .mfuss-platz{ display:none; }
}





html.m-schicht.m-menue .topbar{
  grid-template-columns:1fr auto 1fr;
  padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));
}

html.m-schicht.m-menue .topbar .logo-btn{ grid-column:2; grid-row:1; justify-self:center; padding:0; }
html.m-schicht.m-menue .topbar .burger{
  grid-column:1; grid-row:1; justify-self:start;
  display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:0;
  width:auto; min-width:44px; height:44px; min-height:44px; margin:0; padding:0;
  font-family:var(--sans); font-size:12px; font-weight:500; line-height:1;
  letter-spacing:.16em; text-transform:uppercase; color:var(--text);
}
html.m-schicht.m-menue .topbar .burger span:not(.m-wort){ display:none; }
html.m-schicht.m-menue .topbar .burger .m-wort{
  display:inline; width:auto; height:auto; background:none;      
}



html.m-schicht.m-menue .mnav{
  top:var(--nav-h); z-index:495; padding:0; overflow:hidden;
}
html.m-schicht.m-menue .mnav.open{ display:flex; flex-direction:column; }



html.m-schicht.m-menue .mnav > .mnav-close,
html.m-schicht.m-menue .mnav > #mnav-content,
html.m-schicht.m-menue .mnav > .mnav-foot{ display:none; }

html.m-schicht.m-menue .mn-kopf{
  flex:none; display:flex; align-items:center; justify-content:space-between;
  height:46px; padding:0 18px; background:var(--bg);
  border-bottom:1px solid var(--line);          
}
html.m-schicht.m-menue .mn-kopf[hidden]{ display:none; }
html.m-schicht.m-menue .mn-zurueck{
  display:flex; align-items:center; gap:7px;
  min-width:44px; height:44px; padding:0; margin:0; background:none; border:0; cursor:pointer;
  font-family:var(--sans); font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--text-muted);
}
html.m-schicht.m-menue .mn-titel{
  font-family:var(--sans); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--text);
}
html.m-schicht.m-menue .mn-titel .mn-stand{
  font-style:normal; color:var(--text-muted); letter-spacing:.10em;
  font-variant-numeric:tabular-nums; white-space:nowrap;
}


html.m-schicht.m-menue .mn-buehne{ position:relative; flex:1 1 auto; min-height:0; }
html.m-schicht.m-menue.m-leiste .mn-buehne{ margin-bottom:var(--mfuss-ges); }
html.m-schicht.m-menue .mn-ebene{
  position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column;
  transition:transform .38s var(--ease), opacity .28s var(--ease);
}
html.m-schicht.m-menue .mn-ebene[hidden]{ display:none; }
html.m-schicht.m-menue .mn-e1.raus{ transform:translateX(-26%); opacity:0; pointer-events:none; }   
html.m-schicht.m-menue .mn-e2.rein{ animation:mnRein .38s var(--ease) both; }
@keyframes mnRein{ from{ transform:translateX(16%); opacity:0 } to{ transform:none; opacity:1 } }



html.m-schicht.m-menue.mstart-flaeche .mn-e1{
  display:flex; flex-direction:column; gap:0; padding:0;
  overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
}
html.m-schicht.m-menue .mf-label{
  flex:none; margin:0; padding:13px 18px 8px;
  font-family:var(--sans); font-size:10px; letter-spacing:.20em; text-transform:uppercase;
  color:var(--text-muted);
}
html.m-schicht.m-menue .mf-reihe{
  flex:0 0 auto; display:grid; grid-template-columns:repeat(3, 1fr); gap:2px; height:132px;
}
html.m-schicht.m-menue .mf-kachel{
  position:relative; overflow:hidden; min-width:44px; min-height:44px;
  margin:0; padding:0; border:0; cursor:pointer; background:#151310;
}
html.m-schicht.m-menue .mf-bild{
  position:absolute; top:0; right:0; bottom:0; left:0;
  background-size:cover; background-repeat:no-repeat; background-position:var(--mn-focal, 50% 40%);
}
html.m-schicht.m-menue .mf-schleier{
  position:absolute; top:0; right:0; bottom:0; left:0;
  background:linear-gradient(180deg, rgba(11,11,11,.20) 0%, rgba(11,11,11,.72) 100%);
}
html.m-schicht.m-menue .mf-kachel::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--akzent, transparent);
}

html.m-schicht.m-menue .mf-kachel[data-grp="netzwerk"]{ --akzent:var(--c-event); }
html.m-schicht.m-menue .mf-kachel[data-grp="invest"]{ --akzent:var(--c-invest); }
html.m-schicht.m-menue .mf-kachel[data-grp="stiftung"]{ --akzent:var(--c-social); }
html.m-schicht.m-menue .mf-name{
  position:absolute; left:10px; right:10px; bottom:11px; text-align:left;
  font-family:var(--sans); font-size:13px; font-weight:600; letter-spacing:.08em; line-height:1.1;
  text-transform:uppercase; color:#F4ECDF;
}
html.m-schicht.m-menue .mf-mitte{
  flex:1 0 auto; min-height:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:11px; padding:18px 26px; text-align:center;
}
html.m-schicht.m-menue .mf-claim{
  margin:0; font-family:var(--serif); font-weight:300; font-size:31px; line-height:1.12; color:var(--text);
}
html.m-schicht.m-menue .mf-sub{
  margin:0; max-width:300px; font-family:var(--sans); font-size:13px; line-height:1.5; color:var(--text-muted);
}

html.m-schicht.m-menue .mf-weiter{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; min-width:44px; margin:3px 0 0; padding:0 22px;
  border-radius:999px; border:1px solid var(--line-mid); background:none; cursor:pointer;
  font-family:var(--sans); font-size:12.5px; letter-spacing:.05em; color:var(--text);
}

@media (max-height:700px){
  html.m-schicht.m-menue .mf-mitte{ gap:8px; padding:8px 26px; }
  html.m-schicht.m-menue .mf-claim{ font-size:27px; }
}


html.m-schicht :is(#mnav, #burger, .mfuss, .topbar .logo-btn, .tb-kopf, #gate),
html.m-schicht :is(#mnav, .mfuss, .tb-kopf, #gate) :is(a, button, .mn-karte){ touch-action:manipulation; }


html.m-schicht.m-menue .mn-e2{ overflow:hidden; overscroll-behavior:contain; }
html.m-schicht.m-menue .mn-e2.mn-rollt{ overflow-y:auto; }       
html.m-schicht.m-menue .mn-liste{ display:flex; flex-direction:column; flex:none; margin:0; padding:0; }
html.m-schicht.m-menue .mn-karte{
  position:relative; display:block; flex:none; width:100%; overflow:hidden;
  border-top:1px solid var(--line); color:var(--text); text-decoration:none;
}

html.m-schicht.m-menue .mn-karte:first-child{ border-top:0; }
html.m-schicht.m-menue .mn-karte.mn-bald{ cursor:default; }

html.m-schicht.m-menue .mn-karte:focus-visible,
html.m-schicht.m-menue .mf-kachel:focus-visible{ outline:2px solid var(--sand, #C9B79A); outline-offset:-3px; }
html.m-schicht.m-menue .mn-bild{
  position:absolute; top:0; right:0; bottom:0; left:0;
  background-size:cover; background-repeat:no-repeat; background-position:var(--mn-focal, 50% 40%);
  background-color:#151310;
}
html.m-schicht.m-menue .mn-schleier{ position:absolute; top:0; right:0; bottom:0; left:0; }
html.m-schicht.m-menue .mn-nr{
  position:absolute; left:18px; z-index:2;
  font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.14em; color:rgba(244,236,223,.78);
}
html.m-schicht.m-menue .mn-txt{ position:absolute; z-index:2; }
html.m-schicht.m-menue .mn-t{ display:block; font-family:var(--serif); font-weight:300; }
html.m-schicht.m-menue .mn-s{
  margin-top:5px; font-family:var(--sans); font-size:12.5px; line-height:1.4; color:rgba(244,236,223,.72);
}
html.m-schicht.m-menue .mn-pfeil{
  position:absolute; right:18px; bottom:18px; z-index:2; width:34px; height:34px; border-radius:50%;
  border:1px solid rgba(244,236,223,.34);
  display:flex; align-items:center; justify-content:center; font-size:15px; color:#F4ECDF;
}

html.m-schicht.m-menue .mn-pfeil svg{
  display:block; width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.75;
  stroke-linecap:round; stroke-linejoin:round;
}
html.m-schicht.m-menue .mn-bald-tag{
  position:absolute; right:14px; top:50%; transform:translateY(-50%); z-index:2;
  padding:5px 10px; border-radius:999px;
  border:1px solid rgba(244,236,223,.26); background:rgba(11,11,11,.42);
  font-family:var(--sans); font-size:10px; letter-spacing:.10em; text-transform:uppercase;
  color:rgba(244,236,223,.78); white-space:nowrap;
}
html.m-schicht.m-menue .mn-karte.mn-bald .mn-t{ color:var(--text-muted); }



html.m-schicht.m-menue.mkap-story .mn-karte{
  height:var(--mn-hc, 52px); transition:height .34s var(--ease);
}
html.m-schicht.m-menue.mkap-story .mn-karte.an{ height:var(--mn-ha, 150px); }
html.m-schicht.m-menue.mkap-story .mn-bild{ opacity:0; transition:opacity .34s var(--ease); }
html.m-schicht.m-menue.mkap-story .mn-karte.an .mn-bild{ opacity:1; }
html.m-schicht.m-menue.mkap-story .mn-schleier{
  background:linear-gradient(180deg, rgba(11,11,11,.30) 0%, rgba(11,11,11,.62) 50%, rgba(11,11,11,.90) 100%);
  opacity:0; transition:opacity .34s var(--ease);
}
html.m-schicht.m-menue.mkap-story .mn-karte.an .mn-schleier{ opacity:1; }

html.m-schicht.m-menue.mkap-story .mn-nr{ top:50%; transform:translateY(-50%); transition:top .34s var(--ease), transform .34s var(--ease); }
html.m-schicht.m-menue.mkap-story .mn-txt{
  left:50px; right:18px; top:50%; bottom:auto; transform:translateY(-50%);
}
html.m-schicht.m-menue.mkap-story .mn-t{
  font-size:16.5px; line-height:1.2; color:var(--text);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;   
  transition:font-size .34s var(--ease), color .34s var(--ease);
}
html.m-schicht.m-menue.mkap-story .mn-s{ display:none; }
html.m-schicht.m-menue.mkap-story .mn-pfeil{ opacity:0; transition:opacity .3s var(--ease); }

html.m-schicht.m-menue.mkap-story .mn-karte.an .mn-nr{ top:15px; transform:none; }
html.m-schicht.m-menue.mkap-story .mn-karte.an .mn-txt{ top:auto; bottom:16px; left:18px; right:60px; transform:none; }
html.m-schicht.m-menue.mkap-story .mn-karte.an .mn-t{ font-size:23px; line-height:1.16; color:#F4ECDF; }
html.m-schicht.m-menue.mkap-story .mn-karte.an .mn-s{ display:block; }
html.m-schicht.m-menue.mkap-story .mn-karte.an .mn-pfeil{ opacity:1; }

html.m-schicht.m-menue.mkap-story .mn-knapp .mn-karte.an .mn-nr{ top:10px; }
html.m-schicht.m-menue.mkap-story .mn-knapp .mn-karte.an .mn-txt{ bottom:10px; }
html.m-schicht.m-menue.mkap-story .mn-knapp .mn-karte.an .mn-t{ font-size:19px; line-height:1.2; }
html.m-schicht.m-menue.mkap-story .mn-knapp .mn-karte.an .mn-pfeil{ bottom:10px; }

html.m-schicht.m-menue.mkap-story .mn-ohne-sub .mn-karte.an .mn-nr{ top:50%; transform:translateY(-50%); }
html.m-schicht.m-menue.mkap-story .mn-ohne-sub .mn-karte.an .mn-txt{
  left:50px; right:64px; top:50%; bottom:auto; transform:translateY(-50%);
}
html.m-schicht.m-menue.mkap-story .mn-ohne-sub .mn-karte.an .mn-s{ display:none; }
html.m-schicht.m-menue.mkap-story .mn-ohne-sub .mn-karte.an .mn-pfeil{ bottom:auto; top:50%; transform:translateY(-50%); }




html.m-schicht.m-menue .mn-bild.mock{
  background-size:contain; background-origin:content-box; padding:8px 0; background-position:88% 50%;
}
html.m-schicht.m-menue .mn-bild.mock-hoch,
html.m-schicht.m-menue .mf-bild.mock-hoch{ background-size:auto 92%; background-position:94% 50%; }
html.m-schicht.m-menue .mn-bild.mock-klein,
html.m-schicht.m-menue .mf-bild.mock-klein{ background-size:auto 70%; background-position:90% 40%; }
html.m-schicht.m-menue .mn-bild.phone-anschnitt,
html.m-schicht.m-menue .mf-bild.phone-anschnitt{ background-size:auto 150%; background-position:92% 0; }
html.m-schicht.m-menue .mn-bild.anschnitt,
html.m-schicht.m-menue .mf-bild.anschnitt{ background-size:auto 112%; background-position:80% 0; }

html.m-schicht.m-menue .mn-bild.stufen,
html.m-schicht.m-menue .mf-bild.stufen,
html.m-schicht.m-menue .mn-bild.logo,
html.m-schicht.m-menue .mf-bild.logo{
  background-size:contain; background-origin:content-box; padding:12px 18px; background-position:50% 38%;
}
html.m-schicht.m-menue .mn-bild.marke,
html.m-schicht.m-menue .mf-bild.marke{ background-size:auto 52%; background-position:82% 46%; background-color:var(--bg-soft, #16150F); }

html.m-schicht.m-menue .mf-bild.mock,
html.m-schicht.m-menue .mf-bild.mock-hoch,
html.m-schicht.m-menue .mf-bild.mock-klein,
html.m-schicht.m-menue .mf-bild.marke{ background-position:50% 36%; background-size:auto 58%; }

@media print{
  html.m-schicht.m-menue .mnav{ display:none !important; }
}





html.m-schicht.m-leiste .tb-kopf .tb-menu{ display:none; }
html.m-schicht.m-leiste .tb-kopf.offen .tb-cta{ display:none; }



html.m-schicht.m-leiste .hero.m-hero-voll{
  min-height:calc(100svh - var(--mfuss-ges));
}



html.m-schicht.m-leiste.vov-offen .mfuss{ visibility:hidden; }





html.m-schicht.m-leiste body.fokus .schleier{ opacity:0; visibility:hidden; }
html.m-schicht.m-leiste .schleier ~ * .karte:hover,
html.m-schicht.m-leiste .schleier ~ * .karte:focus-visible,
html.m-schicht.m-leiste .schleier ~ * .karte.on{ z-index:2; }