/* CoBoss: soft material depth and clear registration hierarchy. No graphics runtime. */
.webinar-pop {
  background: radial-gradient(ellipse 620px 520px at 88% 370px,#ff00bf07,transparent 72%),#f1f1ef;
}
.site-header { border-bottom-color: #d8d6d4; }
.header-cta {
  border: 1px solid #383039;
  border-radius: 11px;
  background: linear-gradient(155deg,#3a303b,#171218 68%);
  box-shadow: inset 0 1px 0 #ffffff28,0 3px 0 #09050b,0 9px 20px #2314271c;
}
.header-cta:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 #ffffff36,0 4px 0 #09050b,0 12px 25px #23142724; }
.next-session-slot { min-height: 26px; margin-top: 10px; }
.hero-next-session { color: #685d69; font-size: 12px; font-weight: 600; line-height: 1.6; }
.hero h1 { margin-top: 12px; }
.hero-description { font-size: 14px; line-height: 1.85; }
.heading-tail mark {
  background: linear-gradient(145deg,#fa45d7 0%,#ff00bf 50%,#b70094 100%);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 #ffffff8c,0 3px 0 #8c096f,0 7px 16px #8f007c25;
  text-shadow: 0 1px 2px #7c006b55;
}
.secret-stage { border-radius: 28px; }
.secret-stage::before {
  content: ''; position: absolute; z-index: -1; inset: 17% 6% 2%; border-radius: 50%;
  background: radial-gradient(ellipse,#ff00bf18,transparent 65%);
  box-shadow: 0 24px 42px -28px #3524364d;
  pointer-events: none;
}
.secret-image { filter: drop-shadow(0 12px 13px #2a152416); }
.host-label { border: 1px solid #ffffff38; border-radius: 6px; background: linear-gradient(160deg,#3a303e,#171218 75%); box-shadow: inset 0 1px 0 #ffffff38,0 3px 0 #9c0c83,0 7px 12px #1e112a28; }
.label-victoria { box-shadow: inset 0 1px 0 #ffffff38,0 3px 0 #70c326,0 7px 12px #1e112a28; }
.hero-proof {
  display: grid; grid-template-columns: 55px 1fr; align-items: center; gap: 18px;
  margin: 9px 10px 14px; padding: 15px 22px; border: 1px solid #fff;
  border-radius: 18px; background: linear-gradient(135deg,#ffffffed,#faf7fae6);
  box-shadow: inset 0 1px 0 #fff,0 2px 3px #38203e04,0 12px 25px -14px #38203e28;
}
.hero-proof img { width: 48px; border-radius: 2px; transform: perspective(320px) rotateY(-12deg) rotateZ(-7deg); box-shadow: 3px 2px 0 #b4a5ad,6px 8px 12px #21152724; }
.hero-proof p { font-size: 8px; letter-spacing: .09em; color: #85627d; font-weight: 800; }
.hero-proof strong { display: block; margin: 4px 0; font-size: 13px; line-height: 1.4; color: #322134; }
.hero-proof span { display: block; font-size: 10px; line-height: 1.65; color: #716572; }
#anmelden.registration-card {
  padding: 27px 22px 19px; border: 1px solid #ffffffeb; border-radius: 24px;
  background: linear-gradient(155deg,#fff 0%,#fff 68%,#fdf9fd 100%);
  box-shadow: inset 0 1px 0 #fff,0 1px 3px #39263d0b,0 8px 16px -9px #39263d23,0 28px 60px -20px #39263d30;
}
#anmelden.registration-card:target { box-shadow: inset 0 1px 0 #fff,0 0 0 2px #ff00bf12,0 28px 60px -20px #39263d30; }
#anmelden #registration-heading { font-size: 25px; letter-spacing: -.025em; margin-bottom: 6px; }
#anmelden .registration-intro { font-size: 12px; line-height: 1.5; text-align: center; color: #7d6b7e; margin-bottom: 10px; }
#webinarfuel-embed input.wf_input {
  min-height: 55px !important;
  background: linear-gradient(#fcfbfc,#fff 65%) !important;
  border: 1px solid #c9c0cb !important;
  box-shadow: inset 0 1px 3px #3a204906,0 1px 0 #fff !important;
  border-radius: 11px !important;
}
#webinarfuel-embed input.wf_input:focus { border-color: #b50091 !important; box-shadow: 0 0 0 3px #ff00bf12,inset 0 1px 3px #3a204906 !important; }
#webinarfuel-embed .wf_input_span { color: #776979 !important; }
#webinarfuel-embed #wf_element_1135056::before {
  content: 'Wann bist du dabei?'; display: block; margin: 0 0 9px; padding-left: 3px;
  color: #665269; font: 800 11px/1.4 Manrope,Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase;
}
#webinarfuel-embed .wf_datetime_list .wf_datetime_radio {
  min-height: 69px; padding: 12px 14px 12px 48px !important; border-radius: 12px !important;
  border-color: #e1dce3 !important;
  background: linear-gradient(145deg,#fff,#fdfcfd) !important;
  box-shadow: inset 0 1px 0 #fff,0 1px 2px #2d163704;
}
#webinarfuel-embed .wf_datetime_list .wf_datetime_radio.checked {
  border-color: #bd45a5 !important;
  background: linear-gradient(120deg,#fff8fd,#fbf0f9) !important;
  box-shadow: inset 0 0 0 1px #bd45a52e,inset 0 1px 0 #fff,0 3px 7px #8f31700a;
}
#webinarfuel-embed .wf_datetime_list .wf_datetime_radio:hover { border-color: #c69bbd !important; box-shadow: 0 3px 7px #8f31700b; }
#webinarfuel-embed .wf_datetime_scheduled_at,
#webinarfuel-embed .wf_datetime_radio[data-cb-label]::before { font-size: 16px !important; line-height: 1.3 !important; letter-spacing: -.02em; }
#webinarfuel-embed .wf_datetime_time_left { font-size: 12px !important; color: #7e7180 !important; }
#webinarfuel-embed .wf_datetime_radio .wf_datetime_icon_wrapper {
  left: 17px !important; width: 20px !important; height: 20px !important;
  background: linear-gradient(#fff,#f4f1f5) !important;
  box-shadow: inset 0 1px 2px #3d254113,0 0 0 1px #cfc5d2;
}
#webinarfuel-embed .wf_datetime_radio.checked .wf_datetime_icon_wrapper {
  background: linear-gradient(150deg,#ed4ccb,#b50091 85%) !important;
  box-shadow: inset 0 1px 0 #ffffff66,0 1px 3px #8a005c22;
}
#webinarfuel-embed .wf_datetime_radio[data-cb-countdown] .wf_datetime_time_left {
  position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important;
  margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important;
}
#webinarfuel-embed .wf_datetime_radio[data-cb-countdown]::after {
  content: attr(data-cb-countdown) / ''; display: block; color: #96427d;
  font: 600 12px/1.4 Manrope,Arial,sans-serif; font-variant-numeric: tabular-nums;
}
#webinarfuel-embed #wf_element_1134705 .wf_button[data-cb-cta-label],.mobile-sticky .button {
  border: 1px solid #71c331 !important; border-radius: 13px !important;
  background: linear-gradient(180deg,#b3ff6b 0%,#65ff2e 43%,#74df2d 100%) !important;
  color: #16220c !important; min-height: 78px; padding: 16px 12px !important; gap: 5px;
  box-shadow: inset 0 1px 1px #f3ffdc,0 3px 0 #58ab21,0 9px 18px -5px #47801540 !important;
  text-shadow: 0 1px 0 #e6ffbf80;
  transition: transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
#webinarfuel-embed #wf_element_1134705 .wf_button[data-cb-cta-label]:hover,.mobile-sticky .button:hover {
  background: linear-gradient(180deg,#bfff80 0%,#9bff51 43%,#7ee733 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: inset 0 1px 1px #f3ffdc,0 4px 0 #58ab21,0 13px 23px -5px #47801544 !important;
}
#webinarfuel-embed #wf_element_1134705 .wf_button[data-cb-cta-label]:active,.mobile-sticky .button:active {
  transform: translateY(2px) !important; box-shadow: inset 0 1px 2px #508d1930,0 1px 0 #58ab21,0 3px 8px #47801528 !important;
}
#webinarfuel-embed #wf_element_1134705 .wf_button[data-cb-cta-label]::before { font-size: 20px; font-weight: 800; letter-spacing: -.025em; }
#webinarfuel-embed #wf_element_1134705 .wf_button[data-cb-cta-detail]::after { font-size: 12px; font-weight: 600; color: #315218; }
#anmelden .registration-reassurance { font-size: 12px; margin-top: 17px; color: #756d77; }
#anmelden .registration-timezone { font-size: 10px; margin-top: 4px; }
#anmelden .ticket-footer { margin-top: 15px; padding-top: 13px; }
.benefit-grid { gap: 20px; }
.benefit,.benefit+.benefit { padding: 24px; border: 1px solid #fff; border-radius: 22px; background: linear-gradient(135deg,#fff,#f8f6f8); box-shadow: inset 0 1px 0 #fff,0 14px 30px -20px #34203938; }
.collage-icon svg { filter: drop-shadow(0 7px 5px #23112814); }
.icon-number { border-radius: 6px; box-shadow: inset 0 1px 0 #ffffff45,0 3px 0 #67465c,0 6px 10px #2e15301a; }
.hosts { background: radial-gradient(ellipse at 90% 5%,#532647 0,transparent 58%),linear-gradient(135deg,#211823,#121015); }
.host-photo { box-shadow: -4px 5px 0 #c82aa7,0 15px 35px #0005; }
.host-book { box-shadow: 4px 3px 0 #ac959e,10px 15px 23px #0006; }
.faq-list details { margin-bottom: 10px; padding: 0 20px; border: 1px solid #e7e1e7; border-radius: 13px; background: linear-gradient(145deg,#ffffffdc,#faf8fa); box-shadow: inset 0 1px 0 #fff,0 6px 16px -12px #3f26424d; }
.faq-list details:first-child { border-top: 1px solid #e7e1e7; }
.faq-list details[open] { border-color: #d4accd; }
.closing { border: 1px solid #fff; border-radius: 24px; background: radial-gradient(ellipse at 100% 0,#d6ffb49c,transparent 55%),linear-gradient(145deg,#fff,#faf5fa); box-shadow: inset 0 1px 0 #fff,0 22px 45px -25px #3c204a45; }
.closing h2 span { color: #b50091; background: transparent; padding: 0; }
.closing-invite { max-width: 340px; font-size: 12px; line-height: 1.8; margin-top: 14px; color: #766779; }
.closing .button { border: 1px solid #b90094; border-radius: 12px; background: linear-gradient(#ef37cc,#d300a9 60%,#b50091); box-shadow: inset 0 1px 0 #ffffff66,0 3px 0 #80006b,0 11px 23px -8px #9000794f; text-shadow: 0 1px 1px #70005f55; }
.closing .button:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 #ffffff66,0 5px 0 #80006b,0 15px 25px -8px #9000794f; }
@media(max-width:1100px) and (min-width:801px) {
  .hero-description { font-size: 12px; }
  .hero-proof { padding: 12px 16px; gap: 13px; margin-inline: 0; }
  .hero-proof strong { font-size: 12px; }
  #anmelden.registration-card { padding-inline: 16px; }
  #webinarfuel-embed .wf_datetime_radio[data-cb-label]::before { font-size: 15px !important; }
  #webinarfuel-embed #wf_element_1134705 .wf_button[data-cb-cta-label]::before { font-size: 18px; }
  #webinarfuel-embed #wf_element_1134705 .wf_button[data-cb-cta-detail]::after { font-size: 10px; }
}
@media(max-width:800px) {
  .hero-next-session { font-size: 11px; }
  .hero-proof { margin: 0 0 25px; }
  #anmelden.registration-card { padding: 26px 17px 19px; }
  .mobile-sticky .button { min-height: 50px; padding: 10px 12px !important; }
  .benefit,.benefit+.benefit { padding: 18px; }
}
@media(max-width:580px) {
  .question-doodle { display: none; }
  .hero-description { font-size: 13px; }
  .hero-proof { grid-template-columns: 43px 1fr; gap: 15px; padding: 13px 17px; }
  .hero-proof img { width: 39px; }
  .hero-proof strong { font-size: 12px; }
  .hero-proof span { font-size: 10px; }
  .benefit,.benefit+.benefit { padding: 22px 18px; margin-top: 14px; }
  .faq-list details { padding-inline: 16px; }
  .closing .button { font-size: 16px; }
  .closing-invite { font-size: 12px; }
}
@media(max-width:380px) {
  .hero-next-session { font-size: 10px; }
  #anmelden.registration-card { padding-inline: 11px; border-radius: 20px; }
  #anmelden #registration-heading { font-size: 23px; }
  #webinarfuel-embed .wf_datetime_list .wf_datetime_radio { padding-left: 40px !important; padding-right: 8px !important; }
  #webinarfuel-embed .wf_datetime_radio .wf_datetime_icon_wrapper { left: 12px !important; width: 18px !important; height: 18px !important; }
  #webinarfuel-embed .wf_datetime_radio[data-cb-label]::before { font-size: 15px !important; }
  #webinarfuel-embed #wf_element_1134705 .wf_button[data-cb-cta-label]::before { font-size: 18px; }
  #webinarfuel-embed #wf_element_1134705 .wf_button[data-cb-cta-detail]::after { font-size: 10px; }
  #anmelden .registration-reassurance { font-size: 11px; }
  .hero-proof { padding-inline: 12px; gap: 12px; }
  .hero-proof strong { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) {
  #webinarfuel-embed #wf_element_1134705 .wf_button[data-cb-cta-label]:hover,.mobile-sticky .button:hover,.header-cta:hover,.closing .button:hover { transform: none !important; }
}