body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
body {
	margin:0; 
	padding:0; 
    color:#333;
    font-family:haboro-soft, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size:18px;
    letter-spacing: 1px;
}


/* Colors*/

.grey-dark { color:#72787A; }

.grey-light { color:#ECF1F4; }

.purple-dark { color: #2E2790; }

.orange-medium { color: #f60; }



/* Background Color */

.bg-grey-light { background-color:#ECF1F4; }



/* Typo */


.mod_article.stage .ce_headline { padding-top: 40px }

.mod_article.stage .content-text p { margin-top:0; }

figure.image_container { line-height: 0; margin:0; padding:0; }

.sub h1.ce_headline.col12 {

    padding-bottom: 40px;
    padding-left: 10px;
    margin-left: -76px;
    margin-right: -76px;
    width: 1404px;
    padding-left: 76px;
    margin-bottom: 40px;
    margin-top: 0px;
    border-bottom: 1px solid #fff;
    font-size: 56px;
}

.sub h1.ce_headline.col12 { margin-top:0px; }

h1,h2,h3, h4, h5, h6  { 
  
  margin:0 0 0 0;

}

h1 {
  
  font-size:3.6vw; 
  line-height:4vw;
  padding:0;
  margin:0;
  margin-bottom:30px;
  font-family: haboro-soft-extended, sans-serif;
  font-weight: 600;
  font-style: normal;
  color:#f7931e;
}


.d4k h1 {   
    padding-top:30px;
    font-size:2.1em; 
    line-height:1em; 
}

.d4k p {
  line-height: 28px;
  font-size: 24px;
  margin-bottom: 30px;
}

h2 {  
  font-size:42px; 
  line-height:52px;
  padding:0;
  margin:0;
  margin-bottom:40px; 
  letter-spacing: 1px;
  font-family:haboro-soft, sans-serif;
  font-weight: 500;
  font-style: normal;

}

h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom:15px;
    letter-spacing: 1px;
    color: #198ba2;
}

h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom:15px;
    letter-spacing: 1px;
    color: #198ba2;
}

h4 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom:15px;
    letter-spacing: 1px;
    color: #198ba2;
    font-family:haboro-soft, sans-serif;
    font-weight: 500;
}


a {
    text-decoration:none;
    color:#198ba2;
}

a:hover {
    text-decoration:underline;
}

li {
    list-style-type:square;
}

.teaser {
    color:#fff;
}

p, .content-text li { line-height: 28px; }

.content-text li { margin-bottom:8px; }

@media all and (max-width:960px) {

    h1 { font-size: 48px; line-height: 56px; }

    h2 { font-size:24px; line-height:28px;}
   
}






/* Containers */


#wrapper {
  position: relative;
  min-height: 96vh;

}


#container {
  padding: 0 20px 140px 20px;
}




.mod_article {
  position:relative;
  max-width: 1276px;
  margin:40px auto 80px auto;
  overflow:visible;    
}


/*
.mod_article.stage {
    background-image: url(../../files/theme/img/stage_bg.png);
    background-repeat:no-repeat;
    background-position: top right; 
    background-size: contain;
    min-height:38vw; 
    max-width: 100%;
    padding: 0 76px;
    margin-top: 0;
}
*/

.mod_article.intro {
    position:relative;
    margin-top:40px;
    padding-top:0;
}


.content-image {
    margin-bottom:40px;
}








@media all and (max-width:960px) {


.desktop { display:none }

#container { padding-left:20px; padding-right:20px }


    /* body {background-color: #ccc}*/

     .mod_article.first { margin-top:0; }

    .mod_article.stage {
     
     background-image: url(../../files/theme/img/stage_bg_mobile.png);
     background-size: 32%;
     background-position:right 69px

    }

    .stage-inside .col5 {
     width: 80%; 
    }
 

}







/* header */

#header {
    width:100%;
    /*background-color:rgba(0,0,0,.99);*/
    background-color:transparent;
    transition: all 600ms ease 0s;
    z-index:5000;
    height:124px;
}

#header .inside {
    max-width: 1276px;
    margin: 0 auto;
    padding: 0 20px 0 20px;

}


#header .logo {
  width: 50%;
  margin-top: 40px;
}

#header #logo img {
    width:100%;
    margin-top:4px;
    transition: all 600ms ease 0s;
}





@media all and (max-width:960px) {
    
  #header { height:50px }

  #header .logo {
  width: 80%;
}


/*
    	#header, #header.fixed { height:auto } 
*/      

    	#header #logo { padding-left:20px; width:60%;  }

}


/* Call to action */

.cta {
  position: fixed;
  right: 0;
  top: 3vw;
  background-color: #fff;
  padding: 8px;
  padding-left:16px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}

