#header .utilities{
padding: 0 5%;
display: flex;
justify-content: space-between;
align-items: center;
height: 40px;
background-color: #434343
}
.langnav ul.nav__list{
display: flex;
justify-content: space-between;
align-items: center;
width: 2.625em;
height: 40px;
flex-direction: row !important;
}
.langnav li.nav__element.active{font-weight: bold}
.langnav li.nav__element:first-of-type{padding-left: 0}
.langnav li.nav__element, #nav .langnav li.nav__element{
border-right: 1px solid;
padding: 0 5px;
border-top: none;
}
.langnav li.nav__element:last-of-type, #nav .langnav li.nav__element:last-of-type{border: none}
#language li.active{font-weight: bold}
.langnav a, .langnav strong{
text-decoration: none;
color: white;
}
.utilities .langnav .nav__element.active a{color: white; font-weight: bold}
#nav-mobile .langnav ul.nav__list{
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 0;
width: auto;
justify-content: center;
}
#nav-mobile .langnav a{color: black}
#nav-mobile .langnav li{margin-bottom: 0}
#e2s li a:link, #e2s li a:visited, #e2s li a:focus, #e2s li a:hover, #e2s li a:active, #e2s li strong {
margin: 0;
padding: 0;
text-decoration: none;
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
float: none;
font-weight: 700;
border: 1px solid;
font-size: 15px;
border-radius: 50%;
}
#e2s-colors{padding: 0}
#e2s-colors li a{border-color: transparent; position: relative}
#e2s-colors li::after{
background-image: url("/_assets/css/icon/check_icon.svg");
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 10px;
height: 10px;
}
#e2s li{
border-radius: 50%;
width: 21px;
height: 21px;
font-size: 15px;
margin: 0 4px 0 0;
position: relative;
}
#e2s ul{
display: flex;
justify-content: space-between;
align-items: center;
margin-left: 10px;
}
#e2s > ul:first-of-type{
padding: 0 10px 0 0;
margin-right: 10px;
border-right: 1px solid #CECECE;
}
#e2s ul a{color: white; text-decoration: none}
#e2s > p{color: white;}
#e2s-black a{color: #000 !important; border-color: #fc0 !important; background-color: #FC0 !important;}
#e2s-blue a{color: #009 !important;border-color: #fff !important; background-color: #FFF !important}
#e2s-yellow a {color: #FC0 !important; border-color: #000 !important; background-color: #000 !important;}
#e2s-white a{color: #FFF !important; border-color: #009!important; background-color: #009 !important;}
#e2s-default { background-color: #fff !important; border: 1px solid #3E3E3E !important}
#e2s-default a{color: #3E3E3E !important; border-color: #fff !important; background-color: #fff !important;}
#e2s ul.e2scolor li::after{
background: url("/_assets/css/icon/e2s-check.svg") center no-repeat;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 10px;
height: 10px;
}
.default #e2s-default::after, .yellow #e2s-yellow::after, .black #e2s-black::after, .blue #e2s-blue::after, .white #e2s-white::after{content: ""}
.default #e2s-default::after{filter: invert(19%) sepia(21%) saturate(0%) hue-rotate(206deg) brightness(103%) contrast(86%);}
.yellow #e2s-yellow::after{filter: invert(75%) sepia(41%) saturate(983%) hue-rotate(359deg) brightness(103%) contrast(103%);}
.white #e2s-white::after{filter: invert(99%) sepia(96%) saturate(2%) hue-rotate(191deg) brightness(112%) contrast(101%)}
.blue #e2s-blue::after{filter: invert(13%) sepia(67%) saturate(6689%) hue-rotate(244deg) brightness(60%) contrast(133%);}
.default #e2s-default a, .yellow #e2s-yellow a, .black #e2s-black a, .blue #e2s-blue a, .white #e2s-white a{display: none !important}
.default #e2s-default::after, .yellow #e2s-yellow::after, .black #e2s-black::after, .blue #e2s-blue::after, .white #e2s-white::after{content: "";}
.default #e2s-default::after{filter: invert(19%) sepia(21%) saturate(0%) hue-rotate(206deg) brightness(103%) contrast(86%);}
.yellow #e2s-yellow::after{filter: invert(75%) sepia(41%) saturate(983%) hue-rotate(359deg) brightness(103%) contrast(103%);}
.blue #e2s-blue::after{filter: invert(13%) sepia(67%) saturate(6689%) hue-rotate(244deg) brightness(60%) contrast(133%);}
.white #e2s-white::after{filter: invert(99%) sepia(96%) saturate(2%) hue-rotate(191deg) brightness(112%) contrast(101%);}
.black #e2s-black{border: 1px solid #000 !important}
.blue #e2s-blue{border: 1px solid #009 !important}
.yellow #e2s-yellow{border: 1px solid #fc0 !important}
.white #e2s-white{border: 1px solid #FFFFFF}
@media screen and (max-width: 479px){
#language{display: none}
#e2s{width: 100%}
#e2s ul{margin: 0; justify-content: center;}
#e2s ul:first-of-type{width: 35%}
#e2s ul:last-of-type{width: 60%}
#e2s-textsize,#e2s-color{display: none}
}
@media screen and (min-width: 480px){
#e2s > ul:first-of-type{margin-right: 20px; padding-right: 20px}
}
@media screen and (min-width: 500px){
#e2s{
border-left: 1px solid #CECECE;
padding-left: 20px;
height: 25px;
}
}
@media screen and (min-width: 720px){
#header .utilities{padding: 0 2.5%}
}
body:not(.default) .utilities, body:not(.default) #header{border-bottom:1px solid}
body:not(.default) a.button,  body:not(.default) button{border: 1px solid}
body:not(.default) #footer{border-top: 1px solid}
.default #e2s ul.textsize a{background-color: black; border-color: black}
@media print {
html, body {height:auto;min-height:inherit;}
#parent, #content {clear:none;float:none;min-width:100%;min-width:10px;padding:0;overflow:visible;position:static;width:100%;}
#sitenav, #nav, #search, .v, .back {display: none; visibility:hidden;}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
body .content a[href^="http"], body .content a[href^="ftp"] {background-image:none;padding-right:0;}
body .content a[href^="http"]:after {content: " (" attr(href) ") ";}
body .content a[href^="http://echonet.at"], body .content a[href^="http://www.echonet.at"] {background-image:none;}
body .content a[href^="http://echonet.at"]:after, body .content a[href^="http://www.echonet.at"]:after {content: "";}
.page {page-break-after: always;} 
tr, img { page-break-inside: avoid; }
.i, a.i:link, a.i:visited, a.i:focus, a.i:hover, a.i:active {background-image:none;padding-left:0;}
ul.downloads {list-style:square;margin-left:1.67em;}
ul.downloads li {list-style:square;padding-left:0;}
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {background-image:none;border:1px solid #B00020;color:#B00020;}
a.button span, button span {background-image:none;}
thead { display: table-header-group; } 
}