.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;font-size:18px;line-height:1.6}
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}
.oc-text-uppercase{text-transform:uppercase}
.oc-class-font-Work-Sans{font-family:"Work Sans",sans-serif}
.oc-class-font-DM-Serif-Display{font-family:"DM Serif Display",serif}
.oc-class-kleur-grijs{color:#575756}
.oc-class-kleur-bruin{color:#C1553C}
@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;transition:all 1000ms ease}
.site-header .navbar-nav .nav-link{font-weight:400;font-size:17px}
.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.bruin.scrolled{background-color:rgba(193,85,60,0.8)}
.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.lichtgrijs.scrolled{background-color:rgba(240,240,241,0.8)}
.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.groen.scrolled{background-color:rgba(224,204,80,0.8)}
.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.grijs.scrolled{background-color:rgba(190,205,214,0.8)}
.site-header.wit{background:#fff}
.site-header.wit .navbar-nav .nav-link{color:#2C3F50}
.site-header.wit .navbar-nav .nav-link:hover{color:#C1553C}
.site-header.wit.scrolled{background-color:rgba(255,255,255,0.8)}
.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}
.navbar-nav .nav-link.inschrijven{background:#2C3F50;color:#fff !important;padding-left:20px;padding-right:20px;margin-left:10px}
.navbar-nav .nav-link.inschrijven:hover{background:#000}.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}
.overlapFotos .rij1{margin-bottom:-75px}
.overlapFotos .rij1 img{position:relative;z-index:2}
.overlapFotos .rij1 .tekstContainer{padding-bottom:90px}
.overlapFotos .rij2 img{position:relative;z-index:1}
.overlapFotos .rij2 .tekstContainer{padding-top:90px}
.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;color:#2C3F50}
#homePlanningSlider{padding-top:3rem;padding-bottom:3rem;background-color:#E0CC50;overflow:hidden}
#homePlanningSlider a{color:#2C3F50}
#homePlanningSlider a:hover{color:#C1553C}
.planning-container{position:relative}
.planning-container .lijnAchter{border-bottom:1px solid #fff;position:absolute;left:-100px;right:-100px;top:45px;z-index:1}
.planning-container .planning-slide-item{width:280px;max-width:100%;z-index:10;position:relative}
.planning-container .planning-slide-item .icon{border:1px solid #fff;background:#E0CC50;width:90px;height:90px;overflow:hidden;margin-bottom:15px}
.planning-container .planning-slide-item .icon img{filter:brightness(0) invert(1);width:110%;height:110%;margin:-5%}
.planning-container .planning-slide-item h3{font-family:"Work Sans",sans-serif;font-weight:600;text-transform:uppercase;font-style:normal;font-size:1rem}
.paginaRijenPlanning .icon{border:1px solid #2C3F50;background:transparent;width:90px;height:90px;overflow:hidden;margin-bottom:15px}
.paginaRijenPlanning .icon img{width:110%;height:110%;margin:-5%}
.planningCard .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}
.btn-link.dark{color:#2C3F50;border-bottom:1px solid #2C3F50}
.btn-link.dark:hover{color:#507392;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}}.downloads-block{background:#BECDD6;padding:4rem 0 4rem 0}
.downloads-block h1,.downloads-block h2,.downloads-block h3,.downloads-block h4{font-family:"Work Sans",sans-serif}
.downloads-block .fileType{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#2C3F50;color:#fff;font-size:1rem;margin-right:0;border:none}
.download-link-wrapper{display:flex;align-items:stretch;width:100%;margin-bottom:12px;text-decoration:none}
.download-link-info{display:flex;align-items:center;flex:1;background:#fff;border:1px solid #fff;padding:0 18px;min-height:40px;color:#222;font-size:1rem;transition:background 0.2s}
.download-link-wrapper:hover .download-link-info{border:1px solid #2C3F50}
.download-link-wrapper:hover{text-decoration:none}