@font-face{font-family:"DM Sans";src:url("../assets/fonts/dm-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../assets/fonts/dm-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../assets/fonts/dm-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
/* Unveränderte Basiswerte aus design/tokens.css, freigegebene Corporate-Design-Anpassungen folgen unten. */
/* Design-Tokens Sinnstiftendes Unternehmertum
   Farben ausgelesen von der Event-Seite (09.10.2026), Formensprache siehe briefing/04-design-system.md */


:root{
  /* Marke */
  --su-tiefgruen:#00272A;
  --su-petrol:#174346;
  --su-creme:#F7F5E9;
  --su-creme-gedeckt:#EFECDD;
  --su-weiss:#FFFFFF;
  --su-salbei:#ABC8AA;
  --su-orange:#D43500;
  --su-orange-hell:#FF4100;

  /* Text und Linien */
  --su-text:#00272A;
  --su-text-gedeckt:#3E5557;
  --su-text-auf-dunkel:#F7F5E9;
  --su-text-auf-dunkel-gedeckt:rgba(247,245,233,.78);
  --su-linie:rgba(0,39,42,.14);
  --su-linie-auf-dunkel:rgba(171,200,170,.28);

  /* Flächen */
  --su-flaeche-standard:var(--su-creme);
  --su-flaeche-weiss:var(--su-weiss);
  --su-flaeche-gedeckt:var(--su-creme-gedeckt);
  --su-flaeche-dunkel:var(--su-tiefgruen);
  --su-hero-overlay:linear-gradient(90deg,rgba(0,39,42,.88),rgba(23,67,70,.45));

  /* Schrift */
  --su-font:"DM Sans","Helvetica Neue",Arial,sans-serif;
  --su-fs-body:17px;
  --su-lh-body:1.6;
  --su-fs-h1:clamp(2.6rem,5.2vw,4rem);
  --su-fs-h2:clamp(2rem,3.8vw,3rem);
  --su-fs-h3:clamp(1.4rem,2.2vw,1.8rem);
  --su-fs-h4:clamp(1.1rem,1.6vw,1.3rem);
  --su-fs-lead:clamp(1.07rem,1.4vw,1.25rem);
  --su-fs-eyebrow:13px;
  --su-ls-eyebrow:.12em;
  --su-ls-heading:-.03em;

  /* Raster */
  --su-container:1240px;
  --su-content:1080px;
  --su-reading:760px;
  --su-gutter:32px;
  --su-section:clamp(72px,9vw,136px);
  --su-section-compact:clamp(48px,6vw,88px);
  --su-header-h:80px;

  /* Form */
  --su-radius-button:4px;
  --su-radius-card:6px;
  --su-radius-media:6px;
  --su-button-h:52px;

  /* Bewegung */
  --su-motion:200ms ease;
  --su-reveal:300ms ease;
}

@media (max-width:900px){:root{--su-gutter:24px;--su-header-h:72px}}
@media (max-width:680px){:root{--su-gutter:20px;--su-fs-body:16px}}

:root{--su-header-surface:var(--su-tiefgruen);--su-focus:var(--su-orange);--su-fs-h1:clamp(2.25rem,4.1vw,3.4rem);--su-fs-h2:clamp(1.9rem,3vw,2.65rem);--su-ls-heading:-.02em;--su-radius-card:10px;--su-header-h:92px;--su-flow-line:color-mix(in srgb,var(--su-salbei) 46%,var(--su-creme));--su-card-hover:color-mix(in srgb,var(--su-salbei) 12%,var(--su-weiss));--su-nav-active:color-mix(in srgb,var(--su-creme) 8%,var(--su-tiefgruen));--su-salbei-dunkel:var(--su-petrol);--su-go-size:78px}
@media(max-width:1100px){:root{--su-header-h:80px;--su-go-size:68px}}

/* Übernommene Layoutwerte des Drafts, alle Farben über Tokens. */
[data-layout="layout-1"]{font-size:clamp(1.8rem,3.6vw,3rem)}
[data-layout="layout-2"]{margin-top:48px}
[data-layout="layout-3"]{font-size:clamp(2rem,4vw,4rem);margin-top:48px}
[data-layout="layout-4"]{margin-top:28px}
[data-layout="layout-5"]{margin-bottom:20px}
[data-layout="layout-6"]{margin:48px 0 20px}
[data-layout="layout-7"]{margin-top:42px}
[data-layout="layout-8"]{margin-top:32px}
[data-layout="layout-9"]{margin-top:6px}
[data-layout="layout-10"]{margin-top:52px;align-items:end}
[data-layout="layout-11"]{color:var(--su-salbei)}
[data-layout="layout-12"]{margin-top:52px}
[data-layout="layout-13"]{color:var(--su-text-auf-dunkel);margin-bottom:18px}
[data-layout="layout-14"]{font-size:clamp(1.2rem,2vw,1.6rem);margin-top:34px;color:var(--su-text-auf-dunkel)}
[data-layout="layout-15"]{font-size:clamp(2.1rem,4vw,3.8rem);margin-top:52px}
[data-layout="layout-16"]{margin-top:36px}
[data-layout="layout-17"]{margin-top:40px}
[data-layout="layout-18"]{margin-top:30px}
[data-layout="layout-19"]{margin-top:26px}
[data-layout="layout-20"]{margin-top:34px}
[data-layout="layout-21"]{margin-top:8px}
[data-layout="layout-22"]{margin-top:44px;color:var(--su-text-auf-dunkel)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--su-header-h) + 24px)}
body{margin:0;background:var(--su-flaeche-standard);color:var(--su-text);font-family:var(--su-font);font-size:var(--su-fs-body);line-height:var(--su-lh-body)}
body.scroll-locked{overflow:hidden}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button,a,input{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--su-focus);outline-offset:5px}
h1,h2,h3,h4,p{margin:0 0 20px}
h1,h2,h3,h4{font-weight:500;letter-spacing:var(--su-ls-heading);text-wrap:balance}
h1{font-size:var(--su-fs-h1);line-height:1.05}
h2{font-size:var(--su-fs-h2);line-height:1.1}
h3{font-size:var(--su-fs-h3);line-height:1.2}
h4{font-size:var(--su-fs-h4);line-height:1.3}
p:last-child{margin-bottom:0}
strong{font-weight:600}
.container,.content{width:calc(100% - var(--su-gutter)*2);margin-inline:auto;max-width:var(--su-container)}
.content{max-width:var(--su-content)}
.skip-link{position:fixed;z-index:200;top:12px;left:20px;transform:translateY(-160%);background:var(--su-creme);padding:12px 18px;border:1px solid var(--su-tiefgruen)}
.skip-link:focus{transform:translateY(0)}
.header{position:sticky;top:0;z-index:50;min-height:var(--su-header-h);background:var(--su-header-surface);backdrop-filter:blur(14px);border-bottom:1px solid var(--su-linie)}
.header-inner{display:flex;align-items:center;gap:24px;min-height:var(--su-header-h)}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--su-salbei);color:var(--su-tiefgruen);font-size:21px;font-weight:600;letter-spacing:-.06em;border-radius:var(--su-radius-card)}
.brand-copy{font-size:12px;font-weight:600;line-height:1.3;letter-spacing:0}
.nav{display:flex;justify-content:flex-end;align-items:center;gap:16px;flex:1}
.nav a{font-size:12px;font-weight:500;line-height:1.25;max-width:106px}
.nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:4px}
.header-cta{flex-shrink:0;font-size:12px!important;padding-inline:16px!important}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:var(--su-button-h);padding:12px 24px;border:1px solid var(--su-tiefgruen);border-radius:var(--su-radius-button);font-size:15px;font-weight:600;line-height:1.4;text-align:center;transition:background var(--su-motion),color var(--su-motion)}
.btn.primary{background:var(--su-orange);color:var(--su-weiss);border-color:var(--su-orange)}
.btn.primary:hover{background:var(--su-orange-hell);color:var(--su-tiefgruen);border-color:var(--su-orange-hell)}
.btn.dark{background:var(--su-tiefgruen);color:var(--su-creme)}
.btn.light,.btn.secondary{background:transparent;color:inherit;border-color:var(--su-linie)}
.btn.light:hover,.btn.secondary:hover{background:var(--su-creme-gedeckt)}
.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--su-linie);border-radius:var(--su-radius-button)}
.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{display:block;height:2px;background:var(--su-tiefgruen);position:relative}
.menu-toggle span::before,.menu-toggle span::after{content:"";position:absolute;left:0;width:100%}
.menu-toggle span::before{top:-7px}.menu-toggle span::after{top:7px}
.menu-toggle[aria-expanded="true"] span{background:transparent}
.menu-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
.mobile-panel{position:fixed;inset:var(--su-header-h) 0 0;z-index:60;background:var(--su-creme);padding:32px var(--su-gutter);overflow-y:auto;display:flex;flex-direction:column;gap:0}
.mobile-panel a{padding:16px 0;border-bottom:1px solid var(--su-linie);font-size:20px}
.mobile-panel .btn{margin-top:24px;padding:16px}
.hero{position:relative;isolation:isolate;min-height:calc(88svh - var(--su-header-h));display:flex;align-items:flex-end;background:var(--su-petrol);color:var(--su-text-auf-dunkel);--su-focus:var(--su-salbei)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--su-hero-overlay)}
.hero-media-placeholder{position:absolute;inset:24px;z-index:-2;border:1px dashed var(--su-linie-auf-dunkel);border-radius:var(--su-radius-media)}
.hero-inner{padding-top:100px;padding-bottom:80px}
.hero h1{max-width:980px;margin-bottom:28px}
.hero .lead{max-width:700px;margin-bottom:32px;color:var(--su-text-auf-dunkel-gedeckt)}
.eyebrow{font-size:var(--su-fs-eyebrow);font-weight:600;letter-spacing:var(--su-ls-eyebrow);text-transform:uppercase;color:var(--su-text-gedeckt);margin-bottom:20px}
.hero .eyebrow,.dark .eyebrow{color:var(--su-salbei)}
.lead{font-size:var(--su-fs-lead);color:var(--su-text-gedeckt);max-width:70ch}
.section{padding-block:var(--su-section)}
.section.white{background:var(--su-flaeche-weiss)}
.section.soft{background:var(--su-flaeche-gedeckt)}
.section.dark,.footer{background:var(--su-flaeche-dunkel);color:var(--su-text-auf-dunkel);--su-focus:var(--su-salbei)}
.section.dark .lead{color:var(--su-text-auf-dunkel-gedeckt)}
.section-head{margin-bottom:48px;max-width:var(--su-reading)}
.section-head h2{margin-bottom:24px}
.anchor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--su-linie);border-bottom:1px solid var(--su-linie)}
.anchor{padding:28px 24px;border-right:1px solid var(--su-linie);font-weight:500}
.anchor:first-child{padding-left:0}.anchor:last-child{border-right:0}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.split>*{min-width:0}
.grid{display:grid;gap:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--su-weiss);border:1px solid var(--su-linie);border-radius:var(--su-radius-card);padding:28px;min-width:0}
.card p{color:var(--su-text-gedeckt)}
.divider{height:1px;background:var(--su-linie);margin:24px 0}
.steps{display:flex;margin-top:40px;gap:0}
.step{flex:1;position:relative;border-top:1px solid var(--su-linie);padding:20px 12px 0 0;min-width:0;font-size:14px}
.step::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--su-tiefgruen);border-radius:50%}
.value-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.value-item{padding:24px 20px;border-top:1px solid var(--su-linie-auf-dunkel);border-right:1px solid var(--su-linie-auf-dunkel);min-width:0}
.value-item:first-child{padding-left:0}.value-item:last-child{border-right:0}
.value-item h3{font-size:var(--su-fs-h4);color:var(--su-salbei)}
.value-item p{font-size:15px;color:var(--su-text-auf-dunkel-gedeckt)}
.statement{font-size:clamp(3.4rem,7vw,6rem);font-weight:500;letter-spacing:var(--su-ls-heading);line-height:1.05;font-variant-numeric:tabular-nums}
.media-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;border:1px dashed var(--su-text-gedeckt);border-radius:var(--su-radius-media);padding:24px;background:var(--su-creme-gedeckt);color:var(--su-text-gedeckt);text-align:center;min-width:0}
.media-label{font-size:13px;max-width:36ch}
.media-placeholder.portrait{aspect-ratio:4/5;padding:16px}
[data-section="7"]>.content>.media-placeholder{aspect-ratio:16/9}
[data-section="9"] .grid.two>div:first-child .media-placeholder{aspect-ratio:16/9}
.people-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.person{min-width:0}.person h4{margin:20px 0 8px}.person p{font-size:14px;color:var(--su-text-gedeckt)}
.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.logo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:132px;padding:20px;border:1px dashed var(--su-text-gedeckt);border-radius:var(--su-radius-media)}
.meta{font-size:13px;color:var(--su-text-gedeckt)}
.actions{margin-top:36px}
.proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--su-linie)}
.proof{padding:30px 24px;border-right:1px solid var(--su-linie)}
.proof:first-child{padding-left:0}.proof:last-child{border-right:0}
.proof strong{display:block;font-size:clamp(3.4rem,6vw,5rem);font-weight:500;letter-spacing:var(--su-ls-heading);line-height:1.1;font-variant-numeric:tabular-nums;margin-bottom:12px}
.proof span{display:block;color:var(--su-text-gedeckt);font-size:15px}
.note-box{padding:24px 28px;border-left:3px solid var(--su-salbei);background:var(--su-creme-gedeckt)}
.milestone{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;border-top:1px solid var(--su-linie-auf-dunkel);padding:24px 0}
.milestone-year{color:var(--su-salbei);font-size:14px;font-weight:600;letter-spacing:.04em}
.access-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.access-card{border-top:1px solid var(--su-linie);padding-top:24px;display:flex;flex-direction:column;min-width:0}
.index{font-size:13px;color:var(--su-text-gedeckt);margin-bottom:24px}
.access-card p{color:var(--su-text-gedeckt)}
.access-card .text-link{margin-top:auto;padding-top:12px;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.footer{padding:72px 0 96px}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:32px}
.footer h2{font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0;margin-bottom:22px}
.footer a:not(.brand),.footer-consent{display:block;margin-bottom:12px;font-size:13px;line-height:1.5;color:var(--su-text-auf-dunkel-gedeckt)}
.footer-consent{border:0;padding:0;background:transparent;text-align:left}
.footer-consent:hover{text-decoration:underline;text-underline-offset:4px}
.footer-tagline{font-size:14px;color:var(--su-text-auf-dunkel-gedeckt);margin-top:24px}
.footer-bottom{border-top:1px solid var(--su-linie-auf-dunkel);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:12px}
.footer-bottom p{margin:0}.legal-placeholder{border:1px dashed var(--su-linie-auf-dunkel);padding:4px 8px}
.go-oliver{position:fixed;right:24px;bottom:24px;z-index:70;min-height:52px;padding:12px 22px;border:1px solid var(--su-linie-auf-dunkel);border-radius:var(--su-radius-button);background:var(--su-tiefgruen);color:var(--su-creme);font-size:15px;font-weight:600}
.go-panel{position:fixed;right:24px;bottom:90px;z-index:70;max-height:calc(100svh - 110px);overflow-y:auto;width:min(390px,calc(100% - 40px));padding:28px;background:var(--su-creme);border:1px solid var(--su-linie);border-radius:var(--su-radius-card)}
.go-panel h2{font-size:var(--su-fs-h3);margin-right:24px}
.go-panel p{font-size:14px}.panel-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:var(--su-text);font-size:28px;min-width:36px;min-height:36px}
.quick{display:grid;gap:8px;margin-top:24px;font-size:14px}.quick a{text-decoration:underline;text-underline-offset:4px}
.cookie{position:fixed;inset:auto 20px 20px auto;margin:0;width:min(560px,calc(100% - 40px));max-height:calc(100svh - 40px);padding:28px;border:1px solid var(--su-linie);border-radius:var(--su-radius-card);background:var(--su-creme);color:var(--su-text);font-family:var(--su-font)}
.cookie::backdrop{background:var(--su-linie)}
.cookie h2{font-size:var(--su-fs-h3)}.cookie p{font-size:14px}
.consent-options{display:grid;gap:12px;margin-block:24px}.consent-options label{display:flex;align-items:center;gap:12px;font-size:15px}.consent-options input{width:20px;height:20px;accent-color:var(--su-tiefgruen)}
.consent-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.consent-actions .btn:last-child{grid-column:1/-1}.consent-actions .btn{padding-inline:14px}
.consent-storage{margin-top:20px}.no-script{padding:24px;background:var(--su-creme-gedeckt)}
[aria-disabled="true"]{cursor:not-allowed}
.reveal-ready{opacity:0;transform:translateY(8px);transition:opacity var(--su-reveal),transform var(--su-reveal)}
.reveal-visible{opacity:1;transform:none}
@media(min-width:1400px){.nav a{max-width:none}}
@media(max-width:1180px){.header-inner{gap:14px}.nav{gap:10px}.nav a{font-size:11px}.brand-copy{font-size:11px}.brand-mark{width:38px;height:38px}.header-cta{padding-inline:12px!important}.split{gap:36px}.value-item{padding-inline:14px}.footer-grid{grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:20px}}
@media(max-width:899px){.nav,.header-cta{display:none}.menu-toggle{display:block}.split{grid-template-columns:1fr;gap:32px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.value-list{grid-template-columns:1fr}.value-item,.value-item:first-child{padding:24px 0;border-right:0}.value-item h3{font-size:var(--su-fs-h3)}.access-list{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.footer-grid>div:first-child{grid-column:1/-1;max-width:var(--su-reading)}.hero-inner{padding-bottom:64px}.steps{flex-wrap:wrap}.step{min-width:30%}}
@media(max-width:680px){.hero{min-height:calc(88svh - var(--su-header-h))}.hero-inner{padding-top:72px;padding-bottom:52px}.hero-media-placeholder{inset:16px}.hero h1{font-size:var(--su-fs-h1)}.section-head{margin-bottom:36px}.anchor-grid,.grid.two,.grid.three,.grid.four,.access-list,.proof-strip{grid-template-columns:1fr}.anchor,.anchor:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--su-linie)}.anchor:last-child{border-bottom:0}.steps{display:grid}.step{border-top:0;border-left:1px solid var(--su-linie);padding:0 0 24px 24px;min-height:52px}.step::before{left:-4px;top:6px}.step:last-child{padding-bottom:0}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.logo-placeholder{padding:14px;font-size:14px;overflow-wrap:anywhere}.proof,.proof:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--su-linie)}.proof:last-child{border-bottom:0}.milestone{grid-template-columns:1fr;gap:8px}.card{padding:24px}.footer-bottom{flex-direction:column}.footer-grid{gap:32px 20px}.btn{width:100%}.go-oliver{right:16px;bottom:16px}.go-panel{right:16px;bottom:80px;width:calc(100% - 32px)}.cookie{inset:auto 16px 16px;width:calc(100% - 32px);padding:24px}.footer{padding-bottom:96px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal-ready{opacity:1;transform:none}}


