@font-face {
    font-family: 'din';
    src: url('/static/din/5591097/6ceed230-b2b3-4422-b048-4aa11687430a.woff2')  format('woff2'),
         url('/static/din/5591097/80b0143f-6f0d-4dce-aafd-f3c81b85d177.woff')  format('woff'),
         url('/static/din/5591097/247437df-66d2-4605-ac03-1be0e07c31a7.ttf')  format('ttf'),
         url('/static/din/5591097/9b63158c-0e74-4751-966c-d749c5d31cce.eot')  format('eot');
}
@font-face {
    font-family: 'din-bold';
    src: url('/static/din/5591154/55fa1cf8-baf8-4bf8-9718-b096b1dd231f.woff2')  format('woff2'),
         url('/static/din/5591154/4cadc2f9-fb32-4b99-b1f2-9ce6d68afbd5.woff')  format('woff'),
         url('/static/din/5591154/24018d68-3235-4323-9ec0-4a86537b0f30.ttf')  format('ttf'),
         url('/static/din/5591154/9cab3d10-a1a9-4145-ab8a-cde6265a011d.eot')  format('eot');
}
@font-face {
    font-family: 'din-thin';
    src: url('/static/din/5590868/e39ef3e7-91b2-45d0-8c2f-cfdcd0c0ab94.woff2')  format('woff2'),
         url('/static/din/5590868/83ff78fa-6d76-4fb5-8bff-8af8eec8e368.woff')  format('woff'),
         url('/static/din/5590868/9be9615e-18d6-4bf7-bb05-068341c85df3.ttf')  format('ttf'),
         url('/static/din/5590868/25df6f92-ec41-4f60-91af-bddc19a3adc2.eot')  format('eot');
}

html {
    position: relative;
    min-height: 100%;
    max-width: 2000px;
}
body {
    color: #727175;
    background: #ffffff;
    font-family: din;
    font-size: 17px;
}
h1, h2, h3 {
    font-family: din;
    font-size: 26px;
    margin: 0;
    min-height: 1px;
}
h3 {
    font-size: 14px;
}
#head a, #main a, #foot a, #menu a {
    color: #ff7313;
}
#head a:focus, #main a:focus, #foot a:focus, #menu a:focus, #head a:hover, #main a:hover, #foot a:hover, #menu a:hover {
    color: #ff7313;
    font-family: din-bold;
    text-decoration: none;
}
#head strong, #main strong, #foot strong, #menu strong {
    font-family: din-bold;
    font-weight: normal;
}
img {
    width: 100%;
    height: auto;
}

#head {
    position: relative;
    width: 100%;
    height: 8ex;
}
#head > div {
    display: none;
}

#main {
    position: relative;
    clear: both;
    background-image: url(white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}
body.index #main {
    background-image: url(orange.svg);
}
body.content #main {
    background-image: url(grey.svg);
}
body.content.pentadesign #main {
    background-image: url(white.svg);
}

#main-left {
    position: relative;
    float: left;
    width: 10%;
}
#main-middle {
    position: relative;
    float: left;
    width: 40%;
}
#main-right {
    position: relative;
    float: left;
    width: 45%;
}
body.content #main-right {
    width: 28%;
}
body.meta #main-middle, body.download #main-middle, body.sitemap #main-middle, body.error #main-middle {
    width: 8%;
    border-top: auto;
    border-bottom: auto;
    margin-right: 4.1%;
}
body.meta #main-right, body.download #main-right, body.sitemap #main-right, body.error #main-right {
    width: 50%;
}

#navigation {
    padding: 76px 5% 0 70%;
}

#illustration {
    border-top: 1px solid rgba(255, 255, 255, 0.0);
    border-bottom: 1px solid rgba(255, 255, 255, 0.0);
}
body.index #illustration {
    border-top: 1px solid rgba(255, 255, 255, 1.0);
    border-bottom: 1px solid rgba(255, 255, 255, 1.0);
}

#meta {
    margin: 1px 0;
}

#title {
    height: 0px;
    overflow: hidden;
}
#title div.title {
    margin: 0 10px 0 3%;
    direction: ltr;
}

#start, #more, #description, #download, #sitemap, #error {
    height: 0;
    overflow: auto;
    direction: rtl;
    margin: 1px 0;
}

