:root {

    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/Logo.png");
    --logo-alt: url("../../custom/theme/assets/images/logo_wit.png"); 
    
    /***Header Image***/
    --header-image: url("../../custom/theme/assets/images/casa_header.jpg");

    /***Brand Colors***/
    --color-brand-primary: #253a79;
    --color-brand-primary-rgb: 37, 58, 121;
    --color-brand-secondary: #ff7802;
    --color-brand-tertiary: #ff7802;
    --color-brand-light: #e9ebf1;
    --color-brand-dark: #253a79; 

    /***Font***/
    --font-family: 'Open sans', sans-serif;
    --font-size: 1.6rem;

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/    
}

.program_table {
    width: 100%;
}

.program_time {
    width: 15%;
}

.program_text {
    width: 85%;
}

.sidenote {
    font-style: italic;
}

.form_label {
    font-weight: bold;
}

.error {
    color: red;
}
body.indevelopment.layout-header-float .header_visual{
    background-color:#15387C;
}

body.layout-header-float .header_visual {
    background-color: #15387C;
}

body.layout-header-float .header_visual:before {
    background-position: center ;
    background-size: contain;
}
h1,body.layout-header-float .header_visual-content h1 {
    font-size: var(--font-size-l);
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}
h3{
    font-size: var(--font-size-m);
}
@media only screen and (min-width: 768px){
    h1,body.layout-header-float .header_visual-content h1 {
    font-size: var(--font-size-xl);

}
h3{
    font-size: var(--font-size-l);
}
}