@font-face {
    font-family: 'Ubuntu';
    src:
            url('/fileadmin/default/templates/shared/Fonts/Ubuntu/ubuntu-regular.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/Ubuntu/ubuntu-regular.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/Ubuntu/ubuntu-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src:
            url('/fileadmin/default/templates/shared/Fonts/Ubuntu/ubuntu-light.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/Ubuntu/ubuntu-light.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/Ubuntu/ubuntu-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src:
            url('/fileadmin/default/templates/shared/Fonts/Ubuntu/ubuntu-bold.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/Ubuntu/ubuntu-bold.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/Ubuntu/ubuntu-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body { background: #fff; color: #000; font-family: Ubuntu, sans-serif; font-weight: 300; }
#wrap { padding-top: 138px; }
#wrapInner { background-color: #e2dbcd; }
#wrapInner2 { border-color: #fff; }
#headerBox { background: #fff; border-color: #E85C29;}
#keyvisualsBox address { background: #E85C29; color: #fff; }
#keyvisualsBox address a { color: #fff; }
#mainBodyBox { }
#contextBox {  }
footer { background-color: #009ee3; }
a { color: #636363; }
a:hover, a.active { color: #E85C29; }
b,strong { font-weight: 400; }
#menuBox { padding-left: 260px; bottom: 15px; }
#mainNav li {  }
#mainNav a:hover, #mainNav li.current > a, #mainNav a.active { color: #009ee3; }
h1 { text-transform: uppercase; }
h1, h2, h3, h4 { color: #009ee3; font-weight: 400; }
h3, h4 { font-size: 1em; }

.grid img { border-radius: 5px; }
figcaption { color: #009ee3; }

.navbar-toggle .icon-bar { background-color: #009ee3; }
#topServiceNav { font-weight: 300; font-size: 0.78571428571429em; }
#shadowBox { border-color: #79756B transparent transparent }


.contentOuterWrap.hgVar1 { background-color: #c7d302; }
.contentOuterWrap.hgVar1 * { color: #fff; }

.contentOuterWrap.hgVar2 { background-color: #ffd403; }
.contentOuterWrap.hgVar2 * { color: #fff; }

.contentOuterWrap.hgVar3 { background-color: #009ee3; }

#goTop { color: #009ee3; }

blockquote { margin: 0 auto!important; font-size: 2em; text-align: center; font-weight: 400; text-transform: uppercase; }
blockquote p {  display: inline-block; }
blockquote span.marked { font-size: 0.7em; display: block; margin-top: 1em; font-style: normal; text-align: right; }

#headerBox .contentInnerWrap > .frame {
    padding-top: 10px;
}
#logo {}
#logo1 { display: block; }

section .frame ul { list-style: none; padding-left: 0; }
section .frame ul li {
    padding-left: 12px;
    position: relative;
}
section .frame ul li:before {
    content: "»";
    color: #009ee3;
    position: absolute;
    left: 0;
    top: 0;
}

.bx-controls { position: absolute; top: 600px; left: 0; width: 100%; }

.bx-prev, .bx-next { width: 41px; height: 81px; background: transparent url(../images/arrows.png) no-repeat; text-indent: -9999em; overflow: hidden; }
.bx-prev { float: left; margin-left: 20px; }
.bx-next { float: right; background-position: -41px 0; margin-right: 20px; }


.bxTextSlide .contentInnerWrap .frame blockquote { display: table-cell; vertical-align: middle; }

/* Formular */

input, textarea, .tx-indexedsearch-searchbox input {
    border: solid 1px #009ee3;
}
button[type="submit"], .tx-indexedsearch-searchbox input[type="submit"] {
    background-color: #009ee3;
}

/* Los geht's */

#c159 ol { list-style: none; width: 100%; text-align: center; margin-top: 2em; overflow: auto; padding: 0; }
#c159 ol li { float: left; width: 33.33333%; }
#c159 ol li:before {
    content: "1";
    display: inline-block;
    background-color: #fff;
    color: #c7d302;
    border-radius: 5px;
    width: 20px; height: 20px;
    line-height: 1em;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    margin-right: 10px;
}
#c159 ol li:nth-child(1):before { content: "1"; }
#c159 ol li:nth-child(2):before { content: "2"; }
#c159 ol li:nth-child(3):before { content: "3"; }

@media only screen and (max-width: 48em) {
    #wrap { padding-top: 59px; }
    #logo { top: 5px; }
    #headerBox .contentInnerWrap > .frame { padding-top: 0; }
    #headerBox + .bx-wrapper { margin-top: 60px!important; }
    #mainLogo { height: 50px; }
    #logo1 { display: inline; }
    #c159 ol { text-align: left; }
    #c159 ol li { float: none; width: auto; margin-bottom: 1em; }
    blockquote { font-size: 1.2em;  }

    .bx-prev, .bx-next { width: 24px; }
    .bx-prev { margin-left: 5px; }
    .bx-next { margin-right: 5px; background-position: -58px 0; }
    .bxTextSlide .contentInnerWrap > .frame {
        padding: 15px 40px;
    }
}