.cta a {
  color:#2E2790;
  background-image:url("../../files/theme/img/css-icons/ico-download.svg");
  background-repeat:no-repeat;
  background-position: 128px center;
  filter: invert(36%) sepia(64%) saturate(2094%) hue-rotate(5deg) brightness(108%) contrast(101%);
  padding-right:40px;
  font-family:haboro-soft, sans-serif;
  font-weight: 500;
  font-style: normal;

}

.cta.convert a {
  background-image:url("../../files/theme/img/css-icons/ico-convert.svg");
}

@media all and (max-width:960px) {
    
  

.cta { top:auto;bottom:20px; }

}



/* Main Navi */


#cssmenu {
	margin-top: 20px;
    transition: all 600ms ease 0s;
}

/*

#cssmenu.fixed {
    transition: all 600ms ease 0s;
    top:10px
}

*/

#cssmenu ul li {
    list-style-type:none;
}


#cssmenu ul {
    margin:0;
    padding:0;
    display: flex;
    justify-content: flex-end;
}

#cssmenu > ul > li > a {
    padding-right:15px;
    padding-left:15px;
    font-size:18px;
    text-decoration:none;
    color:#373737;
    text-transform:uppercase;
    letter-spacing:1px;
}




/*

#cssmenu.fixed > ul > li > a {
    font-size:18px;
}
*/

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
    color:#a3a2a2;
}

@media all and (max-width:1280px) {


}


@media all and (max-width:960px) {



    #cssmenu {
      position: absolute; 
      top:-42px;
      right:0;
    }

    #cssmenu #menu-button {
        display:block;
        background-position:center;
        background-repeat:no-repeat;
        text-indent:-9999px;
        background-image:url("../../files/theme/img/css-icons/ico-menu.svg");
        filter: invert(57%) sepia(0%) saturate(1252%) hue-rotate(135deg) brightness(89%) contrast(92%);
        cursor: pointer;
        padding: 28px;
        margin-right: 5px;
        width:40px;
        height:40px;
        background-size: 40px;
    }

    #cssmenu #menu-button.open {
        background-image: url("../../files/theme/img/css-icons/ico-close.svg");
        background-position: center;
        display: inline-block;
        margin: 0;
        right: 5px;
        position: absolute
    }    

    #cssmenu > ul { display: none; }   
     
    #cssmenu > ul.open {    
        display: block;
    	background-color:#2E2790;
        margin: 70px 0 0 0;
        padding: 10px;
        z-index: 5000;
        position: relative;
    }  

    #cssmenu > ul li { float:none; padding:20px 0;  } 
        
    #cssmenu > ul > li:hover > a { opacity:0.8; }  

    #cssmenu > ul > li.active > a, #cssmenu > ul > li > a {color:#a3a2a2;}
      
  


}



/* FAQ */

.mod_faqreader h1 {
  font-size: 36px;
}


.mod_faqlist h2 { margin-top:60px }



/* footer */

#footer {
  
  width:100%;
  overflow:hidden;
  border-top:1px solid #737373;
  padding-top:16px;
  padding-bottom: 80px;

}

#footer .inside {
  
    max-width: 1276px;
    margin: 0 auto;
    overflow:hidden;
    padding: 40px 0;

  
}

#footer .corporate { 

    display: flex;
    gap:8px;
    align-items: center;  
    margin-bottom: 16px;  

}


#footer .mod_customnav ul {

    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap:8px;
    align-items: center; 

 } 

#footer .mod_customnav ul li { list-style: none;}

#footer .mod_customnav ul li, 
#footer .corporate p  { line-height: 1 em;}

#footer .mod_customnav ul li:first-child { border-right:1px solid #000; padding-right:8px }

#footer .corporate p { margin:0; padding:0 }



#footer .corporate p br {display: none;}

@media all and (max-width:1280px) {

    #footer .inside {
        max-width: 100%;
        padding-right:40px;
        padding-left:40px;
    }
}




@media all and (max-width:960px) {

    #footer {
        position: static;
        padding-bottom: 80px;
    }      

    #footer .address, #footer .corporate { max-width:100%; margin-bottom:20px; display:block }

    #footer .inside  { display: block }

    #footer .corporate p br {display: block;}


}


/* ChangeLanguage */

.mod_changelanguage h6 { font-size:16px; font-weight:normal; margin-bottom:8px }

.mod_changelanguage select {
  padding: 8px;
  background: transparent;
  border: 1px solid ;
  border-radius: 4px;
  background-image: url('../../files/theme/img/css-icons/ico-globe.svg');
  filter: invert(13%) sepia(94%) saturate(2000%) hue-rotate(160deg) brightness(95%) contrast(105%); 
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  background-size: 1rem auto;
  padding-left: 2rem; 
  cursor: pointer;

}






