/* FONTS */

/* Dosis Light */
/* latin-ext */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src:
            local('Dosis Light'),
            local('Dosis-Light'),
            url(../fonts/dosis-light-latin-ext.woff2) format('woff2'),
            url(../fonts/dosis-light.woff) format('woff');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src:
            local('Dosis Light'),
            local('Dosis-Light'),
            url(../fonts/dosis-light.woff2) format('woff2'),
            url(../fonts/dosis-light.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Dosis Regular */
/* latin-ext */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src:
            local('Dosis Regular'),
            local('Dosis-Regular'),
            url(../fonts/dosis-regular-latin-ext.woff2) format('woff2'),
            url(../fonts/dosis-regular.woff) format('woff');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: 	local('Dosis Regular'),
            local('Dosis-Regular'),
            url(../fonts/dosis-regular.woff2) format('woff2'),
            url(../fonts/dosis-regular.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Dosis Medium */
/* latin-ext */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src:    local('Dosis Medium'),
            local('Dosis-Medium'),
            url(../fonts/dosis-medium-latin-ext.woff2) format('woff2'),
            url(../fonts/dosis-medium.woff) format('woff');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src:
            local('Dosis Medium'),
            local('Dosis-Medium'),
            url(../fonts/dosis-medium.woff2) format('woff2'),
            url(../fonts/dosis-medium.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Dosis Bold */
/* latin-ext */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src:
            local('Dosis Bold'),
            local('Dosis-Bold'),
            url(../fonts/dosis-bold-latin-ext.woff2) format('woff2'),
            url(../fonts/dosis-bold.woff) format('woff');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src:
            local('Dosis Bold'),
            local('Dosis-Bold'),
            url(../fonts/dosis-bold.woff2) format('woff2'),
            url(../fonts/dosis-bold.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* colors.scss */
p, ol {
    font-weight: 400;
    font-size: 23px;
    line-height: 36px;
}

.contact-form label:first-letter{
    text-transform:uppercase;
}
.contact-form::placeholder::first-letter{
    text-transform:uppercase;
}
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

header nav#main {
    overflow: hidden;
    border-bottom: 1px solid white;
    background: #009ee3;
}

header nav#main > a {
    border-right: 1px solid white;
    display: block;
    float: left;
}

header nav#main > a img {
    max-width: 130px;
    width: 100%;
}

header nav#main ul {
    float: left;
    padding-left: 10px;
    background: url(/assets/img/bg-menue.svg) no-repeat center 67px;
    background-size: 100% auto;
    height: 110px;
    margin-bottom: 0;
}

header nav#main ul li {
    display: inline-block;
}

header nav#main ul li a, header nav#main ul li button {
    font-weight: 400;
    font-size: 22px;
    color: white;
    background: none;
    border: none;
    display: block;
    padding: 0 10px;
    width: 136px;
    text-align: left;
    border-left: 1px solid white;
    margin-top: 20px;
}

header nav#main ul li a:hover, header nav#main ul li a.active, header nav#main ul li a:focus, header nav#main ul li button:hover, header nav#main ul li button.active, header nav#main ul li button:focus {
    color: black;
    text-decoration: none;
}

header nav#main ul li:first-of-type a, header nav#main ul li:first-of-type button {
    border-left: none;
}

header nav#main ul li ul {
    display: none;
    position: absolute;
    background: none;
    margin-top: 9px;
}

header nav#main ul li ul li {
    width: 136px;
}

header nav#main ul li ul li a {
    padding: 0;
    border: 0;
    width: auto;
    display: inline-block;
}

header nav#main ul li ul li a:hover, header nav#main ul li ul li a.active, header nav#main ul li ul li a:focus {
    color: black;
    text-decoration: none;
}

header nav#main ul li ul li a.active, header nav#main ul li ul li a:focus {
    border-bottom: 5px solid #fbba00;
}

header div#stopper {
    border-bottom: 5px solid #fbba00;
    overflow: hidden;
}

header div#stopper div {
    padding: 0;
    background: #009ee3;
    position: relative;
    border: 1px solid white;
    border-bottom: none;
}

header div#stopper div a {
    display: block;
    color: white;
    font-size: 36px;
    text-align: center;
    font-weight: 300;
    line-height: 36px;
    padding: 14px 0 10px;
    position: relative;
    z-index: 1;
}

header div#stopper div a span {
    font-size: 24px;
}

header div#stopper div a:hover {
    text-decoration: none;
}

header div#stopper div.active {
    border-top: none;
}

header div#stopper div.active a {
    border-top: 3px solid #fbba00;
    margin-bottom: -2px;
    padding-bottom: 12px;
    padding-top: 12px;
}

header div#stopper div div.layer {
    position: absolute;
    background: rgba(255, 255, 255, 0.4);
    width: 0%;
    height: 100%;
    top: 0;
    left: 50%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
}

header div#stopper div:hover > div.layer {
    width: 100%;
    left: 0;
    opacity: 1;
}