#start div.title {
    margin: 180px 5px 0 5%;
    direction: ltr;
}
#start div.title h1, #start div.title h2 {
    color: #ffffff;
    font-family: din-thin;
    font-size: 45px;
    font-weight: normal;
    line-height: 1.5;
}
#start div.more {
    margin: 10px 5px 0 5%;
    direction: ltr;
}
#start div.more a {
    color: #ffffff;
    font-family: din-bold;
    font-size: 35px;
    font-weight: normal;
    font-style: italic;
    line-height: 1.5;
}
#start div.text {
    margin: 10px 5px 0 5%;
    height: 0;
    direction: ltr;
    overflow: hidden;
}

#more div.title {
    margin: 80px 10px 40px 3%;
    direction: ltr;
}
#more div.title h1, #more div.title h2 {
    color: #ffffff;
}
#more div.text {
    margin: 0 37% 0 3%;
    direction: ltr;
}
#more div.text p {
    color: #ffffff;
}

#description div.title {
    margin: 80px 10px 40px 3%;
    direction: ltr;
}
#description div.text {
    margin: 0 10px 0 3%;
    direction: ltr;
}

#download div.title {
    margin: 80px 10px 40px 3%;
    direction: ltr;
}
#download div.text {
    margin: 0 10px 0 3%;
    direction: ltr;
}

#sitemap div.title {
    margin: 80px 10px 40px 3%;
    direction: ltr;
}
#sitemap div.text {
    margin: 0 10px 0 3%;
    direction: ltr;
}
#sitemap div.text a {
    display: inline-block;
    padding: 0.1ex 0.8ex 0.1ex 0;
    color: #727175 !important;
    text-transform: uppercase;
}
#sitemap div.text small {
    display: inline-block;
    float: right;
}
#sitemap div.text small i {
    margin-left: 1ex;
}
#sitemap div.text > ul {
    padding: 0;
}
#sitemap div.text > ul > li {
    list-style: none;
}
#sitemap div.text > ul > li:first-child {
    padding-bottom: 1ex;
}
#sitemap div.text > ul > li > ul {
    padding-left: 5ex;
}
#sitemap div.text > ul > li > ul > li {
    list-style: none;
}

#error div.title {
    margin: 80px 10px 40px 3%;
    direction: ltr;
}
#error div.text {
    margin: 0 10px 0 3%;
    direction: ltr;
}

#logo {
    position: absolute;
    right: 10%;
    bottom: 25%;
    width: 10%;
}

#menu {
    position: relative;
    padding: 5ex 0 9ex 0;
    clear: both;
}
#menu > ul {
    padding: 0;
}
#menu > ul > li {
    display: block;
    float: left;
    padding: 0;
    width: 13.61333333333333333333%;
}
#menu > ul > li:first-child {
    width: 10%;
}
#menu > ul > li > a {
    display: block;
    padding: 0.3ex 0 1.5ex 0;
    color: #ff7313;
    font-family: din;
    text-transform: uppercase;
    text-decoration: none;
}
#menu > ul > li > a:hover {
    font-family: din-bold;
}
#menu > ul > li > ul {
    padding: 0;
}
#menu > ul > li > ul > li {
    display: block;
    padding: 0;
}
#menu > ul > li > ul > li > a {
    display: block;
    padding: 0.3ex 0 0.3ex 0;
    color: #ff7313;
    font-family: din;
    text-transform: uppercase;
    text-decoration: none;
}
#menu > ul > li > a.active, #menu > ul > li > ul > li > a.active {
    font-family: din-bold;
}
#menu > ul > li > a.normal:hover, #menu > ul > li > ul > li > a.normal:hover {
    font-family: din-bold;
}
#menu > ul > li > a.normal.active, #menu > ul > li > ul > li > a.normal.active {
    font-family: din-bold;
}

#foot {
    position: relative;
    padding: 5ex 0 9ex 0;
    clear: both;
}
#foot > ul {
    padding: 0;
}
#foot > ul > li {
    display: block;
    float: left;
    padding: 0;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    width: 13.61333333333333333333%;
}
#foot > ul > li:first-child {
    width: 10%;
    border-top: 0;
    border-bottom: 0;
}
#foot > ul > li > a, #foot > ul > li > span {
    display: block;
    padding: 0.4ex 0 0.6ex 0;
    color: #727175 !important;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}
