/* 2.16.0 – diagonal public status bands */
.card-image{position:relative;overflow:hidden}
.v216-ribbon{position:absolute;z-index:8;left:-18%;top:42%;width:136%;padding:12px 8px;text-align:center;font-weight:900;font-size:clamp(1.25rem,4vw,2.15rem);letter-spacing:.08em;transform:rotate(-10deg);box-shadow:0 4px 16px #0005;color:#fff;text-shadow:0 2px 4px #0007}
.v216-ribbon.red,.v216-detail-status.red{background:#b51f2e}.v216-ribbon.yellow,.v216-detail-status.yellow{background:#d99a00;color:#191919;text-shadow:none}.v216-ribbon.green,.v216-detail-status.green{background:#277a4a}
.v216-detail-status{margin:-1px -1px 18px;padding:18px;text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900;letter-spacing:.08em;color:#fff;border-radius:16px;transform:rotate(-1deg)}
.v216-status-actions{display:grid;gap:6px;padding:8px 0}.v216-menu-label{font-size:.78rem;font-weight:800;text-transform:uppercase;opacity:.65;padding:4px 8px}

/* 2.16.1 visual refinement */
.event-card .card-image .image-price{
  z-index:12!important;top:10px!important;right:10px!important;bottom:auto!important;left:auto!important;
  padding:4px 9px!important;border-radius:7px!important;background:rgba(255,255,255,.94)!important;
  color:#17221c!important;font-size:12px!important;font-weight:800!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}
.v216-ribbon{
  z-index:8;left:-14%;top:43%;width:128%;padding:8px 6px;
  font-size:clamp(.92rem,3.1vw,1.55rem);line-height:1.05;letter-spacing:.055em;
  transform:rotate(-9deg);box-shadow:0 3px 10px rgba(0,0,0,.25);white-space:nowrap;
}
.v216-ribbon.red{background:rgba(181,31,46,.82)}
.v216-ribbon.yellow{background:rgba(217,154,0,.82)}
.v216-ribbon.green{background:rgba(39,122,74,.82)}

/* 2.16.2 – keep price badge clear of Neu/Angepinnt */
.event-card .card-image .image-price{
  top:auto!important;right:10px!important;bottom:10px!important;left:auto!important;
}

/* Shared public website presentation; employee tools remain unchanged. */
body.webeyt-public-brand{background:#fff;color:#1d2a34;--wb-orange:#d77643;--green:#d77643;--ink:#1d2a34;--wb-ink:#1d2a34;--wb-soft:#f5f4f0}
.webeyt-public-brand>header.wb-site-header{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:100px;padding:18px max(28px,calc((100vw - 1320px)/2));background:#fff;border:0;box-shadow:0 2px 15px #00000009;backdrop-filter:none;transition:background .25s,box-shadow .25s}
.webeyt-public-brand>header.wb-site-header>a{flex-shrink:0}.webeyt-public-brand>header.wb-site-header img{width:150px;max-width:150px;height:64px;max-height:64px;object-fit:contain}
.webeyt-public-brand>header.wb-site-header nav{display:flex;align-items:center;gap:22px;flex-wrap:nowrap}.webeyt-public-brand>header.wb-site-header nav a{font-size:12px;letter-spacing:.045em;text-transform:uppercase;font-weight:750;line-height:1.5;color:#1d2a34;text-decoration:none;max-width:145px;white-space:normal}.webeyt-public-brand>header.wb-site-header nav a:hover,.webeyt-public-brand>header.wb-site-header nav a.wb-nav-current{color:#c36738}.webeyt-public-brand>header.wb-site-header nav .wb-nav-account{background:#d77643;padding:13px 18px;color:white}
.webeyt-public-brand.wb-has-video-hero:not(.wb-page-scrolled)>header.wb-site-header{background:#1d2a34;box-shadow:none}.webeyt-public-brand.wb-has-video-hero:not(.wb-page-scrolled)>header.wb-site-header nav a{color:#fff}.webeyt-public-brand.wb-has-video-hero:not(.wb-page-scrolled)>header.wb-site-header img{filter:brightness(0) invert(1)}.wb-menu-toggle{display:none!important}
.webeyt-public-brand main#community{max-width:1320px;padding:0 28px 50px;margin:auto}.webeyt-public-brand .portal-hero{display:flex;align-items:center;justify-content:center;min-height:min(760px,calc(100svh - 100px));padding:100px 30px;margin:0 calc(50% - 50vw) 64px;width:100vw;border-radius:0;box-shadow:none;text-align:center;background:#1d2a34;isolation:isolate;overflow:hidden}.webeyt-public-brand .portal-hero:before{z-index:-1;background:#1d2a34;opacity:.76}.webeyt-public-brand .wb-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.webeyt-public-brand .hero-copy{width:min(800px,100%);margin:0 auto}.webeyt-public-brand .hero-copy h1{font-size:clamp(40px,5.1vw,76px);line-height:1.12;letter-spacing:-.035em;font-weight:750;margin:24px 0}.webeyt-public-brand .hero-copy p{max-width:650px;margin:20px auto 30px;font-size:20px;line-height:1.7;color:#f2f2f1}.webeyt-public-brand .portal-hero .eyebrow{color:#e6aa86}.webeyt-public-brand .hero-discover{background:#d77643;border:0;border-radius:0;padding:17px 27px;display:inline-flex;margin:8px auto;color:white!important}.webeyt-public-brand .hero-discover span{color:white}.webeyt-public-brand .wb-video-control{position:absolute;right:24px;bottom:22px;background:#1d2a34a6;color:white;border:1px solid #ffffff65;border-radius:6px;font-size:12px;padding:9px 13px;min-height:40px;z-index:2}
.webeyt-public-brand .public-filterbar{margin-bottom:30px;scroll-margin-top:120px}.webeyt-public-brand .event-cards{gap:28px}.webeyt-public-brand .event-card{border-radius:10px!important;border:1px solid #e5e4df!important;box-shadow:none!important;background:#fff}.webeyt-public-brand .event-card .card-image{aspect-ratio:16/10}.webeyt-public-brand .event-card-body{padding:24px!important}.webeyt-public-brand .event-card-body h2{font-size:25px;letter-spacing:-.025em}.webeyt-public-brand button.primary,.webeyt-public-brand .button.primary{background:#d77643;color:white;border-color:#d77643}.webeyt-public-brand .newsletter-box{background:#f4f3ef;border-radius:10px;margin-top:60px}.webeyt-public-brand #webeyt-legal{background:#1d2a34;color:#fff;margin-top:0!important}.webeyt-public-brand #webeyt-legal a{color:#fff}
@media(max-width:1150px){.webeyt-public-brand>header.wb-site-header{padding:16px 24px;gap:18px}.webeyt-public-brand>header.wb-site-header nav{gap:13px}.webeyt-public-brand>header.wb-site-header nav a{font-size:11px}.webeyt-public-brand>header.wb-site-header img{width:125px;max-width:125px}}
@media(max-width:900px){.webeyt-public-brand>header.wb-site-header{min-height:82px;padding:12px 20px;flex-wrap:wrap}.webeyt-public-brand>header.wb-site-header img{height:54px;max-height:54px;width:130px;max-width:130px}.wb-menu-toggle{display:block!important;margin-left:auto;background:transparent!important;color:#1d2a34!important;border:1px solid #a7b0b5!important;padding:7px 14px!important;min-width:48px;min-height:44px;font-size:24px!important}.wb-has-video-hero:not(.wb-page-scrolled) .wb-menu-toggle{color:#fff!important;border-color:#ffffff80!important}.webeyt-public-brand>header.wb-site-header nav{display:none;width:100%;padding:14px 0;gap:0;flex-direction:column;align-items:stretch}.webeyt-public-brand>header.wb-menu-open nav{display:flex}.webeyt-public-brand>header.wb-site-header nav a{padding:12px;font-size:14px;max-width:none;min-height:44px}.webeyt-public-brand main#community{padding:0 18px 34px}.webeyt-public-brand .portal-hero{min-height:600px;padding:80px 24px;margin-bottom:38px}.webeyt-public-brand .hero-copy p{font-size:18px}.webeyt-public-brand .wb-video-control{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.webeyt-public-brand .hero-copy{animation:none}.webeyt-public-brand .event-card{transition:none}.webeyt-public-brand .event-card:hover{transform:none}}
/* A single continuous video stage, including the transparent navigation. */
.webeyt-public-brand main#community{margin:0 auto!important}
.webeyt-public-brand .portal-hero{display:flex!important;min-height:100svh!important;padding:160px 32px 100px!important;margin:0 calc(50% - 50vw) 56px!important;width:100vw!important;border-radius:0!important}
.webeyt-public-brand.wb-has-video-hero>header.wb-site-header{position:fixed!important;top:0;left:0;background:transparent!important;box-shadow:none!important;border:0!important}
.webeyt-public-brand.wb-has-video-hero>header.wb-site-header nav a{color:#fff!important}
.webeyt-public-brand.wb-has-video-hero>header.wb-site-header img{filter:brightness(0) invert(1)!important}
.webeyt-public-brand.wb-has-video-hero.wb-page-scrolled>header.wb-site-header{background:rgba(29,42,52,.90)!important;backdrop-filter:blur(14px)}
.webeyt-public-brand .portal-hero .hero-copy h1{font-size:clamp(42px,5.2vw,78px)!important;line-height:1.1!important;margin:24px 0!important}
.webeyt-public-brand .hero-copy h1 span{display:block!important}.webeyt-public-brand .hero-copy h1 span+span:before{content:none!important}
.webeyt-public-brand .hero-copy p{font-size:20px!important;max-width:650px!important;margin:24px auto 30px!important;line-height:1.65!important}
.webeyt-public-brand .hero-discover{padding:17px 27px!important;margin:8px auto!important;font-size:15px!important}
@media(max-width:900px){.webeyt-public-brand .portal-hero{padding:140px 24px 100px!important;margin-bottom:36px!important}.webeyt-public-brand.wb-has-video-hero .wb-menu-toggle{color:#fff!important;border-color:#ffffff80!important}.webeyt-public-brand>header.wb-menu-open{background:rgba(29,42,52,.96)!important}.webeyt-public-brand>header.wb-menu-open nav a{color:#fff!important}.webeyt-public-brand .hero-copy p{font-size:18px!important}.webeyt-public-brand .portal-hero .hero-copy h1{font-size:clamp(38px,8vw,58px)!important}}
/* Retain the current, full-colour app logo without turning it into a white block. */
.webeyt-public-brand>header.wb-site-header img,.webeyt-public-brand.wb-has-video-hero>header.wb-site-header img{filter:none!important;background:#fff;border-radius:4px;padding:4px}

/* Transparent, responsive logo; a compact header appears while scrolling. */
.webeyt-public-brand>header.wb-site-header{min-height:136px!important;padding-top:16px!important;padding-bottom:16px!important;transition:background .25s,padding .25s,min-height .25s}
.webeyt-public-brand>header.wb-site-header img,.webeyt-public-brand.wb-has-video-hero>header.wb-site-header img{width:230px!important;max-width:230px!important;height:102px!important;max-height:102px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;object-fit:contain;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 1px 2px #ffffffaa)!important;transition:width .25s,height .25s,max-width .25s,max-height .25s,filter .25s}
.webeyt-public-brand.wb-page-scrolled>header.wb-site-header{min-height:82px!important;padding-top:10px!important;padding-bottom:10px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 3px 20px #00000012!important}
.webeyt-public-brand.wb-page-scrolled>header.wb-site-header img{width:150px!important;max-width:150px!important;height:62px!important;max-height:62px!important;filter:none!important}
.webeyt-public-brand.wb-page-scrolled>header.wb-site-header nav a{color:#1d2a34!important}.webeyt-public-brand.wb-page-scrolled .wb-menu-toggle{color:#1d2a34!important;border-color:#8b969c!important}
.webeyt-public-brand>header.wb-menu-open{background:rgba(255,255,255,.98)!important}.webeyt-public-brand>header.wb-menu-open nav a{color:#1d2a34!important}.webeyt-public-brand>header.wb-menu-open .wb-menu-toggle{color:#1d2a34!important;border-color:#8b969c!important}
@media(max-width:900px){.webeyt-public-brand>header.wb-site-header{min-height:112px!important;padding:10px 20px!important}.webeyt-public-brand>header.wb-site-header img{width:195px!important;max-width:195px!important;height:88px!important;max-height:88px!important}.webeyt-public-brand.wb-page-scrolled>header.wb-site-header{min-height:72px!important;padding:8px 20px!important}.webeyt-public-brand.wb-page-scrolled>header.wb-site-header img{width:130px!important;max-width:130px!important;height:54px!important;max-height:54px!important}}
@media(prefers-reduced-motion:reduce){.webeyt-public-brand>header.wb-site-header,.webeyt-public-brand>header.wb-site-header img{transition:none!important}}

/* White original logo stays legible over the video and while scrolling. */
.webeyt-public-brand>header.wb-site-header img{filter:drop-shadow(0 0 2px #ffffff88) drop-shadow(0 1px 3px #0008)!important}
.webeyt-public-brand.wb-page-scrolled>header.wb-site-header,.webeyt-public-brand.wb-menu-open>header.wb-site-header{background:rgba(24,30,34,.94)!important}
.webeyt-public-brand.wb-page-scrolled>header.wb-site-header .wb-site-nav a,.webeyt-public-brand.wb-menu-open>header.wb-site-header .wb-site-nav a{color:#fff!important}
.webeyt-public-brand.wb-page-scrolled .wb-menu-toggle,.webeyt-public-brand.wb-menu-open .wb-menu-toggle{color:#fff!important;border-color:#ffffff66!important;background:transparent!important}
.webeyt-public-brand.wb-menu-open .wb-site-nav{background:rgba(24,30,34,.98)!important}

/* Large opening logo; only size and shadow change on scroll, never opacity. */
body.webeyt-public-brand>header.wb-site-header img{width:290px!important;max-width:290px!important;height:130px!important;max-height:130px!important;opacity:1!important;filter:drop-shadow(0 0 2px #fff9) drop-shadow(0 0 5px #fff5)!important;transition:width .25s,height .25s,max-width .25s,max-height .25s!important}
body.webeyt-public-brand.wb-page-scrolled>header.wb-site-header img{width:170px!important;max-width:170px!important;height:76px!important;max-height:76px!important;opacity:1!important;filter:drop-shadow(0 0 1px #000) drop-shadow(0 1px 3px #000)!important}
body.webeyt-public-brand.wb-page-scrolled>header.wb-site-header nav a,body.webeyt-public-brand>header.wb-menu-open nav a{color:#fff!important}
@media(max-width:900px){body.webeyt-public-brand>header.wb-site-header img{width:260px!important;max-width:260px!important;height:118px!important;max-height:118px!important}body.webeyt-public-brand.wb-page-scrolled>header.wb-site-header img{width:150px!important;max-width:150px!important;height:68px!important;max-height:68px!important}}

body.webeyt-public-brand.wb-has-video-hero>header.wb-site-header img,body.webeyt-public-brand>header.wb-site-header img{mix-blend-mode:normal!important;opacity:1!important;width:330px!important;max-width:330px!important;height:150px!important;max-height:150px!important;filter:drop-shadow(0 0 2px #fff9) drop-shadow(0 0 4px #fff5)!important}
body.webeyt-public-brand.wb-has-video-hero.wb-page-scrolled>header.wb-site-header img,body.webeyt-public-brand.wb-page-scrolled>header.wb-site-header img{width:170px!important;max-width:170px!important;height:76px!important;max-height:76px!important;filter:drop-shadow(0 0 1px #000) drop-shadow(0 1px 3px #000)!important;mix-blend-mode:normal!important;opacity:1!important}
@media(max-width:900px){body.webeyt-public-brand.wb-has-video-hero>header.wb-site-header img,body.webeyt-public-brand>header.wb-site-header img{width:290px!important;max-width:290px!important;height:132px!important;max-height:132px!important}body.webeyt-public-brand.wb-has-video-hero.wb-page-scrolled>header.wb-site-header img,body.webeyt-public-brand.wb-page-scrolled>header.wb-site-header img{width:160px!important;max-width:160px!important;height:72px!important;max-height:72px!important}}

/* Open mobile navigation always has its own readable glass surface, including at scrollY=0. */
@media(max-width:900px){
body.webeyt-public-brand>header.wb-site-header.wb-menu-open,body.webeyt-public-brand.wb-has-video-hero:not(.wb-page-scrolled)>header.wb-site-header.wb-menu-open,body.webeyt-public-brand.wb-has-video-hero.wb-page-scrolled>header.wb-site-header.wb-menu-open{background:rgba(24,30,34,.94)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;box-shadow:0 10px 30px #0004!important;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
body.webeyt-public-brand>header.wb-site-header.wb-menu-open nav{display:flex!important;position:relative;z-index:1;flex-basis:100%;background:transparent!important}
body.webeyt-public-brand>header.wb-site-header.wb-menu-open nav a{color:#fff!important;text-shadow:0 1px 2px #0007}
body.webeyt-public-brand>header.wb-site-header.wb-menu-open .wb-menu-toggle{color:#fff!important;border-color:#ffffff80!important}
}

body.webeyt-public-brand:not(.wb-has-video-hero):not(.wb-page-scrolled)>header.wb-site-header:not(.wb-menu-open) img{filter:drop-shadow(0 0 1px #0005) drop-shadow(0 2px 3px #0003)!important;mix-blend-mode:normal!important}