/* ENDLICH DU V35 · Header: Plum→Orange diagonal, Blur hinter dem Text, weisse Felder 92 %, Trailer-Hover */
#hero.hero{background:linear-gradient(109deg,#8a4f7a 0%,#9a5a7c 45%,#d97a55 80%,#ec8f3e 100%)!important}
#hero .hero-head::before{
  content:''!important;display:block!important;position:absolute!important;
  inset:-30px -60px -24px!important;z-index:-1!important;pointer-events:none!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  background:radial-gradient(ellipse 70% 70% at 50% 45%,rgba(70,30,70,.22) 0%,rgba(90,40,80,.08) 60%,transparent 100%)!important;
  -webkit-mask-image:radial-gradient(ellipse 60% 62% at 50% 48%,#000 55%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 60% 62% at 50% 48%,#000 55%,transparent 100%)!important;
  filter:none!important;
}
@media (min-width:768px){
  #hero .hero-film-wall::after{background:linear-gradient(109deg,rgba(96,48,86,.28) 0%,rgba(130,68,104,.20) 45%,rgba(220,110,70,.22) 78%,rgba(240,140,50,.32) 100%)!important}
  #hero .v3-spot{background:
    linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.02)),
    linear-gradient(109deg,rgba(104,50,92,.48) 0%,rgba(132,64,104,.32) 40%,rgba(222,112,72,.30) 75%,rgba(240,138,48,.40) 100%),
    linear-gradient(180deg,transparent 55%,rgba(50,26,50,.20) 100%)!important}
}
@media (max-width:767px){
  #hero .hero-mobile-shade{background:
    linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.02)),
    linear-gradient(109deg,rgba(104,50,92,.46) 0%,rgba(132,64,104,.30) 40%,rgba(222,112,72,.28) 75%,rgba(240,138,48,.38) 100%),
    linear-gradient(180deg,transparent 55%,rgba(50,26,50,.18) 100%)!important}
  #hero .hero-head::before{inset:-20px -16px -16px!important;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 48%,#000 55%,transparent 100%)!important;mask-image:radial-gradient(ellipse 75% 65% at 50% 48%,#000 55%,transparent 100%)!important}
}
@media (min-width:768px){
  #hero .benefit-panel,#hero .countdown-wrap,#hero .trustbox-wrap{
    background-color:rgba(255,255,255,.92)!important;
    -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
    border-color:rgba(192,82,110,.18)!important}
}
@media (max-width:767px){
  #hero .mobile-benefits,#hero .countdown-wrap,#hero .trustbox-wrap.mobile-trust{
    background:rgba(255,255,255,.92)!important;
    -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
    border-color:rgba(192,82,110,.18)!important}
}
@media (hover:hover) and (min-width:768px){
  #trailer-frame,#trailer-frame .trailer-art,#trailer-frame .trailer-art::after,#trailer-frame .art-film-strip,#trailer-frame .play-trailer{transition:box-shadow 1.5s ease,filter 1.5s ease,opacity 1.5s ease,background 1.5s ease!important}
  #trailer-frame{box-shadow:0 26px 60px rgba(40,30,40,.30),0 0 0 6px rgba(255,255,255,.6),0 0 34px 4px rgba(255,255,255,.18)!important}
  #trailer-frame:hover{box-shadow:0 26px 60px rgba(90,40,60,.30),0 0 0 6px rgba(226,104,96,.85),0 0 38px 8px rgba(212,87,122,.55),0 0 80px 18px rgba(240,150,60,.32)!important}
  #trailer-frame .art-film-strip::before{background-image:repeating-linear-gradient(180deg,#e8794a 0,#e8794a 9px,transparent 9px,transparent 18px)!important}
  #trailer-frame .art-film-strip{filter:grayscale(1)}
  #trailer-frame:hover .art-film-strip{filter:grayscale(0)}
  #trailer-frame .play-trailer{background:linear-gradient(135deg,#d4577a,#e8794a 55%,#f0b43e)!important;border-color:rgba(255,255,255,.7)!important;filter:grayscale(1)}
  #trailer-frame:hover .play-trailer{filter:grayscale(0)}
  #trailer-frame .trailer-art{filter:brightness(.82)}
  #trailer-frame:hover .trailer-art{filter:brightness(1.05)}
  #trailer-frame:hover .trailer-art::after{opacity:.25}
}