/* Gemeinsame Corporate-Design-Verfeinerung nach der Nutzerfreigabe vom 10.10.2026. */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4{font-weight:600}
img{max-width:100%;display:block}
.reference-picture{display:block;min-width:0;overflow:hidden;border-radius:var(--su-radius-media)}
.reference-picture img{width:100%;height:auto}
.event-photo{aspect-ratio:16/10}.event-photo img{width:100%;height:100%;object-fit:cover}
.header{background:var(--su-header-surface);color:var(--su-creme);border-bottom:1px solid var(--su-linie-auf-dunkel);--su-focus:var(--su-salbei)}
.header-inner{gap:28px}
.header .brand{width:190px;margin-right:auto}
.brand-logo{display:block;width:190px;height:auto}
.header .nav{gap:8px;justify-content:flex-end}
.header .nav a{padding:12px 10px;font-size:14px;line-height:1.35;font-weight:500;max-width:155px;border-radius:var(--su-radius-button);transition:background var(--su-motion)}
.header .nav a:hover,.header .nav a[aria-current="page"]{background:var(--su-nav-active);text-decoration:none}
.header .nav a:first-child,.header .nav a:last-child{white-space:nowrap;max-width:none;flex-shrink:0}
.header-cta{background:var(--su-creme)!important;color:var(--su-tiefgruen)!important;border-color:var(--su-creme)!important;font-size:14px!important;padding-inline:18px!important}
.header-cta:hover{background:var(--su-salbei)!important}
.header .menu-toggle{border-color:var(--su-linie-auf-dunkel);flex-shrink:0}
.header .menu-toggle span,.header .menu-toggle span::before,.header .menu-toggle span::after{background:var(--su-creme)}
.header .menu-toggle[aria-expanded="true"] span{background:transparent}
.hero,.page-hero{position:relative;isolation:isolate;background:var(--su-petrol);color:var(--su-creme);--su-focus:var(--su-salbei)}
.hero{min-height:calc(84svh - var(--su-header-h))}
.hero .hero-picture,.page-hero .hero-picture{position:absolute;inset:0;z-index:-2;border-radius:0}
.hero .hero-picture img,.page-hero .hero-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.hero::before,.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--su-hero-overlay)}
.hero-inner{padding-top:180px;padding-bottom:64px}
.hero .lead,.page-hero .lead{color:var(--su-text-auf-dunkel-gedeckt)}
.hero h1{max-width:880px}
.page-hero{padding:140px 0 72px;min-height:520px;display:flex;align-items:flex-end}
.page-hero h1{max-width:960px}
.page-hero .eyebrow{color:var(--su-salbei)}
.breadcrumb{font-size:13px;margin-bottom:30px;color:var(--su-text-auf-dunkel-gedeckt)}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.section.compact{padding-block:var(--su-section-compact)}
.section.compact .section-head{margin:0}
.card{transition:border-color var(--su-motion),background var(--su-motion),transform var(--su-motion);border-radius:var(--su-radius-card)}
.format-tile{display:flex;flex-direction:column;padding:30px;border:1px solid var(--su-linie);text-decoration:none}
.format-tile h3{font-size:var(--su-fs-h3)}
.format-tile:hover,.format-tile:focus-visible,.format-card:hover,.format-card:focus-within{border-color:var(--su-salbei);background:var(--su-card-hover);box-shadow:inset 0 0 0 1px var(--su-salbei);transform:translateY(-4px);text-decoration:none}
.format-tile p{margin-bottom:0}
.format-card{display:flex;flex-direction:column;scroll-margin-top:calc(var(--su-header-h) + 28px)}
.format-card .card-actions{margin-top:auto;padding-top:16px}
.format-card .text-link{font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.meta-line{font-size:13px;color:var(--su-text-gedeckt);line-height:1.5;margin-bottom:20px}
.format-photo{aspect-ratio:3/2;margin-bottom:24px}.format-photo img{width:100%;height:100%;object-fit:cover}
.dark .card{background:var(--su-petrol);border-color:var(--su-linie-auf-dunkel)}
.dark .card p{color:var(--su-text-auf-dunkel-gedeckt)}
.dark .btn.light{border-color:var(--su-linie-auf-dunkel)}
.btn[disabled]{cursor:not-allowed;opacity:.68}
.steps.flow{--flow-progress:0;display:grid;grid-template-columns:repeat(var(--flow-count,3),minmax(0,1fr));gap:0;position:relative;padding:0;margin-top:36px}
.steps.flow::before,.steps.flow::after{content:"";position:absolute;left:calc(50% / var(--flow-count,3));right:calc(50% / var(--flow-count,3));top:25px;height:2px;background:var(--su-flow-line)}
.steps.flow::after{background:var(--su-petrol);transform:scaleX(var(--flow-progress));transform-origin:left center;will-change:transform}
.flow .step{border:0;padding:70px 10px 0;text-align:center;font-size:14px;position:relative;z-index:1;min-width:0;line-height:1.4}
.flow .step::before,.flow .step::after{content:none}
.flow-symbol{position:absolute;top:0;left:50%;transform:translateX(-50%);width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--su-flow-line);background:var(--su-creme);color:var(--su-text-gedeckt);transition:background var(--su-motion),border-color var(--su-motion),color var(--su-motion)}
.white .flow-symbol{background:var(--su-weiss)}
.flow-symbol svg{width:26px;height:26px}
.step.is-reached .flow-symbol{background:var(--su-salbei);border-color:var(--su-petrol);color:var(--su-petrol)}
.step.is-reached strong{color:var(--su-petrol)}
.footer .brand-logo{width:215px;height:auto}
.footer .brand{color:var(--su-creme)}
.go-oliver{width:var(--su-go-size);height:var(--su-go-size);min-height:var(--su-go-size);border-radius:50%;border:2px solid var(--su-salbei);padding:0;display:grid;place-items:center;background:var(--su-tiefgruen);color:var(--su-creme);font-size:13px;box-shadow:0 6px 24px var(--su-linie);transition:background var(--su-motion),transform var(--su-motion)}
.go-oliver:hover,.go-oliver[aria-expanded="true"]{background:var(--su-petrol);transform:translateY(-2px)}
.go-panel{bottom:calc(var(--su-go-size) + 42px)}
.accordion{border-top:1px solid var(--su-linie)}
.acc-item{border-bottom:1px solid var(--su-linie)}
.acc-button{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;font-weight:600;cursor:pointer;list-style:none}
.acc-button::-webkit-details-marker{display:none}
.acc-symbol{font-size:26px;line-height:1;color:var(--su-petrol)}
.acc-item[open] .acc-symbol{transform:rotate(45deg)}
.acc-panel{padding:0 40px 28px 0;max-width:var(--su-reading)}
.form{max-width:var(--su-reading);scroll-margin-top:calc(var(--su-header-h) + 24px)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.field{display:flex;flex-direction:column;gap:10px;min-width:0;margin-bottom:24px}
.field label{font-size:15px;font-weight:500}
.field input,.field textarea,.field select{width:100%;max-width:100%;min-height:52px;padding:12px 14px;font:inherit;border:1px solid var(--su-linie);border-radius:var(--su-radius-button);color:var(--su-text);background:var(--su-creme)}
.field textarea{min-height:160px;resize:vertical}
.field [aria-invalid="true"]{border-color:var(--su-orange)}
.error{font-size:13px;color:var(--su-orange)}
.privacy-consent{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;font-size:14px}
.privacy-consent input{width:20px;height:20px;flex-shrink:0;accent-color:var(--su-petrol)}
.privacy-consent a{text-decoration:underline;text-underline-offset:3px}
.form-note{font-size:13px;color:var(--su-text-gedeckt);padding:16px;border-left:2px solid var(--su-salbei);background:var(--su-creme-gedeckt)}
.form-status{margin-top:24px;font-size:14px;min-height:1em}
.card-number{display:block;margin-bottom:16px;font-size:13px;color:var(--su-text-gedeckt)}
.actions{display:flex;gap:16px;flex-wrap:wrap}
.page-netzwerk .media-placeholder{aspect-ratio:4/5;max-width:340px;margin-inline:auto}
@media(max-width:1250px){.header-inner{gap:20px}.header .brand,.brand-logo{width:170px}.header .nav a{font-size:13px;padding-inline:8px}.header-cta{font-size:13px!important;padding-inline:14px!important}}
@media(max-width:1100px){.header .nav,.header .header-cta{display:none}.header .menu-toggle{display:block}.header .brand,.brand-logo{width:190px}.mobile-panel{inset:var(--su-header-h) 0 0;background:var(--su-tiefgruen);color:var(--su-creme);--su-focus:var(--su-salbei)}.mobile-panel a{border-color:var(--su-linie-auf-dunkel);font-size:20px}.mobile-panel a[aria-current="page"]{color:var(--su-salbei)}.mobile-panel .btn{background:var(--su-creme);color:var(--su-tiefgruen)}.page-hero{min-height:460px;padding-top:100px}}
@media(max-width:680px){.header .brand,.brand-logo{width:180px}.hero{display:block;min-height:0}.hero .hero-picture{position:relative;inset:auto;z-index:0;aspect-ratio:16/10}.hero .hero-picture img{object-position:50% 50%}.hero::before{display:none}.hero-inner{padding-top:36px;padding-bottom:48px}.hero h1{font-size:var(--su-fs-h1);line-height:1.1}.page-hero{min-height:490px;padding-block:100px 44px}.page-hero .hero-picture img{object-position:64% center}.page-hero h1{font-size:var(--su-fs-h1);line-height:1.1}.breadcrumb{margin-bottom:24px}.steps.flow{grid-template-columns:1fr;gap:0;max-width:100%}.steps.flow::before,.steps.flow::after{left:25px;right:auto;top:26px;bottom:40px;width:2px;height:auto}.steps.flow::after{transform:scaleY(var(--flow-progress));transform-origin:center top}.flow .step{padding:16px 0 32px 76px;min-height:88px;text-align:left;font-size:16px}.flow .step:last-child{padding-bottom:16px}.flow-symbol{left:0;transform:none}.form-grid{grid-template-columns:1fr;gap:0}.actions{flex-direction:column}.go-panel{bottom:calc(var(--su-go-size) + 30px)}.format-tile{padding:26px}.acc-panel{padding-right:0}.acc-button{font-size:16px}.footer .brand-logo{width:205px}}
@media(prefers-reduced-motion:reduce){.steps.flow::after{transform:scaleX(1)}.step .flow-symbol{background:var(--su-salbei);border-color:var(--su-petrol);color:var(--su-petrol)}.format-tile:hover,.format-tile:focus-visible,.format-card:hover,.format-card:focus-within,.go-oliver:hover{transform:none}}
@media(prefers-reduced-motion:reduce) and (max-width:680px){.steps.flow::after{transform:scaleY(1)}}

/* Entwurf 2: stärkere Nähe zur überwiegend dunklen Executive-Circle-Gestaltung.
   Die Original-Texte, Medien, Sektionen und Interaktionen werden unverändert verwendet. */
.entwurf-dunkel{
  --su-text:var(--su-text-auf-dunkel);
  --su-text-gedeckt:var(--su-text-auf-dunkel-gedeckt);
  --su-linie:var(--su-linie-auf-dunkel);
  --su-flaeche-standard:var(--su-tiefgruen);
  --su-flaeche-weiss:var(--su-tiefgruen);
  --su-flaeche-gedeckt:var(--su-petrol);
  --su-focus:var(--su-salbei);
  --su-flow-line:var(--su-linie-auf-dunkel);
  --su-card-hover:color-mix(in srgb,var(--su-salbei) 12%,var(--su-tiefgruen));
  --su-fs-h1:clamp(2.15rem,3.5vw,3rem);
  --su-fs-h2:clamp(1.8rem,3vw,2.6rem);
  --su-fs-card-title:clamp(1.2rem,1.6vw,1.5rem);
  --su-ls-heading:0;
  --su-hero-overlay:linear-gradient(90deg,color-mix(in srgb,var(--su-tiefgruen) 93%,transparent),color-mix(in srgb,var(--su-tiefgruen) 38%,transparent));
  background:var(--su-tiefgruen);
  color:var(--su-creme);
}
.entwurf-dunkel h1{line-height:1.15}
.entwurf-dunkel h2{line-height:1.185}
.entwurf-dunkel .hero h1{max-width:820px}
.entwurf-dunkel .section{border-top:1px solid var(--su-linie-auf-dunkel)}
.entwurf-dunkel [data-section="3"],
.entwurf-dunkel [data-section="4"],
.entwurf-dunkel [data-section="7"],
.entwurf-dunkel [data-section="9"]{background:var(--su-petrol)}
.entwurf-dunkel [data-section="2"] .section-head h2::after{
  content:"";display:block;width:100%;height:2px;margin-top:28px;background:var(--su-linie-auf-dunkel);
}
.entwurf-dunkel .eyebrow,
.entwurf-dunkel .index,
.entwurf-dunkel .proof strong{color:var(--su-salbei)}
.entwurf-dunkel .anchor-grid,
.entwurf-dunkel .anchor,
.entwurf-dunkel .proof-strip,
.entwurf-dunkel .proof,
.entwurf-dunkel .divider{border-color:var(--su-linie-auf-dunkel)}
.entwurf-dunkel .card{
  background:var(--su-petrol);color:var(--su-creme);border-color:var(--su-linie-auf-dunkel);
}
.entwurf-dunkel .card p{color:var(--su-text-auf-dunkel-gedeckt)}
.entwurf-dunkel .divider{background:var(--su-linie-auf-dunkel)}
.entwurf-dunkel .format-tile{
  background:var(--su-tiefgruen);border-color:var(--su-linie-auf-dunkel);
}
.entwurf-dunkel .format-tile h3,
.entwurf-dunkel .access-card h3{font-size:var(--su-fs-card-title);line-height:1.25}
.entwurf-dunkel .format-tile:hover,
.entwurf-dunkel .format-tile:focus-visible{
  background:var(--su-card-hover);border-color:var(--su-salbei);box-shadow:inset 0 0 0 1px var(--su-salbei);
}
.entwurf-dunkel .media-placeholder,
.entwurf-dunkel .logo-placeholder{
  background:var(--su-petrol);color:var(--su-text-auf-dunkel-gedeckt);border-color:var(--su-salbei);
}
.entwurf-dunkel .media-label,
.entwurf-dunkel .meta,
.entwurf-dunkel .person p{color:var(--su-text-auf-dunkel-gedeckt)}
.entwurf-dunkel .note-box{
  background:var(--su-tiefgruen);border-left-color:var(--su-salbei);color:var(--su-creme);
}
.entwurf-dunkel .note-box p{color:var(--su-text-auf-dunkel-gedeckt)}
.entwurf-dunkel .access-card{
  padding:26px 22px;background:var(--su-petrol);border:1px solid var(--su-linie-auf-dunkel);border-radius:var(--su-radius-card);
}
.entwurf-dunkel .access-card p{color:var(--su-text-auf-dunkel-gedeckt)}
.entwurf-dunkel .access-card .text-link{color:var(--su-creme)}
.entwurf-dunkel .btn.dark,
.entwurf-dunkel .btn.light{
  background:transparent;color:var(--su-creme);border-color:var(--su-salbei);
}
.entwurf-dunkel .btn.dark:hover,
.entwurf-dunkel .btn.light:hover{
  background:var(--su-salbei);color:var(--su-tiefgruen);
}
.entwurf-dunkel .steps.flow::after{background:var(--su-salbei)}
.entwurf-dunkel .flow-symbol{
  background:var(--su-petrol);color:var(--su-salbei);border-color:var(--su-linie-auf-dunkel);
}
.entwurf-dunkel .step.is-reached .flow-symbol{
  background:var(--su-salbei);color:var(--su-tiefgruen);border-color:var(--su-salbei);
}
.entwurf-dunkel .step.is-reached strong{color:var(--su-salbei)}
.entwurf-dunkel .footer{border-top:1px solid var(--su-linie-auf-dunkel)}
.entwurf-dunkel .skip-link{color:var(--su-tiefgruen)}
/* Helle Bedienelemente behalten ihr eigenes kontrastreiches Farbschema. */
.entwurf-dunkel .cookie,
.entwurf-dunkel .go-panel{
  --su-text:var(--su-tiefgruen);
  --su-text-gedeckt:var(--su-petrol);
  --su-linie:color-mix(in srgb,var(--su-tiefgruen) 20%,transparent);
  --su-focus:var(--su-orange);
  color:var(--su-tiefgruen);
}
.entwurf-dunkel .no-script{background:var(--su-petrol);color:var(--su-creme)}
@media(max-width:680px){
  .entwurf-dunkel .hero h1{line-height:1.15}
  .entwurf-dunkel .access-card{padding:24px}
}
@media(prefers-reduced-motion:reduce){
  .entwurf-dunkel .flow-symbol{background:var(--su-salbei);border-color:var(--su-salbei);color:var(--su-tiefgruen)}
}

/* Freigegebene Richtung vom 12.10.2026: durchgehendes Grün, ruhige Bewegung. */
.entwurf-dunkel{
  --su-surface:var(--su-tiefgruen);--su-panel:var(--su-petrol);--su-ink:var(--su-creme);
  --su-muted:var(--su-text-auf-dunkel-gedeckt);--su-divider:var(--su-linie-auf-dunkel);
  --su-accent:var(--su-salbei);--su-text:var(--su-ink);--su-text-gedeckt:var(--su-muted);
  --su-linie:var(--su-divider);--su-fs-h1:clamp(2.2rem,4.3vw,3.8rem);
  --su-fs-h2:clamp(1.85rem,3vw,2.7rem);--su-reveal:680ms cubic-bezier(.2,.65,.25,1);
  --su-card-hover:color-mix(in srgb,var(--su-petrol) 40%,var(--su-tiefgruen));
}
.entwurf-dunkel,.entwurf-dunkel .section,.entwurf-dunkel .section.white,
.entwurf-dunkel .section.soft,.entwurf-dunkel .section.dark,.entwurf-dunkel .footer{
  background:var(--su-surface);color:var(--su-ink);--su-focus:var(--su-accent);
}
.entwurf-dunkel .section{border-color:var(--su-divider)}
.entwurf-dunkel h1,.entwurf-dunkel h2{font-weight:500;letter-spacing:-.025em}
.entwurf-dunkel .lead,.entwurf-dunkel .section.dark .lead,.entwurf-dunkel .card p,
.entwurf-dunkel .person p,.entwurf-dunkel .meta,.entwurf-dunkel .meta-line,
.entwurf-dunkel .proof span,.entwurf-dunkel .access-card p,.entwurf-dunkel .media-label,
.entwurf-dunkel .value-item p{color:var(--su-muted)}
.entwurf-dunkel .eyebrow,.entwurf-dunkel .index,.entwurf-dunkel .proof strong,
.entwurf-dunkel .value-item h3,.entwurf-dunkel .milestone-year{color:var(--su-accent)}
.entwurf-dunkel .card,.entwurf-dunkel .access-card,.entwurf-dunkel .dark .card{
  background:var(--su-surface);color:var(--su-ink);border-color:var(--su-divider);border-radius:4px;
}
.entwurf-dunkel .card{padding:32px}
.entwurf-dunkel .note-box{background:var(--su-panel);color:var(--su-ink)}
.entwurf-dunkel .note-box p{color:var(--su-muted)}
.entwurf-dunkel .format-tile:hover,.entwurf-dunkel .format-tile:focus-visible,
.entwurf-dunkel .format-card:hover,.entwurf-dunkel .format-card:focus-within{
  background:var(--su-card-hover);border-color:var(--su-accent);box-shadow:none;transform:none;
}
.entwurf-dunkel .btn.primary,.entwurf-dunkel .btn.dark,
.entwurf-dunkel .header-cta,.entwurf-dunkel .mobile-panel .btn{
  background:var(--su-orange)!important;color:var(--su-weiss)!important;border-color:var(--su-orange)!important;
}
.entwurf-dunkel .btn.primary:hover,.entwurf-dunkel .btn.dark:hover,.entwurf-dunkel .header-cta:hover{
  background:color-mix(in srgb,var(--su-orange) 88%,var(--su-tiefgruen))!important;
  border-color:color-mix(in srgb,var(--su-orange) 88%,var(--su-tiefgruen))!important;
}
.entwurf-dunkel .btn.light,.entwurf-dunkel .btn.secondary{color:var(--su-ink);border-color:var(--su-divider)}
.entwurf-dunkel .btn.light:hover,.entwurf-dunkel .btn.secondary:hover{color:var(--su-ink);background:var(--su-panel)}
.entwurf-dunkel .hero{min-height:calc(100svh - var(--su-header-h));background:var(--su-surface)}
.entwurf-dunkel .hero-inner{padding-top:210px;padding-bottom:84px;position:relative;z-index:1}
.entwurf-dunkel .hero h1{max-width:900px;line-height:1.13}
.hero-video{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.hero-video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,177.78vh);height:max(100%,56.25vw);border:0}
.video-tools{position:absolute;right:var(--su-gutter);top:24px;z-index:2;max-width:340px;text-align:right}
.video-toggle{background:var(--su-tiefgruen);color:var(--su-creme);border:1px solid var(--su-salbei);padding:10px 16px;min-height:44px;border-radius:4px;font-size:13px}
.video-status{font-size:12px;line-height:1.4;margin:8px 0 0;color:var(--su-creme)}
.hero-picture img{animation:hero-settle 1400ms cubic-bezier(.2,.65,.25,1) both}
@keyframes hero-settle{from{transform:scale(1.045)}to{transform:scale(1)}}
.reveal-ready{opacity:0;transform:translate3d(0,18px,0);transition:opacity var(--su-reveal),transform var(--su-reveal)}
.reveal-visible{opacity:1;transform:none}
.event-photo.reveal-ready{transform:translate3d(0,18px,0) scale(.985)}
.event-photo.reveal-visible{transform:none}
.ambassadors{margin-block:28px 48px;min-width:0}
.ambassadors .people-grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:24px;padding-block:4px 16px;scrollbar-width:thin;scrollbar-color:var(--su-accent) var(--su-surface)}
.ambassadors .person{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start;scroll-margin-inline:0}
.ambassadors .person h3,.ambassadors .person h4{font-size:20px;line-height:1.3;margin-top:20px;margin-bottom:8px}
.portrait-photo{display:block;width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;border-radius:4px}
.entwurf-dunkel .ambassadors .portrait{background:var(--su-surface);border:1px solid var(--su-divider);border-radius:4px;min-height:0}
.carousel-controls{display:flex;align-items:center;gap:20px;margin-top:18px;flex-wrap:wrap}
.carousel-arrows{display:flex;gap:10px}
.carousel-arrows button,.overview-toggle{min-height:44px;border:1px solid var(--su-divider);border-radius:4px;color:var(--su-ink);background:transparent;padding:10px 16px;font-size:14px}
.carousel-arrows button{width:48px;font-size:22px;line-height:1}
.carousel-controls button:hover{background:var(--su-panel);border-color:var(--su-accent)}
.carousel-controls button:disabled{opacity:.45;cursor:default}
.carousel-status{font-size:13px;color:var(--su-muted);margin:0}
.overview-toggle{margin-left:auto}
.ambassadors.is-overview .people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
.ambassadors.is-overview .carousel-arrows,.ambassadors.is-overview .carousel-status{display:none}
.logo-grid{gap:0;border:1px solid var(--su-divider);border-radius:4px;overflow:hidden}
.entwurf-dunkel .logo-placeholder{background:var(--su-surface);border:0;border-right:1px solid var(--su-divider);border-radius:0;min-height:160px;color:var(--su-ink);font-size:18px;transition:background var(--su-motion)}
.logo-placeholder:last-child{border-right:0}
.logo-placeholder:hover{background:var(--su-panel)}
.logo-grid img{max-width:160px;max-height:72px;object-fit:contain;filter:brightness(0) invert(1);opacity:.86}
.partner-logo img{margin-bottom:16px;width:160px;height:72px}
.partner-logo span{font-size:13px;color:var(--su-muted)}
.entwurf-dunkel .logo-placeholder .meta{font-size:12px;margin-top:12px}
.display-tools{position:fixed;bottom:24px;left:24px;z-index:45;background:var(--su-surface);border:1px solid var(--su-divider);border-radius:4px}
.display-tools summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:8px 14px;font-size:12px;list-style:none}
.display-tools summary::-webkit-details-marker{display:none}
.display-options{position:absolute;bottom:calc(100% + 8px);left:0;width:190px;display:grid;padding:8px;background:var(--su-surface);border:1px solid var(--su-divider);border-radius:4px}
.display-tools button{min-height:38px;background:transparent;border:0;color:var(--su-ink);font-size:12px;padding:6px 10px;border-radius:3px}
.display-tools button:hover,.display-tools button[aria-pressed="true"]{background:var(--su-panel)}
.entwurf-dunkel .field input,.entwurf-dunkel .field textarea,.entwurf-dunkel .field select{background:var(--su-panel);color:var(--su-ink);border-color:var(--su-divider)}
.entwurf-dunkel .form-note{background:var(--su-panel);color:var(--su-muted)}
.entwurf-dunkel .error{color:var(--su-creme);font-weight:600}
.entwurf-dunkel .acc-symbol{color:var(--su-accent)}
.entwurf-dunkel .cookie .btn,.entwurf-dunkel .go-panel .btn{color:var(--su-tiefgruen);border-color:var(--su-petrol)}
.entwurf-dunkel .cookie .btn:hover,.entwurf-dunkel .go-panel .btn:hover{background:var(--su-creme-gedeckt)}
/* Optionale kontrastreiche Lesedarstellung, keine zweite Designvariante. */
.entwurf-dunkel.contrast-light{
  --su-surface:var(--su-creme);--su-panel:var(--su-creme-gedeckt);--su-ink:var(--su-tiefgruen);
  --su-muted:var(--su-petrol);--su-divider:var(--su-text-gedeckt);--su-accent:var(--su-petrol);
  --su-focus:var(--su-petrol);--su-card-hover:var(--su-creme-gedeckt);
}
.contrast-light .header,.contrast-light .mobile-panel{background:var(--su-surface);color:var(--su-ink);border-color:var(--su-divider)}
.contrast-light .brand-logo{filter:brightness(.15)}
.contrast-light .header .nav a:hover,.contrast-light .header .nav a[aria-current]{background:var(--su-panel)}
.contrast-light .header .menu-toggle span,.contrast-light .header .menu-toggle span::before,.contrast-light .header .menu-toggle span::after{background:var(--su-ink)}
.contrast-light .header .menu-toggle[aria-expanded="true"] span{background:transparent}
.contrast-light .hero,.contrast-light .page-hero{color:var(--su-creme)}
.contrast-light .hero .eyebrow,.contrast-light .page-hero .eyebrow{color:var(--su-salbei)}
.contrast-light .hero .lead,.contrast-light .page-hero .lead{color:var(--su-creme)}
.contrast-light .hero::before,.contrast-light .page-hero::before{background:linear-gradient(90deg,color-mix(in srgb,var(--su-tiefgruen) 95%,transparent),color-mix(in srgb,var(--su-tiefgruen) 70%,transparent))}
.contrast-light .media-placeholder,.contrast-light .logo-placeholder{background:var(--su-surface);color:var(--su-muted);border-color:var(--su-divider)}
.contrast-light .flow-symbol{background:var(--su-surface);color:var(--su-accent);border-color:var(--su-divider)}
.contrast-light .step.is-reached .flow-symbol{background:var(--su-petrol);color:var(--su-creme);border-color:var(--su-petrol)}
.contrast-light .step.is-reached strong{color:var(--su-petrol)}
.contrast-light .steps.flow::after{background:var(--su-petrol)}
.contrast-light .logo-grid img{filter:brightness(0)}
.contrast-light .error{color:var(--su-tiefgruen)}
.contrast-light .skip-link{color:var(--su-tiefgruen)}
.contrast-light .access-card .text-link{color:var(--su-ink)}
.contrast-light .footer-tagline,.contrast-light [data-layout="layout-13"],
.contrast-light [data-layout="layout-14"],.contrast-light [data-layout="layout-23"]{color:var(--su-ink)}
.contrast-light [data-layout="layout-11"]{color:var(--su-accent)}
.contrast-light .footer h2{color:var(--su-accent)}
.contrast-light .footer a:not(.brand),.contrast-light .footer-consent{color:var(--su-muted)}
.contrast-light .value-item,.contrast-light .milestone,.contrast-light .footer-bottom,
.contrast-light .legal-placeholder{border-color:var(--su-divider)}
.contrast-light .header .menu-toggle{border-color:var(--su-divider)}
.contrast-light .mobile-panel a[aria-current="page"]{color:var(--su-accent)}
.entwurf-dunkel .steps.flow::before{background:var(--su-divider)}
.entwurf-dunkel .flow-symbol{background:var(--su-surface)}
.motion-reduced *, .motion-reduced *::before,.motion-reduced *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.motion-reduced .reveal-ready{opacity:1;transform:none}
.motion-reduced .event-photo.reveal-ready{transform:none}
@media(max-width:900px){.ambassadors .person{flex-basis:calc((100% - 24px)/2)}.ambassadors.is-overview .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .entwurf-dunkel .hero{min-height:0}.entwurf-dunkel .hero-inner{padding-top:36px;padding-bottom:56px}
  .hero-picture img{animation:none}.hero-video{display:none}
  .video-tools{position:static;margin:16px var(--su-gutter) 0;text-align:left;max-width:none}
  .video-status{color:var(--su-muted)}
  .ambassadors .person{flex-basis:100%}.ambassadors.is-overview .people-grid{grid-template-columns:1fr}
  .carousel-controls{gap:12px}.overview-toggle{margin-left:0;width:100%}
  .display-tools{left:12px;bottom:12px;max-width:calc(100% - 105px)}
  .display-tools button{font-size:11px;padding:6px 8px;min-height:40px}
  .entwurf-dunkel .card{padding:24px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .entwurf-dunkel .logo-placeholder{padding:16px;font-size:15px;border-bottom:1px solid var(--su-divider)}
  .logo-placeholder:nth-child(2n){border-right:0}.logo-placeholder:nth-last-child(-n+2){border-bottom:0}
  .contrast-light .hero h1{color:var(--su-ink)}.contrast-light .hero .lead{color:var(--su-muted)}
  .contrast-light .hero .eyebrow{color:var(--su-accent)}
}
@media(prefers-reduced-motion:reduce){.hero-picture img{animation:none}.reveal-ready,.event-photo.reveal-ready{opacity:1;transform:none}.ambassadors .people-grid{scroll-behavior:auto}}

/* Mobiles Menü, Bildtiefe und ruhige, klare Flächen. */
.entwurf-dunkel{--su-reveal:900ms cubic-bezier(.16,1,.3,1);--su-radius-media:0;--su-radius-card:0}
.header{z-index:80;backdrop-filter:none}
.header .header-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;position:relative}
.header .nav{display:none}
.header .brand{grid-column:2;grid-row:1;margin:0;width:220px}
.header .brand-logo{width:220px}
.header .menu-toggle{grid-column:1;grid-row:1;display:flex;align-items:center;gap:12px;width:auto;height:52px;margin:0;justify-self:start;padding:0;border:0;color:var(--su-creme);border-radius:0}
.header .menu-toggle svg{width:24px;height:24px}
.header .menu-toggle span{height:auto;background:transparent;position:static;font-size:13px;font-weight:500;letter-spacing:.08em}
.header .menu-toggle span::before,.header .menu-toggle span::after{content:none}
.header .header-cta{grid-column:3;grid-row:1;justify-self:end;display:inline-flex;padding:14px 24px!important;font-size:15px!important}
/* Desktop zeigt alle Hauptziele. Auf kleineren Laptops bleibt die Menüzeile unter Logo und Aktion sichtbar. */
@media(min-width:1024px){
 :root{--su-header-h:132px}
 .header .header-inner{grid-template-columns:auto 1fr auto;grid-template-rows:76px 56px;gap:0 20px}
 .header .brand{grid-column:1;grid-row:1;width:190px}
 .header .brand-logo{width:190px}
 .header .nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:10px;min-width:0;align-self:stretch;border-top:1px solid var(--su-linie-auf-dunkel)}
 .header .nav a{font-size:15px;line-height:1.4;white-space:nowrap;max-width:none;padding:12px 10px}
 .header .nav a[aria-current="page"]{color:var(--su-salbei);text-decoration:underline;text-underline-offset:6px}
 .header .menu-toggle,.mobile-panel{display:none}
}
@media(min-width:1280px){
 :root{--su-header-h:92px}
 .header .header-inner{grid-template-rows:92px;gap:20px}
 .header .brand,.header .brand-logo{width:170px}
 .header .nav{grid-column:2;grid-row:1;gap:2px;border:0;justify-content:flex-end}
 .header .nav a{font-size:14px;padding-inline:8px}
 .header .header-cta{padding-inline:20px!important}
}
.mobile-panel{inset:var(--su-header-h) 0 0;z-index:75;padding:48px 5vw;gap:0;background:var(--su-tiefgruen);color:var(--su-creme);isolation:isolate;justify-content:center}
.mobile-panel::after{content:"";position:absolute;inset:0 0 0 45%;z-index:-1;background:linear-gradient(90deg,var(--su-tiefgruen),color-mix(in srgb,var(--su-tiefgruen) 30%,transparent)),url('../assets/bilder/publikum-menue.webp') center 60%/cover no-repeat}
.mobile-panel>a{width:40%;max-width:460px;border:0;padding:17px 0;font-size:clamp(19px,2vw,27px);font-weight:400;line-height:1.25;letter-spacing:.015em;transition:color 250ms ease,transform 400ms ease}
.mobile-panel>a:hover{color:var(--su-salbei);transform:translateX(6px)}
.mobile-panel>a.btn{width:max-content;margin-top:30px;padding:14px 24px;font-size:15px}
.menu-is-open .mobile-panel{animation:menu-in 550ms cubic-bezier(.16,1,.3,1) both}
.menu-is-open .go-oliver{visibility:hidden}
@keyframes menu-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
/* Alle Aktionsbuttons verwenden denselben Markenstil. Icon-Schließen und Menütoggle bleiben Bedienelemente. */
.entwurf-dunkel .btn,.entwurf-dunkel .btn.light,.entwurf-dunkel .btn.secondary,
.entwurf-dunkel .cookie .btn,.entwurf-dunkel .go-panel .btn,.overview-toggle,.video-toggle,.carousel-arrows button{
  min-height:52px;background:var(--su-orange)!important;color:var(--su-weiss)!important;border:1px solid var(--su-orange)!important;
  border-radius:4px;font-size:15px;font-weight:600;padding:14px 24px;line-height:1.4;text-decoration:none;
}
.entwurf-dunkel .btn:hover,.entwurf-dunkel .cookie .btn:hover,.entwurf-dunkel .go-panel .btn:hover,
.overview-toggle:hover,.video-toggle:hover,.carousel-arrows button:hover{
  background:color-mix(in srgb,var(--su-orange) 88%,var(--su-tiefgruen))!important;
  border-color:color-mix(in srgb,var(--su-orange) 88%,var(--su-tiefgruen))!important;
}
.carousel-arrows button{width:52px;padding:0;font-size:24px}
.carousel-controls button:disabled{opacity:.4}
.ambassadors .people-grid{scrollbar-width:none;padding-bottom:0;gap:28px}
.ambassadors .people-grid::-webkit-scrollbar{display:none}
.ambassadors .person{flex-basis:calc((100% - 84px)/4)}
.carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.carousel-controls{margin-top:28px}
.portrait-frame{aspect-ratio:4/5;position:relative;overflow:hidden;background:var(--su-petrol)}
.portrait-frame[data-supplied-portrait] picture{display:block;width:100%;height:100%}
.portrait-frame[data-supplied-portrait] img{display:block;width:100%;height:100%;object-fit:contain}
.person-quote{margin:16px 0 0;padding:0;border:0;font-style:normal}
.entwurf-dunkel .person-quote p{margin:0;font-size:16px;line-height:1.6;color:var(--su-creme)}
.portrait-frame .portrait-photo{width:100%;height:100%;object-fit:cover;transform:scale(1.6);transform-origin:50% 26%;border-radius:0;transition:transform 650ms cubic-bezier(.2,.65,.25,1)}
@media(hover:hover) and (pointer:fine){.portrait-frame:hover .portrait-photo{transform:scale(1.68)}}
.entwurf-dunkel .ambassadors .portrait{border:0;border-radius:0;background:var(--su-petrol)}
/* Proportionale 4:5-Ausschnitte der gelieferten Kurationskreis-Fotos. */
.curation-card .curation-portrait{width:100%;aspect-ratio:4/5;margin-bottom:24px;border:0;border-radius:0;background:var(--su-petrol);color:var(--su-creme)}
.curation-portrait picture{display:block;width:100%;height:100%}
.curation-portrait img{display:block;width:100%;height:100%;object-fit:contain}
.grid.four.curation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.curation-card h3,.curation-card h4{overflow-wrap:anywhere}
@media(max-width:900px){.grid.four.curation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.grid.four.curation-grid{grid-template-columns:1fr}}
.entwurf-dunkel .logo-grid{border:0;border-radius:0;overflow:visible;gap:44px;align-items:center}
.entwurf-dunkel .logo-placeholder,.entwurf-dunkel .logo-placeholder:hover{border:0!important;border-radius:0;background:transparent;min-height:128px;padding:12px 0}
.logo-grid img{max-width:180px;max-height:84px;opacity:.95}
.partner-logo img{width:180px;height:84px}
.entwurf-dunkel .proof-strip{border:0;gap:48px;padding-block:50px}
.entwurf-dunkel .proof,.entwurf-dunkel .proof:first-child{border:0;text-align:center;padding:0;display:flex;flex-direction:column;align-items:center}
.entwurf-dunkel .proof strong{font-size:clamp(3.2rem,6vw,5.5rem);font-weight:400;color:var(--su-creme);line-height:1.1;margin-bottom:24px;min-height:1.1em}
.proof span{max-width:28ch}
.proof [data-counter],.proof [data-counter]>span{color:inherit;font:inherit;display:inline;max-width:none}
[data-counter]{font-variant-numeric:tabular-nums}
.page-start [data-section="10"]>.content{text-align:center}
.page-start [data-section="10"] .lead{margin-inline:auto}
.page-start [data-section="10"] .grid.two{align-items:center;max-width:1000px;margin-inline:auto}
.page-start [data-section="10"] .grid.two h3{font-size:clamp(2.7rem,4.7vw,4.5rem);font-weight:400;line-height:1.12}
.page-start [data-section="10"] .milestone{text-align:left;max-width:1000px;margin-inline:auto}
.entwurf-dunkel .access-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 64px}
.entwurf-dunkel .access-card{border:0;border-top:1px solid var(--su-divider);border-radius:0;background:transparent;padding:28px 0 0}
.access-card h3{font-size:25px!important}
.access-card .text-link{padding-top:20px}
.reveal-ready{opacity:0;transform:translate3d(0,54px,0);transition:opacity var(--su-reveal),transform var(--su-reveal)}
.reveal-ready.reveal-visible{opacity:1;transform:none}
.media-window{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--su-petrol);isolation:isolate}
.media-window>.reference-picture{position:absolute;inset:-16% 0;width:100%;height:132%;border-radius:0;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
.media-window .reference-picture img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 750ms cubic-bezier(.2,.65,.25,1)}
@media(hover:hover) and (pointer:fine){.media-window:hover .reference-picture img{transform:scale(1.065)}}
.hero .hero-picture{inset:-12% 0;height:124%;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
.hero-picture img{animation:none}
.hero-inner>h1.reveal-ready{transition-delay:100ms}.hero-inner>.lead.reveal-ready{transition-delay:220ms}.hero-actions.reveal-ready{transition-delay:320ms}
.editorial-video{position:relative;aspect-ratio:16/9;background:var(--su-petrol);overflow:hidden}
.editorial-poster,.editorial-video [data-editorial-frame]{position:absolute;inset:0}
.editorial-poster .media-window{width:100%;height:100%;aspect-ratio:auto}
.editorial-poster .technical-controls{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--su-tiefgruen) 24%,transparent)}
.editorial-video [data-editorial-frame]:empty{display:none}
.editorial-video iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:900px){
 .ambassadors .person{flex-basis:calc((100% - 28px)/2)}
 .mobile-panel{padding:32px var(--su-gutter);justify-content:flex-start}
 .mobile-panel::after{left:60%;opacity:.45}
 .mobile-panel>a{width:55%;font-size:22px}
}
@media(max-width:680px){
 .header .header-inner{grid-template-columns:44px 1fr 44px;gap:10px}
 .header .brand,.header .brand-logo{width:min(180px,100%)}
 .header .brand{justify-self:center}.header .header-cta{display:none}
 .header .menu-toggle .menu-label{display:none}
 .header .menu-toggle{width:44px;height:44px;justify-content:center}
 .mobile-panel::after{display:none}.mobile-panel>a{width:100%;max-width:none;font-size:22px;padding:16px 0}
 .mobile-panel>a.btn{width:100%;margin-top:24px}
 .ambassadors .person{flex-basis:100%}.overview-toggle{width:100%}
 .entwurf-dunkel .access-list{grid-template-columns:1fr;gap:32px}
 .entwurf-dunkel .proof-strip{gap:44px;padding-block:36px}.entwurf-dunkel .proof strong{font-size:3.8rem;margin-bottom:14px}
 .hero .hero-picture{inset:auto;height:auto;transform:none;will-change:auto}
 .media-window>.reference-picture{transform:none;will-change:auto}
 .reveal-ready{transform:translate3d(0,28px,0);transition-duration:700ms}
 .video-toggle{font-size:15px;padding:14px 24px}
 .entwurf-dunkel .logo-grid{gap:20px}.partner-logo img{max-width:100%;width:140px;height:64px}
 .page-start [data-section="10"] .milestone{text-align:center}
}
@media(prefers-reduced-motion:reduce){
 .reveal-ready{opacity:1;transform:none}.hero .hero-picture,.media-window>.reference-picture{transform:none!important;will-change:auto}
 .media-window:hover img{transform:none!important}.portrait-frame:hover .portrait-photo{transform:scale(1.6)}
 .menu-is-open .mobile-panel{animation:none}.mobile-panel>a:hover{transform:none}
}

