

@font-face {
    font-family:"cresta";
    src: url("fonts/Cresta-Regular.woff") format("woff");
    font-weight:400;
    }
    
    @font-face {
        font-family:"cresta";
        src: url("fonts/Cresta-Bold.woff") format("woff");
        font-weight:600;
        }
        

    body {

        font-weight: 400;
    }



.group.box-1-3 {
    background: white;
    float: left;
    padding: 0px 30px 60px 30px;
    width: 31.33% !important;
    margin-right: 2%;
    margin-bottom: 2%;
}

.component.social {
    text-align: left;
}
.group.box-1-3 > .textcontent {margin: 0px -30px;}

.group.box-1-3 > .textcontent + .textcontent {
    /* opacity: 1 !important; */
    margin: auto;
}
nav ul li a {
    position: relative;
    color: #fff;
    padding: 15px 14px;
    display: inline-block;
    font-size: 15px;
}
nav.sticky.sticky-active .container {
    padding-left: 130px !important;
}
.group.box-1-3 > .textcontent img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover;
}
.group.box-1-3 h2 {
    color: #ff4c4c;
}
footer a:hover img {
    opacity: 0.5;
}
.nomargin .textcontent {
    margin: 0px !important;
}
.styledCheckbox.label {
    width: auto !important;
    margin-right: 10px;
}
table {
    border-color: #ececec;
}
nav.sticky ul.level_2 {
    display: none;
}

nav ul li.level_1 a:hover + ul.level_2 {
    display: block;
}
nav ul.level_2:hover {
    display: block;
}
nav ul.level_2 {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 10000;
    background: #2d2d2ca6;
    width: 300px;
    padding: 5px 5px;
}


nav ul.level_2 li a.active:after, nav ul.level_2 li a:hover:after {
    height: 2px;
    bottom: 10px;
}


.header-logo {
    display: flex;
    align-content: center;
    align-items: center;
}

nav ul li.level_1 {
    position: relative;
}

nav li.level_2,nav li.level_2 a {
    width: 100%;
}

table td {
    padding: 10px !important;
}
.component.call-to-action .textcontent {
    width: 50%;
    float: left;
}

.component.call-to-action .textcontent + .textcontent {
    margin: 17px 0px 30px 0px;
    text-align: left;
}
.component.call-to-action table {
margin-top: 25px;
}
ol, ul {
    margin: 0;
    padding-left: 20px;
}

li::marker {
    color: red !important;
}

ol li, ul li {
    padding: 3px 0;
    list-style-type: square;
    font-weight: 300;
}
.karriere .group.box-1-1.white > .col-xs-12.col-sm-12.col-md-4 {
border-left: 0px solid rgb(235, 235, 235);
padding-left: 0px !important;
}
.group.box-1-3 a.button {
    text-align: center;
    width: 100%;
    position: absolute;
    left: -5px;
    bottom: -7px;
}

.group.box-1-3 {
    position: relative;
    min-height: 580px;
}
.box-link-hover a:hover .box-1-3 {
    transform: translate(0px, -2px);
    display: block;
    background: #ffffff;
    background-color: #fff;
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    border-color: rgba(223,225,229,0);
}
.partner img {
    width: 160px;
float: none !important;
}



.box-link-hover .box-1-3 {
    transition: 0.2s;
}



.group.box-1-1.white {
    float: left;
    width: 98%;
    padding: 35px 10px;
    background: white;
}
.group.box-1-1.white > .col-xs-12.col-sm-12.col-md-4 {
    border-left: 1px solid rgb(235, 235, 235);padding-left: 30px !important;
    x grey solid;
}


.group.box-1-1.white > .col-xs-12.col-sm-12.col-md-8 {padding-right: 50px;}



.group.box-1-2 {
    width: 47% !important;
}
.stoerer {
    width: auto;
    background: #ff0000;
    color: #ffffff;
    height: 140px;
    padding: 10px 10px 17px 10px;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-radius: 100%;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    transform: rotate(6deg);
    position: absolute;
    right: 0;
    top: -20px;
}
form h2 {
    font-size: 19px;
    margin-bottom: 20px;
    font-weight: 600;
}

.karriere .group.box-1-1.white img {
    max-width: 192px;
    margin-bottom: 27px;
}

@media only screen and (min-width: 1199px) {
    h1.smaller {
        font-size: 46px;
        color: red;
    }
}
@media only screen and (max-width: 1199px) {

.header_image img {
    height: 300px !important;
    object-fit: cover;
}

}


@media only screen and (max-width: 991px) {
  .group.box-1-3{
    width:  47% !important;
  }
  .karriere .group.box-1-1.white img {

    margin-right: 0px;

}
nav ul.level_2 a {
    font-size: 12px !important;
}
	
ul.level_2 {
    position: relative !important;
    padding: 0 !important;
    display: block !important;
    background: none !important;
    color: red;
    top: 0 !important;
    border-left: 1px solid red;
    width: 100%;
    background: #3d3d3d !important;
    
}

	
.component.call-to-action .textcontent {
    width: 100%;
    float: left;
}


}

@media only screen and (max-width: 750px) {
  .group.box-1-3{
    width:  100% !important;
        margin-right: 0%;
        margin-bottom: 30px;

  }
  .component.social {
    text-align: center;
}
  .group.box-1-1.white {
    width: 100%; 
    padding:  20px;
    }

    .group.box-1-1.white > .col-xs-12.col-sm-12.col-md-4 {
    border: none;
    padding-left: 20px !important;
}

}
