/* Header, menu, zoekbalk en footer: letterlijk overgenomen uit de CSS van stadstheater.nl
   (stadstheater-zoetermeer.min.css v2.11.8, 22 oktober 2026). Niet aanpassen; de site blijft leidend. */

/* Basisregels van de site (reset op elementniveau), alleen binnen header, zoekbalk en footer.
   :where() houdt de specificiteit gelijk aan die van de site. */
:where(.header, .footer, .search-bar) :where(ol, ul) { list-style: none; margin: 0; padding: 0; }
:where(.header, .footer) :where(a) { color: inherit; text-decoration: none; transition: all .2s ease-in-out; }
:where(.header, .search-bar) :where(button, input) { transition: all .2s ease-in-out; background: none; border: none; color: #FFFFFF; padding: 0; }
:where(.header, .search-bar) :where(button) { cursor: pointer; }
:where(.header, .footer, .search-bar) :where(svg path) { transition: all .2s ease-in-out; }
:where(.header, .footer) :where(h3, p) { margin: 0; }
/* De site gebruikt het standaard (lichte) kleurschema; anders tekent de browser focusringen en velden anders */
:where(.header, .search-bar, .footer) { color-scheme: light; }
.text{font-size:18px;line-height:180%;font-family:"Aptos"}
@media (max-width:500px){.text{font-size:17px}}

.container-xl{margin:0 auto}
.u-spacing{padding-left:120px;padding-right:120px}
@media (max-width:1200px){.u-spacing{padding-left:80px;padding-right:80px}}
@media (max-width:1024px){.u-spacing{padding-left:40px;padding-right:40px}}
@media (max-width:660px){.u-spacing{padding-left:24px;padding-right:24px}}
@media (max-width:440px){.u-spacing{padding-left:12px;padding-right:12px}}
.container-xl{max-width:1200px}
.f-title-xl,.f-title-l,.f-title-m,.f-title-s,.f-title-xs,.f-title-xxs,.f-label{line-height:100%;font-family:'Barlow Condensed';font-weight:600;text-transform:uppercase}
.f-title-xl{font-size:96px}
.f-title-l{font-size:64px}
.f-title-m{font-size:48px}
.f-title-s{font-size:32px}
.f-title-xs{font-size:24px}
.f-title-xxs{font-size:20px}
.f-label{font-size:12px;letter-spacing:2px}
@media (max-width:1024px){.f-title-xl{font-size:80px}.f-title-l{font-size:56px}.f-title-m{font-size:40px}.f-title-s{font-size:28px}.f-title-xxs{font-size:18px}.f-label{font-size:11px}}
@media (max-width:768px){.f-title-xl{font-size:64px}.f-title-l{font-size:44px}.f-title-m{font-size:36px}.f-title-s{font-size:26px}.f-title-xs{font-size:22px}.f-title-xxs{font-size:16px}.f-label{font-size:10px}}
.text--xs{font-size:14px}
@media (max-width:768px){.text--xs{font-size:13px}}
@media (max-width:500px){.text--xs{font-size:12px}}
.header{background-color:#221c42;z-index:20;position:fixed;top:0;left:0;width:100vw}
.header.shift{top:53px}
.header__container{height:80px;padding-left:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
@media (max-width:900px){.header{background-color:#332870}.header__container{height:72px;padding-left:24px}.header__link{width:144px}}
.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#221c42}
.menu__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.menu-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-right:1px solid rgba(255,255,255,0.06)}
.menu-item.current-menu-item .menu-item__title{font-weight:700;color:#FFFFFF}
.menu-item.current-menu-item::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:100%;background-color:#ed6e13}
.menu-item__link{width:84px;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
.menu-item__link:hover .menu-item__title{color:#FFFFFF}
.menu-item__title{font-family:'Aptos';font-size:12px;line-height:100%;font-weight:400;color:#BBB4E4;margin-top:12px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.menu__button{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 24px}
.menu__button-icon{margin-right:8px}
.menu__home-mobile{display:none}
.menu-item__search.active .menu-item__title{font-weight:700;color:#FFFFFF}
@media (max-width:900px){.menu{position:fixed;bottom:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100vw}.menu__items{-webkit-box-flex:4;-ms-flex:4;flex:4}.menu-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.menu-item:first-child{display:none}.menu-item.mobile-hidden{display:none}.menu-item.current-menu-item::after{display:none}.menu-item.current-menu-item .menu-item__title{-webkit-text-decoration:underline #ed6e13;text-decoration:underline #ed6e13;text-underline-offset:8px}.menu-item__link,.menu__button{width:auto}.menu-item__link{height:50px}.menu__button{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.menu__button-icon{margin:0}.menu__button-title{font-family:'Aptos';text-transform:initial;font-size:12px;line-height:100%;font-weight:400;color:#BBB4E4;margin-top:12px}.menu__home-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:27px}}
@media (max-width:500px){.menu-item,.menu__button{width:64px;text-align:center}}
.submenu{width:560px;position:absolute;top:0;right:-560px;display:none;background-color:#221c42;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.submenu.active{right:0;display:block}
.submenu__inner{padding:120px 180px 180px 120px;overflow:scroll;height:100vh}
.submenu__close{position:absolute;padding:10px 14px 10px 12px;top:30px;right:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.submenu__close:hover .submenu__close-title{color:#FFFFFF}
.submenu__close-title{margin-right:16px;color:#857EAA;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.submenu__link{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;position:relative}
.submenu__main{margin-bottom:40px}
.submenu__main .submenu__item{display:list-item;border-right:0;width:100%;padding:19px 0 16px;text-align:left}
.submenu__main .submenu__item.current-menu-item::after{content:none}
.submenu__main .submenu__link::after{content:'';width:0;height:3px;position:absolute;left:50%;bottom:-8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#ed6e13;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.submenu__main .submenu__link:hover{color:#FFFFFF}
.submenu__main .submenu__link:hover::after{width:100%}
.submenu__secondary{line-height:100%}
.submenu__secondary .submenu__item{display:list-item;border-right:0;width:100%;padding:12px 0;text-align:left}
.submenu__secondary .submenu__item.current-menu-item::after{content:none}
.submenu__secondary .submenu__link{color:#BBB4E4}
.submenu__secondary .submenu__link:hover{color:#FFFFFF}
@media (max-width:900px){.submenu{max-width:560px;width:80vw;display:none}.submenu.active{display:block}.submenu__inner{padding:80px 56px;height:100vh}}
@media (max-width:600px){.submenu__inner{padding:64px 32px}}
.footer{background-color:#FFFFFF;color:#332870}
.footer a:hover{color:#ed6e13}
.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.footer__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-column-gap:120px;-moz-column-gap:120px;column-gap:120px;padding:96px 0 70px}
.footer__left .list__items:not(:last-child){margin-bottom:40px}
.footer__column{-webkit-box-flex:1;-ms-flex:1;flex:1}
.footer__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:24px 0 40px;border-top:1px solid rgba(51,40,112,0.1)}
.footer__sublist{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-family:'Aptos'}
.footer__sublist-item:not(:last-child){margin-right:40px}
.footer__socials{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.footer__social{width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.footer__social:not(:last-child){margin-right:16px}
.footer__social-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.footer__social-link:hover svg path{fill:#ed6e13}
.footer__social-icon path{fill:#332870}
@media (max-width:1200px){.footer__top{-webkit-column-gap:80px;-moz-column-gap:80px;column-gap:80px}}
@media (max-width:900px){.footer__top{-webkit-column-gap:60px;-moz-column-gap:60px;column-gap:60px}}
@media (max-width:768px){.footer__top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:34px 0 24px}.footer__left{margin-bottom:24px}.footer__left .list__items:not(:last-child){margin-bottom:24px}.footer__bottom{padding:0 0 54px;border:none;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.footer__sublist{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:24px}.footer__sublist-item:not(:last-child){margin:0 0 4px}}
@media (max-width:600px){.single-show .footer__bottom{padding-bottom:80px}}
.footer-form{background-color:#221c42}
.footer-form__inner{max-width:560px;margin:0 auto;text-align:center}
.footer-form__title{margin-bottom:16px}
.footer-form__text{margin-bottom:40px}
.list{width:100%;line-height:100%}
.list--small .list__item:not(:last-child){margin-bottom:6px}
.list__title{width:100%;margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.list__icon{display:none;margin-left:24px}
.list__icon path{fill:#332870}
.list__inner,.list__title,.list__icon{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.list__item{font-size:16px;line-height:100%}
.list__item:not(:last-child){margin-bottom:20px}
@media (max-width:768px){.list--accordion:not(:last-child) .list__inner{border-bottom:1px solid rgba(51,40,112,0.2)}.list--accordion.active .list__icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.list--accordion .list__title{padding:24px 0;margin-bottom:0}.list--accordion .list__inner{max-height:0;overflow:hidden}.list--accordion .list__items{padding-bottom:24px}.list__icon{display:block}.list__title{color:#221c42}.list__item{color:#5C538D}}
.contact__submenu{width:560px;position:absolute;right:-560px;display:none;background-color:#221c42;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;z-index:21;position:fixed;top:0;bottom:0;max-width:100%}
.contact__submenu.active{right:0;display:block}
.contact__close{position:absolute;padding:10px 14px 10px 12px;top:30px;right:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.contact__close:hover .submenu__close-title{color:#FFFFFF}
.contact__inner{padding:80px 64px;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;max-width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:40px;overflow:auto}
@media (max-width:900px){.contact__inner{padding:80px 32px}}
.contact__details>li>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#D6D4E2}
.contact__divider{border-top:2px solid #FFFFFF;opacity:.1;width:100%}
.contact__list-icon{width:20px;height:20px;margin-right:20px}
.contact__list-icon>path{fill:#FFFFFF}
.contact__list-icon--mail>path{stroke:#000000}
.contact__persons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}
.contact__persons-title{color:#FFFFFF;line-height:100%}
.contact__person{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}
.contact__person-image{width:64px;height:64px}
.contact__person-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;color:#D6D4E2}
.contact__availability{color:#D6D4E2}
.contact__button{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;margin-top:16px;right:16px;z-index:19}
@media (max-width:600px){.contact__button{-webkit-transition:none;transition:none;position:fixed;padding:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0;left:0;right:0;width:100%;bottom:80px}}
.search-bar{width:100%;z-index:19;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;display:none}
.search-bar--navigation{padding-top:54px;padding-bottom:54px;position:fixed;top:-200px;left:0;background-color:#29205A}
.search-bar--navigation.active{top:80px;display:block}
.search-bar--navigation.shift.active{top:134px}
.search-bar__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:640px;margin:0 auto;padding-bottom:16px;border-bottom:2px solid #5C538D}
.search-bar__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}
.search-bar__icon{margin-right:18px;width:20px;height:20px}
.search-bar__icon path{fill:#BBB4E4}
.search-bar__input{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#FFFFFF;margin-right:24px}
.search-bar__input::-webkit-input-placeholder{color:#857EAA;font-family:'Aptos'}
.search-bar__input::-moz-placeholder{color:#857EAA;font-family:'Aptos'}
.search-bar__input:-ms-input-placeholder{color:#857EAA;font-family:'Aptos'}
.search-bar__input::-ms-input-placeholder{color:#857EAA;font-family:'Aptos'}
.search-bar__input::placeholder{color:#857EAA;font-family:'Aptos'}
.search-bar__submit{font-family:'Aptos';font-size:20px;font-weight:700}
@media (max-width:900px){.search-bar--navigation{top:initial;bottom:-200px;padding-top:40px;padding-bottom:30px}.search-bar--navigation.active{top:initial;bottom:80px}.search-bar--navigation.shift.active{top:initial}.search-bar__submit{font-size:18px}}
@media (max-width:768px){.search-bar__results{margin-top:32px}}
@media (max-width:400px){.search-bar__icon{margin-right:12px}.search-bar__input{margin-right:10px;font-size:14px}.search-bar__submit{font-size:16px}}
.alternate-colors .header,.alternate-colors .menu,.alternate-colors .submenu{background-color:#212020}
.alternate-colors .menu-item.current-menu-item::after{background-color:#ed6e13}
.alternate-colors .menu-item__title,.alternate-colors .submenu__link,.alternate-colors .submenu__close-title,.alternate-colors .menu__button-title{color:#FFFFFF}
.alternate-colors .footer-form{background-color:#212020}
.alternate-colors .footer{color:#000000}
.alternate-colors .footer__social-icon path,.alternate-colors .list__icon path{fill:#000000}
.alternate-colors .contact__submenu{background-color:#212020}
.alternate-colors .contact__details>li>a,.alternate-colors .contact__person-info,.alternate-colors .contact__availability{color:#FFFFFF}
.alternate-colors .contact__person-info,.alternate-colors .contact__availability{opacity:.7}
@media (max-width:768px){.alternate-colors .list__title{color:#000000}.alternate-colors .list__item{color:#000000}.alternate-colors .list--accordion:not(:last-child) .list__inner{border-bottom:1px solid rgba(0,0,0,0.2)}}
body.submenu-active elevenlabs-convai{z-index:18}