#foot > ul > li > a:hover {
    font-family: din-bold;
}
#foot > ul > li > a.active {
    font-family: din-bold;
}

#carousel {
}
#carousel img {
    min-height: 200px;
}
.carousel.fade {
    opacity: 1;
}
.carousel.fade .item {
    transition: opacity ease-out .7s;
    left: 0;
    opacity: 0;
    z-index: auto;
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
}
.carousel.fade .item:first-child {
    top: auto;
    position: relative;
}
.carousel.fade .item.active {
    opacity: 1;
}
.carousel-indicators li {
    border-color: #ff7313;
    margin: 0 1ex !important;
}
.carousel-indicators li.active {
    background-color: #ff7313;
}
.carousel-control.left {
    width: 80px;
    background-image: url(/static/backward.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    opacity: 1.0 !important;
}
.carousel-control.right {
    width: 80px;
    background-image: url(/static/foreward.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    opacity: 1.0 !important;
}
.carousel-control.more.left {
    border-left: 11.0px solid white;
}
.carousel-control.more.right {
    border-right: 10.0px solid white;
}
.cms-addition a.carousel {
    color: #727175 !important;
}
.cms-addition a.carousel.active {
    color: #ff7313 !important;
}

#template {
    position: relative;
}
#template div.cms {
    top: -30px;
    left: -10px;
}

#seo {
    position: relative;
}
#seo div.cms {
    top: -30px;
    left: -10px;
}

#test {
    position: absolute;
    top: 8ex;
    right: 1ex;
}

#cms {
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0;
}
#cms a {
    display: block;
    padding: 7px 8px 8px 8px;
}

#alert {
    position: fixed;
    z-index: 10;
    top: 70px;
    left: 15px;
    right: 15px;
    height: 0px;
    overflow: visible;
}

#debug {
    position: relative;
    background: #ffffff;
    height: 0;
}
#debug > button {
    float: right;
    opacity: 0.8;
}
#debug > table {
    display: none;
}

div.text p i.glyphicon {
    margin-right: 0.5ex;
}

.scroll {
    scrollbar-width: 2px;
}
.scroll::-webkit-scrollbar {
    width: 2px;
}
.scroll::-webkit-scrollbar-track {
    background: #f0f0f0;
}
.scroll::-webkit-scrollbar-thumb {
    background: rgba(114, 113, 117, 0.2);
}
.scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(114, 113, 117, 0.5);
}