header div#stopper div:first-of-type {
    border-left: none;
}

header div#stopper div:last-of-type {
    border-right: none;
}
body > .container {
    background-color:#FFFFFF;
}

.container {
    max-width: 1920px;
    padding: 0;
    width: 100%;
}

*:focus {
    outline: none;
    text-decoration: none;
}

.carousel-caption {
    text-shadow: none;
    /*Haase*/
    /*max-width: 400px;*/
    float: right;
    text-align: left;
    padding: 0;
    right: 7%;
    left: auto;
    top: 23%;
}

.carousel-caption p {
    hyphens: none;
    font-size: 48px;
    font-weight: 300;
    color: black;
    line-height: 54px;
}

.carousel-caption a {
    display: inline-block;
    color: white;
    background: #009ee3;
    padding: 0 4px;
    font-weight: 400;
    font-size: 24px;
}

div.gelb {
    background: #fbba00;
}

div.hellgelb {
    background: #f7dc8d;
}

div.blau {
    background: #009ee3;
}

span.small-hl {
    font-size: 30px;
    font-weight: 400;
    color: #009ee3;
    display: block;
}

span.big-number {
    font-size: 48px;
    line-height: 50px;
    display: inline-block;
    margin-right: 5px;
}

div#numbers nav#lang {
    padding: 18px 95px;
    border-bottom: 1px solid white;
}

div#numbers nav#lang ul {
    padding: 0;
    float: right;
}

div#numbers nav#lang ul li {
    display: none;
}

div#numbers nav#lang ul li a {
    color: white;
    display: block;
    padding: 4px 0;
}

div#numbers nav#lang ul li.active {
    display: inline-block;
}

div#numbers nav#lang button.language {
    background: none;
    border: none;
    float: right;
    padding-right: 3px;
}

div#numbers nav#lang button.language img {
    width: 21px;
}

div#numbers nav#lang form {
    clear: both;
}

div#numbers nav#lang form input {
    border: 0;
    width: 92%;
    padding: 8px 17px;
    height: 50px;
    color: #888888;
    font-size: 24px;
    font-weight: 400;
}

div#numbers nav#lang form button {
    background: white;
    border: none;
    width: 8%;
    margin-left: -4px;
    padding: 5px 7px 2px 0;
    height: 50px;
    float: right;
}

div#numbers nav#lang form button img {
    width: 100%;
}

div#numbers div.hellgelb > div {
    padding: 20px 95px;
}

div#numbers div.hellgelb > div form select {
    border: none;
    border-radius: 0;
    width: 100%;
    height: 50px;
    padding: 0 17px;
    color: #888888;
    font-size: 24px;
    font-weight: 400;
}

div#numbers div.gelb:last-of-type {
    border-top: 1px solid white;
}

div#numbers div.gelb:last-of-type > div {
    /*padding: 20px 95px 21px;*/
    padding: 20px 74px 14px;
    overflow: hidden;
}

div#numbers div.gelb:last-of-type > div div {
    padding: 0;
}

div#numbers div.gelb:last-of-type > div div p {
    font-size: 19px;
    line-height: 25px;
}

div#numbers div.gelb:last-of-type > div div:first-of-type {
    text-align: center;
    border-right: 1px solid white;
    padding-right: 30px;
}

div#numbers div.gelb:last-of-type > div div:last-of-type {
    padding-left: 30px;
}

div#numbers div.gelb:last-of-type > div div img {
    max-width: 210px;
    margin-bottom: 20px;
}

header div.container > div {
    padding: 0;
}

aside.col-lg-4 {
    background: url(/assets/img/aside-bg.svg) repeat;
    background-size: 7px 7px;
    padding-top: 128px;
    padding-left: 0;
    padding-right: 0;
}

h1,h2 {
    font-weight: 300;
    font-size: 60px;
    line-height: 66px;
    padding: 5px;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px;
}

h1.gelb, h2.gelb {
    background: #fbba00;
}

h1.blau, h2.blau {
    background: #009ee3;
    color: white;
}

aside > div {
    padding: 50px 15px 20px;
    border-bottom: 7px solid white;
}

aside > div h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    color: #009ee3;
    margin-top: 0;
}

aside > div a {
    font-size: 23px;
    font-weight: 400;
    color: #009ee3;
}

aside > div div.head {
    width: 53%;
    float: left;
    margin-bottom: 20px;
    margin-top: 6px;
}

aside > div img {
    padding: 0;
    float: left;
    width: 47%;
    margin-bottom: 20px;
    margin-top: 6px;
}

aside > div > p {
    clear: both;
}

aside > div.last {
    border-bottom: none;
}

aside > div.faq-item {
    padding-top: 15px;
    padding-bottom: 5px;
}



p a {
    color: #009ee3;
}

footer {
    background: #009ee3;
}

footer div.container {
    padding-top: 40px;
    padding-bottom: 40px;
}

footer div.container div {
    color: white;
}

footer div.container div p span {
    background: white;
    color: black;
    display: inline-block;
    padding: 0 2px;
}