/* Paket 1: goOliver bleibt auch ohne JavaScript vollständig ausgeblendet. */
#goOliverButton,#goOliverPanel{display:none!important}
.footer-operator{font-style:normal;font-size:13px;line-height:1.6;color:var(--su-text-auf-dunkel-gedeckt);margin-bottom:22px;overflow-wrap:anywhere}
.footer .footer-operator a:not(.brand){display:block;margin:8px 0 0;font-size:inherit;line-height:inherit}
.legal-copy{max-width:var(--su-reading);overflow-wrap:anywhere}
.legal-copy h2{font-size:var(--su-fs-h3);margin-block:2em .75em}
.legal-copy h2:first-child{margin-top:0}
.legal-copy a{text-decoration:underline;text-underline-offset:3px}

/* Paket 4: Willkommens-Video und mobile Screens im Digitalen Wirkraum. */
.page-netzwerk .welcome-video{width:min(100%,680px);margin-top:36px;background:var(--su-petrol);aspect-ratio:16/9}
.page-netzwerk .welcome-video video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9}
.page-netzwerk .welcome-video-placeholder{width:100%;max-width:none;margin:0;aspect-ratio:16/9;height:100%;background:var(--su-petrol);color:var(--su-creme);border-color:var(--su-salbei)}
.page-netzwerk .b-connect-copy{margin-top:32px;padding-top:24px;border-top:1px solid var(--su-divider)}
.page-netzwerk .b-connect-copy h3{margin-bottom:12px}
.page-netzwerk .b-connect-screens{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px;min-width:0}
.page-netzwerk .b-connect-phone{flex:0 1 260px;width:min(100%,260px);min-width:0;margin:0;padding:10px;border:1px solid var(--su-salbei);border-radius:30px;background:var(--su-tiefgruen)}
.page-netzwerk .b-connect-screen{width:100%;aspect-ratio:9/19.5;overflow:hidden;border-radius:20px}
.page-netzwerk .b-connect-phone .media-placeholder{background:var(--su-petrol);color:var(--su-creme);border-color:var(--su-salbei)}
.page-netzwerk img.b-connect-screen{display:block;height:auto;object-fit:contain;background:var(--su-petrol)}
.page-netzwerk .b-connect-phone figcaption{padding:12px 6px 4px;font-size:14px;line-height:1.5}
@media(max-width:680px){.page-netzwerk .welcome-video{margin-top:28px}.page-netzwerk .b-connect-screens{gap:24px}}