/* Kontakt */

#kontakt .ce_form { background: #ccc; padding:40px; margin-bottom:80px; }

#kontakt .content-text { text-align:center !important; }

#kontakt .formbody { display: flex; flex-wrap: wrap; justify-content: space-between; }

#kontakt .formbody input { height:56px; margin-bottom:16px; padding-left:16px; }

#kontakt .formbody textarea { 
  height: 224px;
  padding-top: 16px;
  padding-left: 16px; 
}


/* Grid */

.mod_article, .flex     { 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;

}


.noflex {
  display:block;
  flex: 0 0 100%;
}

.col {

}

.col1 {
  width: 6.89%;
}

.col2 {
  width: 15.35%;
}

.col3 {
  width: 23.8%;
}

.col4 {
  width:32.2%;
}

.col5 {
  width: 41%;
  margin-bottom:40px;
}

.col6 {
  width: 49.2%;
} 

.col8 {
  width: 66%;
}

.col9 {
    width: 74.5%;
}

.col10 {
  width: 82.94%; 
}


.col11 {
  width:98.5%;
}

.col12 {
  width:100%;
  margin-right:0px;
}



.col8.centered {
  margin: 0 auto 60px auto;
}

.centered, .centered a { margin-right:auto; margin-left:auto; width:auto; }


.mg-bt-40 { margin-bottom:40px }

.mg-bt-80 { margin-bottom:80px }

.mg-tp-40 { margin-top:40px }

@media all and (max-width:960px) {

    .mg-tp-40 {margin-top:8px }

}


@media all and (max-width:960px) { 

		.col {margin-right:0;}	

		.col3, .col4, .col5, .col6, .col8 {width: 100%; margin-bottom:16px;}

}



/* links & buttons */