footer div.container div ul {
    padding: 0;
    /*margin: 32px 0 0;*/
    margin: 0 0 0;
}

footer div.container div ul li {
    list-style-type: none;
}

footer div.container div ul li a {
    color: white;
    font-size: 24px;
    font-weight: 400;
}

footer .container-fluid {
    border-top: 7px solid white;
}

footer .container-fluid .container {
    padding-top: 20px;
    padding-bottom: 20px;
}

section#content {
    padding-left: 0;
    padding-right: 0;
}

section#content h1, section#content h2 {
    margin-left: 15px;
}

section#content nav#breadcrump {
    padding-left: 15px;
    margin: 40px 0 98px;
}

section#content nav#breadcrump span {
    color: #009ee3;
}

section#content > div {
    overflow: hidden;
    padding-left: 15px;
}

section#content div.txt-txt, section#content div.txt-img, section#content div.pics, section#content div.txt-img-txt {
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-right: 15px;
}

section#content div.txt-txt h2, section#content div.txt-txt h3, section#content div.txt-img h2, section#content div.txt-img h3, section#content div.pics h2, section#content div.pics h3, section#content div.txt-img-txt h2, section#content div.txt-img-txt h3 {
    color: #009ee3;
    font-weight: 300;
    font-size: 60px;
    margin-bottom: 35px;
}

section#content div.txt-txt div.col-lg-6:first-of-type, section#content div.txt-img div.col-lg-6:first-of-type, section#content div.pics div.col-lg-6:first-of-type, section#content div.txt-img-txt div.col-lg-6:first-of-type {
    padding-left: 0;
}

section#content div.txt-txt div.col-lg-6:last-of-type, section#content div.txt-img div.col-lg-6:last-of-type, section#content div.pics div.col-lg-6:last-of-type, section#content div.txt-img-txt div.col-lg-6:last-of-type {
    padding-right: 0;
}

section#content div.txt-txt img, section#content div.txt-img img, section#content div.pics img, section#content div.txt-img-txt img {
    margin-top: 132px;
}

section#content div.txt-txt.grau, section#content div.txt-img.grau, section#content div.pics.grau, section#content div.txt-img-txt.grau {
    background: #e8e8e8;
}

section#content div.txt-txt > img, section#content div.txt-img > img, section#content div.pics > img, section#content div.txt-img-txt > img {
    margin-top: -10px;
    margin-bottom: 20px;
    margin-left: -15px;
}

section#content div.txt-txt ul, section#content div.txt-img ul, section#content div.pics ul, section#content div.txt-img-txt ul {
    margin: 0;
    padding: 0;
}

section#content div.txt-txt ul li, section#content div.txt-img ul li, section#content div.pics ul li, section#content div.txt-img-txt ul li {
    padding: 15px 20px;
    list-style-type: none;
}

section#content div.txt-txt ul li:nth-of-type(even), section#content div.txt-img ul li:nth-of-type(even), section#content div.pics ul li:nth-of-type(even), section#content div.txt-img-txt ul li:nth-of-type(even) {
    background: white;
}

section#content div.txt-txt ul li a, section#content div.txt-img ul li a, section#content div.pics ul li a, section#content div.txt-img-txt ul li a {
    color: #888888;
    font-size: 23px;
    font-weight: 300;
}

section#content div.txt-txt ul li a:hover, section#content div.txt-img ul li a:hover, section#content div.pics ul li a:hover, section#content div.txt-img-txt ul li a:hover {
    text-decoration: none;
    color: black;
    border-bottom: 5px solid #fbba00;
}

section#content div.pics {
    padding: 0;
    margin-right: 0;
    margin-bottom: 70px;
}

section#content div.karrierepics {
    margin-bottom: 0px;
}


section#content div.pics img {
    margin-right: -4px;
    margin-top: 0;
    margin-bottom: 0;
}

section#content div.pics h2 {
    margin-left: 15px;
}

section#content div.txt-img-txt p.subline {
    font-size: 30px;
    font-weight: 300;
    color: #888888;
    margin-bottom: 30px;
}

section#content div.txt-img-txt h2 {
    margin: 60px 0 0;
}

section#content div.txt-img-txt img {
    margin-top: 0;
    margin-bottom: 30px;
}

strong {
    font-weight: 700;
}

section#content.plain-cms div.txt-txt h2{
    margin-top: 60px;
    font-size: 50px;
}

section#content.plain-cms div.txt-txt h3{
    color: #009ee3;
    font-weight: 300;
    font-size: 32px;
    margin-bottom: 20px;
}

section#content.plain-cms div.txt-txt h4{
    color: #009ee3;
    font-weight: 400;
    font-size: 23px;
    margin-bottom: 20px;
}

section#content.plain-cms div.txt-txt h5{
    color: #009ee3;
    font-weight: 400;
    font-size: 23px;
    margin-bottom: 20px;
}

section#content.plain-cms div.txt-txt p {
    margin-bottom: 20px;
}