/* Desktop: die vergrößerte Parallax-Bildfläche endet am Rand des Hero. */
@media(min-width:681px){.hero{overflow:hidden}}

/* Paket 3: Glas-Hover ausschließlich für die drei Möglichkeiten-Karten. */
.page-was-ist-su [data-section="6"] .grid.three>.card{
  transition:background-color 320ms ease,border-color 320ms ease,box-shadow 320ms ease,transform 320ms cubic-bezier(.2,.65,.25,1);
}
@media(hover:hover) and (pointer:fine){
  .page-was-ist-su [data-section="6"] .grid.three>.card:hover{
    background-color:color-mix(in srgb,var(--su-petrol) 72%,transparent);
    border-color:color-mix(in srgb,var(--su-creme) 32%,transparent);
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--su-weiss) 12%,transparent),0 12px 28px color-mix(in srgb,var(--su-tiefgruen) 24%,transparent);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    transform:translateY(-4px);
  }
}
@media(prefers-reduced-motion:reduce){
  .page-was-ist-su [data-section="6"] .grid.three>.card:hover{transform:none}
}

/* Originales transparentes BeConnect-Logo über der mobilen Ansicht.
   object-fit blendet nur den transparenten Außenraum der quadratischen Datei aus. */
.page-netzwerk .beconnect-brand{flex-basis:100%;display:flex;justify-content:center;min-width:0}
.page-netzwerk .beconnect-brand img{display:block;width:min(100%,320px);height:64px;object-fit:cover;object-position:50% 48%}
/* Gelieferter Wirkraum-Film links, bestehender Vertrauenstext rechts. */
.page-netzwerk .network-trust-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center}
.page-netzwerk .network-trust-split>*{min-width:0}
.page-netzwerk .network-trust-video{aspect-ratio:848/480;background:var(--su-tiefgruen)}
.page-netzwerk .network-trust-video video{display:block;width:100%;height:100%;aspect-ratio:848/480;object-fit:contain}
.page-netzwerk .network-trust-copy .section-head{margin-bottom:32px}
.page-netzwerk .network-trust-copy .section-head h2{margin-bottom:0}
.page-netzwerk .network-trust-copy>p:last-child{margin-bottom:0}
@media(max-width:1180px){.page-netzwerk .network-trust-split{gap:36px}}
@media(max-width:899px){.page-netzwerk .network-trust-split{grid-template-columns:1fr;gap:32px}}