@media screen and (max-width: 1900px) {
    body { font-size: 16.5px; }
    h1, h2 { font-size: 26.0px; }
    #start div.title { margin-top: 172px; }
    #start div.title h1, #start div.title h2 { font-size: 42.5px; }
    #start div.more a { font-size: 33px; }
    #navigation { padding-top: 72px; }
    #description div.title, #download div.title, #sitemap div.title, #error div.title { margin-top: 76px; margin-bottom: 38px; }
    .carousel-control.more.left { border-left: 10.0px solid white; }
    .carousel-control.more.right { border-right: 9.0px solid white; }
}
@media screen and (max-width: 1800px) {
    body { font-size: 16.0px; }
    h1, h2 { font-size: 25.5px; }
    #start div.title { margin-top: 166px; }
    #start div.title h1, #start div.title h2 { font-size: 40px; }
    #start div.more a { font-size: 31px; }
    #navigation { padding-top: 68px; }
    #description div.title, #download div.title, #sitemap div.title, #error div.title { margin-top: 72px; margin-bottom: 36px; }
    .carousel-control.more.left { border-left: 9.5px solid white; }
    .carousel-control.more.right { border-right: 8.5px solid white; }
}
@media screen and (max-width: 1700px) {
    body { font-size: 15.5px; }
    h1, h2 { font-size: 25.0px; }
    #start div.title { margin-top: 158px; }
    #start div.title h1, #start div.title h2 { font-size: 37.5px; }
    #start div.more a { font-size: 29px; }
    #navigation { padding-top: 64px; }
    #description div.title, #download div.title, #sitemap div.title, #error div.title { margin-top: 68px; margin-bottom: 34px; }
    .carousel-control.more.left { border-left: 9.0px solid white; }
    .carousel-control.more.right { border-right: 8.0px solid white; }
}
@media screen and (max-width: 1600px) {
    body { font-size: 15.0px; }
    h1, h2 { font-size: 24.5px; }
    #start div.title { margin-top: 150px; }
    #start div.title h1, #start div.title h2 { font-size: 35px; }
    #start div.more a { font-size: 27px; }
    #navigation { padding-top: 60px; }
    #description div.title, #download div.title, #sitemap div.title, #error div.title { margin-top: 64px; margin-bottom: 32px; }
    .carousel-control.more.left { border-left: 8.5px solid white; }
    .carousel-control.more.right { border-right: 7.5px solid white; }
}
@media screen and (max-width: 1500px) {
    body { font-size: 14.5px; }
    h1, h2 { font-size: 24.0px; }
    #start div.title { margin-top: 142px; }
    #start div.title h1, #start div.title h2 { font-size: 32.5px; }
    #start div.more a { font-size: 25px; }
    #navigation { padding-top: 56px; }
    #description div.title, #download div.title, #sitemap div.title, #error div.title { margin-top: 60px; margin-bottom: 30px; }
    .carousel-control.more.left { border-left: 8.0px solid white; }
    .carousel-control.more.right { border-right: 7.0px solid white; }
}
@media screen and (max-width: 1400px) {
    body { font-size: 14.0px; }
    h1, h2 { font-size: 23.5px; }
    #start div.title { margin-top: 134px; }
    #start div.title h1, #start div.title h2 { font-size: 30px; }
    #start div.more a { font-size: 23px; }
    #navigation { padding-top: 52px; }
    #description div.title, #download div.title, #sitemap div.title, #error div.title { margin-top: 56px; margin-bottom: 28px; }
    .carousel-control.more.left { border-left: 7.5px solid white; }
    .carousel-control.more.right { border-right: 6.5px solid white; }
}
@media screen and (max-width: 1300px) {
    body { font-size: 13.5px; }
    h1, h2 { font-size: 23.0px; }
    #start div.title { margin-top: 126px; }
    #start div.title h1, #start div.title h2 { font-size: 27.5px; font-family: din; }
    #start div.more a { font-size: 21px; }
    #navigation { padding-top: 48px; }
    #description div.title, #download div.title, #sitemap div.title, #error div.title { margin-top: 52px; margin-bottom: 26px; }
    .carousel-control.more.left { border-left: 7.0px solid white; }
    .carousel-control.more.right { border-right: 6.0px solid white; }
}
@media screen and (max-width: 1200px) {
    body { font-size: 13.0px; }
    h1, h2 { font-size: 22.5px; }
    #start div.title { margin-top: 118px; }
    #start div.title h1, #start div.title h2 { font-size: 26px; font-family: din; }
    #start div.more a { font-size: 20px; }
    #navigation { padding-top: 44px; }
    #description div.title, #download div.title, #sitemap div.title, #error div.title { margin-top: 48px; margin-bottom: 24px; }
    .carousel-control.more.left { border-left: 6.5px solid white; }
    .carousel-control.more.right { border-right: 5.5px solid white; }
}
@media screen and (max-width: 1100px) {
    body { font-size: 12.5px; }
    h1, h2 { font-size: 22.0px; }
    #start div.title { margin-top: 110px; }
    #start div.title h1, #start div.title h2 { font-size: 24px; font-family: din; }
    #start div.more a { font-size: 19px; }
    #navigation { padding-top: 40px; }
    #description div.title, #download div.title, #sitemap div.title, #error div.title { margin-top: 44px; margin-bottom: 22px; }
    .carousel-indicators li { margin: 0 0.75ex !important; }
    .carousel-control.more.left { border-left: 6.0px solid white; }
    .carousel-control.more.right { border-right: 5.0px solid white; }
}
@media screen and (max-width: 1000px) {
    body { font-size: 12.0px; }
    h1, h2 { font-size: 21.5px; }
    #start div.title { margin-top: 102px; }
    #start div.title h1, #start div.title h2 { font-size: 22px; font-family: din; }
    #start div.more a { font-size: 18px; }
    #navigation { padding-top: 36px; }
    #description div.title, #download div.title, #sitemap div.title, #error div.title { margin-top: 40px; margin-bottom: 20px; }
    .carousel-indicators li { margin: 0 0.5ex !important; }
    .carousel-control.more.left { border-left: 5.5px solid white; }
    .carousel-control.more.right { border-right: 4.5px solid white; }
}
@media screen and (min-width: 901px) {
    .mobile { display: none; }
}
@media screen and (max-width: 900px) {
    .screen { display: none; }
    body { font-size: 14.0px; background: #ffffff; }
    body.index { background: #ff7313; }
    h1, h2 { font-size: 21.0px; }
    #head { position: fixed; top: 0px; left: 0px; z-index: 999; width: 100% !important; height: 50px !important; }
    #head > div { display: block; background: #ffffff; border-bottom: 1px solid rgba(114, 113, 117, 0.2); }
    #head > div { height: 50px; width: auto; }
    #head a { color: #727175 !important; text-decoration: none !important; }
    #head div.logo { padding: 0 10px; }
    #head div.logo > a { display: block; padding: 0 10px; font-family: din-bold; font-size: 18px; }
    #head div.logo > a img { height: 30px; width: auto; margin: 10px 0;}
    #head div.language { position: absolute; top: 0px; right: 70px; }
    #head div.language > a { display: block; margin: 0 10px; }
    #head div.language > a img { height: 50px; width: auto; }
    #head div.menu { position: absolute; top: 0px; right: 0px; }
    #head div.menu > a { display: block; margin: 0 10px; }
    #head div.menu > a img { height: 50px; width: auto; }
    #head div.menu > ul { z-index: 999; display: none; position: absolute; top: 50px; right: 0px; z-index: 1; padding: 10px 30px 20px 30px; background: #ffffff; }
    #head div.menu > ul > li { display: block; font-family: din-bold; text-transform: uppercase; white-space: nowrap; }
    #head div.menu > ul > li > ul { padding: 2px 30px; }
    #head div.menu > ul > li > ul > li { display: block; font-family: din; text-transform: uppercase; white-space: nowrap; }
    #main, body.index #main, body.content #main { background-image: unset !important; }
    #main-left { width: 100%; }
    #main-middle { width: 100%; border-top: 50px solid #ffffff; }
    #main-right { width: 100%; }
    body.index #main-right, body.content #main-right { width: 100%; }
    body.meta #main-middle, body.download #main-middle, body.sitemap #main-middle, body.error #main-middle { height: 50px; }
    body.meta #main-right, body.download #main-right, body.sitemap #main-right, body.error #main-right { width: 100%; min-height: 50px; }
    #navigation { display: none; }
    #illustration { border-top: 0; border-bottom: 0; }
    #start, #more, #description, #download, #sitemap, #error { height: auto; direction: ltr; margin: 0; }
    #start { padding-bottom: 80px; }
    #start div.title { margin: 0 0 0 20px; }
    #start div.more, #start div.text, #more div.text { margin: 0 0 0 20px; }
    #start div.title h1, #start div.title h2 { font-size: 30px; font-family: din; }
    #start div.more { margin-top: 20px; }
    #start div.more a { font-size: 24px; }
    #more div.title, #description div.title, #sitemap div.title, #download div.title, #error div.title { margin: 30px 10px 20px 20px; }
    #more div.text, #description div.text, #sitemap div.text, #download div.text, #error div.text { margin: 0px 10px 80px 20px; }
    #logo { display: none; }
    #menu { display: none; }
    #foot { position: absolute; left:0px; bottom: 0px; width: 100%; padding: 0; background: #ffffff; }
    #foot > ul { width: 100%; border-top: 1px solid #bbbbbb; }
    #foot > ul > li { border-top: 0; border-bottom: 0; width: auto; margin: 0 0 0 20px; }
    #foot > ul > li:first-child { display: none; }
    #foot > ul > li:last-child { display: none; }
    #meta { display: none; }
    #cms { display: none; }
    #debug { display: none; }
    .carousel-control.more.left { border-left: 0; }
    .carousel-control.more.right { border-right: 0; }
}
@media screen and (max-width: 750px) {
    .carousel-indicators { bottom: 20px; }
}
@media screen and (max-width: 480px) {
    #start div.title h1, #start div.title h2 { font-size: 24px; font-family: din; }
    #start div.more a { font-size: 20px; }
    #foot > ul li:nth-child(5) > a { display: none; }
}
@media screen and (max-width: 360px) {
    #start div.title h1, #start div.title h2 { font-size: 20px; font-family: din; }
    #start div.more a { font-size: 17px; }
    #foot > ul li:nth-child(5) > a { display: none; }
}

#main.cms-body + #menu { display: none; }