.dm-serif-display-regular{font-family:"DM Serif Display",serif;font-weight:400;font-style:normal}
.dm-serif-display-regular-italic{font-family:"DM Serif Display",serif;font-weight:400;font-style:italic}
body{font-family:"Work Sans",sans-serif;font-weight:400;color:#575756;font-size:1rem;line-height:1.6;color:#2C3F50}
h1,h2,h3,h4,h5,h6{font-family:"DM Serif Display",serif;font-weight:400;line-height:1.2}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.75rem}
h4{font-size:1.5rem}
h5{font-size:1.25rem}
.display-1{font-family:"DM Serif Display",serif;font-weight:400;font-size:5rem;line-height:1.1}
.display-2{font-family:"DM Serif Display",serif;font-weight:400;font-size:4.5rem;line-height:1.1}
.display-3{font-family:"DM Serif Display",serif;font-weight:400;font-size:4rem;line-height:1.1}
.display-4{font-family:"DM Serif Display",serif;font-weight:400;font-size:3.5rem;line-height:1.1}
.display-5{font-family:"DM Serif Display",serif;font-weight:400;font-size:3rem;line-height:1.1}
.alt-titelfont{font-family:"Work Sans",sans-serif;font-weight:500}
a{color:#C1553C;text-decoration:none;transition:color 0.2s ease}
a:hover{color:#733324;text-decoration:none}
@media (max-width:767.98px){.display-1{font-size:3.5rem}.display-2{font-size:3rem}.display-3{font-size:2.5rem}.display-4{font-size:2rem}.display-5{font-size:1.75rem}}
.introText{font-size:1.25rem;line-height:1.6}
.text-primary{color:#C1553C !important}
.bg-primary{background-color:#C1553C !important}
.text-dark{color:#2C3F50 !important}.site-header{position:sticky;top:0;z-index:1030;background:#fff}
.site-header .navbar-nav .nav-link{font-weight:400}
.site-header .navbar-nav .nav-link.active{font-weight:700}
.site-header.bruin{background:#C1553C}
.site-header.bruin .navbar-nav .nav-link{color:#fff}
.site-header.bruin .navbar-nav .nav-link:hover{color:#2C3F50}
.site-header.lichtgrijs{background:#F0F0F1}
.site-header.lichtgrijs .navbar-nav .nav-link{color:#2C3F50}
.site-header.lichtgrijs .navbar-nav .nav-link:hover{color:#C1553C}
.site-header.groen{background:#E0CC50}
.site-header.groen .navbar-nav .nav-link{color:#2C3F50}
.site-header.groen .navbar-nav .nav-link:hover{color:#C1553C}
.site-header.grijs{background:#BECDD6}
.site-header.grijs .navbar-nav .nav-link{color:#2C3F50}
.site-header.grijs .navbar-nav .nav-link:hover{color:#C1553C}
.site-header.wit{background:#fff}
.site-header.wit .navbar-nav .nav-link{color:#2C3F50}
.site-header.wit .navbar-nav .nav-link:hover{color:#C1553C}
.dropdown-menu{border-radius:0px;padding:0}
.dropdown-menu .dropdown-item.active{background-color:#C1553C;color:#fff}
.dropdown-menu .dropdown-item:active{background-color:#C1553C;color:#fff}
.navbar-brand img{height:90px;width:auto}
.navbar-nav .nav-link{font-weight:500;padding:0.5rem 1rem;transition:color 0.2s ease}
.navbar-nav .nav-link:hover{color:#C1553C}
.navbar-nav .nav-link.active{color:#C1553C}.header{background:#C1553C;color:#fff}
.header h1{color:#BECDD6}
.header .subtitel{font-size:1.5rem}
.header ul{padding-left:1rem}
.header ul li{margin:0;padding:0}
.header #headerCarousel{margin-bottom:-8rem}
.intro{background:#BECDD6;padding:10rem 0 4rem 0}
.paginaintro{font-size:1.25rem;color:#575756}
.paginaintro.bruin{background:#C1553C;color:#fff}
.paginaintro.bruin h1{color:#fff}
.paginaintro.lichtgrijs{background:#F0F0F1}
.paginaintro.lichtgrijs h1{color:#C1553C}
.paginaintro.groen{background:#E0CC50}
.paginaintro.groen h1{color:#C1553C}
.paginaintro.grijs{background:#BECDD6}
.paginaintro.grijs h1{color:#C1553C}
.paginaintro.wit{background:#fff}
.paginaintro.wit h1{color:#2C3F50}
.image-text-block h1,.image-text-block h2,.image-text-block h3,.vierBlock h1,.vierBlock h2,.vierBlock h3{color:#C1553C}
.huisjeAchter{background-image:url("../themes/de-staat/assets/images/vorm-huisje-grijs.svg");background-repeat:no-repeat;background-position:left top;background-size:12rem auto}
.paginablocks .huisjeAchter{background-image:none}
.inschrijvenRij{background-color:#F0F0F1;padding:4rem 0 4rem 0;background-image:url("../themes/de-staat/assets/images/vorm-vakje-grijs.svg"),url("../themes/de-staat/assets/images/vorm-huis-compleet-wit.svg");background-position:left bottom,right bottom;background-size:150px auto,250px auto;background-repeat:no-repeat,no-repeat}
#homeNieuwsSlider{padding-top:3rem;padding-bottom:3rem;background-color:#C1553C;color:#fff;background-image:url("../themes/de-staat/assets/images/vorm-huisje-geel-met-bloem.svg");background-repeat:no-repeat;background-position:left top;background-size:auto 100%}
.nieuwsCard .card-body{padding:15px;background:#F0F0F1}.site-footer{margin-top:auto}
.site-footer .kleineTekst{font-size:0.8rem}
.site-footer .inschrijvenNieuwsbrief{background-color:#F0F0F1;padding:4rem 0 4rem 0;background-image:url("../themes/de-staat/assets/images/vorm-vakje-grijs.svg"),url("../themes/de-staat/assets/images/vorm-huis-compleet-wit.svg");background-position:left bottom,right bottom;background-size:150px auto,250px auto;background-repeat:no-repeat,no-repeat}
.site-footer .footerLinkerCol{background-color:#BECDD6;background-image:url("../themes/de-staat/assets/images/vorm-huisje-grijs-footer.svg");background-repeat:no-repeat;background-position:left bottom;background-size:auto 100%}
.site-footer a{transition:opacity 0.2s ease}
.site-footer a:hover{opacity:0.8}
.site-footer h4{font-size:1rem}.form-control{border:1px solid #ccc;border-radius:0px}
.form-control::placeholder{color:#DDD}
.form-control:focus{border-color:#C1553C;box-shadow:0 0 0 0.2rem rgba(193,85,60,0.25);outline:0}
.form-control:not(:placeholder-shown){border-color:#C1553C}
.form-control:hover:not(:focus){border-color:#a6a6a6}
.form-control:not(:placeholder-shown):hover:not(:focus){border-color:#9a4430}.card{border:none;transition:transform 0.2s ease,box-shadow 0.2s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1) !important}.btn{font-weight:500;padding:0.5rem 1.5rem;transition:all 0.2s ease;border-radius:0px}
.btn-lg{padding:0.75rem 2rem}
.btn-primary{background-color:#C1553C;border-color:#C1553C}
.btn-primary:hover{background-color:#9a4430;border-color:#9a4430}
.btn-primary.dark{background-color:#2C3F50;border-color:#2C3F50}
.btn-primary.dark:hover{background-color:#1a252f;border-color:#1a252f}
.btn-outline-primary{color:#C1553C;border-color:#C1553C}
.btn-outline-primary:hover{background-color:#C1553C;border-color:#C1553C;color:#fff}
.btn-outline-primary.dark{color:#2C3F50;border-color:#2C3F50}
.btn-outline-primary.dark:hover{background-color:#2C3F50;border-color:#2C3F50;color:#fff}
.btn-outline-primary.wit{color:#fff;border-color:#fff}
.btn-outline-primary.wit:hover{background-color:#fff;border-color:#fff;color:#2C3F50}
.btn-link{text-decoration:none;padding:0px 0px 3px 0px;margin-left:8px;margin-right:8px;border-bottom:1px solid #C1553C;color:#C1553C}
.btn-link:hover{color:#733324;text-decoration:none;border-bottom:1px solid #000}
.btn-link.white{color:#fff;border-bottom:1px solid #fff}
.btn-link.white:hover{color:white;border-bottom:1px solid #2C3F50}.page-header{padding:4rem 0 3rem}.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075) !important}
.shadow{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15) !important}@media (max-width:991.98px){.navbar-collapse{padding:1rem 0}.navbar-nav .nav-link{padding:0.75rem 0}}
@media (max-width:767.98px){.hero{min-height:400px;text-align:center}.display-4{font-size:2.5rem}.display-5{font-size:2rem}}
#homeNieuwsSlider .nieuws-left-content{position:relative;min-height:400px;padding-bottom:60px}.nieuws-slider-wrapper{overflow:hidden;position:relative;width:100%;color:#575756}.nieuws-slider-track{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;transition:transform 0.5s ease-in-out;gap:20px;width:100%}.nieuws-slide-item{min-width:calc(40% - 13px);max-width:calc(40% - 13px);flex-shrink:0;flex-grow:0;display:block !important}.nieuws-slide-item .nieuwsCard{display:flex !important;flex-direction:column !important}@media (max-width:991px){.nieuws-slide-item{min-width:calc(100% - 20px);max-width:calc(100% - 20px)}}.carousel-controls{display:flex;gap:1rem;position:absolute;bottom:0;right:0}.carousel-controls span{cursor:pointer;transition:opacity 0.3s ease}.carousel-controls span:hover{opacity:0.7}@media (max-width:767px){#nieuwsCarousel .carousel-inner,#nieuwsCarousel .carousel-item{min-height:500px}}