/* addictivefilm.com – statische Version
   Farben/Typo aus dem Silverscreen-Child-Theme übernommen. */

/* ---------- Fonts (lokal gehostet, DSGVO) */
@font-face{font-family:"Lato";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/lato-300.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/lato-400.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/lato-700.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/open-sans-300.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/open-sans-400.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/open-sans-600.woff2") format("woff2")}

:root{
  --accent:#a28e7c;
  --bg:#000;
  --fg:#fff;
  --muted:#cecece;
  --head-h:96px;
  --gutter:clamp(16px,4vw,60px);
  --f-head:"Lato","Helvetica Neue",Arial,sans-serif;
  --f-body:"Open Sans","Helvetica Neue",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{background:#000;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-weight:300;font-size:16px;line-height:1.625;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
p{font-family:var(--f-head);font-weight:400;font-size:18px;line-height:24px;margin:0 0 1em}
ul,ol{margin:0;padding:0}
address{font-style:normal}
table{border-collapse:collapse}
td{padding:0 10px 0 0;text-align:left;vertical-align:top}

h1,h2,h3,h4,h5,h6,.h1,.h2{font-family:var(--f-head);color:#fff;font-weight:400;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}
h1,.h1{font-size:70px;line-height:1.1;font-weight:300}
h2,.h2{font-size:30px;line-height:1.3;font-weight:400}
h3{font-size:24px;line-height:1.2}
h4{font-size:18px;line-height:1.3}
h5{font-size:16px;line-height:1.3}
h6{font-size:14px;line-height:1.5;letter-spacing:2px;font-weight:400}
.ta-l{text-align:left}.ta-c{text-align:center}.ta-r{text-align:right}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:0;z-index:100;background:#fff;color:#000;padding:10px 16px}
.skip:focus{left:10px;top:10px}

/* ---------- Header */
.head{position:fixed;inset:0 0 auto 0;z-index:50;background:linear-gradient(to bottom,rgba(0,0,0,.85) 0,rgba(0,0,0,.55) 65%,rgba(0,0,0,0) 100%);transition:background .3s}
.head.is-scrolled{background:rgba(0,0,0,.92)}
.head__bar{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:var(--head-h);padding:14px var(--gutter) 10px}
.head__logo{position:absolute;left:var(--gutter);top:20px;display:block;width:clamp(150px,13vw,260px)}
.head__logo img{width:100%;height:auto}
.head__toggle{display:none}
.nav{text-align:center;width:100%}
.nav ul{list-style:none}
.nav__main{display:flex;justify-content:center;gap:4px 34px;flex-wrap:wrap;font:600 12px/36px var(--f-body);letter-spacing:2px;text-transform:uppercase}
.nav__main>li{position:relative}
.nav__main>li>a{display:block;padding:0 2px}
.nav__main>li.is-current>a{color:var(--accent)}
.nav__sub{position:absolute;left:50%;top:100%;transform:translate(-50%,6px);min-width:200px;background:rgba(0,0,0,.95);padding:12px 0;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;text-align:left}
.nav__sub a{display:block;padding:4px 22px;font-size:12px;line-height:22px}
@media (min-width:1101px){.has-sub:hover .nav__sub,.has-sub:focus-within .nav__sub{opacity:1;visibility:visible;transform:translate(-50%,0)}}
.subnav ul{display:flex;justify-content:center;flex-wrap:wrap;gap:0 18px;font:600 11px/26px var(--f-body);letter-spacing:2px;text-transform:uppercase}
.subnav li{white-space:nowrap}
@media (max-width:1600px){.subnav ul{letter-spacing:1.5px;gap:0 14px}}
@media (max-width:1300px){.subnav ul{letter-spacing:1px;gap:0 11px;font-size:10.5px}}
.subnav a.is-active{color:var(--accent)}

/* ---------- Abschnitte */
.sec{position:relative;padding:var(--head-h) 0 40px}
.sec__in{width:min(1640px,100% - 2 * var(--gutter));margin:0 auto}
.sec--full{min-height:100vh;display:flex;align-items:center}
.sec--full>.sec__in{display:flex;flex-direction:column;justify-content:center}
.sec--bg{background-color:#000;background-position:center;background-repeat:no-repeat;background-size:cover}
@media (min-width:1025px) and (hover:hover){.sec--bg{background-attachment:fixed}}
.sec+.sec{border-top:0}

.sp{height:20px}.sp-s{height:20px}.sp-m{height:40px}.sp-l{height:clamp(40px,7vh,100px)}

/* Elements Holder (2 Spalten 60/40 wie im Original) */
.eh{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%}
.eh--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.eh--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.eh--p60-40{grid-template-columns:60fr 40fr}
.eh--p40-60{grid-template-columns:40fr 60fr}
.eh--p66-33{grid-template-columns:2fr 1fr}
.eh--p33-66{grid-template-columns:1fr 2fr}
.ehi{min-width:0}
.eh--p60-40>.ehi+.ehi,.eh--two>.ehi+.ehi{padding:0 6% 0 8%}
.eh--two:not(.eh--p60-40)>.ehi:first-child{padding-right:3%}
.sec--full .eh{margin:auto 0}
@media (min-width:1024px){.sec--full .sec__in:has(>.col>.eh--p60-40){width:100%;padding-right:var(--gutter);max-width:1920px}}

.irow{display:flex;flex-wrap:wrap;width:100%}
.col{flex:1 1 100%;min-width:0}
.irow>.col{flex:1 1 0}
.w-1-2{flex:0 0 50%!important}.w-1-3{flex:0 0 33.333%!important}.w-2-3{flex:0 0 66.666%!important}
.w-1-4{flex:0 0 25%!important}.w-3-4{flex:0 0 75%!important}.w-1-6{flex:0 0 16.666%!important}.w-1-5{flex:0 0 20%!important}
.sec__in>.w-1-2{display:inline-block;vertical-align:top}
.irow .col{padding:0 12px}
.irow--cols{margin:0 -12px;width:calc(100% + 24px)}
.irow--cols>.col{padding:0 20px}

/* Texte */
.txt{margin:0}
.txt>*:last-child{margin-bottom:0}
.ehi .txt{margin-bottom:16px}
.ehi .txt.textcolumn{margin-bottom:0}
.textcolumn h6{font-size:14px;line-height:1.6}
.txt h6{color:#fff}
.txt h4{font-weight:400;letter-spacing:1px}
.txt a{text-decoration:underline;text-underline-offset:3px}
.txt a:has(img){text-decoration:none}

/* Bilder */
.simg{margin:0 0 12px}
.simg img{margin:0 auto}
.ehi .simg.title img{margin:0}
.simg.title{margin-bottom:22px}
.simg.title img{max-height:220px;width:auto}
.vodlogo{display:inline-block;margin:6px 14px 6px 0;vertical-align:middle}
.vodlogo img{height:38px;width:auto}

/* Buttons */
.btn{--b:var(--accent);--c:#fff;--hb:#fff;--hc:#000;display:inline-block;background:var(--b);color:var(--c);font:400 16px/1.4 var(--f-head);text-transform:uppercase;letter-spacing:1px;padding:14px 34px;margin:20px 12px 0 0;text-decoration:none!important;transition:background .2s,color .2s}
.btn:hover,.btn:focus-visible{background:var(--hb);color:var(--hc)}

/* Pfeil zum nächsten Abschnitt */
.next{display:block;width:60px;height:60px;margin:30px auto 0;color:#fff}
.next svg{width:100%;height:100%}
.next:hover{color:var(--muted)}
.next--up svg{transform:rotate(180deg)}

/* ---------- Slider (Bildkarussell) */
.slider{position:relative}
.slider__track{display:grid}
.slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s;display:flex;align-items:center;justify-content:center}
.slide.is-active{opacity:1;visibility:visible}
.slide img{width:100%}
.slider__dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:14px;min-height:20px}
.slider__dots button{width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.slider__dots button::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);transition:background .2s,transform .2s}
.slider__dots button[aria-selected="true"]::before{background:#fff;transform:scale(1.15)}

/* ---------- Video (2-Klick-Lösung) */
.video{position:relative;aspect-ratio:16/9;width:100%;background:#111 center/cover no-repeat;overflow:hidden}
.video::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);transition:background .25s}
.video:hover::before{background:rgba(0,0,0,.3)}
.video__btn{position:absolute;inset:0;width:100%;border:0;background:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;font:inherit}
.video__play{width:76px;height:76px;border-radius:50%;border:2px solid #fff;position:relative;transition:background .2s,border-color .2s}
.video__play::after{content:"";position:absolute;left:31px;top:23px;border-style:solid;border-width:15px 0 15px 22px;border-color:transparent transparent transparent #fff}
.video__btn:hover .video__play,.video__btn:focus-visible .video__play{background:var(--brand,var(--accent));border-color:var(--brand,var(--accent))}
.video__note{font-size:12px;line-height:1.4;max-width:360px;text-align:center;opacity:.85}
.video__ext{position:absolute;right:10px;bottom:8px;font-size:12px;z-index:2;text-decoration:underline}
.js .video__ext{display:none}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.ehi--video{align-self:center}
@media (max-width:600px){.video__note{display:none}.video__play{width:60px;height:60px}.video__play::after{left:24px;top:17px;border-width:12px 0 12px 18px}}

/* ---------- Tabs */
.tabs__nav{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.tabs__nav button{font:600 11px/1.6 var(--f-body);letter-spacing:1px;text-transform:uppercase;padding:6px 15px;border:1px solid #fff;background:#fff;color:#000;cursor:pointer}
.tabs__nav button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.tabs__nav button:hover{background:#000;color:#fff}

/* ---------- Section Title (VOD) */
.st__title{font-size:44px;line-height:1.1;margin-bottom:6px}
.st__sub{font-size:20px;text-transform:none;letter-spacing:.5px;line-height:1.3;margin-bottom:14px}
.st__text p{font-size:16px;line-height:24px}
.st__text .meta,.st__text span{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;color:var(--muted)}
.page-vod .sec{padding:60px 0}
.page-vod main>.sec:first-of-type{padding-top:calc(var(--head-h) + 20px)}
.page-vod .ehi--video{padding:0}
.page-vod .ehi+.ehi{padding:0 5%}
.page-vod .sec+.sec{border-top:1px solid #1a1a1a}

/* ---------- Partner-Logos */
.clients{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:30px;align-items:center}
.client{position:relative;padding:10px}
.client img{margin:0 auto;max-height:90px;width:auto}
.client__hover{position:absolute;inset:10px;margin:auto;opacity:0;transition:opacity .25s}
.client:hover .client__hover{opacity:1}

/* Exclusive Szenes Grid */
.grid-gallery{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}

/* ---------- Produktion / Founder */
.companyfounder .sec__in,#skills .sec__in,#partner .sec__in,#bts .sec__in{max-width:1300px}
.companyfounder .irow,.companyfounder .sec__in{align-items:flex-start}
#founder .col{padding:0 20px}
#skills .w-1-4 .simg img{max-height:80px;width:auto}
#skills .w-1-4{padding:20px 12px}
#bts .slider{max-width:1100px;margin:0 auto}

/* ---------- Showcase-Hero (Nachbau Revolution Slider) */
.sec--hero{padding:0}
.sec--hero>.sec__in{width:100%;max-width:none}
.rs{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000 center/cover no-repeat;overflow:hidden;padding:calc(var(--head-h) + 30px) var(--gutter) 40px;text-align:center}
.rs--full{min-height:100vh;min-height:100svh}

.rs__overlay{position:absolute;inset:0;background:rgba(0,0,0,.3)}
.rs--forum .rs__overlay{background:rgba(0,0,0,.17)}
.rs__center,.rs__bottom,.rs__next{position:relative;z-index:1}
.rs__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.rs__video.is-playing{opacity:1}
.rs__pause{position:absolute;right:16px;bottom:16px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.35);color:#fff;cursor:pointer;display:grid;place-items:center;padding:0}
.rs__pause svg{width:16px;height:16px}
.rs__pause .i-play{display:none}
.rs__pause.is-paused .i-play{display:inline}.rs__pause.is-paused .i-pause{display:none}
.rs__pause:hover{background:var(--accent);border-color:var(--accent)}
.rs__center{display:flex;flex-direction:column;align-items:center;width:100%}
.rs__kicker{font:600 22px/27px var(--f-body);letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0 0 26px}
.rs__kicker--box{background:#000;color:#e60000;font-weight:700;font-size:20px;padding:10px 20px}
.rs--forum .rs__kicker{font-weight:400;font-size:20px;margin-bottom:30px}
.rs__title{width:auto;max-width:100%;height:auto}
.rs--kfl .rs__title{width:900px}
.rs--fc .rs__title{width:1324px}
.rs--forum .rs__title{width:1000px}
.rs__tagline{font:600 24px/1.3 var(--f-body);text-transform:uppercase;letter-spacing:0;margin:26px 0 0;color:#fff}
.rs--fc .rs__tagline{font-weight:300;font-size:45px;line-height:1.15}
.rs--forum .rs__tagline{font-weight:400;font-size:30px;text-transform:none}
.rs__btn{margin:34px 0 0;padding:14px 62px}
.rs__laurels{width:400px;max-width:80%;margin-top:34px}
.rs__bottom{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:auto;padding-top:50px;width:100%}
.rs--full .rs__center{margin-top:auto}
.rs__credits{width:1000px;max-width:100%}
.rs--fc .rs__credits{width:1487px}
.rs__partner{width:1361px;max-width:100%}
.rs--fc .rs__partner{width:1778px}
.rs__next{margin:20px auto 0}
@media (prefers-reduced-motion:no-preference){
  .rs__kicker,.rs__title,.rs__tagline,.rs__trailer,.rs__laurels,.rs__bottom{animation:rsIn 1s ease both}
  .rs__title{animation-delay:.15s}.rs__tagline{animation-delay:.4s}.rs__trailer,.rs__laurels{animation-delay:.6s}.rs__bottom{animation-delay:.8s}
}
@keyframes rsIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (max-width:1366px){.rs--fc .rs__tagline{font-size:32px}.rs--forum .rs__tagline{font-size:26px}.rs__tagline{font-size:22px}}
@media (max-width:1023px){.rs__kicker{font-size:18px}.rs__tagline,.rs--fc .rs__tagline,.rs--forum .rs__tagline{font-size:22px}}
@media (max-width:767px){
  .rs{padding:calc(var(--head-h) + 30px) 16px 30px}
  .rs--full{min-height:auto}
  .rs__kicker,.rs__kicker--box{font-size:14px;margin-bottom:18px}
  .rs__kicker--box{padding:6px 12px}
  .rs__tagline,.rs--fc .rs__tagline,.rs--forum .rs__tagline{font-size:15px;letter-spacing:1px;margin-top:16px}
  .rs__btn{padding:13px 30px;margin-top:24px;display:inline-block}
  .rs__bottom{padding-top:36px}
  .rs__next{display:none}
}
.sec--hero .ehi .h2{margin-top:40px}
/* alt: */
.sec--hero .sec__in{text-align:center}
.hero{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
.hero__title{max-width:min(720px,100%);width:auto;max-height:260px}
.hero__tagline{font:400 18px/1.4 var(--f-head);text-transform:uppercase;letter-spacing:2px;margin:0}
.hero__video{width:min(640px,100%)}
.hero__credits,.hero__partner{max-width:min(620px,100%);width:auto;opacity:.95}
.sec--hero .h2{margin-top:30px}

/* ---------- Rechtliches */
.legal .sec__in{max-width:900px}
.legal__h{font-size:20px;line-height:1.3;margin:2em 0 .6em;text-transform:none;letter-spacing:.3px}
h3.legal__h{font-size:17px}
.legal p,.legal li{font:400 16px/1.6 var(--f-body)}
.legal ul{padding-left:1.2em;margin-bottom:1em}
.legal a{color:var(--accent)}

/* ---------- Footer */
.foot{background:#000;border-top:1px solid #1a1a1a;padding:60px 0 40px}
.foot__in{width:min(1100px,100% - 2 * var(--gutter));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.foot__h{font:600 13px/1.6 var(--f-body);letter-spacing:2px;text-transform:uppercase;margin:0 0 10px}
.foot address,.foot__links{font:400 14px/1.7 var(--f-head);color:#bbb}
.foot__links{list-style:none;text-transform:uppercase;letter-spacing:1px;font-size:12px}
.foot address a,.foot__links a{color:#bbb}
.foot address a:hover,.foot__links a:hover{color:var(--accent)}
.foot__social{display:inline-block;width:26px;height:26px;margin-top:16px;color:#fff}
.foot__social svg{width:100%;height:100%}

/* ---------- Responsive */
@media (max-width:1600px){h1,.h1{font-size:56px}h2,.h2{font-size:28px}p{font-size:16px;line-height:22px}}
@media (max-width:1199px){h1,.h1{font-size:48px}h2,.h2{font-size:24px}h3{font-size:21px}h6{font-size:12px}.st__title{font-size:36px}}

@media (max-width:1100px){
  :root{--head-h:64px}
  .head{background:#000}
  .head__bar{min-height:var(--head-h);align-items:center;justify-content:space-between;padding:0 var(--gutter)}
  .head__logo{position:static;width:150px}
  .head__toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:10px;margin-right:-10px}
  .head__toggle span{display:block;height:2px;background:#fff;transition:transform .25s,opacity .25s}
  .head__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .head__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .head__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .nav{position:fixed;inset:var(--head-h) 0 0 0;max-width:none;background:#000;overflow-y:auto;padding:20px var(--gutter) 40px;display:none;text-align:left}
  .nav.is-open{display:block}
  .nav__main{flex-direction:column;gap:0;font-size:16px;line-height:22px;letter-spacing:1px;font-weight:400}
  .nav__main>li>a{padding:12px 0;border-bottom:1px solid #1d1d1d}
  .nav__sub{position:static;opacity:1;visibility:visible;transform:none;background:none;padding:4px 0 8px 16px;min-width:0}
  .nav__sub a{font-size:14px;padding:8px 0}
  .subnav{margin-top:24px}
  .subnav ul{flex-direction:column;gap:0;font-size:12px;line-height:20px}
  .subnav a{display:block;padding:8px 0;color:#bbb}
  body.menu-open{overflow:hidden}
}

@media (max-width:1023px){
  .eh,.eh--p60-40,.eh--p40-60,.eh--three,.eh--four{grid-template-columns:1fr;row-gap:28px}
  .eh--p60-40>.ehi+.ehi,.eh--two>.ehi+.ehi,.page-vod .ehi+.ehi{padding:0 4%}
  .sec{padding-bottom:50px}
  .sec--full{min-height:auto;padding-top:calc(var(--head-h) + 40px)}
  .nomobile{display:none!important}
  .simg.title img{max-height:160px}
  .w-1-4,.w-1-6,.w-1-5{flex:0 0 50%!important}
  .grid-gallery{grid-template-columns:repeat(3,1fr)}
  .page-vod .sec{padding:40px 0}
}
@media (max-width:767px){
  h1,.h1{font-size:40px}h2,.h2{font-size:21px}h3{font-size:19px}h6{font-size:12px;line-height:18px}
  p{font-size:15px;line-height:21px}
  .sec--bg{background-image:none!important}
  .sec--full{padding-top:calc(var(--head-h) + 24px)}
  .w-1-2,.w-1-3,.w-2-3{flex:0 0 100%!important}
  .eh--p60-40>.ehi+.ehi,.eh--two>.ehi+.ehi,.page-vod .ehi+.ehi{padding:0}
  .btn{display:block;text-align:center;margin-right:0;padding:14px 20px;font-size:15px}
  .st__title{font-size:30px}.st__sub{font-size:17px}
  .foot__in{grid-template-columns:1fr}
  .grid-gallery{grid-template-columns:repeat(2,1fr)}
  .hero__tagline{font-size:15px}
  .sp-l{height:16px}.sp-m{height:20px}
  .sec{padding-bottom:36px}
  .slider__dots{gap:2px}
}
@media (max-width:765px){.nosmartphone{display:none!important}}
@media (max-width:420px){h1,.h1{font-size:32px}h2,.h2{font-size:18px}}
@media print{.head,.next,.slider__dots,.video{display:none}body,.sec{background:#fff!important;color:#000}h1,h2,h3,h4,h5,h6,.h1,.h2,p{color:#000}}

/* ---------- Video-Galerien (ehemals Wonderplugin) + Lightbox */
.vgal__grid{list-style:none;display:grid;gap:8px}
.vgal__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vgal__li--hidden,.vgal__li[hidden]{display:none}
.vgal__item{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#111;color:#fff}
.vgal__item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.vgal__item:hover img,.vgal__item:focus-visible img{transform:scale(1.04)}
.vgal__ph{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font:400 18px/1.3 var(--f-head);text-transform:uppercase;letter-spacing:1px;background:#1b1b1b}
.vgal__cap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5%;background:rgba(0,0,0,.8);opacity:0;transition:opacity .3s;text-align:center}
.vgal__item:hover .vgal__cap,.vgal__item:focus-visible .vgal__cap{opacity:1}
.vgal__t{font:400 22px/1.2 var(--f-body);text-transform:uppercase;letter-spacing:1px}
.vgal__d{font:300 16px/1.3 var(--f-body)}
.vgal--single .vgal__t{font-size:28px}.vgal--single .vgal__d{font-size:18px}
.vgal__play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,.35);z-index:1;transition:opacity .3s}
.vgal__play::after{content:"";position:absolute;left:25px;top:18px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent #fff}
.vgal__item:hover .vgal__play,.vgal__item:focus-visible .vgal__play{opacity:0}
.vgal__ext{position:absolute;right:10px;top:8px;z-index:1;font-size:20px}
.vgal__count{margin:10px 0 0;font:600 11px/1.6 var(--f-body);letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.vgal__note{font:300 12px/1.5 var(--f-body);color:#aaa;margin:10px 0 14px}
.vgal__note a{text-decoration:underline}
.vgal__filter{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-bottom:6px}
.vgal__filter button{background:none;border:0;color:#fff;cursor:pointer;padding:6px 0;font:600 12px/1.4 var(--f-body);letter-spacing:2px;text-transform:uppercase}
.vgal__filter button:hover,.vgal__filter button[aria-pressed="true"]{color:var(--accent)}
.page-videos .vgal__note{text-align:center}
@media (hover:none){.vgal__cap{opacity:1;inset:auto 0 0 0;padding:8px 10px;background:rgba(0,0,0,.75)}.vgal__t{font-size:15px}.vgal__d{font-size:13px}.vgal__play{opacity:1!important}.vgal--single .vgal__t{font-size:18px}.vgal--single .vgal__d{font-size:14px}}
@media (max-width:1100px){.vgal__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.vgal__grid--3{grid-template-columns:1fr}}

.lb{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 70px 40px}
.lb[hidden]{display:none}
.lb__frame{position:relative;width:min(1200px,100%,(100vh - 140px) * 16 / 9);aspect-ratio:16/9;background:#000}
.lb__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lb__bar{width:min(1200px,100%,(100vh - 140px) * 16 / 9);display:flex;justify-content:space-between;gap:20px;margin-top:10px;font:400 14px/1.4 var(--f-body);color:#ddd}
.lb__btn{position:absolute;background:none;border:0;color:#fff;cursor:pointer;width:52px;height:52px;display:grid;place-items:center;padding:0}
.lb__btn svg{width:34px;height:34px}
.lb__btn:hover{color:var(--accent)}
.lb__close{top:8px;right:12px}
.lb__prev{left:10px;top:50%;margin-top:-26px}
.lb__next{right:10px;top:50%;margin-top:-26px}
.lb__prev svg{transform:rotate(90deg)}.lb__next svg{transform:rotate(-90deg)}
@media (max-width:767px){.lb{padding:56px 8px 70px}.lb__prev,.lb__next{top:auto;bottom:10px;margin:0}.lb__prev{left:calc(50% - 64px)}.lb__next{right:calc(50% - 64px)}}
.sec--hero .eh{display:block;text-align:center;padding:10px 0 30px}

/* Lesbarkeit auf hellen Film-Hintergründen */
.page-films .sec--bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.35) 55%,rgba(0,0,0,.7) 100%);pointer-events:none}
.page-films .sec--bg .eh{position:relative;z-index:1}
.page-films .sec--bg .irow.nosmartphone{position:relative;z-index:1}
.rs__pause[hidden]{display:none}
@media (max-width:767px){.btn{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}}

/* ---------- Onepager-Navigation: jede Section füllt genau den Viewport, Pfeil immer sichtbar */
@media (min-width:1024px){
  .sec--full{min-height:100vh;min-height:100svh;padding:calc(var(--head-h) + 10px) 0 92px;align-items:center}
  .sec--full .sp-l,.sec--full .sp-m{display:none}
  .sec--full .irow.nosmartphone:has(.next){position:absolute;left:0;right:0;bottom:22px;width:auto}
  .sec--full .next{width:48px;height:48px;margin:0 auto}
  .sec--full .slide img{width:auto;max-width:100%;max-height:calc(100svh - var(--head-h) - 170px)}
  .sec--full .simg.title img{max-height:min(200px,17vh)}
  .sec--full .video{max-width:calc((100svh - var(--head-h) - 200px) * 1.7778);margin:0 auto}
  .sec--full .ehi .txt{margin-bottom:12px}
  .rs--full .rs__next{position:absolute;left:0;right:0;bottom:22px;width:48px;height:48px;margin:0 auto}
  .rs--full{padding-bottom:92px}
}
/* Viewport-Anpassung bei geringer Höhe (Laptops) */
@media (min-width:1024px){
  .rs__title{max-height:22vh;width:auto!important;max-width:min(100%,1324px)}
  .rs__credits{max-height:13vh;width:auto!important}
  .rs__partner{max-height:5.5vh;width:auto!important}
  .rs__laurels{max-height:12vh;width:auto}
}
@media (min-width:1024px) and (max-height:920px){
  .rs__kicker{margin-bottom:14px}.rs__tagline{margin-top:14px}.rs__btn{margin-top:20px}.rs__laurels{margin-top:18px}
  .rs__bottom{padding-top:24px;gap:8px}
  .rs--fc .rs__tagline{font-size:30px}
  .page-films .sec--full .ehi p{font-size:14px;line-height:19px}
  .page-films .sec--full .simg{margin-bottom:6px}
  .page-films .sec--full .simg.title img{max-height:13vh}
  .page-films .sec--full .simg.nomobile img{max-height:16vh;width:auto}
  .page-films .st__sub,.page-films h3{font-size:19px}
  .sec--full .btn{margin-top:12px;padding:11px 26px}
}
@media (min-width:1024px) and (max-height:920px){
  .sec--full{padding-top:calc(var(--head-h) + 2px);padding-bottom:78px}
  .sec--full .irow.nosmartphone:has(.next){bottom:16px}
}
/* Mockup-Slider (Screens im Anschnitt) immer bündig am linken Browserrand */
.eh--p60-40>.ehi:first-child:has(>.slider) .slide{justify-content:flex-start}
.eh--p60-40>.ehi:first-child:has(>.slider) .slide img{margin-left:0}
@media (max-width:1023px){
  .eh--p60-40>.ehi:first-child:has(>.slider){margin-left:calc(-1 * var(--gutter));width:calc(100% + var(--gutter))}
}
.sec--full .irow.nosmartphone:has(.next){pointer-events:none}
.sec--full .next{pointer-events:auto}

/* Sprungmarken der Seite: Desktop in der zweiten Zeile, mobil unter dem aktiven Menüpunkt */
.nav__anchors{display:none}
@media (max-width:1100px){
  .subnav{display:none}
  .nav__anchors{display:block;list-style:none;padding:2px 0 10px 16px;border-left:1px solid #333;margin:2px 0 8px 2px}
  .nav__anchors a{display:block;padding:7px 0;font:600 12px/18px var(--f-body);letter-spacing:2px;text-transform:uppercase;color:#bbb}
  .nav__anchors a.is-active{color:var(--accent)}
}
.nav__sub a[aria-current]{color:var(--accent)}

/* Slider: Klick aufs Bild blättert, runder schwarzer Pfeil-Cursor (links zurück, rechts weiter) */
@media (hover:hover) and (pointer:fine){
  .slider.has-nav .slider__track{cursor:url("../icons/cursor-next.svg") 20 20,e-resize}
  .slider.has-nav .slider__track.is-prev{cursor:url("../icons/cursor-prev.svg") 20 20,w-resize}
}
.slider__track{user-select:none;-webkit-user-select:none}
.slider__track img{-webkit-user-drag:none}
/* Production: LinkedIn/Xing nebeneinander unter dem Foto */
.txt:has(> a > img[src*="linkedin"]){display:flex;gap:10px;align-items:center;justify-content:flex-start;margin-top:14px}
.txt:has(> a > img[src*="linkedin"]) a{display:block;line-height:0;transition:opacity .2s}
.txt:has(> a > img[src*="linkedin"]) a:hover{opacity:.75}
.txt:has(> a > img[src*="linkedin"]) img{width:40px;height:40px;margin:0}
/* Production: Founder-Überschrift und Foto/Text näher zusammen */
#founder{padding-bottom:0}
#founder+.sec.companyfounder{padding-top:28px}
#founder .sp-s{display:none}
.page-production .sp-l{height:24px}

/* goldenes Logo */
.foot__logo{width:150px;height:auto;margin:0 0 14px}
.prod-logo{width:min(440px,80%);height:auto;margin:0 auto}
.page-production #filmproduction .simg{margin-bottom:34px}
.page-production .sec{padding-bottom:0}
.page-production .sp-l{height:0}
.page-production #filmproduction{padding-top:calc(var(--head-h) + 40px)}
.page-production main>.sec:last-of-type{padding-bottom:60px}

/* ---------- Skills (Production) – Icon, Topline, Headline, Text */
.skills2 .sec__in{max-width:1400px}
.skills2__head{margin-bottom:56px}
.skills2__group+.skills2__group{margin-top:64px}
.skills2__gtitle{font:600 12px/1.5 var(--f-body);letter-spacing:3px;color:var(--accent);text-align:center;margin:0 0 28px;display:flex;align-items:center;gap:20px}
.skills2__gtitle::before,.skills2__gtitle::after{content:"";flex:1;height:1px;background:#2a2a2a}
.skills2__grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 36px}
.skills2__grid--5{grid-template-columns:repeat(5,minmax(0,1fr));gap:44px 28px}
.skill{padding-top:6px}
.skill__icon{width:auto;height:56px;max-width:84px;object-fit:contain;object-position:left center;margin:0 0 20px}
.skill__top{font:400 12px/1.4 var(--f-head);letter-spacing:2px;text-transform:uppercase;color:#bbb;margin:0 0 4px}
.skill__head{font:400 22px/1.2 var(--f-head);letter-spacing:1px;text-transform:uppercase;margin:0 0 12px}
.skill__text{font:400 15px/1.55 var(--f-head);color:#d6d6d6;margin:0}
@media (max-width:1279px){.skills2__grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.skills2__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills2__grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.skills2__grid,.skills2__grid--5{grid-template-columns:1fr;gap:32px}.skill__head{font-size:20px}.skills2__head{margin-bottom:36px}}

/* Footer: eine Zeile, Logo links, Infos mit Punkten getrennt */
.foot{padding:34px 0}
.foot .foot__in{display:flex;align-items:center;justify-content:center;gap:16px 36px;flex-wrap:wrap;grid-template-columns:none}
.foot .foot__logo{width:140px;margin:0;flex:none}
.foot__row{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0;padding:0;font:400 13px/1.6 var(--f-head);letter-spacing:1px;color:#bbb}
.foot__row li+li::before{content:"·";margin:0 12px;color:var(--accent)}
.foot__row a{color:#bbb}
.foot__row a:hover{color:var(--accent)}
@media (max-width:767px){.foot .foot__in{flex-direction:column}.foot__row{flex-direction:column;gap:4px}.foot__row li+li::before{display:none}}

/* Tabs: mittig über dem Video, Buttons schwarz, aktiv gold */
.tabs__nav{justify-content:center}
.tabs__nav button{background:#000;color:#fff;border:1px solid rgba(255,255,255,.28)}
.tabs__nav button:hover{background:#000;color:var(--accent);border-color:var(--accent)}
.tabs__nav button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.tabs--names .tabs__nav button{padding:6px 12px}
/* Headlines in der Textspalte nie über den Rand laufen lassen */
.eh--p60-40>.ehi+.ehi{container-type:inline-size}
.eh--p60-40>.ehi+.ehi .h1{font-size:min(var(--h1fs,70px),11.5cqw);overflow-wrap:break-word}
@media (min-width:1024px){.sec--full .sec__in:has(>.col>.eh--p60-40){padding-right:max(var(--gutter),48px)}}
:root{--h1fs:70px}
@media (max-width:1600px){:root{--h1fs:56px}}
@media (max-width:1199px){:root{--h1fs:48px}}
@media (max-width:767px){:root{--h1fs:40px}}
@media (max-width:420px){:root{--h1fs:32px}}

/* CI-Gold für große Headlines (Startseite + Production) */
.page-services .h1,.page-production .h1{color:var(--accent)}
/* abgedunkelter Hintergrund für neue Section */
.sec--dim::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.74);pointer-events:none}
.sec--dim .eh,.sec--dim .irow.nosmartphone{position:relative;z-index:1}

/* Trailers: große Filmtitel */
.page-vod .st__title{font-size:clamp(40px,5.2vw,88px);line-height:1.05;margin-bottom:10px}
/* Production: Social-Icons und Button bündig in einer Zeile */
.founder-actions{display:flex;flex-wrap:wrap;margin:26px -20px 0;width:calc(100% + 40px)}
.founder-actions__l,.founder-actions__r{flex:0 0 50%;padding:0 20px;display:flex;align-items:flex-start}
.founder-actions .txt{margin:0!important}
.founder-actions .btn{margin:0}
@media (max-width:767px){.founder-actions__l,.founder-actions__r{flex:0 0 100%}.founder-actions__r{margin-top:20px}}
/* Showcases: Buttons im Branding des Films */
.page-killing-for-love main .btn{--b:#c90c0f;--c:#fff;--hb:#000;--hc:#fff}
.page-the-forecaster main .btn{--b:#ba8f12;--c:#fff;--hb:#000;--hc:#fff}
.page-the-forum main .btn{--b:#24b9b0;--c:#fff;--hb:#000;--hc:#fff}
.video--mono .video__btn:hover .video__play,.video--mono .video__btn:focus-visible .video__play{background:#fff;border-color:#fff}.video--mono .video__btn:hover .video__play::after,.video--mono .video__btn:focus-visible .video__play::after{border-color:transparent transparent transparent #000}

/* ---- generiert aus WordPress-Inhalten ---- */
.b-038b58{--b:#8e872e;--c:#ffffff;--hb:#ffffff;--hc:#8e872e}
.b-06d6c7{--b:#c90c0f;--c:#ffffff;--hb:#000000;--hc:#ffffff}
.b-0b8263{--b:#aa3815;--c:#ffffff;--hb:#000000;--hc:#aa3815}
.b-19f9da{--b:#754e30;--c:#ffffff;--hb:#000000;--hc:#754e30}
.b-421506{--b:#c90c0f;--hb:#000;--hc:#fff}
.b-456635{--b:#89a814;--c:#ffffff;--hb:#000000;--hc:#89a814}
.b-684254{--b:#007896;--c:#ffffff;--hb:#ffffff;--hc:#007896}
.b-71515e{--b:#8d862e;--c:#ffffff;--hb:#000000;--hc:#8d862e}
.b-84cac1{--b:#ffffff;--c:#000000;--hb:#000000;--hc:#ffffff}
.b-8d4549{--b:#ba8f12;--hb:#000;--hc:#fff}
.b-aca9bd{--b:#24b9b0;--c:#ffffff;--hb:#000000;--hc:#24b9b0}
.b-ace2a7{--b:#a71e1a;--c:#ffffff;--hb:#ffffff;--hc:#a71e1a}
.b-ae75fc{--b:#753922;--c:#ffffff;--hb:#ffffff;--hc:#753922}
.b-b785d9{--b:#c90c0f;--c:#ffffff;--hb:#000000;--hc:#c90c0f}
.b-bb4b63{--b:#24b9b0;--c:#ffffff;--hb:#000000;--hc:#ffffff}
.b-bc2fe9{--b:#000000;--c:#ffffff;--hb:#ffffff;--hc:#000000}
.b-c1097d{--b:#af0917;--c:#ffffff;--hb:#ffffff;--hc:#af0917}
.b-cc45e4{--b:#af0917;--c:#ffffff;--hb:#000000;--hc:#af0917}
.b-d456a9{--b:#ba8f12;--c:#ffffff;--hb:#000000;--hc:#ffffff}
.b-d68026{--b:#ba8f12;--c:#ffffff;--hb:#ffffff;--hc:#ba8f12}
.b-dd43e0{--b:#aa3815;--c:#ffffff;--hb:#ffffff;--hc:#aa3815}
.b-e05a69{--b:#c90c0f;--c:#ffffff;--hb:#ffffff;--hc:#c90c0f}
.b-e716d5{--b:#ba8f12;--c:#ffffff;--hb:#000000;--hc:#ba8f12}
.b-eec4a2{--b:#a71e1a;--c:#ffffff;--hb:#000000;--hc:#a71e1a}
.b-f6c641{--b:#24b9b0;--hb:#000;--hc:#fff}
.b-fd141d{--b:#24b9b0;--c:#ffffff;--hb:#ffffff;--hc:#24b9b0}
.bg-10182{background-image:url("../img/addictivefilm_exclusive-szenes_bg.webp")}
.bg-10203{background-image:url("../img/addictivefilm_exclusive-szenes_bg2.webp")}
.bg-10208{background-image:url("../img/addictivefilm_dvdbox_bg.webp")}
.bg-10222{background-image:url("../img/addictivefilm_killingforlove_advertisment_bg.webp")}
.bg-10244{background-image:url("../img/addictivefilm_bg_services-websites3-1920.webp")}
.bg-10249{background-image:url("../img/addictivefilm_bg_services-videoproduction-1920.webp")}
.bg-10251{background-image:url("../img/addictivefilm_bg_services-videoondemand-1920.webp")}
.bg-10258{background-image:url("../img/addictivefilm_bg_services-secondscreen-1920.webp")}
.bg-10263{background-image:url("../img/addictivefilm_bg_services-audienceengagement-1920.webp")}
.bg-10265{background-image:url("../img/addictivefilm_bg_services-crosschanneldistribution-1920.webp")}
.bg-10267{background-image:url("../img/addictivefilm_bg_services-storytelling2-1920.webp")}
.bg-10287{background-image:url("../img/TheForecaster_showcase_introduction.webp")}
.bg-10310{background-image:url("../img/TheForecaster_showcase_trailer.webp")}
.bg-10316{background-image:url("../img/TheForecaster_showcase_bonusvideos.webp")}
.bg-10322{background-image:url("../img/TheForecaster_showcase_Interactive_bg.webp")}
.bg-10342{background-image:url("../img/Megamenu_Films_Mein-Vater-der-Tuerke.webp")}
.bg-10356{background-image:url("../img/TheForecaster_showcase_bonusvods.webp")}
.bg-10373{background-image:url("../img/TheForecaster_showcase_exclusivescenes.webp")}
.bg-10392{background-image:url("../img/addictivefilm_theforecaster_bg.webp")}
.bg-10411{background-image:url("../img/addictivefilm_theforecaster_socialmedia_bg.webp")}
.bg-10425{background-image:url("../img/TheForecaster_showcase_Interactive_bg2.webp")}
.bg-10502{background-image:url("../img/addictivefilm_TheForum_filmwebsite_bg.webp")}
.bg-10521{background-image:url("../img/addictivefilm_TheForum_exclusive-scenes_bg.webp")}
.bg-10541{background-image:url("../img/addictivefilm_paralellbackground_forum-trailer.webp")}
.bg-10542{background-image:url("../img/addictivefilm_paralellbackground_thecourt_forum-landingpage-1.webp")}
.bg-10543{background-image:url("../img/addictivefilm_paralellbackground_forum-dvd-1.webp")}
.bg-10581{background-image:url("../img/Martin-Armstrong-VOD_Interview2018-1.webp")}
.bg-10582{background-image:url("../img/Martin-Armstrong-VOD_Live-Recoring-2015.webp")}
.bg-10583{background-image:url("../img/Martin-Armstrong-VOD_Solution-Conference.webp")}
.bg-10584{background-image:url("../img/Martin-Armstrong-VOD_Interview-2015.webp")}
.bg-10766{background-image:url("../img/BERLIN-Tunnel-to-freedom-bg.webp")}
.bg-10773{background-image:url("../img/War-and-Justice_bg_preview.webp")}
.bg-4250{background-image:url("../img/Killing-for-love-bg.webp")}
.bg-4374{background-image:url("../img/test.webp")}
.bg-4483{background-image:url("../img/addictivefilm_paralellbackground_newsarchive.webp")}
.bg-4497{background-image:url("../img/addictivefilm_paralellbackground_loveletters_.webp")}
.bg-4527{background-image:url("../img/addictivefilm_paralellbackground_thecourt_videoondemand.webp")}
.bg-4684{background-image:url("../img/CinemaJenin_bg.webp")}
.bg-4833{background-image:url("../img/DasVersprechen.webp")}
.bg-4840{background-image:url("../img/Forecaster-Trailer-Preview2.webp")}
.bg-4849{background-image:url("../img/After-the-silence-Trailer-Preview.webp")}
.bg-5266{background-image:url("../img/ThePromise_Protagonists_TonyBuchanan_EN-1920.webp")}
.bg-5268{background-image:url("../img/ThePromise_Protagonists_TomElliott_EN-1920.webp")}
.bg-5269{background-image:url("../img/ThePromise_Protagonists_StevenRosenfield_EN-1920.webp")}
.bg-5270{background-image:url("../img/ThePromise_Protagonists_RickyGardner_EN-1920.webp")}
.bg-5272{background-image:url("../img/ThePromise_Protagonists_RichZorn_EN-1920.webp")}
.bg-5273{background-image:url("../img/ThePromise_Protagonists_JudgeSweeney_EN-1920.webp")}
.bg-5274{background-image:url("../img/ThePromise_Protagonists_Gail-Marshall_EN-1920.webp")}
.bg-5276{background-image:url("../img/ThePromise_Protagonists_GailBall-DaveWatson_EN-1920.webp")}
.bg-5277{background-image:url("../img/ThePromise_Protagonists_EdSulzbach_EN-1920.webp")}
.bg-5280{background-image:url("../img/ThePromise_Protagonists_ChuckReid_EN-1920.webp")}
.bg-5281{background-image:url("../img/ThePromise_Protagonists_CarlosSantos_EN-1920.webp")}
.bg-5449{background-image:url("../img/5_Presse_Abdullah.webp")}
.bg-8433{background-image:url("../img/Martin_Armstrong_The_Forcaster_Behindthescenes_29-1.webp")}
.bg-9456{background-image:url("../img/addictivefilm_films_killingforlove_bg.webp")}
.bg-9460{background-image:url("../img/Martin_Armstrong_The_Forcaster_bg.webp")}
.bg-9482{background-image:url("../img/After-the-silence-bg2.webp")}
.bg-9491{background-image:url("../img/The_Forecaster_martin_armstrong_Credits.webp")}
.bg-9495{background-image:url("../img/Hunger-bg1-1.webp")}
.bg-9504{background-image:url("../img/10000hectareparadies-cover.webp")}
.bg-9689{background-image:url("../img/adverstismentmaterails_bg.webp")}
.bg-9843{background-image:url("../img/addictivefilm_paralellbackground_livestreaming.webp")}
.bg-9854{background-image:url("../img/Storytelling-parallex.webp")}
.bg-9857{background-image:url("../img/Storytelling-parallex02.webp")}
.im-42ceb6{max-width:120px;max-height:80px;width:auto}
.im-695c84{max-width:500px;max-height:215px;width:auto}
.im-7bf6ac{max-width:80px;max-height:80px;width:auto}
.rsbg-0efae0{background-image:url("../img/kfl-bg-poster.webp")}
.rsbg-4080fd{background-image:url("../img/forum-bg-poster.webp")}
.rsbg-e601b6{background-image:url("../img/forecaster-bg-poster.webp")}
.s-24ddd6{font-size:9pt}
.s-2b7e62{color:#c90c0f}
.s-477abd{color:#007896}
.s-5db658{color:#8e872e}
.s-6b9c17{font-size:12px}
.s-756306{color:#ba8f12}
.s-7e00bf{color:#753922}
.s-b8c27d{font-size:12pt}
.s-bc08a7{color:#aa3815}
.s-bf1346{color:#24b9b0}
.s-ca95e6{color:#a71e1a}
.th-vimeo-112432439{background-image:url("../img/thumbs/vimeo-112432439.webp")}
.th-vimeo-122686063{background-image:url("../img/thumbs/vimeo-122686063.webp")}
.th-vimeo-132940779{background-image:url("../img/thumbs/vimeo-132940779.webp")}
.th-vimeo-135450317{background-image:url("../img/thumbs/vimeo-135450317.webp")}
.th-vimeo-135450318{background-image:url("../img/thumbs/vimeo-135450318.webp")}
.th-vimeo-135450319{background-image:url("../img/thumbs/vimeo-135450319.webp")}
.th-vimeo-135450573{background-image:url("../img/thumbs/vimeo-135450573.webp")}
.th-vimeo-137683446{background-image:url("../img/thumbs/vimeo-137683446.webp")}
.th-vimeo-140847397{background-image:url("../img/thumbs/vimeo-140847397.webp")}
.th-vimeo-175811603{background-image:url("../img/thumbs/vimeo-175811603.webp")}
.th-vimeo-175813559{background-image:url("../img/thumbs/vimeo-175813559.webp")}
.th-vimeo-181312465{background-image:url("../img/thumbs/vimeo-181312465.webp")}
.th-vimeo-197596714{background-image:url("../img/thumbs/vimeo-197596714.webp")}
.th-vimeo-244775312{background-image:url("../img/thumbs/vimeo-244775312.webp")}
.th-vimeo-300424209{background-image:url("../img/thumbs/vimeo-300424209.webp")}
.th-vimeo-374170338{background-image:url("../img/thumbs/vimeo-374170338.webp")}
.th-vimeo-384323076{background-image:url("../img/thumbs/vimeo-384323076.webp")}
.th-vimeo-425556280{background-image:url("../img/thumbs/vimeo-425556280.webp")}
.th-vimeo-467443258{background-image:url("../img/thumbs/vimeo-467443258.webp")}
.th-vimeo-467443789{background-image:url("../img/thumbs/vimeo-467443789.webp")}
.th-vimeo-467444505{background-image:url("../img/thumbs/vimeo-467444505.webp")}
.th-vimeo-467444838{background-image:url("../img/thumbs/vimeo-467444838.webp")}
.th-vimeo-467445733{background-image:url("../img/thumbs/vimeo-467445733.webp")}
.th-vimeo-467446066{background-image:url("../img/thumbs/vimeo-467446066.webp")}
.th-vimeo-467446516{background-image:url("../img/thumbs/vimeo-467446516.webp")}
.th-vimeo-470928624{background-image:url("../img/thumbs/vimeo-470928624.webp")}
.th-vimeo-572917756{background-image:url("../img/thumbs/vimeo-572917756.webp")}
.th-vimeo-78454444{background-image:url("../img/thumbs/vimeo-78454444.webp")}
.th-vimeo-942696595{background-image:url("../img/thumbs/vimeo-942696595.webp")}
.th-youtube-MrjEYoLUztg{background-image:url("../img/thumbs/youtube-MrjEYoLUztg.webp")}
.th-youtube-P2ZjNOHyG7U{background-image:url("../img/thumbs/youtube-P2ZjNOHyG7U.webp")}
.th-youtube-W9pgYm1L3mM{background-image:url("../img/thumbs/youtube-W9pgYm1L3mM.webp")}
.th-youtube-avDOZevkRMc{background-image:url("../img/thumbs/youtube-avDOZevkRMc.webp")}
.th-youtube-o1DwWFsahBQ{background-image:url("../img/thumbs/youtube-o1DwWFsahBQ.webp")}
.th-youtube-pPZ0i4iVWaI{background-image:url("../img/thumbs/youtube-pPZ0i4iVWaI.webp")}