.content-text a { color:#f60; border-bottom:1px solid #f60; text-decoration:none; }

.content-text a:before { margin-right:8px; content:url(../../files/theme/img/css-icons/ico-link-ext.svg); filter: invert(36%) sepia(64%) saturate(2094%) hue-rotate(5deg) brightness(108%) contrast(101%); }

.content-text a:hover { color:#fb0; }

.content-text a:hover:before { filter: invert(30%) sepia(60%) saturate(2094%) hue-rotate(5deg) brightness(108%) contrast(101%); }

button, button.submit {   
  min-width:300px;
  margin-top:20px;
  padding-top:12px;
  padding-bottom:12px;
  background-color:198ba2;
  border:0px solid #fff;
  border-radius:3px;
  font-size:16px;
  color:#fff;
  background-image:none
}


.content-hyperlink { margin-top:32px }

.content-hyperlink a  {
 
  padding-top:24px;
  padding-bottom:24px;	
  border:0px solid #fff;
  border-radius:3px;
  font-size:32px;
  color:#fff;
  display: block;
  text-align:center;
  background-color:#61b608;
  text-decoration:none;
    border-radius:30px;

  }

  .content-hyperlink a:hover {   background-color:#5ba5af; }

  .bg-orange a {   background-color:#ea965e; }

button:hover, 
button.submit:hover,
.ce_hyperlink a:hover {
  background-color:#333;
}

.btn.col8.content-hyperlink {
    margin-top: 40px;
}


/* .ce_toplink {} */

.ce_toplink a {
    width: 40px;
    height: 40px;
    display: block;
    pointer-events: none;
    background: url("../../files/theme/img/css-icons/ico-arrow.svg") no-repeat center;
    filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(214deg) brightness(103%) contrast(101%);
}
.ce_toplink {
    height: 40px;
    width: 40px;
    text-indent: -9999px;
    border-radius: 20px;
    position: fixed;
    bottom: 21vh;
    right: 1vw;
    transform: rotate(90deg);
    opacity: 0;
    transition: all 600ms ease 0s;
    z-index:5000;
	background: #000;
}


.ce_toplink:hover {
 background-color: #333;

}


.ce_toplink.fixed {
opacity: 100;
transition: all 600ms ease 0s;  

}

.ce_toplink.fixed a {
pointer-events: auto; 
}




/*Accordion*/

#main .toggler { 
	color:#333; 
	margin-top:5px; 
	padding:10px 50px 10px 0px; 
	cursor:pointer; 
	line-height:28px; 
	border-bottom:1px solid #111;  
	display:flex
}

#main .toggler.ui-accordion-header-active { color:#333; }


#main .toggler::before { 
  content:url(../../files/theme/img/css-icons/ico-arrow.svg); 
  display: inline-flex;
  transform: scale(.6) rotate(-90deg);
  margin-right:8px;
}

.ce_accordionStart.col8 { margin-bottom:0; }

#main .toggler.ui-accordion-header-active::before { transform:  scale(.6) rotate(90deg); }




/*  Content Slider */

.ce_sliderStart {
    position:relative;
}
.slider-control {
    width:100%;
    height:50px;
}
.slider-control .slider-menu {
  letter-spacing:1px;
  margin-top: 9px;
  margin-bottom: 9px;
  font-family: Verdana, sans-serif;
}

.slider-control .slider-menu a {
  top:inherit;
}

.slider-control .slider-menu b {
    color: #111;
  transition:all .2s ease-in-out;
}
.slider-control .slider-menu b:hover {
    color: #111;
}
.slider-control .slider-menu b.active {
    color: #ddd;
}

.slider-next,
.slider-prev {
    position:absolute;
    border-radius:15px;
   	background-color:#ddd;
    transition: all .2s ease-in-out;
}


.slider-next span,
.slider-prev span {
	{filter: invert(36%) sepia(64%) saturate(2094%) hue-rotate(5deg) brightness(108%) contrast(101%);}
}




.slider-next:hover,
.slider-prev:hover {
    background-color:#333;  
}

.slider-control .slider-next {
    right:5px;
    background-position:center center;
    background-repeat:no-repeat;
    transform: rotate(180deg);
    padding: 3px 11px 3px 9px;
}

.slider-control .slider-prev {
    left:5px;
    background-position:center center;
    background-repeat:no-repeat;
    padding: 3px 11px 3px 9px  
}

.ce_sliderStart .image_container {
    text-align:center;
}


@media all and (max-width:960px) { 

		.ce_sliderStart { text-align:center; }

		.ce_sliderStart .image_container {margin:0 0 16px 0!important;}

}


/* Gallery */


.ce_gallery > ul {

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ce_gallery > ul li {
    max-width: 48%;
    margin-bottom: 40px;
    list-style: none;
}




/* Farbwerte als Filter https://css-tricks.com/change-color-of-svg-on-hover/ */
.ico-ocean-blue { filter: invert(26%) sepia(95%) saturate(3948%) hue-rotate(191deg) brightness(85%) contrast(101%); }
.ico-very-light-blue {filter: invert(100%) sepia(57%) saturate(896%) hue-rotate(173deg) brightness(99%) contrast(94%);}
.ico-bright-orange {filter: invert(36%) sepia(64%) saturate(2094%) hue-rotate(5deg) brightness(108%) contrast(101%);}
.ico-dirty-orange {filter: invert(29%) sepia(77%) saturate(5512%) hue-rotate(30deg) brightness(95%) contrast(100%);}
.ico-marine-blue {filter: invert(12%) sepia(38%) saturate(5433%) hue-rotate(201deg) brightness(92%) contrast(106%);}
.ico-powder-blue {filter: invert(78%) sepia(57%) saturate(159%) hue-rotate(179deg) brightness(101%) contrast(88%);}
.ico-white {filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(214deg) brightness(103%) contrast(101%);}
.ico-light-grey-blue {filter: invert(76%) sepia(27%) saturate(433%) hue-rotate(171deg) brightness(92%) contrast(96%);}
.ico-black {filter: invert(0%) sepia(4%) saturate(0%) hue-rotate(293deg) brightness(102%) contrast(105%);}
.ico-brown-grey {filter: invert(62%) sepia(0%) saturate(115%) hue-rotate(261deg) brightness(83%) contrast(90%);}
.ico-brownish-grey {filter: invert(36%) sepia(0%) saturate(0%) hue-rotate(140deg) brightness(93%) contrast(89%);}
.ico-true-green {filter: invert(41%) sepia(80%) saturate(5923%) hue-rotate(112deg) brightness(98%) contrast(107%);}
.ico-red {filter: invert(10%) sepia(94%) saturate(6034%) hue-rotate(6deg) brightness(86%) contrast(115%);}
.ico-medium-grey {filter: invert(89%) sepia(0%) saturate(0%) hue-rotate(150deg) brightness(88%) contrast(87%);} 
.ico-light-grey {filter: invert(99%) sepia(84%) saturate(33%) hue-rotate(280deg) brightness(115%) contrast(93%);}
.ico-dark-grey {filter: invert(57%) sepia(0%) saturate(1252%) hue-rotate(135deg) brightness(89%) contrast(92%);}
.ico-dark-blue {filter: invert(10%) sepia(81%) saturate(1092%) hue-rotate(184deg) brightness(100%) contrast(110%);}
.ico-mediumlight-grey {filter: invert(99%) sepia(5%) saturate(103%) hue-rotate(95deg) brightness(116%) contrast(73%);}