@font-face {font-family: 'Roboto Condensed';font-style: normal;font-weight: 300;src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nL3QFSXBldIn45k5A7iXhnc.ttf) format('truetype');}
@font-face {font-family: 'Roboto Condensed';font-style: normal;font-weight: 400;src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDR-eWpsHSw83BRsAQElGgc.ttf) format('truetype');}
@font-face {font-family: 'Roboto Condensed';font-style: normal;font-weight: 700;src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nDokq8qT6AIiNJ07Vf_NrVA.ttf) format('truetype');}
*{margin:0;padding:0;}
article, footer, header, nav, section{display:block;position:relative;overflow:hidden;}
article, section{margin-bottom:110px;}
a, a:active, a:focus, a:hover, a:link, a:visited{text-decoration:none;}
ol, ul, li{list-style:none;}
body.dark{background:#404040;}
.container{background:#fff;}
nav{width:100%;min-height:50px;background:#404040;font:300 20px/50px 'Roboto Condensed';color:#fff;z-index:2;overflow:visible;border-bottom:solid 2px #fff;}
.nav-title{position:relative;float:left;margin-left:15px;}
.nav-button{position:relative;float:right;margin-right:10px;font-size:29px;cursor:pointer;}
nav ul{display:none;width:100%;height:100%;box-sizing:border-box;}
nav ul.is-opened{display:block;}
nav li{display:block;position:relative;clear:left;width:100%;height:50px;box-sizing:border-box;border-bottom:solid 1px #fff;background:#f0f0f0;}
.nav-logo a{font-size:0;}
nav li:hover{background:#e5e5e5;}
.nav-logo{background:#f0f0f0 url("../img/logo-mobile-normal.png") no-repeat center;background-size:contain;}
.nav-logo:hover{background:#e5e5e5 url("../img/logo-mobile-hover.png") no-repeat center;background-size:contain;}
nav li a{display:block;width:100%;padding-left:20px;box-sizing:border-box;color:#404040;}
nav li a:after{content:'\f054';display:block;position:relative;float:right;margin-right:15px;font-family:Icons, sans-serif;}
header{width:100%;height:200px;background:#b22e24;text-align:center;z-index:1;}
header h1{line-height: 200px;font-weight: 400;font-size: 7vw;font-family: 'Roboto Condensed';color:#fff;}
header h1 b{font-weight:700;}
article{width:100%;padding:20px;box-sizing:border-box;font:300 14pt 'Roboto Condensed';}
.enumeration{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:50px;box-sizing:border-box;text-align:justify;}
.enumeration ul.big{display:block;width:100%;}
.enumeration ul.big > li{display:block;position:relative;margin:50px 20px 0 20px;padding:30px 0;border-bottom:solid 1px #ddd;text-align:center;}
.enumeration ul.big > li > p{min-height:6.2em;}
.enumeration ul.big > li:last-child{border:none;}
.enumeration ul.big > li .chart-container{position:relative;width:60px;height:60px;margin:0 auto 45px auto;}
.enumeration ul.big > li canvas.pie-chart{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:150%;height:150%;}
.enumeration ul.big > li .li-icon{position:absolute;width:100%;height:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;font-size:20pt;line-height:60px;font-weight:400;color:#fff;}
.enumeration ul.big > li .li-icon.no-chart{background:#ccc;}
.enumeration ul.big > li .li-icon .icon{margin:0;}
.enumeration ul.big > li .li-icon.number{letter-spacing:-1px;font-size:18pt;}
.enumeration ul.big > li h2{margin:-20px 0 20px 0;}
.enumeration ul.small > li{line-height:1.2em;margin-bottom:1em;}
.enumeration ul.separated > li canvas.list-icon{display:block;position:relative;width:20px;height:20px;margin:20px auto;}
.enumeration ul.separated > li:last-child:after{display:none;}
section{width:100%;max-width:700px;margin-left:auto;margin-right:auto;}
section.no-margin{margin-top:-110px;}
section .box{position:relative;margin:70px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.7);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.7);box-shadow:0 0 30px rgba(0, 0, 0, 0.7);}
section .box .box-preview{display:block;width:100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
section .box .box-hover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(138, 45, 20, 0.53);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:0;}
section .box .box-hover a{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:160px;height:45px;font:300 20px/45px 'Roboto Condensed';text-align:center;background:#b22e24;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 2px 2px 1px #8e2720;-moz-box-shadow:0 2px 2px 1px #8e2720;box-shadow:0 2px 2px 1px #8e2720;color:#fff;}
section .box:hover .box-hover{opacity:1;}
section .box .box-hover a:active{-webkit-box-shadow:0 0 1px #8e2720;-moz-box-shadow:0 0 1px #8e2720;box-shadow:0 0 1px #8e2720;-webkit-transform:translate(-50%, calc(2px - 50%));-moz-transform:translate(-50%, calc(2px - 50%));-ms-transform:translate(-50%, calc(2px - 50%));-o-transform:translate(-50%, calc(2px - 50%));transform:translate(-50%, calc(2px - 50%));}
section .box .box-hover a:hover{background:#c53024;}
section.portrait{width:100%;max-width:100%;margin:100px 0 0 0;overflow:visible;}
section.portrait img{display:block;position:relative;width:auto;height:350px;margin:auto;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.7);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.7);box-shadow:0 0 30px rgba(0, 0, 0, 0.7);}
section.imprint{width:auto;margin:50px 20px 200px 20px;font:400 12pt Roboto;text-align:justify;color:#404040;}
.imprint h3{font-size:13pt;}
footer{float:left;width:100%;padding:10px;box-sizing:border-box;color:#aaa;font:300 12pt 'Roboto Condensed';line-height:1.4em;background:#404040;}
footer a, footer a:visited{color:#aaa;}
footer ul{float:left;}
.contact-mail, .contact-phone, .contact-fax{cursor:pointer;}
footer .contact-mail:hover i.icon{color:#FFFF4D;}
footer .contact-phone:hover i.icon{color:#5EDB48;}
footer .contact-fax:hover i.icon{color:#54CBE3;}
footer .footer-social-media-container{float:right;}
footer .footer-social-media-container i{margin:0;font-size:14pt;cursor:pointer;}
footer .footer-social-media-container i.facebook:hover{color:#3066c1;}
footer .footer-social-media-container i.twitter:hover{color:#3cb3ff;}
footer .footer-social-media-container i.google.plus:hover{color:#DA4937;}
footer .footer-social-media-container i.xing:hover{color:#009090;}
@media (min-width:600px){.mobile{display:none;}
nav{height:70px;}
nav ul{display:table !important;table-layout:fixed;}
nav li{display:table-cell;text-align:center;vertical-align:top;padding:0;border-bottom:solid 2px #fff;line-height:70px;background:#404040;}
nav li:hover{background:#454545;border-bottom:solid 2px #c2b176;}
nav li:hover a{color:#c2b176;}
.nav-logo{background:#404040 url("../img/logo-desktop-normal.png") no-repeat center;background-size:contain;}
.nav-logo:hover{background:#454545 url("../img/logo-desktop-hover.png") no-repeat center;background-size:contain;}
nav li a{color:#f0f0f0;padding:0;}
nav li a:after{display:none;}
}
@media (min-width:700px){header h1{font-size:36pt;}
.enumeration ul.big > li{float:left;border:none;padding:0 0 50px 0;}
.enumeration.col-2 ul.big > li{width:calc(50% - 40px);}
.enumeration.col-3 ul.big > li{width:calc(33% - 40px);}
.enumeration ul.big > li .chart-container{width:80px;height:80px;}
.enumeration ul.big > li .li-icon{width:80px;height:80px;line-height:80px;font-size:22pt;}
.enumeration ul.big > li .li-icon.number{font-size:20pt;}
section.imprint{width:100%;max-width:640px;margin-left:auto;margin-right:auto;}
footer{position:fixed;bottom:0;}
}
@media (min-width:1000px){header h1{font-size:52pt;}
section{max-width:1000px;}
section .box{float:left;width:calc(50% - 100px);margin:50px -200px 50px 50px;}
section .box .box-hover a{left:120px;}
}
@media (min-width:1300px){section{max-width:2000px;}
section .box{width:calc(33% - 87px);margin:50px 0 50px 70px;float:left;}
section .box .box-hover a{left:50%;}
}