@charset 'utf-8';
@font-face{font-family:'Avenir Black';font-style:normal;font-weight:400;src:url('./fonts/avenir-black.ttf') format('truetype');}
@font-face{font-family:'Avenir Light';font-style:normal;font-weight:400;src:url('./fonts/avenir-light.ttf') format('truetype');}
@font-face{font-family:'Material Symbols';font-style:normal;font-weight:400;src:url('./fonts/MaterialSymbolsOutlined.woff2') format('woff2');}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{text-rendering:optimizeLegibility;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0px;margin:0px;padding:0px;vertical-align:baseline;}
ol,ul,li{border:0px;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block;}

body{background-color:#eceff1;}

h1{font-family:"Avenir Black",Arial,Helvetica,sans-serif;font-size:24px;line-height:150%;padding:0px;}
h2{font-family:"Avenir Black",Arial,Helvetica,sans-serif;font-size:18px;line-height:150%;padding:24px 0px 0px 0px;}
h3{font-family:"Avenir Black",Arial,Helvetica,sans-serif;font-size:15px;line-height:150%;padding:24px 0px 0px 0px;}
html,body,button,input,li,optgroup,p,select,textarea{color:#7f7f7f;font-family:"Avenir Light",Arial,Helvetica,sans-serif;color:#7f7f7f;font-size:15px;line-height:150%;}
button,input,li,optgroup,p,select,textarea{line-height:150%;}
input,select,textarea{padding:6px 12px;}
p{padding-top:15px;}

a,button,div,nav{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
a{font-weight:normal;text-decoration:none;}
a{color:#00b0ff;}
a:hover{color:#0091ea;}
a.active{color:#ff9100;}
a.active:hover{color:#ff6d00;}

ul{list-style-type:square;margin:12px 0px 0px 0px;padding:0px 0px 0px 18px;}

input[type=checkbox]{display:none;}
input[type=checkbox]+label{background-color:#ffffff;border:1px solid #5b9bd5;border-radius:24px;color:#7f7f7f;cursor:pointer;display:inline-block;margin:3px;padding:6px 12px 6px 30px;position:relative;}
input[type=checkbox]+label:hover{background-color:var(--cta-inactive-hover);border:1px solid var(--cta-inactive-hover);color:#ffffff;}
input[type=checkbox]:checked+label{background-color:#ed7d31;border:1px solid #ed7d31;color:#ffffff;}
input[type=checkbox]+label::before{color:#7f7f7f;content:'\e835';direction:ltr;font-family:'Material Symbols';font-size:18px;font-style:normal;font-weight:normal;left:9px;letter-spacing:normal;position:absolute;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;top:8px;}
input[type=checkbox]+label:hover::before{color:#ffffff;}
input[type=checkbox]:checked+label::before{color:#ffffff;content:'\e834';}

input[type=radio]{display:none;}
input[type=radio]+label{background-color:#ffffff;border:1px solid #5b9bd5;border-radius:24px;color:#7f7f7f;cursor:pointer;display:inline-block;margin:3px;padding:6px 12px 6px 30px;position:relative;}
input[type=radio]+label:hover{background-color:#ed7d31;border:1px solid #ed7d31;color:#ffffff;}
input[type=radio]:checked+label{background-color:#ed7d31;border:1px solid #ed7d31;color:#ffffff;}
input[type=radio]+label::before{color:#7f7f7f;content:'\e836';direction:ltr;font-family:'Material Symbols';font-size:18px;font-style:normal;font-weight:normal;left:9px;letter-spacing:normal;position:absolute;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;top:7px;}
input[type=radio]+label:hover::before{color:#ffffff;}
input[type=radio]:checked+label::before{color:#ffffff;content:'\e837';}

textarea, input[type=email], input[type=tel], input[type=text], .dc-text-filter-input, select{border:none;border-radius:6px;width:100%;}

nav ol, nav ul{list-style:none;margin:0px;padding:0px;padding-top:12px;}
sup{font-size:12px;vertical-align:super;}

th{text-align:left;}

#page{position:relative;}

#header{font-size:15px;height:48px;left:0px;position:fixed;top:0px;width:100%;z-index:60;}
#header_content{margin:0 auto;position:relative;vertical-align:middle;width:100%;z-index:62;}
#header_logo{display:inline-block;margin:6px;position:relative;width:260px;z-index:63;}
#header_logo img{height:36px;}
#header_menu_middle{display:none;position:absolute;left:260px;top:12px;width:calc(100% - 260px - 260px);}
#header_menu_middle{color:#ffffff;text-align:center;}
#header_menu_middle a{color:#ffffff;}
#header_menu_middle a:hover,#header_menu_middle a.active{color:#ed7d31;}
#header_menu_right{right:6px;position:absolute;top:6px;white-space:nowrap;z-index:63;}
#header_menu_right a{color:#ffffff;line-height:36px;;margin-left:6px;text-align:center;}
#header_menu_right a:hover,#header_menu a.active{color:#ed7d31;}
#header_menu_right a span.material_icons{font-size:36px;line-height:36px;padding:0px;}
#header_background{height:48px;left:0px;position:absolute;top:0px;width:100%;z-index:61;}
#header_background{background-color:transparent;}

#header.active{height:48px;}
#header.active #header_background{background-color:rgba(185,185,185,0.9);height:48px;top:0px;}

#right_menu{background-color:#9e9e9e;display:none;position:fixed;right:0px;top:0px;z-index:75;}
#right_menu nav{position:absolute;right:15px;top:15px;}
#right_menu nav a .material_icons{color:#eceff1;}
#right_menu_title{border-bottom:1px solid #757575;font-size:18px;font-weight:bold;padding:15px 54px 15px 15px;}
#right_menu_title a .material_icons{color:#eceff1;}
#right_menu_title a .title{color:#ffffff;}
#right_menu_content{margin-top:24px;}
#right_menu_content a{display:block;line-height:48px;}
#right_menu_content a .material_icons{color:#eceff1;margin:0px 15px 2px 30px;vertical-align:middle;}
#right_menu_content a .title{color:#ffffff;margin-right:30px;}
#right_menu_content a.sub .material_icons{margin:0px 15px 2px 45px;}
#right_menu_content a:hover{background-color:#00b0ff;}
#right_menu_content a:hover .material_icons{color:#ffffff;}
#right_menu_content a:hover .title{color:#ffffff;}
#right_menu_content div.divider{border-top:1px solid #757575;margin:24px 0px 9px 0px;}
#right_menu_content a.disabled{background-color:#666666;}
#right_menu_content a.disabled .material_icons{color:#999999;}
#right_menu_content a.disabled .title{color:#999999;}
#right_menu_content a.disabled:hover{background-color:#666666;}
#right_menu_content a.disabled:hover .material_icons{color:#999999;}
#right_menu_content a.disabled:hover .title{color:#999999;}

.grey_dark{background-color:#546e7a;color:#ffffff;}
.grey_dark p{color:#ffffff;}
.grey_medium{background-color:#cfd8dc;}
.grey_light{background-color:#eceff1;}

#main{margin:0px;margin-bottom:36px;position:relative;z-index:10;}

.intro{background-color:#b9b9b9;height:300px;width:100%;}
	.intro .box{height:100%;margin:0px auto;max-width:960px;padding:0px;position:relative;}
	.intro .content{bottom:24px;max-width:390px;position:absolute;left:50%;transform:translate(-50%,0%);width:calc(100% - 24px);}
	.intro h1{color:#ffffff;font-size:24px;line-height:150%;}
	.intro h2{color:#ffffff;font-family:"Avenir Light",Arial,Helvetica,sans-serif;font-size:18px;font-weight:normal;line-height:150%;}
	.intro p{line-height:100%;text-align:center;}
	.intro a{line-height:30px;}

.intro_mask{background-attachment:fixed;background-position:100% 0%;background-repeat:no-repeat;background-size:auto;height:100%;}


.intro_sub{height:300px;position:relative;width:100%;}
.intro_sub{background-image:url('../img/coins-and-clocks-dark.jpg');background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
	.intro_sub .box{height:100%;margin:0px auto;max-width:960px;position:relative;}
	.intro_sub .content{background-color:rgba(84,110,122,0.9);border-radius:24px;bottom:24px;max-width:calc(100% - 24px);padding:24px;position:absolute;}
	.intro_sub h1{color:#ffffff;font-size:24px;line-height:150%;}
	.intro_sub h2{color:#ffffff;font-size:18px;font-weight:normal;line-height:150%;}
	.intro_sub p{line-height:100%;padding-top:48px;}
	.intro_sub a{color:#ff9100;font-size:24px;font-weight:bold;line-height:100%;padding:6px;}
	.intro_sub a:hover{color:#ff6d00;}
	.intro_sub .material_icons{border:1px solid #ffffff;border-bottom:3px solid #ffffff;border-radius:50%;padding:6px;vertical-align:initial;}

.pitch{background-color:#eceff1;color:#7F7F7F;}
.pitch h2{padding-top:0px;}
.pitch ul{margin-top:0px;}
.pitch li{color:#7F7F7F;}

.solutions{background-color:#ffffff;}
	.solutions .button{min-width:180px;margin:6px;}
	.solutions .solution_icon{display:block;text-align:left;}
	.solutions .solution_icon .material_icons{font-size:48px;}
	.solutions .flex_item h2{padding-top:12px;}
	.solutions .flex_item p:first-of-type{padding-top:0px;}

.testimonials{background-color:#eceff1;text-align:center;}
.testimonials img{height:48px;margin:0px 6px;}

#footer{background-color:rgba(236,239,241,0.6);bottom:0px;left:0px;line-height:36px;padding-left:6px;position:fixed;width:100%;z-index:30;}

#blog .section_white{background-color:rgba(255,255,255,1);border:1px solid #eeeeee;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;}

#blog .flex_container{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:space-evenly;}
#blog .flex_item{align-self:stretch;flex-basis:100%;flex-grow:1;flex-shrink:1;margin:24px;order:0;}
    #blog .flex_item:nth-child(1){order:1;}
    #blog .flex_item:nth-child(2){margin-top:0px;order:2;}
    #blog .flex_item:nth-child(1) a.button_more{display:block;margin:12px 0px 0px 0px;}

#blog .blog_item{display:inline-block;margin:12px;}
    .blog_item_title{background-position:50% 50%;background-repeat:no-repeat;background-size:100%;min-height:300px;position:relative;-webkit-transition:.15s ease-in-out;-o-transition:.15s ease-in-out;transition:.15s ease-in-out;}
    .blog_item .blog_item_title{background-size:200%;}
    .blog_item_title h1{background-color:rgba(255,255,255,0.9);bottom:12px;color:#212121;font-size:24px;left:12px;line-height:150%;padding:12px;position:absolute;width:calc(100% - 24px);}
    
    .blog_item_breadcrumb{font-size:12px;}
    .blog_item_breadcrumb a{color:#6c757d;}
    .blog_item_breadcrumb a:hover{color:#00b0ff;}
    .blog_item_breadcrumb a.active{font-weight:bold;}
    

    a.blog_item{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:6px solid #ffffff;}
    a.blog_item:hover .blog_item_title{background-size:210%;}
    a.blog_item .button_inactive_orange{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
    a.blog_item:hover .button_inactive_orange{background-color:#ffbd45;border:1px solid #ffbd45;color:#ffffff;}
    a.blog_item .button_inactive{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
    a.blog_item:hover .button_inactive{background-color:#69e2ff;border:1px solid #69e2ff;color:#ffffff;}
    .blog_item_teaser{max-height:90px;overflow-y:hidden;padding:0px 12px 12px 12px;}
    .blog_item_more{padding:12px;text-align:center;}

    #blog .blog_more .blog_item_title{min-height:150px;}

    @media only screen and (min-width:600px){
        #blog .flex_item{flex-basis:auto;}
        #blog .flex_item:nth-child(1){margin:24px 0px 24px 24px;order:0;width:calc(100% - 240px - 120px);}
        #blog .flex_item:nth-child(2){margin:24px 24px 24px 0px;max-width:240px;order:0;}
    
        #blog .blog_more .blog_item{margin-top:162px;}
    }

    #blog .cta{text-align:center;}
    #blog .cta a{background-position:50% 50%;background-repeat:no-repeat;background-size:200%;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;display:inline-block;margin:12px 24px 12px 24px;max-width:450px;position:relative;-webkit-transition:.15s ease-in-out;-o-transition:.15s ease-in-out;transition:.15s ease-in-out;}
    #blog .cta a:hover{background-size:210%;}

    #blog .cta a .button_inactive_orange{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
    #blog .cta a:hover .button_inactive_orange{background-color:#ffbd45;border:1px solid #ffbd45;color:#ffffff;}
    #blog .cta a .button_inactive{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
    #blog .cta a:hover .button_inactive{background-color:#69e2ff;border:1px solid #69e2ff;color:#ffffff;}

    #blog .cta .cta_title h3{background-color:rgba(255,255,255,0.9);bottom:12px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#212121;font-size:18px;left:12px;line-height:150%;margin:12px;padding:12px;width:calc(100% - 24px);}

    #blog .cta .cta_more{font-weight:bold;margin:0px 12px 12px 12px;}

    #blog .button_active_orange, a.button_active_orange{background-color:#fb8c00;border:1px solid #fb8c00;color:#ffffff;}
    #blog .button_active_orange:hover, a.button_active_orange:hover{background-color:#ffbd45;border:1px solid #ffbd45;color:#ffffff;}
    #blog .button_inactive_orange, a.button_inactive_orange{background-color:#ffffff;border:1px solid #fb8c00;color:#fb8c00;}
    #blog .button_inactive_orange:hover, a.button_inactive_orange:hover{background-color:#ffbd45;border:1px solid #ffbd45;color:#ffffff;}

.max_width{margin:0px auto;max-width:960px;position:relative;}

#bottom_menu{background-color:#ffffff;bottom:0px;border-top-left-radius:24px;border-top-right-radius:24px;display:none;font-size:15px;left:50%;max-width:600px;position:fixed;transform:translate(-50%);width:100%;z-index:80;}
#bottom_menu nav{margin:15px 15px 0px 15px;text-align:left;}
#bottom_menu nav a{color:#9e9e9e;}
#bottom_menu nav a:hover{color:#000000;}
#bottom_menu_title h2{font-size:24px;text-align:center;}
#bottom_menu_content .form_row:first-of-type{margin-top:15px;}
#bottom_menu_content .form_row:last-of-type{margin-bottom:0px;}
#bottom_menu_button{height:96px;position:relative;}
#bottom_menu_button button{left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);}

#mask{background-color:rgba(0,0,0,0.3);display:none;height:100%;left:0px;position:fixed;top:0px;width:100%;z-index:70;}

#popup{background-color:#ffffff;border:1px solid #d8dddf;border-radius:12px;display:none;padding:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:90;}

.box{display:block;padding:24px 12px;width:100%;}

.button{border:none;cursor:pointer;display:inline-block;line-height:100%;padding:6px 12px;-o-text-overflow:clip;font-family:"Avenir Black",Arial,Helvetica,sans-serif;text-overflow:clip;white-space:nowrap;}
.button .material_icons{font-size:18px;line-height:100%;vertical-align:top;}

.button_active, a.button_active{background-color:#ed7d31;border:1px solid #ed7d31;color:#ffffff;}
.button_active:hover, a.button_active:hover{background-color:#5b9bd5;border:1px solid #5b9bd5;color:#ffffff;}
.button_inactive, a.button_inactive{background-color:#5b9bd5;border:1px solid #5b9bd5;color:#ffffff;}
.button_inactived:hover, a.button_inactive:hover{background-color:#ed7d31;border:1px solid #ed7d31;color:#ffffff;}
.button_disabled, a.button_disabled{background-color:#ffffff;border:1px solid #b0bec5;color:#b0bec5;cursor:not-allowed;}
.button_disabled:hover, a.button_disabled:hover{color:#b0bec5;}

.flex_container{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:space-evenly;}
.flex_item{align-self:stretch;flex-basis:auto;flex-grow:1;flex-shrink:1;order:0;}

.form_row{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin:0px 12px;}
.form_col{align-self:stretch;border-bottom:1px solid #e0e0e0;flex-basis:30%;flex-grow:1;flex-shrink:1;order:0;padding:15px 6px 6px 6px;}
.form_col textarea,.form_col input[type=email],.form_col input[type=tel],.form_col input[type=text]{border:1px solid #5b9bd5;width:100%;}

.hidden{display:none;}

.image_center{text-align:center;}
.image_center img{width:calc(100% - 48px);}

.image_left{clear:both;}
.image_left img{float:left;margin:24px 24px 24px 0px;}

.image_right{clear:both;}
.image_right img{float:right;margin:24px 0px 24px 24px;}

.material_icons{direction:ltr;display:inline-block;font-family:'Material Symbols';font-size:24px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-moz-font-feature-settings:'liga';font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;vertical-align:bottom;}

.shadow{-webkit-box-shadow:0px 12px 12px -12px rgba(0,0,0,0.9);-moz-box-shadow:0px 12px 12px -12px rgba(0,0,0,0.9);box-shadow:0px 12px 12px -12px rgba(0,0,0,0.9);}
.text_shadow{text-shadow:3px 6px 9px rgba(0,0,0,0.9);}

.text_center{text-align:center;}

@media only screen and (min-height:300px) and (min-width:820px){
	#header_menu_middle{display:block;}
	#header_menu_right{display:none;}

	.intro{height:259px;}
	.intro_mask{background-image:url('../img/geld-lekkende-kraan.webp');}
	.solutions .flex_item{flex-basis:calc(100% / 3 - 12px);}
}