/* Alle styling zit in de plugin; geen Astra Extra CSS nodig. */
.ttv-hero-slider,.ttv-hero-slider *{box-sizing:border-box}
.ttv-hero-slider{width:100%;max-width:none;margin:0;padding:0}
.ttv-hero-slider__frame{position:relative;width:100%;height:500px;overflow:hidden;background:#102b48;isolation:isolate}
.ttv-hero-slider__slides,.ttv-hero-slider__picture,.ttv-hero-slider__slide{position:absolute;inset:0;width:100%;height:100%}
.ttv-hero-slider__picture{opacity:0;transition:opacity 900ms ease-in-out}
.ttv-hero-slider__picture.is-active{opacity:1}
.ttv-hero-slider__slide{object-fit:cover;object-position:center 47%}
.ttv-hero-slider__frame::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,29,56,.48),transparent 65%),linear-gradient(0deg,rgba(5,26,50,.52),rgba(5,26,50,.06) 37%,transparent 72%)}
.ttv-hero-slider__content{position:absolute;z-index:2;left:clamp(26px,4%,65px);right:24px;top:42px;bottom:auto;max-width:650px;color:#fff;text-align:left}
.ttv-hero-slider__content h2{margin:0 0 8px;color:#fff;font-size:clamp(28px,2.5vw,37px);font-weight:750;line-height:1.12;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.ttv-hero-slider__content p{margin:0 0 15px;color:#fff;font-size:clamp(16px,1.25vw,19px);line-height:1.35}
.ttv-hero-slider__actions{display:flex;flex-wrap:wrap;gap:10px}
.ttv-hero-slider__button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 17px;border-radius:9px;text-decoration:none!important;font-size:16px;font-weight:700;line-height:1.2;transition:filter .2s}
.ttv-hero-slider__button:hover{filter:brightness(1.1)}
.ttv-hero-slider__button--primary{background:#1685cf;color:#fff!important}
.ttv-hero-slider__button--secondary{background:#fff;color:#153451!important}
.ttv-hero-slider__nav{position:absolute;z-index:3;left:0;right:0;bottom:19px;display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 14px}
.ttv-hero-slider__dots{display:flex;align-items:center;gap:11px}
.ttv-hero-slider__dot,.ttv-hero-slider__pause{appearance:none;cursor:pointer}
.ttv-hero-slider__dot{width:12px;height:12px;border:1px solid #fff;border-radius:50%;background:#ffffff70;padding:0}
.ttv-hero-slider__dot.is-active{background:#fff;width:14px;height:14px}
.ttv-hero-slider__pause{border:1px solid #ffffffa0;border-radius:50px;color:#fff;background:#102b4888;font-size:15px;padding:8px 15px}
.ttv-hero-slider__button:focus-visible,.ttv-hero-slider__dot:focus-visible,.ttv-hero-slider__pause:focus-visible{outline:3px solid #ffb84a;outline-offset:3px}
@media(max-width:920px) and (min-width:681px){.ttv-hero-slider__frame{height:420px}.ttv-hero-slider__content{top:32px;bottom:auto;max-width:590px}.ttv-hero-slider__content h2{font-size:32px}}
@media(max-width:680px){
.ttv-hero-slider__frame{height:350px;min-height:350px}
.ttv-hero-slider__slide{object-position:center center}
.ttv-hero-slider__frame::after{background:linear-gradient(180deg,rgba(5,26,50,.46),rgba(5,26,50,.12) 36%,transparent 55%),linear-gradient(0deg,rgba(5,26,50,.58),rgba(5,26,50,.10) 35%,transparent 65%)}
.ttv-hero-slider__content{left:20px;right:12px;top:20px;bottom:auto;max-width:none}
.ttv-hero-slider__content h2{font-size:clamp(21px,5.4vw,28px);margin:0 0 6px;line-height:1.16}
.ttv-hero-slider__content p{font-size:clamp(12px,3.25vw,15px);margin:0 0 14px;line-height:1.35}
.ttv-hero-slider__actions{gap:9px}
.ttv-hero-slider__button{font-size:clamp(12px,3.3vw,15px);min-height:39px;padding:9px 12px;border-radius:7px}
.ttv-hero-slider__nav{bottom:10px;gap:15px;padding:4px 10px}
.ttv-hero-slider__pause{font-size:12px;padding:7px 12px}
}
@media(max-width:350px){.ttv-hero-slider__content{left:12px;right:8px}.ttv-hero-slider__actions{gap:6px}.ttv-hero-slider__button{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.ttv-hero-slider__picture{transition:none!important}}

/* v1.9.0: vier rechtstreeks uit aangeleverde bronfotos gemaakte afbeeldingen. */