/* Kontakt und Rücksprung nach dem Vorbild der Executive-Seite. */
.su-contact-dock{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:grid;gap:8px;z-index:45}
.su-contact-dock a,.su-back-top{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--su-linie);border-radius:8px;background:var(--su-creme);color:var(--su-tiefgruen);box-shadow:0 2px 12px var(--su-linie);text-decoration:none}
.su-contact-dock a{position:relative;padding:10px}
.su-contact-dock span{position:absolute;right:100%;margin-right:7px;max-width:calc(100vw - 84px);overflow-wrap:anywhere;background:var(--su-creme);color:var(--su-tiefgruen);padding:9px 14px;border-radius:6px;width:max-content;font-size:14px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--su-motion)}
.su-contact-dock a:hover span,.su-contact-dock a:focus-visible span{opacity:1;visibility:visible}
.su-back-top{position:fixed;right:16px;bottom:max(18px,env(safe-area-inset-bottom));z-index:45}
.su-contact-dock a:hover,.su-back-top:hover{background:var(--su-creme-gedeckt)}
.su-contact-dock a:focus-visible,.su-back-top:focus-visible{outline:3px solid var(--su-salbei);outline-offset:3px;box-shadow:0 0 0 6px var(--su-tiefgruen)}
.su-back-top[hidden]{display:none}
.menu-is-open .su-contact-dock,.menu-is-open .su-back-top{visibility:hidden}
.footer{padding-bottom:max(96px,calc(72px + env(safe-area-inset-bottom)))}
@media(max-width:700px){
 .su-contact-dock{top:auto;left:16px;right:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:none;display:flex}
 .su-contact-dock span{display:none}
 .su-back-top{bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.su-contact-dock span{transition:none}}
@media print{.su-contact-dock,.su-back-top{display:none}}