@charset "UTF-8";
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/OpenSans-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family:'sbg-regular';
    src:url('../fonts/sbg-regular.eot');
    src:url('../fonts/sbg-regular.woff2') format('woff2'),
    url('../fonts/sbg-regular.woff') format('woff'),
    url('../fonts/sbg-regular.ttf') format('truetype');
}
@font-face {
    font-family:'sbg-bold';
    src:url('../fonts/30E5D3_0_0.eot');
    src:url('../fonts/30E5D3_0_0.woff2') format('woff2'),
    url('../fonts/30E5D3_0_0.woff') format('woff'),
    url('../fonts/30E5D3_0_0.ttf') format('truetype');
}
@font-face {
    font-family: "OpenSans Regular";
    src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "OpenSans Bold";
    src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Avenir Medium";
    src: url("../fonts/Avenir-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Avenir Heavy";
    src: url("../fonts/Avenir-Heavy.ttf") format("truetype");
}
@font-face {
    font-family: "Avenir Black";
    src: url("../fonts/Avenir-Black.ttf") format("truetype");
}
@keyframes fadeLeft {
    from {
        left: 0;
    }

    100% {
        left: -450px;
    }
}
@keyframes fadeRight {
    from {
        left: -450px;
    }

    100% {
        left: 0;
    }
}
@keyframes fadeLeftMobile {
    from {
        left: 0;
    }

    100% {
        left: -450px;
    }
}
@keyframes fadeRightMobile {
    from {
        left: -450px;
    }

    100% {
        left: 0;
    }
}
@keyframes fadeLeftLowerLevel {
    from {
        right: -450px;
    }

    100% {
        right: 0;
    }
}
@keyframes fadeRightLowerLevel {
    from {
        right: 0;
    }

    100% {
        right: -450px;
    }
}
@keyframes fadeLeftLowerLevelMobile {
    from {
        right: -450px;
    }

    100% {
        right: 0;
    }
}
@keyframes fadeRightLowerLevelMobile {
    from {
        right: 0;
    }

    100% {
        right: -450px;
    }
}
@keyframes animateMenuHover{
    from {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes animateMenuHoverReverse{
    from {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
:root {
    --color-baustoffe: #BCBFA4;
    --color-bauwesen: #6A8992;
    --color-entsorgung: #9D927C;
    --color-baulogistik: #8E9F8A;
    --color-sondermaschinenbau: #4995D1;
    --color-baustoffe-bauwesen-entsorgung: #005790;
    --color-energiemanagement-und-gebäudeautomation: #3C93DB;
}
*{
    box-sizing: border-box;
    outline: 0!important;
}
body{
    position: relative;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    color: #3E3E3E;
    line-height: 1.375em;
    font-size: 14px;
}
html{
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
    min-width: 320px;
}
html.menu_is__active,
html.iframe_popup__is_active,
html.mobile__menu_is_active{
    overflow: hidden;
}
img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
strong{
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
}
/*
li {
    background-color: transparent !important;
}
 */
a{
    text-decoration: none;
    color: #0074BC;
    transition: 0.3s ease-out;
}

body.page-id-9 a{
    color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe a{
    color: var(--color-baustoffe);
}
body.bauwesen a{
    color: var(--color-bauwesen);
}
body.entsorgung a{
    color: var(--color-entsorgung);
}
body.baulogistik a{
    color: var(--color-baulogistik);
}
body.sondermaschinenbau a{
    color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation a{
    color: var(--color-energiemanagement-und-gebäudeautomation);
}
a:hover {
    opacity: 0.7;
    /*color: #0A5790;*/
}
h1, h2, h3, h4{
    font-family: "sbg-bold", sans-serif;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    font-weight: normal;
}
h1, h2{
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    color: #0074BC;
}

body.baustoffe h1, body.baustoffe h2, body.baustoffe h3, body.baustoffe h4{
    color: var(--color-baustoffe);
}
body.bauwesen h1, body.bauwesen h2, body.bauwesen h3, body.bauwesen h4{
    color: var(--color-bauwesen);
}
body.entsorgung h1, body.entsorgung h2, body.entsorgung h3, body.entsorgung h4{
    color: var(--color-entsorgung);
}
body.baulogistik h1, body.baulogistik h2, body.baulogistik h3, body.baulogistik h4{
    color: var(--color-baulogistik);
}
body.sondermaschinenbau h1, body.sondermaschinenbau h2, body.sondermaschinenbau h3, body.sondermaschinenbau h4{
    color: var(--color-sondermaschinenbau);
}

body.energiemanagement-und-gebäudeautomation h1, body.energiemanagement-und-gebäudeautomation h2, body.energiemanagement-und-gebäudeautomation h3, body.energiemanagement-und-gebäudeautomation h4{
    color: var(--color-energiemanagement-und-gebäudeautomation);
}

@media only screen and (max-width: 959px) {
    h1 {
        font-size: 27px;
        line-height: 33px;
    }
    h2 {
        font-size: 27px;
        line-height: 33px;
    }
}
@media only screen and (max-width: 599px) {
    h1 {
        font-size: 24px;
        line-height: 28px;
    }
    h2 {
        font-size: 24px;
        line-height: 28px;
    }
}
h1 span:first-child {
    font-size: 26px;
}
@media only screen and (max-width: 599px) {
    h1 span:first-child {
        font-size: 20px;
    }
}
/*
h2 span:first-child {
    display: inline-block;
    font-size: 26px;
    line-height: 30px;
}
@media only screen and (max-width: 599px) {
    h2 span:first-child {
        font-size: 20px;
    }
}

 */

h2 span:not(.colored-hl) {
    display: inline-block;
    font-size: 26px;
    line-height: 30px;
}
@media only screen and (max-width: 599px) {
    h2 span:not(.colored-hl) {
        display: inline-block;
        font-size: 26px;
        line-height: 30px;
    }
}



h3 {
    font-size: 16px;
    line-height: 22px;
}
h4 {
    font-size: 14px;
    line-height: 22px;
    font-family: OpenSans Bold, sans-serif;
}
p {
    color: #3E3E3E;
    font-size: 14px;
    line-height: 22px;
}
.res-frame{
    width: 100%;
    max-width: 1580px;
    margin: auto;
}
@media only screen and (max-width: 1620px){
    .padding-frame{
        padding: 0 40px;
    }
}
@media only screen and (max-width: 799px){
    .padding-frame{
        padding: 0 20px;
    }
}
.resolution-frame {
    width: 100%;
    max-width: 1580px;
    margin: auto;
    position: relative;
    padding: 70px 0;
}
@media only screen and (max-width: 659px) {
    .resolution-frame {
        padding: 30px 0;
    }
}
.hide {
    display: none!important;
}
.clear-fix{
    clear: both;
}

body.page-id-9 .co-el .colored-hl{
    color: var(--color-baustoffe-bauwesen-entsorgung)!important;
}

body.baustoffe .co-el .colored-hl{
    color: var(--color-baustoffe)!important;
}
body.bauwesen .co-el .colored-hl{
    color: var(--color-bauwesen)!important;
}
body.entsorgung .co-el .colored-hl{
    color: var(--color-entsorgung)!important;
}
body.baulogistik .co-el .colored-hl{
    color: var(--color-baulogistik)!important;
}
body.sondermaschinenbau .co-el .colored-hl{
    color: var(--color-sondermaschinenbau)!important;
}

body.energiemanagement-und-gebäudeautomation .co-el .colored-hl{
    color: var(--color-energiemanagement-und-gebäudeautomation)!important;
}


/* Header Section */

/* Top Blue Line */
.top-bar{
    position: relative;
    z-index: 61;
}
.top-bar .bg-frame{
    background: linear-gradient(to left, #FFFFFF 50%, #005790 50%);
}
/*
body.page-id-9 .top-bar .bg-frame{
    background: linear-gradient(to left, #FFFFFF 50%, var(--color-baustoffe-bauwesen-entsorgung) 50%);
}
body.baustoffe .top-bar .bg-frame{
    background: linear-gradient(to left, #FFFFFF 50%, var(--color-baustoffe) 50%);
}
body.bauwesen .top-bar .bg-frame{
    background: linear-gradient(to left, #FFFFFF 50%, var(--color-bauwesen) 50%);
}
body.entsorgung .top-bar .bg-frame{
    background: linear-gradient(to left, #FFFFFF 50%, var(--color-entsorgung) 50%);
}
body.sondermaschinenbau .top-bar .bg-frame{
    background: linear-gradient(to left, #FFFFFF 50%, var(--color-sondermaschinenbau) 50%);
}
 */



.top-bar .line{
    height: 5px;
    background-color: #005790;
}

/* Header Frame */
.logo{
    display: block;
    width: 221px;
    height: 80px;
    background: url("../icons/logo-sbg.svg") no-repeat center center;
    background-size: contain;
    margin-right: 40px;
    float: left;
    transition: all 0.3s ease-out;
}
html.menu-bar__is_fixed .logo{
    width: 180px;
    min-width: 180px;
    height: 60px;
    margin-top: 10px;
}
@media only screen and (max-width: 959px){
    html.menu-bar__is_fixed .logo{
        margin-top: 0;
    }
}
.logo:hover{
    transform: scale(1.05);
}
@media only screen and (max-width: 1250px){
    .logo{
        width: 180px;
        min-width: 180px;
        height: 60px;
    }
}
.grey-bg{
    background-color: #F2F2F2;
}
.no-grey .grey-bg {
    background-color: unset;
}
.header-frame{
    background-color: #FFFFFF;
    position: relative;
    z-index: 60;
}
html.menu-bar__is_fixed .header-frame{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,.3);
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 30%);
}
@media only screen and (max-width: 959px){
    .header.background-frame{
        height: 100px;
    }
}
.header-frame .frame{
    padding: 50px 0;
    background-color: #FFFFFF;
}
html.menu-bar__is_fixed .header-frame .frame{
    padding: 0;
}
@media only screen and (max-width: 959px){
    .header-frame .frame,
    html.menu-bar__is_fixed .header-frame .frame{
        padding: 20px 0;
    }
}
.header-frame .menu-wrapper{
    height: 100%;
    float: right;
    min-height: 80px;
    display: flex;
    align-items: flex-end;
}
html.menu-bar__is_fixed .header-frame .menu-wrapper{
    align-items: center;
}
@media only screen and (max-width: 1250px){
    .header-frame .menu-wrapper{
        /*min-height: 60px;*/
    }
}
@media only screen and (max-width: 959px){
    .header-frame .menu-wrapper{
        display: none;
    }
}
.header-frame nav ul{
    padding: 0;
    margin: 0;
}

.header-frame nav ul > li{
    display: inline;
    padding: 0;
    margin: 0 40px 0 0;
    font-size: 16px;
}
@media only screen and (max-width: 1500px){
    .header-frame nav  ul > li{
        margin: 0 20px 0 0;
    }
}
.header-frame nav  ul > li > span,
.header-frame nav  ul > li > a{
    text-transform: uppercase;
    position: relative;
    user-select: none;
    cursor: pointer;
    font-size: 19px;
    line-height: 26px;
    font-family: "sbg-regular", sans-serif;
    color: #1D1D1B;
}
.header-frame nav ul li .menu-button {
    background-color: #005790;
    color: #ffffff;
    padding: 10px 25px 10px 23px;
    border: none!important;
    font-size: 16px;
    transition: 0.3s ease-out;
}

.header-frame nav ul.menu li.menu-button > a {
    background-color: #005790;
    color: #ffffff;
    padding: 11px 25px 10px 23px;
    border: none!important;
    font-size: 16px;
    transition: 0.3s ease-out;
}

.header-frame nav ul li .menu-button:hover,
.header-frame nav ul.menu li.menu-button > a:hover {
    opacity: 0.7;
}

.header-frame nav ul li .menu-button::after {
    display: none;
}
.header-frame nav  ul > li > a:hover{
    opacity: 1;
}
@media only screen and (max-width: 1400px){
    .header-frame nav ul > li > span,
    .header-frame nav ul > li > a{
        font-size: 16px;
        line-height: 26px;
    }
}
.header-frame nav ul > li > span::after,
.header-frame nav ul > li > a::after{
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
    opacity: 0;
    background-color: #0074BC;
    transition: opacity 0.2s ease-out;
}


.header-frame nav ul > li.menu-button > a::after{
    display: none;
}



.header-frame nav  ul > li:hover > span::after,
.header-frame nav  ul > li:hover > a::after,
.header-frame nav  ul > li.active > span::after,
.header-frame nav ul > li.active > a::after,
.header-frame nav ul > li.current-menu-item > a::after,
.header-frame nav ul > li.current-menu-item > span::after,
.header-frame nav ul > li.current-menu-ancestor > a::after,
.header-frame nav ul > li.current-menu-ancestor > span::after{
    opacity: 1;
}
.header-frame nav ul > li:last-child{
    margin-right: 0;
}
.header-image{
    line-height: 0;
    position: relative;
    margin-bottom: 42px;
}
@media only screen and (max-width: 549px){
    .header-image {
        margin-bottom: 80px;
    }
}
.header-image img{
    width: 100%;
    max-width: 1580px;
    max-height: 480px;
}


@media only screen and (max-width: 1049px){
    .header-image .res-frame > img{
        height: 320px;
    }
}

@media only screen and (max-width: 549px){
    .header-image .res-frame > img{
        height: 380px;
    }
}

/*
.header-image .res-frame{
    overflow: hidden;
}

 */
.header-image .res-frame {
    position: relative;
}
.header-image .text-box-img {
    padding: 25px 25px 10px 25px;
    position: absolute;
    max-width: 450px;
    bottom: 0;
    left: 40px;
    z-index: 1;
    background-color: rgba(0, 116, 188, 0.9);
    line-height: 1.375em;
    color: #FFFFFF;
}

@media only screen and (max-width: 959px){
    .header-image .text-box-img {
        bottom: unset;
        top: 0;
        padding: 25px 25px 13px 25px;
    }
}

@media only screen and (max-width: 549px){
    .header-image .text-box-img {
        max-width: 380px;
        left: 20px;
        padding: 15px;
    }
}

@media only screen and (max-width: 429px){
    .header-image .text-box-img {
        max-width: 320px;
    }
}

@media only screen and (max-width: 359px){
    .header-image .text-box-img {
        max-width: 280px;
    }
}



.header-image .text-box-img .text-frame-header{
    margin-bottom: 16px;
}
@media only screen and (max-width: 549px){
    .header-image .text-box-img .text-frame-header {
        margin-bottom: 15px;
    }
}

.header-image .text-box-img .text-frame-header > p {
    color: #ffffff;
}

.header-image .text-box-img .text-line{
    height: 3px;
    width: 100%;
    margin-left: -25px;
    background-color: #ffffff;
}
@media only screen and (max-width: 549px){
    .header-image .text-box-img .text-line {
        margin-left: 0;
    }
}

.header-image .text-box-img h1 {
    margin: 0 0 15px 0;
    color: #FFFFFF;
    font-size: 26px;
    line-height: 32px;
}

@media only screen and (max-width: 1149px){
    .header-image .text-box-img h1 {
        font-size: 24px;
        line-height: 28px;
    }
}


@media only screen and (max-width: 1099px){
    .header-image .text-box-img h1 {
        font-size: 23px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 599px){
    .header-image .text-box-img h1 {
        font-size: 21px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 429px){
    .header-image .text-box-img h1 {
        font-size: 20px;
        line-height: 24px;
    }
}


.header-image .text-box-img .button-header-img {
    max-width: 500px;
    background-color: #005790;
    display: inline-flex;
    align-items: center;
    margin-top: -25px;
    transition: 0.3s ease-out;
    padding: 13px 11px 11px 11px;
    position: relative;
    bottom: -32px;
}

@media only screen and (max-width: 959px){
    .header-image .text-box-img .button-header-img {
        bottom: -33px;
    }
}
@media only screen and (max-width: 549px){
    .header-image .text-box-img .button-header-img {
        bottom: unset;
        margin-top: 15px;
    }
}

.header-image .text-box-img .button-header-img:hover{
    opacity: 1;
    background-color: #4885AD;
}

.header-image .text-box-img .button-header-img .h3-text{
    padding: 0;
}
.header-image .text-box-img .button-header-img img {
    max-width: 100%;
    width: unset;
    padding-left: 50px;
}

/* Menu-Frame */
.header-frame nav .sub_menu{
    position: absolute;
    left: 0;
    top: -520px;
    width: 100%;
    height: calc(100vh - 320px);
    max-height: 600px;
    background-color: #f2f2f2;
    z-index: -1;
    transition: top 0.35s ease-in-out;
    overflow: scroll;
    /* Top padding removed due to menu breadcrumb */
    padding-bottom: 50px;
}
.header-frame .sub_menu .padding-frame{
    position: relative;
}
.header-frame .placeholder-div{
    height: 500px;
    transition: height 0.15s ease-out;
    width: 100%;
    max-width: 450px;
    float: left;
}

.header-frame .inner-frame{
    overflow: hidden;
}

/* Teaser Menü */


.menu-teaser{
    width: 100%;
    max-width: 430px;
    position: relative;
    right: 0;
    opacity: 1;
    float: right;
    min-height: 330px;
    border-left: 2px solid rgba(112, 112, 112, 0.2);
    transition: all 0.2s ease-out;
}


.mobile-frame .menu-teaser{
    margin-top: 40px;
    padding: 0 20px;
    border-left: none;
    float: unset;
    max-width: unset;
}


.menu-teaser .teaser-bg-frame{
    min-height: 260px;
    background-color: #FFFFFF;
    width: 100%;
    max-width: 400px;
    float: right;
}

.mobile-frame .menu-teaser .teaser-bg-frame{
    max-width: unset;
    float: none;
}

@media only screen and (max-width: 450px){
    .mobile-frame .menu-teaser .teaser-bg-frame{
        max-width: 280px;
        height: 185px;
        min-height: unset;
        margin: auto;
    }
}

.menu-teaser .button{
    position: relative;
    left: 50%;
    transform: translateX(calc(-50% + 10px));
    display: inline-block;
    margin-top: 20px;
    background-color: #1074BC;
    color: #FFFFFF!important;
    background-image: url(../img/button-pfeil.svg);
    background-position: center right 15px;
    background-repeat: no-repeat;
    font-family: Avenir Black, sans-serif;
    font-size: 16px;
    line-height: unset;
    padding: 11px 100px 10px 15px;
    text-transform: uppercase;
}

.inner-frame.remove-teaser .menu-teaser{
    right: -430px;
    opacity: 0;
}

.menu-teaser h2{
    font-family: Avenir Black, sans-serif;
    color: #000000!important;
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    margin-left: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
    max-width: 280px;
}

.menu-teaser.referenz h2{
    margin-bottom: 0;
}

.mobile-frame .menu-teaser h2{
    margin-top: 0;
    padding-top: 40px;
    font-size: 17px;
}

@media only screen and (max-width: 450px){
    .mobile-frame .menu-teaser h2{
        font-size: 17px;
        line-height: 20px;
        margin: 0 20px;
        padding-top: 20px;
    }
}

.menu-teaser h2.subline{
    font-family: Avenir Medium, sans-serif;
    color: #000000;
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: unset;
    max-width: 280px;
    margin: 0 0 30px 30px;
}

.mobile-frame .menu-teaser h2.subline{
    padding: 0;
}
@media only screen and (max-width: 450px){
    .mobile-frame .menu-teaser h2.subline{
        font-size: 17px;
        line-height: 20px;
        margin: 0 20px 20px 20px;
        top: -70px;
    }
}


.menu-teaser .top-content{
    z-index: 10;
    position: relative;
}

.menu-teaser .bottom-content{
    position: relative;
}

.menu-teaser.karriere .bottom-content .bg-image{
    width: 240px;
    height: 135px;
    margin-left: 60px;
    background: url("../img/menu-teaser-img.png") no-repeat center center;
    background-size: cover;
}
.menu-teaser.referenz .bottom-content .bg-image{
    width: 240px;
    height: 70px;
    margin-left: 60px;
    background: url("../img/teaser-referenz.png") no-repeat center center;
    background-size: cover;
    z-index: 0;
}

@media only screen and (max-width: 450px){
    .menu-teaser.referenz .bottom-content .bg-image{
        width: 165px;
        height: 50px;
        margin-left: 40px;
    }
    .menu-teaser.karriere .bottom-content .bg-image{
        width: 165px;
        height: 95px;
        margin-left: 40px;
        margin-top: 30px;
    }
}

.menu-teaser.karriere .bottom-content .team-img{
    position: absolute;
    background: url("../img/teaser-team.png") no-repeat center center;
    background-size: contain;
    width: 280px;
    height: 190px;
    bottom: -25px;
    left: 40px;
    z-index: 20;
}

@media only screen and (max-width: 450px){
    .menu-teaser.karriere .bottom-content .team-img{
        width: 195px;
        height: 133px;
        bottom: -20px;
    }
}


.menu-teaser.karriere .bottom-content .bg-icon{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='125.167' height='121.272' viewBox='0 0 125.167 121.272'%3E%3Cg id='Gruppe_1950' data-name='Gruppe 1950' transform='translate(-55.304 -57.74)'%3E%3Cpath id='Pfad_1399' data-name='Pfad 1399' d='M137.793 123.512a29.872 29.872 0 1 1-12.8-14.193' transform='translate(-3.834 -7.602)' fill='none' stroke='%23f2f2f2' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cpath id='Pfad_1400' data-name='Pfad 1400' d='M148.076 105.364a49.129 49.129 0 1 1-12.825-13.642' transform='translate(0 -3.772)' fill='none' stroke='%23f2f2f2' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cpath id='Pfad_1401' data-name='Pfad 1401' d='M125.92 120.9 163.286 85.9l-2.919-17.128 9.573-9.031 4 13.934 15.91 5.237-9.489 9.423L163.286 85.9' transform='translate(-11.382)' fill='none' stroke='%23f2f2f2' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_58' data-name='Ellipse 58' cx='10.407' cy='10.407' r='10.407' transform='translate(96.118 117.386)' fill='none' stroke='%23f2f2f2' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
    height: 121px;
    width: 125px;
    position: absolute;
    top: -10px;
    right: 25px;
    z-index: 15;
}

.menu-teaser.referenz .bottom-content .bg-icon{
    background: url("../img/menu-referenz-map.svg") no-repeat center center;
    background-size: cover;
    height: 160px;
    width: 120px;
    position: absolute;
    z-index: 1;
    top: -100px;
    right: 20px;
}

.mobile-frame .menu-teaser{
    display: none;
}

.mobile-frame.referenz-teaser .menu-teaser.referenz{
    display: block;
}

.mobile-frame.karriere-teaser .menu-teaser.karriere{
    display: block;
}

@media only screen and (max-width: 450px){
    .menu-teaser.referenz .bottom-content .bg-icon{
        height: 113px;
        width: 84px;
        top: -70px;
    }
    .menu-teaser.karriere .bottom-content .bg-icon{
        height: 82px;
        width: 85px;
        top: -10px;
        right: 25px;
    }
}

.menu-teaser .bottom-content .bg-line{
    z-index: 15;
    width: 125px;
    height: 2px;
    background-color: #0074BC;
    position: absolute;
}
.menu-teaser.karriere .bottom-content .bg-line{
    left: 35px;
    top: 30px;
}
.menu-teaser.referenz .bottom-content .bg-line{
    left: 35px;
    top: 10px;
}

@media only screen and (max-width: 450px){
    .menu-teaser.karriere .bottom-content .bg-line{
        left: 20px;
        top: 30px;
    }
    .menu-teaser.referenz .bottom-content .bg-line{
        left: 20px;
        top: 10px;
    }
}






.header.background-frame{
    height: 180px;
}
@media only screen and (max-width: 959px){
    .header.background-frame{
        height: 100px;
    }
}
.header-frame nav .sub_menu_inner{
    position: absolute;
    right: -450px;
    top: 0;
    width: 450px;
    /*height: 100%;*/
    background-color: #f2f2f2;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.1s ease-out;
}
.header-frame nav .sub_menu_inner:not(.animationDisabled){
    -webkit-animation-name: fadeRightLowerLevel;
    animation-name: fadeRightLowerLevel;
    animation-duration: .4s;
}
.header-frame nav .sub_menu_inner.sub-is-active{
    -webkit-animation-name: fadeLeftLowerLevel;
    animation-name: fadeLeftLowerLevel;
    animation-duration: .4s;
    right: 0;
}
.header-frame nav .menu-item.menu-item-has-children.active .sub_menu{
    top: 180px;
}
html.menu-bar__is_fixed .header-frame nav .menu-item.menu-item-has-children.active .sub_menu{
    top: 80px;
}
@media only screen and (max-width: 1250px){
    .header-frame nav .menu-item.menu-item-has-children.active .sub_menu{
        top: 220px;
    }
    html.menu-bar__is_fixed .header-frame nav .menu-item.menu-item-has-children.active .sub_menu{
        top: 130px;
    }
}
.header-frame .menu-item .menu-item-has-children.active > .sub_menu_inner{
    z-index: 250;
    opacity: 1;
}
.header-frame .menu-item .menu-item.menu-item-has-children span:not(.menu-return-button)::before{
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.246' height='15.401' viewBox='0 0 9.246 15.401'%3E%3Cg id='Gruppe_762' data-name='Gruppe 762' transform='translate(9.246 15.401) rotate(180)'%3E%3Crect id='Rechteck_6' data-name='Rechteck 6' width='10.461' height='2.615' transform='translate(1.849 0) rotate(45)' fill='%233e3e3e'/%3E%3Crect id='Rechteck_7' data-name='Rechteck 7' width='10.461' height='2.615' transform='translate(0 13.552) rotate(-45)' fill='%233e3e3e'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    height: 15px;
    width: 9px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    right: 40px;
}
.header-frame .menu-item .menu-return-button::before{
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.246' height='15.401' viewBox='0 0 9.246 15.401'%3E%3Cg id='Gruppe_762' data-name='Gruppe 762' transform='translate(9.246 15.401) rotate(180)'%3E%3Crect id='Rechteck_6' data-name='Rechteck 6' width='10.461' height='2.615' transform='translate(1.849 0) rotate(45)' fill='%233e3e3e'/%3E%3Crect id='Rechteck_7' data-name='Rechteck 7' width='10.461' height='2.615' transform='translate(0 13.552) rotate(-45)' fill='%233e3e3e'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    height: 15px;
    width: 9px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.header-frame .menu-item .menu-return-button{
    font-weight: 700;
}
.header-frame .menu-item .menu-return-button:hover{
    color: #3E3E3E!important;
}
.header-frame .menu-item .sub_menu_inner .menu-item.menu-item-has-children::before{
    right: 190px;
}
.header-frame .sub_menu_bg {
    position: fixed;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: #000000;
    opacity: 0;
    transition: opacity 0.2s ease-out;
    z-index: -2;
    cursor: pointer;
}
html.menu_is__active .menu-item.menu-item-has-children.active .sub_menu_bg {
    height: 100%;
    opacity: 0.7;
}
.header-frame .sub_menu .inner-frame .menu-frame{
    position: relative;
    padding: 0;
    margin: 0;
    float: left;
    height: 100%;
    width: 100%;
    overflow: hidden;
    max-width: 450px;
}
.header-frame .sub_menu .inner-frame .inner-menu{
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    height: auto;
    position: absolute;
    width: 100%;
    max-width: 450px;
}
.header-frame .sub_menu .inner-frame .inner-menu.lower-level{
    padding: 10px 0;
}
.mobile-menu .sub_menu .inner-frame .inner-menu{
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}
.header-frame .sub_menu_inner .inner-menu{
    border-left: 5px solid #0074BC;
}
.header-frame .menu-item .sub_menu_inner .inner-menu{
    width: calc(100% - 110px);
    right: 0;
    left: unset;
}
.header-frame .menu-item .sub_menu_inner .left-section{
    width: 110px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.header-frame .sub_menu .inner-frame .menu-frame .inner-menu.upper-level:not(.animationDisabled){
    -webkit-animation-name: fadeRight;
    animation-name: fadeRight;
    animation-duration: .4s;
}
.header-frame .sub_menu .inner-frame .menu-frame .inner-menu.upper-level.sub-is-active {
    -webkit-animation-name: fadeLeft;
    animation-name: fadeLeft;
    animation-duration: .4s;
    left: -450px;
}
.header-frame .sub_menu .inner-frame ul li{
    list-style-type: none;
    margin-bottom: 20px;
    border-left: 5px solid #0074BC;
}

.header-frame .sub_menu .inner-frame ul.upper-level > li{
    margin-bottom: 10px;
}

/** Einfärben der Kategorien Baustoffe, Bauwesen, Entsorgung, Baulogistik **/

/*Baustoffe*/
.header-frame .inner-menu.upper-level > li.page-id-62 {
    border-left-color: var(--color-baustoffe);
}
.header-frame .inner-menu.upper-level > li.page-id-62 .sub_menu_inner .inner-menu{
    border-left-color: var(--color-baustoffe);
}

/*Bauwesen*/
.header-frame .inner-menu.upper-level > li.page-id-73 {
    border-left-color: var(--color-bauwesen);
}
.header-frame .inner-menu.upper-level > li.page-id-73 .sub_menu_inner .inner-menu{
    border-left-color: var(--color-bauwesen);
}

/*Entsorgung*/
.header-frame .inner-menu.upper-level > li.page-id-75 {
    border-left-color: var(--color-entsorgung);
}
.header-frame .inner-menu.upper-level > li.page-id-75 .sub_menu_inner .inner-menu{
    border-left-color: var(--color-entsorgung);
}

/*Baulogistik*/
.header-frame .inner-menu.upper-level > li.page-id-279 {
    border-left-color: var(--color-baulogistik);
}
.header-frame .inner-menu.upper-level > li.page-id-279 .sub_menu_inner .inner-menu{
    border-left-color: var(--color-baulogistik);
}

/*energiemanagement-und-gebäudeautomation*/
.header-frame .inner-menu.upper-level > li.page-id-5173{
    border-left-color: var(--color-energiemanagement-und-gebäudeautomation);
}
.header-frame .inner-menu.upper-level > li.page-id-5173 .sub_menu_inner .inner-menu{
    border-left-color: var(--color-energiemanagement-und-gebäudeautomation);
}







.header-frame .sub_menu .inner-frame ul li:last-child{
    margin-bottom: 0;
}
.header-frame .menu-item .sub_menu_inner .inner-menu li{
    border-left: none;
}


.header-frame .sub_menu .inner-frame ul li span,
.header-frame .sub_menu .inner-frame ul li a {
    position: relative;
    cursor: pointer;
    /*
    min-height: 40px;
    max-height: 40px;
     */
    display: block;
    list-style-type: none;
    /*
    padding: 10px 40px 10px 20px;

     */
    padding: 10px 80px 10px 20px;
    line-height: 21px;
    margin-bottom: 8px;
    transition: all 0.2s ease-out;
    color: unset;
}
.header-frame .menu-item .sub_menu_inner .inner-menu li span:not(.menu-return-button),
.header-frame .menu-item .sub_menu_inner .inner-menu li a {
    cursor: pointer;
    /*
    min-height: 40px;
     */
    list-style-type: none;
    padding: 0 60px 0 20px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    transition: all 0.2s ease-out;
    line-height: 21px;
}
.header-frame .sub_menu .inner-frame ul li span:hover,
.header-frame .sub_menu .inner-frame ul li a:hover,
.header-frame .menu-item .sub_menu_inner .inner-menu li span:hover,
.header-frame .menu-item .sub_menu_inner .inner-menu li a:hover {
    color: #0074BC;
    opacity: 1;
}

.header-frame .inner-menu.upper-level  li.current-menu-item > a{
    color: #0074BC;
    pointer-events: none;
}

/* Baustoffe color */

.header-frame .inner-menu.upper-level > li.page-id-62 > span:hover,
.header-frame .inner-menu.upper-level > li.page-id-62 > a:hover,
.header-frame .inner-menu.upper-level > li.page-id-62  ul li span:hover,
.header-frame .inner-menu.upper-level > li.page-id-62  ul li a:hover {
    color: var(--color-baustoffe);
}

.header-frame .inner-menu.upper-level > li.page-id-62 li.current-menu-item > a{
    color: var(--color-baustoffe)!important;
    pointer-events: none;
}


/* bauwesen color */
.header-frame .inner-menu.upper-level > li.page-id-73 > span:hover,
.header-frame .inner-menu.upper-level > li.page-id-73 > a:hover,
.header-frame .inner-menu.upper-level > li.page-id-73  ul li span:hover,
.header-frame .inner-menu.upper-level > li.page-id-73  ul li a:hover {
    color: var(--color-bauwesen);
}
.header-frame .inner-menu.upper-level > li.page-id-73 li.current-menu-item > a{
    font-family: "Open Sans", sans-serif;
    color: var(--color-bauwesen)!important;
    pointer-events: none;
}
/* Entsorgung color */
.header-frame .inner-menu.upper-level > li.page-id-75 > span:hover,
.header-frame .inner-menu.upper-level > li.page-id-75 > a:hover,
.header-frame .inner-menu.upper-level > li.page-id-75  ul li span:hover,
.header-frame .inner-menu.upper-level > li.page-id-75  ul li a:hover {
    color: var(--color-entsorgung);
}
.header-frame .inner-menu.upper-level > li.page-id-75 li.current-menu-item > a{
    font-family: "Open Sans", sans-serif;
    color: var(--color-entsorgung)!important;
    pointer-events: none;
}
/* Baulogistik color */
.header-frame .inner-menu.upper-level > li.page-id-279 > span:hover,
.header-frame .inner-menu.upper-level > li.page-id-279 > a:hover,
.header-frame .inner-menu.upper-level > li.page-id-279  ul li span:hover,
.header-frame .inner-menu.upper-level > li.page-id-279  ul li a:hover {
    color: var(--color-baulogistik);
}
.header-frame .inner-menu.upper-level > li.page-id-279.current-menu-item > a{
    font-family: "Open Sans", sans-serif;
    color: var(--color-baulogistik)!important;
    pointer-events: none;
}

/* energiemanagement-und-gebäudeautomation color */
.header-frame .inner-menu.upper-level > li.page-id-5173 > span:hover,
.header-frame .inner-menu.upper-level > li.page-id-5173 > a:hover,
.header-frame .inner-menu.upper-level > li.page-id-5173  ul li span:hover,
.header-frame .inner-menu.upper-level > li.page-id-5173  ul li a:hover {
    color: var(--color-energiemanagement-und-gebäudeautomation);
}
.header-frame .inner-menu.upper-level > li.page-id-5173.current-menu-item > a{
    font-family: "Open Sans", sans-serif;
    color: var(--color-energiemanagement-und-gebäudeautomation)!important;
    pointer-events: none;
}




/* Navigation Breadcrumb */
nav .menu-info-bar{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 50px;
    border-bottom: 3px solid #FFFFFF;
    margin-bottom: 20px;
    position: relative;
}

nav .menu-info-bar .wrapper{
    position: relative;
    width: 100%;
}

nav .menu-info-bar .menu-breadcrumb{
    height: 100%;
    display: flex;
    padding: 0;
    margin: 1px 0 0 0;
    min-height: 20px;
    /* max-width: 450px; */

}

nav .menu-info-bar .menu-breadcrumb li{
    position: relative;
    list-style-type: none;
    margin-right: 25px;
    color: #AFAFAD;
    opacity: 0;
    transition: opacity 0.2s ease-out;
}
nav .menu-info-bar .menu-breadcrumb li.appended{
    opacity: 1;
}

/*
nav .menu-info-bar .menu-breadcrumb.baustoffe li{
    color: var(--color-baustoffe);
}
nav .menu-info-bar .menu-breadcrumb.bauwesen li{
    color: var(--color-bauwesen);
}
nav .menu-info-bar .menu-breadcrumb.entsorgung li{
    color: var(--color-entsorgung);
}
nav .menu-info-bar .menu-breadcrumb.baulogistik li{
    color: var(--color-baulogistik);
}
nav .menu-info-bar .menu-breadcrumb.sondermaschinenbau li{
    color: var(--color-sondermaschinenbau);
}

 */




nav .menu-info-bar .menu-breadcrumb li::before,
nav .menu-info-bar .menu-breadcrumb li::after {
    position: absolute;
    content: '';
    top: 0;
    right: -15px;
    width: 6px;
    height: 2px;
    background-color: #AFAFAD;
}
/*
nav .menu-info-bar .menu-breadcrumb.baustoffe li::before,
nav .menu-info-bar .menu-breadcrumb.baustoffe li::after{
    background-color: var(--color-baustoffe);
}
nav .menu-info-bar .menu-breadcrumb.bauwesen li::before,
nav .menu-info-bar .menu-breadcrumb.bauwesen li::after{
    background-color: var(--color-bauwesen);
}
nav .menu-info-bar .menu-breadcrumb.entsorgung li::before,
nav .menu-info-bar .menu-breadcrumb.entsorgung li::after{
    background-color: var(--color-entsorgung);
}
nav .menu-info-bar .menu-breadcrumb.baulogistik li::before,
nav .menu-info-bar .menu-breadcrumb.baulogistik li::after{
    background-color: var(--color-baulogistik);
}
nav .menu-info-bar .menu-breadcrumb.sondermaschinenbau li::before,
nav .menu-info-bar .menu-breadcrumb.sondermaschinenbau li::after{
    background-color: var(--color-sondermaschinenbau);
}

 */



nav .menu-info-bar .menu-breadcrumb li::before{
    transform: rotate(45deg);
    top: 7px;
}
nav .menu-info-bar .menu-breadcrumb li::after{
    transform: rotate(-45deg);
    top: 11px;
}

nav .menu-info-bar .menu-breadcrumb li:last-child::before,
nav .menu-info-bar .menu-breadcrumb li:last-child::after{
    display: none;
}




/* Mobile Menu */
.mobile-menu{
    position: fixed;
    right: -455px;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 450px;
    display: none;
    background-color: #F2F2F2;
    z-index: 105;
    overflow: hidden;
    border-left: 5px solid #0074BC;
    transition: right 0.2s ease-out;
    box-sizing: content-box;
}
html.mobile__menu_is_active .mobile-menu{
    right: 0;
}
@media only screen and (max-width: 959px){
    .mobile-menu{
        display: block;
    }
}
.mobile-menu > .mobile-frame{
    width: 100%;
    height: 100%;
}
.mobile-menu > .mobile-frame .res-frame-mobile{
    width: 100%;
    height: calc(100% - 100px);
    margin-top: 100px;
    overflow: hidden;
    max-width: 450px;
    position: relative;
    transition: height 0.1s ease-out;
}
.mobile-menu ul{
    margin: 0;
    padding: 0;
}
.mobile-menu li{
    list-style-type: none;
}
.mobile-menu .menu{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-animation-name: fadeRightMobile;
    animation-name: fadeRightMobile;
    animation-duration: .4s;
}
.mobile-menu span,
.mobile-menu a {
    position: relative;
    cursor: pointer;
    /*min-height: 40px;*/
    display: block;
    list-style-type: none;
    padding: 10px 100px 10px 20px;
    margin-bottom: 8px;
    font-size: 16px;
    font-family: "sbg-regular", sans-serif;
    color: #1D1D1B!important;
    user-select: none;
}
.mobile-menu .menu-item.menu-item-has-children > span::before{
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.246' height='15.401' viewBox='0 0 9.246 15.401'%3E%3Cg id='Gruppe_762' data-name='Gruppe 762' transform='translate(9.246 15.401) rotate(180)'%3E%3Crect id='Rechteck_6' data-name='Rechteck 6' width='10.461' height='2.615' transform='translate(1.849 0) rotate(45)' fill='%233e3e3e'/%3E%3Crect id='Rechteck_7' data-name='Rechteck 7' width='10.461' height='2.615' transform='translate(0 13.552) rotate(-45)' fill='%233e3e3e'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    height: 15px;
    width: 9px;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 1px)) rotate(180deg);
    right: 40px;
}
.mobile-menu .menu-return-button{
    margin-left: 30px;
}
.mobile-menu .menu-return-button::before{
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.246' height='15.401' viewBox='0 0 9.246 15.401'%3E%3Cg id='Gruppe_762' data-name='Gruppe 762' transform='translate(9.246 15.401) rotate(180)'%3E%3Crect id='Rechteck_6' data-name='Rechteck 6' width='10.461' height='2.615' transform='translate(1.849 0) rotate(45)' fill='%233e3e3e'/%3E%3Crect id='Rechteck_7' data-name='Rechteck 7' width='10.461' height='2.615' transform='translate(0 13.552) rotate(-45)' fill='%233e3e3e'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    height: 15px;
    width: 9px;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 1px));
    left: -10px;
}
.mobile-menu .sub_menu,
.mobile-menu .sub_menu_inner{
    top: 0;
    width: 100%;
    position: absolute;
    right: -450px;
    background-color: #F2F2F2;
    transition: opacity 0.2s ease-out;
}
.mobile-menu .sub_menu{
    visibility: hidden;
}
.mobile-menu .sub_menu_inner{
    z-index: -1;
    opacity: 0;
}
.mobile-menu .mobile.menu-item.active > .sub_menu{
    visibility: visible;
}
.mobile-menu .mobile.menu-item.active > .sub_menu_inner{
    z-index: 250;
    opacity: 1;
}
.mobile-menu .sub_menu_inner{
    -webkit-animation-name: fadeRightLowerLevelMobile;
    animation-name: fadeRightLowerLevelMobile;
    animation-duration: .4s;
}
.mobile-menu .inner-menu.upper-level{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation-name: fadeRightMobile;
    animation-name: fadeRightMobile;
    animation-duration: .4s;
}
.mobile-menu .inner-menu.lower-level{
    -webkit-animation-name: fadeRightLowerLevelMobile;
    animation-name: fadeRightLowerLevelMobile;
    animation-duration: .4s;
}
.mobile-menu .menu.sub-is-active,
.mobile-menu .sub_menu.sub-is-active,
.mobile-menu .sub_menu .inner-menu.sub-is-active {
    left: -450px;
    -webkit-animation-name: fadeLeftMobile;
    animation-name: fadeLeftMobile;
    animation-duration: .4s;
}
.mobile-menu .sub_menu_inner.sub-is-active{
    right: 0;
    -webkit-animation-name: fadeLeftLowerLevelMobile;
    animation-name: fadeLeftLowerLevelMobile;
    animation-duration: .4s;
}
.mobile-menu .close-btn{
    position: absolute;
    right: 20px;
    top: 15px;
    height: 30px;
    padding: 5px 7px;
    box-sizing: content-box;
    cursor: pointer;

}
.mobile-menu .close-btn > div{
    border-radius: 5px;
    width: 25px;
    height: 3px;
    background-color: #000000;
}
.mobile-menu .close-btn > div:first-child{
    transform: rotate(45deg);
    margin-top: 13px;
}
.mobile-menu .close-btn > div:last-child{
    transform: rotate(-45deg);
    margin-top: -3px;
}
.mobile-menu-btn{
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    display: none;
    width: 25px;
    padding: 10px;
    box-sizing: content-box;
}
@media only screen and (max-width: 500px){
    .mobile-menu-btn{
        right: 20px;
    }
}
.mobile-menu-btn::before{
    position: absolute;
    left: -55px;
    top: 2px;
    /*transform: translateY(-50%);*/
    content: 'MENÜ';
    line-height: 35px;
    font-size: 20px;
}
@media only screen and (max-width: 400px){
    .mobile-menu-btn::before{
        display: none;
    }
}
.mobile-menu-btn > div{
    width: 100%;
    height: 3px;
    margin-bottom: 4px;
    background-color: #000000;
    border-radius: 5px;
}
@media only screen and (max-width: 959px){
    .mobile-menu-btn{
        display: block;
    }
}




/* Mobile Menu Breadcrumb */

.mobile-frame .menu-breadcrumb{
    min-height: 40px;
    margin: 75px 0 15px 0;
    padding: 0 20px 15px 20px;
    display: flex;
    align-items: flex-end;
    border-bottom: 3px solid #FFFFFF;
}


.mobile-frame .menu-breadcrumb .breadcrumb-item:last-child{
    display: block;
}

.mobile-frame .menu-breadcrumb .breadcrumb-item{
    display: none;
    position: relative;
    list-style-type: none;
    margin-right: 25px;
    font-size: 16px;
    color: #AFAFAD;
    opacity: 0;
    transition: opacity 0.2s ease-out;
}
.mobile-frame .menu-breadcrumb .breadcrumb-item.appended{
    opacity: 1;
}


/* Seitenmenü */

.side-menu{
    top: 0;
    right: -120px;
    position: absolute;
    height: 100%;
    z-index: 30;
    transition: right 0.2s ease-out;
    pointer-events: none;
}

.side-menu.active{
    right: 0;
}

.side-menu .sticky-frame{
    top: 185px;
    position: sticky;
    background-color: #FFFFFF;
    pointer-events: all;
}

@media only screen and (max-width: 1250px){
    .side-menu .sticky-frame{
        top: 225px;
    }
}

@media only screen and (max-width: 959px){
    .side-menu .sticky-frame{
        top: 205px;
    }
}


.side-menu ul,
.side-menu ul li{
    display: block;
    padding: 0;
    margin: 0;
}

.side-menu li{
    position: relative;
    width: 110px;
    height: 80px;
    border-top: 3px solid #F2F2F2;
}

@media only screen and (max-width: 959px){
    .side-menu li{
        width: 60px;
        height: 60px;
    }
}

.side-menu li:last-child{
    border-bottom: 3px solid #F2F2F2;
}

.side-menu li::after{
    position: absolute;
    content: '';
    right: 0;
    height: 100%;
    top: 0;
    width: 0;
    background-color: #0074BC;
    transition: width 0.3s ease-out;
}

.side-menu li:hover::after{
    width: 3px;
}
@media only screen and (max-width: 959px){
    .side-menu li a .side-menu-text{
        display: none;
    }
}


.side-menu li a.jobs svg path{
    transition: all 0.3s ease-out;
}

.side-menu li:hover a.jobs svg path{
    stroke: #0074BC;
    fill: #0074BC;
}

.side-menu li a.search svg path{
    transition: all 0.3s ease-out;
}

.side-menu li:hover a.search svg path{
    fill: #0074BC;
    stroke: #FFFFFF;
}

.side-menu li a.social-media svg path,
.side-menu li a.social-media svg rect {
    transition: stroke 0.3s ease-out;
}

.side-menu li:hover a.social-media svg path,
.side-menu li:hover a.social-media svg rect {
    stroke: #0074BC;
}

.side-menu li a.opening-hours svg path,
.side-menu li a.opening-hours svg circle {
    transition: stroke 0.3s ease-out;
}

.side-menu li:hover a.opening-hours svg path,
.side-menu li:hover a.opening-hours svg circle {
    stroke: #0074BC;
}
.side-menu li:hover a.opening-hours svg circle:first-child {
    display: none;
}

.side-menu li a.contact-arrival svg path,
.side-menu li a.contact-arrival svg circle {
    transition: stroke 0.3s ease-out;
}

.side-menu li:hover a.contact-arrival svg path,
.side-menu li:hover a.contact-arrival svg circle {
    stroke: #0074BC;
}

.side-menu li a{
    font-family: Avenir Heavy, sans-serif;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #3E3E3E;
}

@media only screen and (max-width: 959px){
    .side-menu li a{
        justify-content: center;
    }
}

.side-menu li a:hover{
    opacity: 0.7;
    color: #0074BC;
}

.side-menu li a .side-menu-text{
    margin-bottom: 12px;
    line-height: 12px;
}
@media only screen and (max-width: 959px){
    .side-menu li a .side-menu-text{
        margin-bottom: 0;
    }
}

.side-menu li a .side-menu-icon{
    margin-top: 12px;
    line-height: 0;
}
@media only screen and (max-width: 959px){
    .side-menu li a .side-menu-icon{
        margin-top: 0;
    }
}

@media only screen and (max-width: 959px){
    .side-menu li a.social-media .side-menu-icon > svg{
        height: 26px;
    }
    .side-menu li a.jobs .side-menu-icon > svg{
        height: 26px;
        width: 26px;
    }
}




.side-menu li a.jobs .side-menu-icon{
    position: relative;
}

.side-menu li a.jobs .job-count {
    visibility: hidden;
    color: #FFFFFF;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-color: #0074BC;
    position: absolute;
    top: -7px;
    right: -20px;
    font-size: 12px;
    line-height: 12px;
}

.side-menu li a.jobs .job-count.count_loaded {
    visibility: visible;
}


.side-menu li a.jobs .job-count span{
    margin-top: 1px;
}

@media only screen and (max-width: 959px){
    .side-menu li a.jobs .job-count {
        width: 15px;
        height: 15px;
        right: -12px;
        font-size: 8px;
        line-height: 8px;
    }
}


/* Breadcrumb */
.breadcrumb{
    display: flex;
    /* min-height: 50px; */
    margin: 15px 0;
    background-color: #FFFFFF;
}
@media only screen and (max-width: 700px){
    .breadcrumb{
        display: none;
    }
}
.breadcrumb .breadcrumb-frame{
    width: calc(100% - 550px);
    float: left;
}
.breadcrumb .breadcrumb-frame.fullwidth{
    width: 100%;
}
@media only screen and (max-width: 959px){
    .breadcrumb .breadcrumb-frame{
        width: 100%;
    }
}
.breadcrumb .arrow{
    display: none;
}
.breadcrumb #breadcrumbs{
    margin: 0;
}
.breadcrumb #breadcrumbs > span::after{
    display: none;
}
.breadcrumb span{
    position: relative;
    margin-right: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #0074BC;
}
body.baustoffe .breadcrumb span{
    color: var(--color-baustoffe);
}
body.bauwesen .breadcrumb span{
    color: var(--color-bauwesen);
}
body.entsorgung .breadcrumb span{
    color: var(--color-entsorgung);
}
body.baulogistik .breadcrumb span{
    color: var(--color-baulogistik);
}
body.sondermaschinenbau .breadcrumb span{
    color: var(--color-sondermaschinenbau);
}

body.energiemanagement-und-gebäudeautomation .breadcrumb span{
    color: var(--color-energiemanagement-und-gebäudeautomation);
}



.breadcrumb svg{
    margin-right: 10px;
}
.breadcrumb span a {
    color: #0074BC;
}
body.baustoffe .breadcrumb span a{
    color: var(--color-baustoffe);
}
body.bauwesen .breadcrumb span a{
    color: var(--color-bauwesen);
}
body.entsorgung .breadcrumb span a{
    color: var(--color-entsorgung);
}
body.baulogistik .breadcrumb span a{
    color: var(--color-baulogistik);
}
body.sondermaschinenbau .breadcrumb span a{
    color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .breadcrumb span a{
    color: var(--color-energiemanagement-und-gebäudeautomation);
}


.breadcrumb .breadcrumb_last{
    font-weight: 700;
}
.breadcrumb svg rect{
    fill: #0074BC;
}
body.baustoffe .breadcrumb svg rect{
    fill: var(--color-baustoffe);
}
body.bauwesen .breadcrumb svg rect{
    fill: var(--color-bauwesen);
}
body.entsorgung .breadcrumb svg rect{
    fill: var(--color-entsorgung);
}
body.baulogistik .breadcrumb svg rect{
    fill: var(--color-baulogistik);
}
body.sondermaschinenbau .breadcrumb svg rect{
    fill: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .breadcrumb svg rect{
    fill: var(--color-energiemanagement-und-gebäudeautomation);
}

/* Site Information */
.site-information .grey-bg-frame{
    background: linear-gradient(to left, #FFFFFF 50%, #F2F2F2 50%);
}
.site-information .info-box{
    position: relative;
    background-color: #0074BC;
    float: right;
    width: 100%;
    max-width: 500px;
    min-height: 300px;
    margin-top: -140px;
    z-index: 10;
}

body.page-id-9 .site-information .info-box{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .site-information .info-box{
    background-color: var(--color-baustoffe);
}
body.bauwesen .site-information .info-box{
    background-color: var(--color-bauwesen);
}
body.entsorgung .site-information .info-box{
    background-color: var(--color-entsorgung);
}
body.baulogistik .site-information .info-box{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .site-information .info-box{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .site-information .info-box{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}


@media only screen and (max-width: 959px){
    .site-information .info-box{
        display: none;
    }
}
.site-information .info-box .links{
    display: flex;
    align-items: flex-end;
    min-height: 230px;
}
.site-information .info-box .links ul{
    width: 100%;
    padding: 20px 50px;
    margin: 0;
}
.site-information .info-box .links ul li{
    display: block;
    margin-bottom: 20px;
}
.site-information .info-box .links ul li:last-child{
    margin-bottom: 0;
}
.site-information .info-box .links ul li a{
    color: #FFFFFF;
    font-size: 18px;
    font-family: "sbg-regular", sans-serif;
    line-height: 25px;
    position: relative;
    transition: filter 0.2s ease-out;
}
.site-information .info-box .links ul li a::before{
    position: absolute;
    content: '';
    background: url("data:image/svg+xml,%3Csvg id='Gruppe_732' data-name='Gruppe 732' xmlns='http://www.w3.org/2000/svg' width='6.193' height='10.316' viewBox='0 0 6.193 10.316'%3E%3Crect id='Rechteck_6' data-name='Rechteck 6' width='7.007' height='1.752' transform='translate(1.239 0) rotate(45)' fill='%23fff'/%3E%3Crect id='Rechteck_7' data-name='Rechteck 7' width='7.007' height='1.752' transform='translate(0 9.077) rotate(-45)' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
    height: 10px;
    width: 6px;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}
.site-information .info-box .links ul li a:hover{
    filter: brightness(0.65);
}
.site-information .info-box .logo-wrapper{
    padding: 0 30px;
    height: 70px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site-information .info-box .logo-small.steinbach{
    background: url("../icons/steinbach-colored.svg") no-repeat center center;
    background-size: cover;
    height: 28px;
    width: 118px;
}
.site-information .info-box .logo-small.sst{
    background: url("../icons/sst-colored.svg") no-repeat center center;
    background-size: cover;
    height: 25px;
    width: 41px;
}
.site-information .info-box .logo-small.sta{
    background: url("../icons/sta-colored.svg") no-repeat center center;
    background-size: cover;
    height: 20px;
    width: 65px;
}
.site-information .info-box .logo-small.ecoglas{
    background: url("../icons/ecoglas-colored.svg") no-repeat center center;
    background-size: cover;
    height: 28px;
    width: 110px;
}

/* Footer */

.footer-bar{
    padding-top: 90px;
    background-color: #F2F2F2;
    margin-top: 80px;
}

@media only screen and (max-width: 1000px){
    .footer-bar{
        padding-top: 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 1000px){
    .footer-bar .top-section{
        background: none;
    }
}

.footer-bar .top-section .wrapper{
    display: flex;
    width: 100%;
}

@media only screen and (max-width: 1000px){
    .footer-bar .top-section .wrapper{
        /*padding-top: 40px;*/
        flex-direction: column;
        background-color: #FFFFFF;
    }
}

.footer-bar .top-section .left-box{
    width: 410px;
    padding: 40px 0 30px 0;
}

@media only screen and (max-width: 1000px){
    .footer-bar .top-section .left-box{
        width: 100%;
        padding: 20px 0 0 0;
    }
}


.footer-bar .top-section .left-box .info{
    margin-left: 80px;
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 3px solid #D8D8D8;
}

@media only screen and (max-width: 1000px){
    .footer-bar .top-section .left-box .info{
        margin: 0 40px;
        max-width: 300px;
    }
}

@media only screen and (max-width: 799px){
    .footer-bar .top-section .left-box .info{
        margin-left: 20px;
    }
}


.footer-bar .top-section .right-box{
    width: calc(100% - 410px);
    background-color: #FFFFFF;
}

@media only screen and (max-width: 1000px){
    .footer-bar .top-section .right-box{
        width: calc(100% - 80px);
        margin: 0 40px;
    }
}

@media only screen and (max-width: 799px){
    .footer-bar .top-section .right-box{
        width: calc(100% - 40px);
        margin: 0 20px;
    }
}

@media only screen and (max-width: 450px){
    .footer-bar .top-section .right-box{
        width: 100%;
        margin: 0;
    }
}

.footer-bar .top-section ul,
.footer-bar .top-section ul li{
    padding: 0;
    margin: 0;
}

.footer-bar .top-section ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    padding: 0 40px;
}

@media only screen and (max-width: 1000px){
    .footer-bar .top-section ul{
        padding: 40px 0 20px 0;
        justify-content: center;
    }
}

@media only screen and (max-width: 450px){
    .footer-bar .top-section ul{
        padding: 40px 20px 20px 20px;
        justify-content: center;
    }
}


.footer-bar .top-section ul li{
    list-style-type: none;
    margin-right: 40px;
}

@media only screen and (max-width: 1000px){
    .footer-bar .top-section ul li{
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 700px){
    .footer-bar .top-section ul li{
        margin-right: 20px;
    }
}


.footer-bar .top-section ul li:last-child{
    margin-right: 0;
}

.footer-bar .top-section .right-box .footer-logo{
    background: no-repeat center center;
}


.footer-bar .top-section .right-box .footer-logo.ssw {
    width: 100px;
    height: 24px;
    background-image: url("../icons/footer-icons/ssw.svg");
    background-size: contain;
}
.footer-bar .top-section .right-box .footer-logo.sst {
    width: 40px;
    height: 30px;
    background-image: url("../icons/footer-icons/sst.svg");
    background-size: contain;
}
.footer-bar .top-section .right-box .footer-logo.ecoglas {
    width: 100px;
    height: 30px;
    background-image: url("../icons/footer-icons/ecoglas.svg");
    background-size: contain;
}
.footer-bar .top-section .right-box .footer-logo.sta {
    width: 85px;
    height: 22px;
    background-image: url("../icons/footer-icons/sta.svg");
    background-size: contain;
}

.footer-bar .top-section .right-box .footer-logo.srt {
    width: 60px;
    height: 40px;
    background-image: url("../icons/footer-icons/srt.svg");
    background-size: contain;
}
.footer-bar .top-section .right-box .footer-logo.emporium {
    width: 100px;
    height: 30px;
    background-image: url("../icons/footer-icons/emporium.svg");
    background-size: contain;
}
.footer-bar .top-section .right-box .footer-logo.fgb {
    width: 75px;
    height: 35px;
    background-image: url("../icons/footer-icons/fgb.svg");
    background-size: contain;
}

@media only screen and (max-width: 700px){
    .footer-bar .top-section .right-box .footer-logo.ssw {
        width: 100px;
        height: 24px;
    }
    .footer-bar .top-section .right-box .footer-logo.sst {
        width: 40px;
        height: 27px;
    }
    .footer-bar .top-section .right-box .footer-logo.ecoglas {
        width: 95px;
        height: 27px;
    }
    .footer-bar .top-section .right-box .footer-logo.sta {
        width: 75px;
        height: 22px;
    }
    .footer-bar .top-section .right-box .footer-logo.srt {
        width: 50px;
        height: 30px;
    }
    .footer-bar .top-section .right-box .footer-logo.emporium {
        width: 95px;
        height: 27px;
    }
    .footer-bar .top-section .right-box .footer-logo.fgb {
        width: 67px;
        height: 30px;
    }
}

.footer-navigation{
    margin-top: 70px;
}

@media only screen and (max-width: 659px){
    .footer-navigation{
        margin-top: 30px;
    }
}


.footer-navigation .wrapper{
    display: flex;
    justify-content: center;
}

.footer-navigation .wrapper ul{
    border-top: 3px solid #FFFFFF;
    padding: 40px 70px;
    margin: 0;
}

@media only screen and (max-width: 600px){
    .footer-navigation .wrapper ul{
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
        padding: 40px 0 20px 0;
    }
}

.footer-navigation .wrapper ul li{
    padding: 0;
    margin-right: 40px;
    display: inline;
}


.footer-navigation .wrapper ul li:last-child{
    margin-right: 0;
}

@media only screen and (max-width: 600px){
    .footer-navigation .wrapper ul li{
        margin: 0 0 20px 0;
    }
}

.footer-navigation .wrapper ul li a{
    color: #1D1D1B;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 20px;
    font-family: Avenir Medium, sans-serif;
    transition: color 0.3s ease-out;
}

.footer-navigation .wrapper ul li a:hover{
    opacity: 1;
    color: #0074BC;
}

body.page-id-9 .footer-navigation .wrapper ul li a:hover{
    opacity: 1;
    color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .footer-navigation .wrapper ul li a:hover{
    opacity: 1;
    color: var(--color-baustoffe);
}
body.bauwesen .footer-navigation .wrapper ul li a:hover{
    opacity: 1;
    color: var(--color-bauwesen);
}
body.entsorgung .footer-navigation .wrapper ul li a:hover{
    opacity: 1;
    color: var(--color-entsorgung);
}

body.baulogistik .footer-navigation .wrapper ul li a:hover{
    opacity: 1;
    color: var(--color-baulogistik);
}

body.sondermaschinenbau .footer-navigation .wrapper ul li a:hover{
    opacity: 1;
    color: var(--color-sondermaschinenbau);
}

body.energiemanagement-und-gebäudeautomation .footer-navigation .wrapper ul li a:hover{
    opacity: 1;
    color: var(--color-energiemanagement-und-gebäudeautomation);
}



.link-bar {
    position: relative;
}

.link-bar .footer-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 36px;
    width: 36px;
    background: url(../icons/footer-icons/sbg-footer-logo.svg) center center no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 1000px) {
    .link-bar .footer-logo {
        position: static;
        left: unset;
        top: unset;
        transform: none;
        margin: 40px auto;
    }
}

@media only screen and (max-width: 450px) {
    .link-bar .footer-logo {
        position: static;
        left: unset;
        top: unset;
        transform: none;
        margin: 0 auto 40px auto;
    }
}


.link-bar .social-media-links{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    min-height: 100px;
}

@media only screen and (max-width: 1000px) {
    .link-bar .social-media-links{
        justify-content: center;
    }
}
@media only screen and (max-width: 450px) {
    .link-bar .social-media-links{
        padding: 20px 0;
    }
}

.link-bar .social-media-links li{
    list-style-type: none;
    margin-right: 20px;
}


.link-bar .social-media-links li:last-child{
    margin-right: 0;
}

@media only screen and (max-width: 450px) {
    .link-bar .social-media-links li,
    .link-bar .social-media-links li:last-child{
        margin: 0 15px 30px 15px;
    }
}

@media only screen and (max-width: 400px) {
    .link-bar .social-media-links li,
    .link-bar .social-media-links li:last-child{
        margin: 0 10px 20px 10px;
    }
}


.link-bar .social-media-links li a{
    display: block;
    background: no-repeat center center;
    transition: filter 0.3s ease-out;
}

.link-bar .social-media-links li a:hover{
    opacity: 1;
    filter: brightness(0.65);
}

.link-bar .social-media-links li a.instagram{
    background-image: url("../icons/footer-icons/instagram.svg");
    background-size: contain;
    width: 30px;
    height: 30px;
}
.link-bar .social-media-links li a.facebook{
    background-image: url("../icons/footer-icons/facebook.svg");
    background-size: contain;
    width: 35px;
    height: 35px;
}
.link-bar .social-media-links li a.xing{
    background-image: url("../icons/footer-icons/xing.svg");
    background-size: contain;
    width: 30px;
    height: 30px;
}
.link-bar .social-media-links li a.linkedin{
    background-image: url("../icons/footer-icons/linkedin.svg");
    background-size: contain;
    width: 30px;
    height: 30px;
}
.link-bar .social-media-links li a.youtube{
    background-image: url("../icons/footer-icons/youtube.svg");
    background-size: contain;
    width: 35px;
    height: 30px;
}

@media only screen and (max-width: 400px){
    .link-bar .social-media-links li a.instagram{
        width: 35px;
        height: 35px;
    }
    .link-bar .social-media-links li a.facebook{
        width: 35px;
        height: 35px;
    }
    .link-bar .social-media-links li a.xing{
        width: 35px;
        height: 35px;
    }
    .link-bar .social-media-links li a.linkedin{
        width: 35px;
        height: 35px;
    }
    .link-bar .social-media-links li a.youtube{
        width: 35px;
        height: 30px;
    }
}

.page-end{
    height: 5px;
    background: linear-gradient( to right, #0A5790 0%, #0A5790 50%, #4996D1 50%, #4996D1 100%);
    width: 100%;
}

/* Utils */
.opacity-frame{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
    transition: opacity 0.3s ease-out;
    cursor: pointer;
}
html.mobile__menu_is_active .opacity-frame{
    height: 100%;
    opacity: 0.8;
}

body.baustellen-lightbox__active .opacity-frame{
    height: 100%;
    opacity: 0.8;
}
.close-btn{
    position: absolute;
    right: -6px;
    top: -9px;
    height: 30px;
    padding: 5px;
    box-sizing: content-box;
    cursor: pointer;
}
.close-btn > div{
    border-radius: 5px;
    width: 25px;
    height: 3px;
    background-color: #000000;
}
.close-btn > div:first-child{
    transform: rotate(45deg);
    margin-top: 13px;
}
.close-btn > div:last-child{
    transform: rotate(-45deg);
    margin-top: -3px;
}

/************************************/
/********** Inhaltselemente *********/
/************************************/


/*Einleitungstext-Element*/

body.search-results .einleitungstext{
    display: none;
}
.einleitungstext .resolution-frame-einleitung {
    width: 100%;
    max-width: 1580px;
    margin: auto;
    position: relative;
    padding: 70px 0 1px 0;
}
@media only screen and (max-width: 659px) {
    .einleitungstext .resolution-frame-einleitung {
        padding: 30px 0 1px 0;
    }
}

.padding-frame .text-frame{
    width: calc(100% - 550px);
    max-width: 700px;
}
@media only screen and (max-width: 959px){
    .padding-frame .text-frame{
        width: 100%;
    }
}

.padding-frame .text-frame ul {
    margin: 0;
    padding: 0;
}
.padding-frame .text-frame li {
    display: block;
    margin-left: 30px;
    line-height: 20px;
    margin-bottom: 10px;
}
.padding-frame .text-frame li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #0074BC;
    float: left;
    margin-top: 8px;
    margin-left: -15px;
}

body.page-id-9 .padding-frame .text-frame li:before{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .padding-frame .text-frame li:before{
    background-color: var(--color-baustoffe);
}
body.bauwesen .padding-frame .text-frame li:before{
    background-color: var(--color-bauwesen);
}
body.entsorgung .padding-frame .text-frame li:before{
    background-color: var(--color-entsorgung);
}
body.baulogistik .padding-frame .text-frame li:before{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .padding-frame .text-frame li:before{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .padding-frame .text-frame li:before{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.co-el.einleitungstext.no-box .padding-frame .text-frame{
    width: 100%;
    max-width: 960px;
}



/*Produkt-Teaser-Element*/
.no-grey .grey-bg-frame {
    background: none;
}
.grey-bg-frame {
    background: linear-gradient(to left, #FFFFFF 50%, #F2F2F2 50%);
}
.produkt-teaser .resolution-frame {
    padding: 100px 0 70px 0;
}

@media only screen and (max-width: 1759px) {
    .produkt-teaser .resolution-frame {
        padding: 70px 0 140px 0;
    }
}
@media only screen and (max-width: 659px) {
    .produkt-teaser .resolution-frame {
        padding: 30px 0 100px 0;
    }
}
.slider-element-holder {
    display: flex;
}
@media only screen and (max-width: 1759px) {
    .slider-element-holder {
        flex-direction: column;
    }
}
.padding-top {
    margin-right: 40px;
    border-bottom: 3px solid #FFFFFF;
}
.no-grey .padding-top {
    border-bottom: 3px solid #F2F2F2;
}
@media only screen and (max-width: 1759px) {
    .padding-top {
        border-bottom: none;
    }
    .no-grey .padding-top {
        border-bottom: none;
    }
}
.headline-box {
    width: 280px;
    margin-bottom: 80px;
}
@media only screen and (max-width: 1759px) {
    .headline-box {
        max-width: 500px;
        width: unset;
        margin-bottom: 20px;
    }
}
.headline-box span {
    font-family: Avenir Medium, sans-serif;
    text-transform: uppercase;
    color: #9B9B9B;
}

.co-el.produkt-teaser.baustoffe-bauwesen-entsorgung .headline-box .colored-hl{
    color: var(--color-baustoffe-bauwesen-entsorgung)!important;
}
.co-el.produkt-teaser.baustoffe .headline-box .colored-hl{
    color: var(--color-baustoffe)!important;
}
.co-el.produkt-teaser.bauwesen .headline-box .colored-hl{
    color: var(--color-bauwesen)!important;
}
.co-el.produkt-teaser.entsorgung .headline-box .colored-hl{
    color: var(--color-entsorgung)!important;
}
.co-el.produkt-teaser.baulogstik .headline-box .colored-hl{
    color: var(--color-baulogistik)!important;
}
.co-el.produkt-teaser.sondermaschinenbau .headline-box .colored-hl{
    color: var(--color-sondermaschinenbau)!important;
}
.co-el.produkt-teaser.energiemanagement-und-gebäudeautomation .headline-box .colored-hl{
    color: var(--color-energiemanagement-und-gebäudeautomation)!important;
}

.colored-bg-box {
    background-color: rgba(0, 116, 188, 0.5);
    width: 100%;
    max-width: 700px;
    height: 280px;
    position: absolute;
    top: 70px;
    right: 40px;
}


body.page-id-9 .colored-bg-box {
    background-color: rgba(0, 87, 144, 0.5);
}
body.baustoffe .colored-bg-box {
    background-color: rgba(188, 191, 164, 0.5);
}
body.bauwesen .colored-bg-box {
    background-color: rgba(106, 137, 146, 0.5);
}
body.entsorgung .colored-bg-box {
    background-color: rgba(157, 146, 124, 0.5);
}
body.baulogistik .colored-bg-box {
    background-color: rgba(142, 159, 138, 0.5);
}
body.sondermaschinenbau .colored-bg-box {
    background-color: rgba(73, 149, 209, 0.5);
}
body.energiemanagement-und-gebäudeautomation .colored-bg-box{
    background-color: rgba(60, 147, 219, 0.5);
}
.co-el.produkt-teaser.baustoffe-bauwesen-entsorgung .colored-bg-box{
    background-color: rgba(0, 87, 144, 0.5)!important;
}
.co-el.produkt-teaser.baustoffe .colored-bg-box{
    background-color: rgba(188, 191, 164, 0.5)!important;
}
.co-el.produkt-teaser.bauwesen .colored-bg-box{
    background-color: rgba(106, 137, 146, 0.5)!important;
}
.co-el.produkt-teaser.entsorgung .colored-bg-box{
    background-color: rgba(157, 146, 124, 0.5)!important;
}
.co-el.produkt-teaser.baulogstik .colored-bg-box{
    background-color: rgba(142, 159, 138, 0.5)!important;
}
.co-el.produkt-teaser.sondermaschinenbau .colored-bg-box{
    background-color: rgba(73, 149, 209, 0.5)!important;
}
.co-el.produkt-teaser.energiemanagement-und-gebäudeautomation .colored-bg-box{
    background-color: rgba(60, 147, 219, 0.5)!important;
}


@media only screen and (max-width: 1759px) {
    .colored-bg-box {
        top: unset;
        bottom: 230px;
    }
}
@media only screen and (max-width: 1259px) {
    .colored-bg-box {
        right: 20px;
    }
}

@media only screen and (max-width: 659px) {
    .colored-bg-box {
        bottom: 190px;
    }
}

@media only screen and (max-width: 619px) {
    .colored-bg-box {
        right: 0;
    }
}
.no-grey .colored-bg-box {
    background-color: rgba(0, 87, 144, 0.5);
}
@media only screen and (max-width: 1759px) {
    .no-grey .colored-bg-box {
        top: unset;
        bottom: 230px;
    }
}
@media only screen and (max-width: 1259px) {
    .no-grey .colored-bg-box {
        right: 20px;
    }
}
@media only screen and (max-width: 659px) {
    .no-grey .colored-bg-box {
        bottom: 190px;
    }
}
@media only screen and (max-width: 619px) {
    .no-grey .colored-bg-box {
        right: 0;
    }
}
.content-box {
    width: 280px;
    height: 348px;
    margin: 0 10px;
    transition: 0.2s ease-out;
}

/*.content-box:hover {
    margin: 0 10px 5px 10px;
    opacity: 1;
}
@media only screen and (max-width: 1759px) {
    .content-box {
        margin: 0 20px 0 0;
    }
}
@media only screen and (max-width: 1759px) {
    .content-box:hover {
        margin: 0 20px 5px 0;
    }
}*/
.content-box a:hover {
    opacity: 1;
}
.img-frame {
    width: 280px;
    height: 280px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-out;
}
.no-grey .img-frame {
    background-color: #F2F2F2;
}
.border-text {
}
.border-text:after {
    content: '';
    display: block;
    width: 280px;
    height: 3px;
    position: absolute;
    bottom: 0;
    /* background-color: #005790; */
    background-color: #0074BC;
    transition: 0.2s ease-out;
}
body.page-id-9 .border-text:after{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .border-text:after{
    background-color: var(--color-baustoffe);
}
body.bauwesen .border-text:after{
    background-color: var(--color-bauwesen);
}
body.entsorgung .border-text:after{
    background-color: var(--color-entsorgung);
}
body.baulogistik .border-text:after{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .border-text:after{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .border-text:after{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.co-el.produkt-teaser.baustoffe-bauwesen-entsorgung .border-text:after{
    background-color: rgba(0, 87, 144, 1)!important;
}
.co-el.produkt-teaser.baustoffe .border-text:after{
    background-color: rgba(188, 191, 164, 1)!important;
}
.co-el.produkt-teaser.bauwesen .border-text:after{
    background-color: rgba(106, 137, 146, 1)!important;
}
.co-el.produkt-teaser.entsorgung .border-text:after{
    background-color: rgba(157, 146, 124, 1)!important;
}
.co-el.produkt-teaser.baulogstik .border-text:after{
    background-color: rgba(142, 159, 138, 1)!important;
}
.co-el.produkt-teaser.sondermaschinenbau .border-text:after{
    background-color: rgba(73, 149, 209, 1);!important;
}
.co-el.energiemanagement-und-gebäudeautomation .border-text:after{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}


@media only screen and (max-width: 1759px){
    .co-el.produkt-teaser .slider-element-holder:not(.is-overflow) {
        margin-bottom: -70px;
    }

    .co-el.produkt-teaser .slider-element-holder:not(.is-overflow) .colored-bg-box{
        bottom: 160px;
    }
}




.content-box:hover a .border-text:after {
    bottom: 5px;
}
.text {
    margin: 10px 10px 10px 10px;
    height: 44px;
    width: 220px;
}
.text span {
    font-family: Avenir Heavy, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #5F5F5F;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: normal;
    text-transform: uppercase;
}
/*splide.min.css von produkt-teaser*/
.image-slider1 {
    max-width: 1200px;
}
@media only screen and (max-width: 1259px) {
    .image-slider1 {
        max-width: 900px;
    }
}
@media only screen and (max-width: 959px) {
    .image-slider1 {
        max-width: 600px;
    }
}
@media only screen and (max-width: 619px) {
    .image-slider1 {
        max-width: 300px;
    }
}
.image-slider1 ul {
    min-height: 356px;
    align-items: flex-end;
}
.image-slider1 ul li {
    width: unset !important;
    display: flex;
}
.image-slider1 .splide__pagination {
    display: none !important;
}
.image-slider1 .splide__arrows {
    position: absolute;
    left: -320px;
    bottom: 0;
}
@media only screen and (max-width: 1759px) {
    .image-slider1 .splide__arrows {
        left: 0;
        bottom: -90px;
    }
}
.image-slider1 .splide__arrow {
    border-radius: unset;
    background: #0074BC;
    height: 40px;
    width: 60px;
    justify-content: normal;
    position: unset;
    opacity: 1;
    transition: 0.3s ease-out;
}

.image-slider1:not(.is-overflow) .splide__arrows{
    display: none;
}

body.page-id-9 .image-slider1 .splide__arrow{
    background: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .image-slider1 .splide__arrow{
    background: var(--color-baustoffe);
}
body.bauwesen .image-slider1 .splide__arrow{
    background: var(--color-bauwesen);
}
body.entsorgung .image-slider1 .splide__arrow{
    background: var(--color-entsorgung);
}
body.baulogistik .image-slider1 .splide__arrow{
    background: var(--color-entsorgung);
}
body.sondermaschinenbau .image-slider1 .splide__arrow{
    background: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .image-slider1 .splide__arrow{
    background: var(--color-energiemanagement-und-gebäudeautomation);
}

.co-el.produkt-teaser.baustoffe-bauwesen-entsorgung .image-slider1 .splide__arrow{
    background-color: rgba(0, 87, 144, 1)!important;
}
.co-el.produkt-teaser.baustoffe .image-slider1 .splide__arrow{
    background-color: rgba(188, 191, 164, 1)!important;
}
.co-el.produkt-teaser.bauwesen .image-slider1 .splide__arrow{
    background-color: rgba(106, 137, 146, 1)!important;
}
.co-el.produkt-teaser.entsorgung .image-slider1 .splide__arrow{
    background-color: rgba(157, 146, 124, 1)!important;
}
.co-el.produkt-teaser.baulogstik .image-slider1 .splide__arrow{
    background-color: rgba(142, 159, 138, 1)!important;
}
.co-el.produkt-teaser.sondermaschinenbau .image-slider1 .splide__arrow{
    background-color: rgba(73, 149, 209, 1)!important;
}
.co-el.produkt-teaser.energiemanagement-und-gebäudeautomation .image-slider1 .splide__arrow{
    background-color: rgba(60, 147, 219, 1) !important;
}



.image-slider1 .splide__arrow svg {
    fill: #FFFFFF;
}
.image-slider1 .splide__arrow:disabled {
    opacity: 0.5;
    cursor: auto;
}
.image-slider1 .splide__arrow--prev {
    left: 0;
    float: left;
    margin-right: 15px;
}
.image-slider1 .splide__arrow--prev svg {
    position: absolute;
    left: 15px;
}
.image-slider1 .splide__arrow--next {
    right: 0;
}
.image-slider1 .splide__arrow--next svg {
    position: absolute;
    right: 15px;
}

/*Galerie Slider*/
.no-grey.galerie {
    padding-top: 170px;
}
@media only screen and (max-width: 1129px) {
    .no-grey.galerie {
        padding-top: 130px;
    }
}
@media only screen and (max-width: 959px) {
    .no-grey.galerie {
        padding-top: 110px;
    }
}
@media only screen and (max-width: 659px) {
    .galerie .resolution-frame {
        padding: 30px 0 100px 0;
    }
}
.no-grey.galerie .grey-bg {
    background-color: #F2F2F2;
}
.no-grey.galerie .resolution-frame {
    padding-top: 0;
    padding-bottom: 100px;
}
.galerie .galerie-box {
    width: 390px;
    height: 277px;
    margin: 0 20px;
}
@media only screen and (max-width: 1129px) {
    .galerie .galerie-box {
        width: 320px;
        height: 230px;
        margin: 0 10px;
    }
}
@media only screen and (max-width: 959px) {
    .galerie .galerie-box {
        width: 280px;
        height: 205px;
    }
}
@media only screen and (max-width: 619px) {
    .galerie .galerie-box {
        margin: 0 10px 0 0;
    }
}
.galerie .galerie-box:after {
    content: '';
    display: block;
    /*width: 300px;*/
    width: calc(100% - 40px);
    height: 3px;
    position: absolute;
    bottom: 0;
    background-color: #FFFFFF;
}
@media only screen and (max-width: 1129px) {
    .galerie .galerie-box:after {
        /*width: 238px;*/
        width: calc(100% - 20px);
    }
}
/*@media only screen and (max-width: 959px) {
    .galerie .galerie-box:after {
        width: 220px;
    }
}*/
.galerie .slider-element-holder {
    justify-content: center;
}
@media only screen and (max-width: 1759px) {
    .galerie .slider-element-holder {
        flex-direction: unset;
    }
}
.galerie-box div {
    background-color: #FFFFFF;
}
.galerie-box div:first-child {
    width: 100%;
    height: 260px;
    background-position: center center;
    background-size: cover;
}
@media only screen and (max-width: 1129px) {
    .galerie-box div:first-child {
        height: 215px;
    }
}
@media only screen and (max-width: 959px) {
    .galerie-box div:first-child {
        height: 190px;
    }
}
.galerie .icon-under {
    width: 50px;
    height: 40px;
    background-color: #FFFFFF;
    position: absolute;
    right: 40px;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 1129px) {
    .galerie .icon-under {
        right: 30px;
    }
}
@media only screen and (max-width: 959px) {
    .galerie .icon-under {
        right: 15px;
    }
}
.galerie .icon-under div {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}
/*.opacity-frame-lightbox {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    right: 0;
    transition: 0.4s ease-out;
    z-index: -1;
    display: none;
}
.opactiy-frame-active .opacity-frame-lightbox {
    display: block;
    z-index: 10;
}
html.opactiy-frame-active body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}*/
/*splide.min.css von slider-teaser*/
.image-slider3 {
    max-width: 1290px;
}
.no-grey .image-slider3 {
    margin-top: -100px;
}
@media only screen and (max-width: 1699px) {
    .image-slider3 {
        max-width: 860px;
    }
}
@media only screen and (max-width: 1129px) {
    .image-slider3 {
        max-width: 660px;
    }
    .no-grey .image-slider3 {
        margin-top: -60px;
    }
}
@media only screen and (max-width: 959px) {
    .image-slider3 {
        max-width: 600px;
    }
    .no-grey .image-slider3 {
        margin-top: -40px;
    }
}
@media only screen and (max-width: 619px) {
    .image-slider3 {
        max-width: 280px;
    }
}
.image-slider3 ul {
    align-items: flex-end;
}
.image-slider3 ul li {
    width: unset !important;
    display: flex;
}
.image-slider3 ul li a:hover {
    opacity: 1;
}
.image-slider3 .splide__pagination {
    display: none !important;
}
.image-slider3 .splide__arrow {
    border-radius: unset;
    background: #0074BC;
    height: 40px;
    width: 60px;
    top: 60%;
    justify-content: normal;
    opacity: 1;
    transition: 0.3s ease-out;
    position: absolute;
}


body.page-id-9 .image-slider3 .splide__arrow{
    background: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .image-slider3 .splide__arrow{
    background: var(--color-baustoffe);
}
body.bauwesen .image-slider3 .splide__arrow{
    background: var(--color-bauwesen);
}
body.entsorgung .image-slider3 .splide__arrow{
    background: var(--color-entsorgung);
}
body.baulogistik .image-slider3 .splide__arrow{
    background: var(--color-baulogistik);
}
body.sondermaschinenbau .image-slider3 .splide__arrow{
    background: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .image-slider3 .splide__arrow{
    background: var(--color-energiemanagement-und-gebäudeautomation);
}



.image-slider3 .splide__arrow--prev {
    left: -105px;
}
.no-grey .image-slider3 .splide__arrow--prev {
    left: -175px;
}
@media only screen and (max-width: 1699px) {
    .image-slider3 .splide__arrow--prev {
        left: -100px;
    }
    .no-grey .image-slider3 .splide__arrow--prev {
        left: -100px;
    }
}
@media only screen and (max-width: 959px) {
    .image-slider3 .splide__arrow--prev {
        left: 10px;
        top: unset;
        bottom: -80px;
    }
    .no-grey .image-slider3 .splide__arrow--prev {
        left: 10px;
        top: unset;
        bottom: -80px;
    }
}
@media only screen and (max-width: 619px) {
    .image-slider3 .splide__arrow--prev {
        left: 0;
    }
    .no-grey .image-slider3 .splide__arrow--prev {
        left: 0;
    }
}
.image-slider3 .splide__arrow--next{
    right: -105px;
}
.no-grey .image-slider3 .splide__arrow--next{
    right: -175px;
}
@media only screen and (max-width: 1699px) {
    .image-slider3 .splide__arrow--next {
        right: -100px;
    }
    .no-grey .image-slider3 .splide__arrow--next {
        right: -100px;
    }
}
@media only screen and (max-width: 959px) {
    .image-slider3 .splide__arrow--next {
        right: 10px;
        top: unset;
        bottom: -80px;
    }
    .no-grey .image-slider3 .splide__arrow--next {
        right: 10px;
        top: unset;
        bottom: -80px;
    }
}
@media only screen and (max-width: 619px) {
    .image-slider3 .splide__arrow--next {
        right: 0;
    }
    .no-grey .image-slider3 .splide__arrow--next {
        right: 0;
    }
}
.image-slider3 .splide__arrow svg {
    fill: #FFFFFF;
}
.image-slider3 .splide__arrow:disabled {
    opacity: 0.5;
    cursor: auto;
}
.image-slider3 .splide__arrow--prev svg {
    position: absolute;
    left: 15px;
}
.image-slider3 .splide__arrow--next svg {
    position: absolute;
    right: 15px;
}

/*Trennlinien-Element*/
.trennlinie .grey-bg-frame {
    background: linear-gradient(to left, #FFFFFF 50%, #F2F2F2 50%);
}
.no-grey .grey-bg-frame {
    background: none;
}
.trennlinie {
    width: 100%;
    background-color: #FFFFFF;
}
.trennlinie .resolution-frame {
    padding: 30px 0;
}
.line-holder {
    display: flex;
    align-items: center;
}
.line {
    width: 100%;
    height: 5px;
    background-color: #FFFFFF;
}
.no-grey .line {
    background-color: #F2F2F2;
}

/*Slider-Teaser*/
.slider-holder {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
@media only screen and (max-width: 1099px) {
    .slider-holder {
        flex-direction: column;
    }
}
@media only screen and (max-width: 699px) {
    .slider-holder {
        padding-bottom: 70px;
    }
}
.text-holder {
    max-width: 500px;
    margin-bottom: 100px;
}
@media only screen and (max-width: 1099px) {
    .text-holder {
        max-width: 850px;
        margin-bottom: 30px;
    }
}
.text-slider {
    border-bottom: 3px solid #0074BC;
    min-height: 220px;
}

body.page-id-9 .text-slider {
    border-bottom-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .text-slider {
    border-bottom-color: var(--color-baustoffe);
}
body.bauwesen .text-slider {
    border-bottom-color: var(--color-bauwesen);
}
body.entsorgung .text-slider {
    border-bottom-color: var(--color-entsorgung);
}
body.baulogistik .text-slider {
    border-bottom-color: var(--color-baulogistik);
}
body.sondermaschinenbau .text-slider {
    border-bottom-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .text-slider{
    border-bottom-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.text-slider p {
    color: #3E3E3E;
    font-family: OpenSans Regular, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 15px 0 0 0;
    padding-bottom: 15px;
}
.text-slider ul {
    padding: 0 0 15px 0;
}
.text-slider li {
    font-family: OpenSans Regular, sans-serif;
    font-size: 14px;
    color: #3E3E3E;
    line-height: 28px;
    display: block;
    margin-left: 34px;
    padding-right: 20px;
}
.text-slider li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 0;
    float: left;
    margin-top: 10px;
    margin-left: -15px;
    /*
    border-top: 2px solid #9CA078;
    border-right: 2px solid #9CA078;
    */
    border-top: 2px solid #0074BC;
    border-right: 2px solid #0074BC;
    transform: rotate(45deg);
}

body.page-id-9 .text-slider li:before{
    border-top-color: var(--color-baustoffe-bauwesen-entsorgung);
    border-right-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .text-slider li:before{
    border-top-color: var(--color-baustoffe);
    border-right-color: var(--color-baustoffe);
}
body.bauwesen .text-slider li:before{
    border-top-color: var(--color-bauwesen);
    border-right-color: var(--color-bauwesen);
}
body.entsorgung .text-slider li:before{
    border-top-color: var(--color-entsorgung);
    border-right-color: var(--color-entsorgung);
}
body.baulogistik .text-slider li:before{
    border-top-color: var(--color-baulogistik);
    border-right-color: var(--color-baulogistik);
}
body.sondermaschinenbau .text-slider li:before{
    border-top-color: var(--color-sondermaschinenbau);
    border-right-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .text-slider li:before{
    border-top-color: var(--color-energiemanagement-und-gebäudeautomation);
    border-right-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.gallerie-list-holder:after {
    content: "";
    display: block;
    height: 3px;
    width: 740px;
    background-color: #FFFFFF;
    float: left;
    margin-top: 20px;
}
.no-grey .gallerie-list-holder:after {
    background-color: #F2F2F2;
}
@media only screen and (max-width: 1399px) {
    .gallerie-list-holder:after {
        width: 620px;
    }
}
@media only screen and (max-width: 1249px) {
    .gallerie-list-holder:after {
        display: none;
    }
}
.gallerie {
    max-width: 740px;
    display: flex;
    margin-right: 110px;
}
@media only screen and (max-width: 1399px) {
    .gallerie {
        margin-right: 50px;
    }
}
@media only screen and (max-width: 1099px) {
    .gallerie {
        margin-right: 0;
    }
}
@media only screen and (max-width: 699px) {
    .gallerie {
        flex-direction: column;
        align-items: center;
    }
}
.gallerie img {
    max-width: 100%;
    height: 100%;
}
.image-holder1 {
    width: 320px;
    height: 390px;
    margin-right: 20px;
}
@media only screen and (max-width: 1399px) {
    .image-holder1 {
        width: 280px;
        height: 340px;
    }
}
@media only screen and (max-width: 749px) {
    .image-holder1 {
        width: 246px;
        height: 300px;
    }
    .image-holder1 img {
        height: 100%;
    }
}
@media only screen and (max-width: 699px) {
    .image-holder1 {
        margin-right: 0;
        margin-bottom: 20px;
        width: 280px;
        height: 340px;
    }
}
.image-holder2 {
    width: 400px;
    height: 250px;
}
@media only screen and (max-width: 1399px) {
    .image-holder2 {
        width: 320px;
        height: 200px;
    }
}
@media only screen and (max-width: 699px) {
    .image-holder2 {
        width: 280px;
        height: 174px;
    }
}
.list-holder {
    max-width: 500px;
    width: 100%;
    min-height: 200px;
    background-color: #FFFFFF;
    margin-left: 280px;
    margin-top: -120px;
    z-index: 20;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 3px 20px 10px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 1399px) {
    .list-holder {
        max-width: 400px;
        margin-left: 200px;
        margin-top: -120px;
    }
}
@media only screen and (max-width: 699px) {
    .list-holder {
        margin: 20px auto 0 auto;
        box-shadow: unset;
    }
}
.no-grey .list-holder {
    background-color: #F2F2F2;
    box-shadow: none;
}
.list-holder p {
    margin: 0;
    padding: 20px 20px 5px 20px;
}
.list-holder h4 {
    color: #3E3E3E;
    margin: 0;
    padding: 20px 20px 10px 20px;
}
.list-holder ul {
    padding: 15px 0 15px 0;
}
.list-holder li {
    font-family: OpenSans Regular, sans-serif;
    font-size: 14px;
    color: #3E3E3E;
    line-height: 28px;
    display: block;
    margin-left: 34px;
    padding-right: 20px;
}
.list-holder li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 0;
    float: left;
    margin-top: 10px;
    margin-left: -15px;
    /*
    border-top: 2px solid #9CA078;
    border-right: 2px solid #9CA078;

     */
    border-top: 2px solid #0074BC;
    border-right: 2px solid #0074BC;
    transform: rotate(45deg);
}

body.page-id-9 .list-holder li:before{
    border-top-color: var(--color-baustoffe-bauwesen-entsorgung);
    border-right-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .list-holder li:before{
    border-top-color: var(--color-baustoffe);
    border-right-color: var(--color-baustoffe);
}
body.bauwesen .list-holder li:before{
    border-top-color: var(--color-bauwesen);
    border-right-color: var(--color-bauwesen);
}
body.entsorgung .list-holder li:before{
    border-top-color: var(--color-entsorgung);
    border-right-color: var(--color-entsorgung);
}
body.baulogistik .list-holder li:before{
    border-top-color: var(--color-baulogistik);
    border-right-color: var(--color-baulogistik);
}
body.sondermaschinenbau .list-holder li:before{
    border-top-color: var(--color-sondermaschinenbau);
    border-right-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .list-holder li:before{
    border-top-color: var(--color-energiemanagement-und-gebäudeautomation);
    border-right-color: var(--color-energiemanagement-und-gebäudeautomation);
}





@media only screen and (max-width: 1099px) {
    .slider-teaser .resolution-frame {
        padding-bottom: 140px;
    }
}
/*splide.min.css von slider-teaser*/
.image-slider2 {
    max-width: 1350px;
}
@media only screen and (max-width: 1099px) {
    .image-slider2 {
        margin: auto;
    }
}
.image-slider2 .splide__pagination {
    display: none !important;
}
.image-slider2 .splide__arrow {
    width: 240px;
    height: 40px;
    border-radius: unset;
    background: #FFFFFF;
    top: unset;
    /*bottom: 50px;*/
    bottom: 20px    ;
    opacity: 1;
    transition: 0.3s ease-out;
}
@media only screen and (max-width: 1399px) {
    .image-slider2 .splide__arrow {
        bottom: -50px;
    }
}
@media only screen and (max-width: 559px) {
    .image-slider2 .splide__arrow {
        width: 60px;
    }
}
.image-slider2 .splide__arrow:disabled {
    opacity: 0.5;
    cursor: auto;
}
.no-grey .image-slider2 .splide__arrow {
    background-color: #0074BC;
}

body.page-id-9 .no-grey .image-slider2 .splide__arrow{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .no-grey .image-slider2 .splide__arrow{
    background-color: var(--color-baustoffe);
}
body.bauwesen .no-grey .image-slider2 .splide__arrow{
    background-color: var(--color-bauwesen);
}
body.entsorgung .no-grey .image-slider2 .splide__arrow{
    background-color: var(--color-entsorgung);
}
body.baulogistik .no-grey .image-slider2 .splide__arrow{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .no-grey .image-slider2 .splide__arrow{
    background-color: var(--color-sondermaschinenbau);
}

body.energiemanagement-und-gebäudeautomation .no-grey .image-slider2 .splide__arrow{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}



.image-slider2 .splide__arrow--prev {
    justify-content: flex-start;
    left: unset;
    right: 260px;
}
@media only screen and (max-width: 699px) {
    .image-slider2 .splide__arrow--prev {
        right: unset;
        left: 0;
    }
}
@media only screen and (max-width: 559px) {
    .image-slider2 .splide__arrow--prev {
        left: 51px;
    }
}
.image-slider2 .splide__arrow--prev svg {
    margin-left: 15px;
}
.image-slider2 .splide__arrow--prev:after {
    content: "Vorherige Referenz";
    font-family: Avenir Black, sans-serif;
    font-size: 16px;
    display: block;
    color: #0074BC;
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

body.page-id-9 .image-slider2 .splide__arrow--prev:after{
    color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .image-slider2 .splide__arrow--prev:after{
    color: var(--color-baustoffe);
}
body.bauwesen .image-slider2 .splide__arrow--prev:after{
    color: var(--color-bauwesen);
}
body.entsorgung .image-slider2 .splide__arrow--prev:after{
    color: var(--color-entsorgung);
}
body.baulogistik .image-slider2 .splide__arrow--prev:after{
    color: var(--color-baulogistik);
}
body.sondermaschinenbau .image-slider2 .splide__arrow--prev:after{
    color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .image-slider2 .splide__arrow--prev:after{
    color: var(--color-energiemanagement-und-gebäudeautomation);
}



@media only screen and (max-width: 559px) {
    .image-slider2 .splide__arrow--prev:after {
        content: unset;
    }
}
.no-grey .image-slider2 .splide__arrow--prev:after {
    color: #FFFFFF!important;
}
.image-slider2 .splide__arrow--next {
    justify-content: flex-end;
    right: 0;
}
@media only screen and (max-width: 559px) {
    .image-slider2 .splide__arrow--next {
        right: 51px;
    }
}
.image-slider2 .splide__arrow--next svg {
    margin-right: 15px;
}
.image-slider2 .splide__arrow--next:before {
    content: "Nächste Referenz";
    font-family: Avenir Black, sans-serif;
    font-size: 16px;
    display: block;
    color: #0074BC;
    text-transform: uppercase;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
body.page-id-9 .image-slider2 .splide__arrow--next:before{
    color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .image-slider2 .splide__arrow--next:before{
    color: var(--color-baustoffe);
}
body.bauwesen .image-slider2 .splide__arrow--next:before{
    color: var(--color-bauwesen);
}
body.entsorgung .image-slider2 .splide__arrow--next:before{
    color: var(--color-entsorgung);
}
body.baulogistik .image-slider2 .splide__arrow--next:before{
    color: var(--color-baulogistik);
}
body.sondermaschinenbau .image-slider2 .splide__arrow--next:before{
    color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .image-slider2 .splide__arrow--next:before{
    color: var(--color-energiemanagement-und-gebäudeautomation);
}


@media only screen and (max-width: 559px) {
    .image-slider2 .splide__arrow--next:before {
        content: unset;
    }
}
.no-grey .image-slider2 .splide__arrow--next:before {
    color: #FFFFFF!important;
}
.image-slider2 .splide__arrow svg {
    fill: #0074BC;
}

body.page-id-9 .image-slider2 .splide__arrow svg{
    fill: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .image-slider2 .splide__arrow svg{
    fill: var(--color-baustoffe);
}
body.bauwesen .image-slider2 .splide__arrow svg{
    fill: var(--color-bauwesen);
}
body.entsorgung .image-slider2 .splide__arrow svg{
    fill: var(--color-entsorgung);
}
body.baulogistik .image-slider2 .splide__arrow svg{
    fill: var(--color-baulogistik);
}
body.sondermaschinenbau .image-slider2 .splide__arrow svg{
    fill: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .image-slider2 .splide__arrow svg{
    fill: var(--color-energiemanagement-und-gebäudeautomation);
}

.no-grey .image-slider2 .splide__arrow svg {
    fill: #FFFFFF!important;
}

/*2-8 Bilder mit Text*/

.co-el.zwei-acht-bild-mit-text .resolution-frame{
    padding: 70px 0 30px 0;
}

@media only screen and (max-width: 659px) {
    .co-el.zwei-acht-bild-mit-text .resolution-frame {
        padding: 30px 0;
    }
}

.co-el.zwei-acht-bild-mit-text .button-textfeld-bild-element{
    margin-top: 0;
}

@media only screen and (max-width: 639px) {
    .co-el.zwei-acht-bild-mit-text .button-textfeld-bild-element{
        margin-top: 40px;
    }
}

@media only screen and (max-width: 639px) {
    .co-el.zwei-acht-bild-mit-text .button-wrapper{
        width: 100%;
        max-width: 280px;
        margin: auto;
    }
}



.co-el.zwei-acht-bild-mit-text .text-box h3 {
    margin: 0;
    color: #3E3E3E;
    font-size: 14px;
    line-height: 22px;
    font-family: OpenSans Bold, sans-serif;
}



.box-headline {
    max-width: 320px;
    width: 100%;
    margin-right: 20px;
    position: relative;
}
@media only screen and (max-width: 1620px) {
    .box-headline {
        margin-right: 0;
        margin-bottom: 40px;
        max-width: unset;
    }
}
.box-headline:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-color: #FFFFFF;
    float: left;
    position: absolute;
    bottom: 40px;
}
@media only screen and (max-width: 1620px) {
    .box-headline:after {
        display: none;
    }
}
.box-headline h1 {
    color: #9CA078;
    font-family: Avenir Black, sans-serif;
    margin: 0;
}
.wrapper-position {
    width: 100%;
    display: flex;
    flex-direction: row;
}
@media only screen and (max-width: 1620px) {
    .wrapper-position {
        flex-direction: column;
    }
}
@media only screen and (max-width: 639px) {
    .wrapper-position {
        align-items: center;
    }
}
.box-wrapper {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    margin-right: 40px;
}
@media only screen and (max-width: 1319px) {
    .box-wrapper {
        margin-right: 0;
    }
}
@media only screen and (max-width: 654px) {
    .box-wrapper {
        justify-content: center;
    }
}
.background-box {
    background-color: #FFFFFF;
    width: 1145px;
    height: 270px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
@media only screen and (max-width: 1279px) {
    .background-box {
        display: none;
    }
}
.no-grey .background-box {
    display: none;
}
.inhalt-box {
    width: 280px;
    margin-right: 20px;
    margin-bottom: 40px;
    z-index: 2;
    transition: 0.2s ease-out;
    position: relative;
}
@media only screen and (max-width: 639px) {
    .inhalt-box {
        margin: 0 20px 40px 20px;
    }
    .inhalt-box:last-child {
        margin-bottom: 0;
    }
}
/*.inhalt-box:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-color: #005790;
    position: absolute;
    bottom: 0;
    transition: 0.2s ease-out;
}*/
.image-box {
    width: 280px;
    height: 280px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s ease-out;
}
.inhalt-box:hover.inhalt-box:after {
    bottom: 5px;
}
.inhalt-box a:hover {
    opacity: 1;
}
.no-grey .image-box {
    background-color: #F2F2F2;
}
.text-box {
    max-width: 260px;
    margin: 20px auto;
}
.text-box h4 {
    margin: 0;
    color: #3E3E3E;
}
.text-box p {
    color: #3E3E3E;
    font-family: OpenSans Regular, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}
.border-textbox:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-color: #0074BC;
    position: absolute;
    bottom: 0;
    transition: 0.2s ease-out;
}

body.page-id-9 .border-textbox:after{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .border-textbox:after{
    background-color: var(--color-baustoffe);
}
body.bauwesen .border-textbox:after{
    background-color: var(--color-bauwesen);
}
body.entsorgung .border-textbox:after{
    background-color: var(--color-entsorgung);
}
body.baulogistik .border-textbox:after{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .border-textbox:after{
    background-color: var(--color-sondermaschinenbau);
}

body.energiemanagement-und-gebäudeautomation .border-textbox:after{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.inhalt-box:hover a .border-textbox:after {
    bottom: 5px;
}

/*Textfeld*/
.text-element {
    max-width: 700px;
}

.text-element.has-button {
    border-bottom: 3px solid #0074BC;
}

.text-element ul {
    margin: 0;
    padding: 0;
}
.text-element li {
    display: block;
    margin-left: 30px;
    line-height: 20px;
    margin-bottom: 10px;
}
.text-element li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #0074BC;
    float: left;
    margin-top: 8px;
    margin-left: -15px;
}

body.page-id-9 .text-element li:before{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .text-element li:before{
    background-color: var(--color-baustoffe);
}
body.bauwesen .text-element li:before{
    background-color: var(--color-bauwesen);
}
body.entsorgung .text-element li:before{
    background-color: var(--color-entsorgung);
}
body.baulogistik .text-element li:before{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .text-element li:before{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .text-element li:before{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

/*Textfeld mit Bild*/

.co-el.textfeld.catalog-element .catalog-img{
    width: 200px;
    height: 280px;
    background: url("../img/catalog.gif") no-repeat center center;
    background-size: contain;
    display: block;
}

.co-el.textfeld.catalog-element .text-inhalt{
    margin-bottom: 40px;
}

.element-holder {
    max-width: 1300px;
    display: flex;
    flex-direction: row-reverse;
}
.bild-links .element-holder {
    flex-direction: row;
}
@media only screen and (max-width: 959px) {
    .element-holder {
        flex-direction: column-reverse;
    }
    .bild-links .element-holder {
        flex-direction: column;
    }
    .no-grey .element-holder {
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1199px) {
    .bild-links .img-box {
        margin-right: 100px;
    }
}
.img-box {
    width: 530px;
    margin-left: 150px;
    z-index: 1;
}
@media only screen and (max-width: 1199px) {
    .img-box {
        margin-left: 100px;
    }
}
@media only screen and (max-width: 959px) {
    .img-box {
        margin-left: 0;
        margin-top: 40px;
        max-width: 530px;
        width: unset;
    }
}
.bild-links .img-box {
    margin-left: 30px;
    margin-right: 150px;
}
@media only screen and (max-width: 1199px) {
    .bild-links .img-box {
        margin-right: 100px;
    }
}
@media only screen and (max-width: 959px) {
    .bild-links .img-box {
        margin-right: 0;
        margin-bottom: 40px;
        margin-left: 0;
    }
}
.no-grey .img-box:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-color: #0074BC;
    margin-top: 10px;
}

body.page-id-9 .no-grey .img-box:after{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .no-grey .img-box:after{
    background-color: var(--color-baustoffe);
}
body.bauwesen .no-grey .img-box:after{
    background-color: var(--color-bauwesen);
}
body.entsorgung .no-grey .img-box:after{
    background-color: var(--color-entsorgung);
}
body.baulogistik .no-grey .img-box:after{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .no-grey .img-box:after{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .no-grey .img-box:after{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}


.bild-links .img-box:after {
    float: unset;
}
.img-box:after {
    content: "";
    display: block;
    height: 3px;
    background-color: #0074BC;
    margin-top: 10px;
    margin-left: -30px;
    width: 100%;
}

body.page-id-9 .img-box:after{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .img-box:after{
    background-color: var(--color-baustoffe);
}
body.bauwesen .img-box:after{
    background-color: var(--color-bauwesen);
}
body.entsorgung .img-box:after{
    background-color: var(--color-entsorgung);
}
body.baulogistik .img-box:after{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .img-box:after{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .img-box:after{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

@media only screen and (max-width: 519px) {
    .bild-links .img-box:after {
        float: left;
    }
}
.img-holder {
    width: 500px;
    float: left;
    position: relative;
    max-height: 330px;
    height: 100%;
}
.bild-links .img-holder {
    right: 0;
}
@media only screen and (max-width: 1039px) {
    .img-holder {
        width: 400px;
    }
}
@media only screen and (max-width: 959px) {
    .img-holder {
        max-width: 400px;
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width: 519px) {
    .img-holder {
        right: 0;
    }
    .bild-links .img-holder {
        right: 0;
    }
}
.img-holder div {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
}
@media only screen and (max-width: 959px) {
    .img-holder div {
        height: 330px;
    }
}
@media only screen and (max-width: 659px) {
    .img-holder div {
        height: 300px;
    }
}
/*.img-holder img {
    position: absolute;
    bottom: 0;
    max-height: 320px;
}
@media only screen and (max-width: 959px) {
    .img-holder img {
        position: unset;
    }
}*/
.text-bild {
    background-color: white;
    margin-top: 100px;
    margin-right: 30px;
    margin-left: -30px;
}
.no-grey .text-bild {
    background-color: transparent;
}
@media only screen and (max-width: 1039px) {
    .text-bild {
        margin-top: 170px;
    }
}
@media only screen and (max-width: 959px) {
    .text-bild {
        margin-right: unset;
        margin-left: 0;
    }
    .img-box:after {
        margin-left: 0;
    }
    .no-grey .text-bild {
        margin-left: unset;
    }
}
@media only screen and (max-width: 659px) {
    .text-bild {
        margin-top: 130px;
    }
}
.no-grey .text-bild {
    background-color: #F2F2F2;
}
.inhalt-text-bild {
    margin-left: 40px;
    padding-bottom: 15px;
    padding-top: 245px;
    padding-right: 60px;
}
.inhalt-text-bild p {
    margin: 0;
}
.bild-links .inhalt-text-bild {
    margin-left: 45px;
}
@media only screen and (max-width: 1039px) {
    .inhalt-text-bild {
        padding-top: 175px;
    }
}
@media only screen and (max-width: 959px) {
    .inhalt-text-bild {
        margin-left: 10px;
    }
    .bild-links .inhalt-text-bild {
        margin-left: 10px;
    }
}
@media only screen and (max-width: 439px) {
    .inhalt-text-bild {
        padding-right: 10px;
    }
}
@media only screen and (max-width: 519px) {
    .inhalt-text-bild {
        margin-left: 10px;
    }
    .bild-links .inhalt-text-bild {
        padding-right: 40px;
    }
}
@media only screen and (max-width: 439px) {
    .bild-links .inhalt-text-bild {
        padding-right: 10px;
    }
}
.inhalt-text-bild ul {
    margin: 0;
    padding: 0;
}
.inhalt-text-bild li {
    display: block;
    margin-left: 30px;
    line-height: 20px;
    margin-bottom: 10px;
}
.inhalt-text-bild li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #0074BC;
    float: left;
    margin-top: 8px;
    margin-left: -15px;
}

body.page-id-9 .inhalt-text-bild li:before{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .inhalt-text-bild li:before{
    background-color: var(--color-baustoffe);
}
body.bauwesen .inhalt-text-bild li:before{
    background-color: var(--color-bauwesen);
}
body.entsorgung .inhalt-text-bild li:before{
    background-color: var(--color-entsorgung);
}
body.baulogistik .inhalt-text-bild li:before{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .inhalt-text-bild li:before{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .inhalt-text-bild li:before{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.text-box-element {
    z-index: 1;
}
.text-box-element h1 {
    margin: 0;
}
.text-box-element h2 {
    font-family: Avenir Medium, sans-serif;
    margin: 0;
}
.text-box-inhalt {
    margin-top: 10px;
    margin-bottom: 20px;
}

.text-box-inhalt h2{
    font-family: Avenir Black, sans-serif
}


.text-box-inhalt ul {
    margin: 0;
    padding: 0;
}
.text-box-inhalt li {
    display: block;
    margin-left: 30px;
    line-height: 20px;
    margin-bottom: 10px;
    background-color: transparent;
}
.text-box-inhalt li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #0074BC;
    float: left;
    margin-top: 8px;
    margin-left: -15px;
}

body.page-id-9 .text-box-inhalt li:before{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .text-box-inhalt li:before{
    background-color: var(--color-baustoffe);
}
body.bauwesen .text-box-inhalt li:before{
    background-color: var(--color-bauwesen);
}
body.entsorgung .text-box-inhalt li:before{
    background-color: var(--color-entsorgung);
}
body.baulogistik .text-box-inhalt li:before{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .text-box-inhalt li:before{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .text-box-inhalt li:before{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.button-textfeld-bild-element {
    max-width: 500px;
    background-color: #0074BC;
    display: inline-flex;
    align-items: center;
    margin-top: 40px;
    transition: 0.3s ease-out;
}

body.page-id-9 .button-textfeld-bild-element{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .button-textfeld-bild-element{
    background-color: var(--color-baustoffe);
}
body.bauwesen .button-textfeld-bild-element{
    background-color: var(--color-bauwesen);
}
body.entsorgung .button-textfeld-bild-element{
    background-color: var(--color-entsorgung);
}
body.baulogistik .button-textfeld-bild-element{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .button-textfeld-bild-element{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .button-textfeld-bild-element{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}


/*
.button-textfeld-bild-element:hover {
    opacity: 0.7;
}

 */
.h3-text {
    color: #FFFFFF;
    font-family: Avenir Black, sans-serif;
    font-size: 16px;
    line-height: unset;
    padding: 11px 50px 10px 15px;
    text-transform: uppercase;
}
.text-box-element {
    border-bottom: 3px solid #0074BC;
    width: 100%;
}

body.page-id-9 .text-box-element{
    border-bottom-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .text-box-element{
    border-bottom-color: var(--color-baustoffe);
}
body.bauwesen .text-box-element{
    border-bottom-color: var(--color-bauwesen);
}
body.entsorgung .text-box-element{
    border-bottom-color: var(--color-entsorgung);
}
body.baulogistik .text-box-element{
    border-bottom-color: var(--color-baulogistik);
}
body.sondermaschinenbau .text-box-element{
    border-bottom-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .text-box-element{
    border-bottom-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.co-el.textfeld-mit-bild .resolution-frame{
    /*padding: 110px 0 70px 0;*/
    padding: 70px 0;
}

/*@media only screen and (max-width: 959px){
    .co-el.textfeld-mit-bild .resolution-frame{
        padding: 70px 0;
    }
}*/

@media only screen and (max-width: 659px){
    .co-el.textfeld-mit-bild .resolution-frame{
        padding: 30px 0;
    }
}


.text-box-element a {
    display: inline-block;
    text-decoration: none;
    transition: 0.3s ease-out;
}
.button-textfeld-bild-element img {
    padding-right: 10px;
}
.icon-gross {
    position: absolute;
    left: 40%;
    transform: translateX(-50%);
    z-index: 0;
    top: 40px;
}
@media only screen and (max-width: 959px) {
    .icon-gross {
        display: none;
    }
}
.icon-gross svg g path {
    stroke: #FFFFFF;
}
.no-grey .icon-gross svg g path {
    stroke: #f2f2f2;
}

/* Addition für Über uns Element */

.co-el.has-accordion .text-box-element{
    border-bottom: none;
}
.co-el.textfeld-mit-bild .accordion-list{
    display: none;
}

.co-el.textfeld-mit-bild.has-accordion .accordion-list{
    display: block;
}

/*******************************/

.text-box-element a {
    display: inline-block;
    text-decoration: none;
    transition: 0.3s ease-out;
}
.button-textfeld-bild-element img {
    padding-right: 10px;
}

/*Akkordeon*/
.textbox-accordion {
    max-width: 700px;
    margin-bottom: 50px;
}
/*
.textbox-accordion h1 {
    color: #005790;
    font-family: Avenir Black, sans-serif;
}
*/
.textbox-accordion ul {
    margin: 0;
    padding: 0;
}
.textbox-accordion li {
    display: block;
    margin-left: 30px;
    line-height: 20px;
    margin-bottom: 10px;
    background-color: transparent;
}
.textbox-accordion li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #0074BC;
    float: left;
    margin-top: 8px;
    margin-left: -15px;
}

body.page-id-9 .textbox-accordion li:before{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .textbox-accordion li:before{
    background-color: var(--color-baustoffe);
}
body.bauwesen .textbox-accordion li:before{
    background-color: var(--color-bauwesen);
}
body.entsorgung .textbox-accordion li:before{
    background-color: var(--color-entsorgung);
}
body.baulogistik .textbox-accordion li:before{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .textbox-accordion li:before{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .textbox-accordion li:before{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}





.accordion-wrapper {
    max-width: 1200px;
    border-bottom: 3px solid #0074BC;
    margin: 25px 0;
    padding-bottom: 10px;
}

.accordion-wrapper:last-child {
    margin-bottom: 0;
}



body.page-id-9 .accordion-wrapper{
    border-bottom-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .accordion-wrapper{
    border-bottom-color: var(--color-baustoffe);
}
body.bauwesen .accordion-wrapper{
    border-bottom-color: var(--color-bauwesen);
}
body.entsorgung .accordion-wrapper{
    border-bottom-color: var(--color-entsorgung);
}
body.baulogistik .accordion-wrapper{
    border-bottom-color: var(--color-baulogistik);
}
body.sondermaschinenbau .accordion-wrapper{
    border-bottom-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .accordion-wrapper{
    border-bottom-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.holder {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    transition: 0.3s ease-out;
}
.holder:hover .right-box-acc {
    background-color: #dadada;
}
.active.holder {
    margin-bottom: 0;
}
.left-box-acc {
    width: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
}
@media only screen and (max-width: 659px) {
    .left-box-acc {
        margin-right: 20px;
    }
}
.animation-acc div {
    position: relative;
    z-index: 2;
    width: 20px;
    height: 3px;
    background-color: #0074BC;
    transition: 0.3s ease-out;
}

body.page-id-9 .animation-acc div{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .animation-acc div{
    background-color: var(--color-baustoffe);
}
body.bauwesen .animation-acc div{
    background-color: var(--color-bauwesen);
}
body.entsorgung .animation-acc div{
    background-color: var(--color-entsorgung);
}
body.baulogistik .animation-acc div{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .animation-acc div{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .animation-acc div{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.line2 {
    transform: rotate(90deg) translate(-3px, 0);
}
.animation-acc.active .line2 {
    transform: rotate(0deg) translate(0, -1px);
}
.animation-acc.active .line1 {
    transform: rotate(0deg) translate(0, 1px);
}
.no-grey .right-box-acc {
    width: 100%;
    max-width: 1095px;
    background-color: #F2F2F2;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: 0.3s ease-out;
}
.right-box-acc {
    width: 100%;
    max-width: 1095px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: 0.3s ease-out;
}
.text-acc {
    padding: 18px;
}
.text-acc h3 {
    color: #5F5F5F;
    font-family: Avenir Black, sans-serif;
    margin-bottom: 0;
    margin-left: -44px;
    text-transform: uppercase;
    margin-top: 0;
}
.no-grey .accordion-content {
    display: none;
    background-color: #F2F2F2;
    padding-bottom: 50px;
    padding-top: 20px;
    margin-top: 10px;
    margin-left: 0;
}
.accordion-content {
    display: none;
    background-color: #FFFFFF;
    padding-bottom: 50px;
    padding-top: 20px;
    margin-top: 10px;
    margin-left: 0;
}
.accordion-content.active {
    display: block;
}
.accordion-content ul {
    margin: 0;
    padding: 0;
}
.accordion-content li {
    display: block;
    margin-left: 30px;
    line-height: 20px;
    margin-bottom: 10px;
    font-family: OpenSans Regular, sans-serif;
    font-size: 14px;
    color: #3E3E3E;
}
.accordion-content li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #0074BC;
    float: left;
    margin-top: 8px;
    margin-left: -15px;
}

body.page-id-9 .accordion-content li:before{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .accordion-content li:before{
    background-color: var(--color-baustoffe);
}
body.bauwesen .accordion-content li:before{
    background-color: var(--color-bauwesen);
}
body.entsorgung .accordion-content li:before{
    background-color: var(--color-entsorgung);
}
body.baulogistik .accordion-content li:before{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .accordion-content li:before{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .accordion-content li:before{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}


.right-box-content-acc {
    margin-left: -25px;
    display: flex;
}
.image-accorion {
    max-width: 390px;
    max-height: 260px;
    margin-right: 50px;
}
@media only screen and (max-width: 1059px) {
    .image-accorion {
        margin-right: 0;
        margin-bottom: 30px;
    }
}
.text-accordion {
    max-width: 550px;
    margin-right: 20px;
}
@media only screen and (max-width: 1059px) {
    .text-accordion {
        margin-right: 0;
    }
}
.text-accordion h4 {
    margin: 0;
}
.right-box-acc-content {
    width: 100%;
    max-width: 1095px;
    display: flex;
    flex-direction: row;
    margin-left: 80px;
}
@media only screen and (max-width: 1059px) {
    .right-box-acc-content {
        flex-direction: column;
        margin-right: 30px;
        margin-left: 70px;
        width: unset;
    }
}
@media only screen and (max-width: 659px) {
    .right-box-acc-content {
        margin-left: 45px;
        margin-right: 20px;
    }
}
@media only screen and (max-width: 499px) {
    .right-box-acc-content {
        margin-left: 20px;
    }
}

/*Download Element*/
.download a:hover {
    opacity: 1;
}
.textbox-download {
    margin-bottom: 40px;
}
.textbox-download {
    font-family: Avenir Medium, sans-serif;
}
.download-frame {
    max-width: 1200px;
    width: 100%;
    border-bottom: 3px solid #0074BC;
    margin: 10px 0;
    display: inline-block;
    position: relative;
    background-color: #F2F2F2;
}

body.page-id-9 .download-frame{
    border-bottom-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .download-frame{
    border-bottom-color: var(--color-baustoffe);
}
body.bauwesen .download-frame{
    border-bottom-color: var(--color-bauwesen);
}
body.entsorgung .download-frame{
    border-bottom-color: var(--color-entsorgung);
}
body.baulogistik .download-frame{
    border-bottom-color: var(--color-baulogistik);
}
body.sondermaschinenbau .download-frame{
    border-bottom-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .download-frame{
    border-bottom-color: var(--color-energiemanagement-und-gebäudeautomation);
}




.no-grey .download-frame {
    max-width: 1200px;
    width: 100%;
    border-bottom: 3px solid #0074BC;
    margin: 10px 0;
    display: inline-block;
    position: relative;
    background-color: #FFFFFF;
}

body.page-id-9 .no-grey .download-frame{
    border-bottom-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .no-grey .download-frame{
    border-bottom-color: var(--color-baustoffe);
}
body.bauwesen .no-grey .download-frame{
    border-bottom-color: var(--color-bauwesen);
}
body.entsorgung .no-grey .download-frame{
    border-bottom-color: var(--color-entsorgung);
}
body.baulogistik .no-grey .download-frame{
    border-bottom-color: var(--color-baulogistik);
}
body.sondermaschinenbau .no-grey .download-frame{
    border-bottom-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .no-grey .download-frame{
    border-bottom-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.download-holder {
    background-color: #FFFFFF;
    height: 100%;
    margin-left: 30px;
    transition: 0.3s ease-out;
    padding: 10px 40px 7px 40px;
}
@media only screen and (max-width: 659px) {
    .download-holder {
        padding: 10px 30px 7px 30px;
    }
}
.no-grey .download-holder {
    background-color: #F2F2F2;
    height: 100%;
    margin-left: 30px;
    transition: 0.3s ease-out;
}
.no-grey .download-frame:hover .download-holder {
    background-color: #dadada;
}
.download-frame:hover .download-holder {
    background-color: #dadada;
}
.download-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}

.download-icon svg path,
.download-icon svg rect{
    fill: #0074BC;
    stroke: #0074BC;
}

body.page-id-9 .download-icon svg path,
body.page-id-9 .download-icon svg rect{
    fill: var(--color-baustoffe-bauwesen-entsorgung);
    stroke: var(--color-baustoffe-bauwesen-entsorgung);
}

body.baustoffe .download-icon svg path,
body.baustoffe .download-icon svg rect{
    fill: var(--color-baustoffe);
    stroke: var(--color-baustoffe);
}
body.bauwesen .download-icon svg path,
body.bauwesen .download-icon svg rect{
    fill: var(--color-bauwesen);
    stroke: var(--color-bauwesen);
}
body.entsorgung .download-icon svg path,
body.entsorgung .download-icon svg rect{
    fill: var(--color-entsorgung);
    stroke: var(--color-entsorgung);
}
body.baulogistik .download-icon svg path,
body.baulogistik .download-icon svg rect{
    fill: var(--color-baulogistik);
    stroke: var(--color-baulogistik);
}
body.sondermaschinenbau .download-icon svg path,
body.sondermaschinenbau .download-icon svg rect{
    fill: var(--color-sondermaschinenbau);
    stroke: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .download-icon svg path,
body.energiemanagement-und-gebäudeautomation .download-icon svg rect{
    fill: var(--color-energiemanagement-und-gebäudeautomation);
    stroke: var(--color-energiemanagement-und-gebäudeautomation);
}

.download-holder h3 {
    margin: 0;
    color: #3E3E3E;
    font-size: 14px;
    line-height: 22px;
    font-family: OpenSans Bold, sans-serif;
}


.download-properties {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.download-properties span {
    font-family: OpenSans Regular, sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #3E3E3E;
}

/* Ansprechpartner Element */

/*

.co-el.ansprechpartner-el .wrapper{
    display: flex;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .wrapper{
        flex-direction: column-reverse;
        width: 100%;
        max-width: 500px;
        align-items: center;
        margin: auto;
    }
}

@media only screen and (max-width: 499px){
    .co-el.ansprechpartner-el .padding-frame{
        padding: 0;
    }
}

.co-el.ansprechpartner-el .left-box{
    margin-right: 20px;
    width: 100%;
    max-width: 950px;
}

.co-el.ansprechpartner-el.no-logo .left-box{
    max-width: 700px;
}


@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .left-box{
        width: 100%;
        margin: 0;
        padding: 75px 40px 0 40px;
        background-color: #FFFFFF;
    }
    .co-el.ansprechpartner-el.no-img .left-box{
        padding: 50px 40px 0 40px;
    }
    .co-el.ansprechpartner-el:not(.no-logo) .left-box{
        padding: 85px 40px 0 40px;
    }
}

@media only screen and (max-width: 500px){
    .co-el.ansprechpartner-el .left-box,
    .co-el.ansprechpartner-el:not(.no-logo) .left-box{
        padding: 75px 20px 0 20px;
    }
    .co-el.ansprechpartner-el.no-logo .left-box{
        padding: 50px 20px 0 20px;
    }
}

.co-el.ansprechpartner-el .right-box{
    width: 520px;
    display: flex;
    align-items: flex-end;
}

@media only screen and (max-width: 1450px){
    .co-el.ansprechpartner-el .right-box{
        width: 400px;
    }
}

@media only screen and (max-width: 1200px){
    .co-el.ansprechpartner-el .right-box{
        width: 300px;
    }
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .right-box{
        position: relative;
        width: 100%;
        z-index: 10;
        padding: 0;
        margin-bottom: -50px;
        justify-content: center;
    }

    .co-el.ansprechpartner-el:not(.no-logo) .right-box{
        border-bottom: 3px solid #F2F2F2;
        width: calc(100% - 80px);
        padding: 0 40px;
    }
}

@media only screen and (max-width: 500px){
    .co-el.ansprechpartner-el:not(.no-logo) .right-box{
        width: calc(100% - 40px);
        padding: 0 20px;
    }
    .co-el.ansprechpartner-el .right-box{
        margin-bottom: -35px;
    }
}


.co-el.ansprechpartner-el .right-box img{
    position: relative;
    display: block;
    border-bottom: 3px solid #FFFFFF;
    padding-bottom: 15px;
    height: 100%;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el.no-logo .right-box img{
        border-bottom-color: #F2F2F2;
    }
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .right-box .img-holder-box{
        height: 175px;
    }
}

@media only screen and (max-width: 500px){
    .co-el.ansprechpartner-el .right-box .img-holder-box{
        height: 150px;
    }
}

.co-el.ansprechpartner-el .right-box .logo-box{
    display: none;
    width: 120px;
    height: 120px;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    margin-right: 20px;
    margin-bottom: 18px;
}

.co-el.ansprechpartner-el .right-box .logo-box .logo{
    width: 100px;
    height: 55px;
    background: no-repeat center center;
    background-size: cover;
    margin: 0;
    float: none;
    min-width: unset;
}

.logo:hover {
    opacity: 1;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el:not(.no-logo) .right-box .logo-box{
        display: flex;
    }

    .co-el.ansprechpartner-el:not(.no-logo).no-img .right-box .logo-box{
        margin-right: 0;
    }
}






.co-el.ansprechpartner-el .headlines{
    margin-bottom: 30px;
}

.co-el.ansprechpartner-el .headlines h2{
    margin-bottom: 5px;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .headlines h2 span:first-child {
        font-size: 19px;
        line-height: 23px;
    }
    .co-el.ansprechpartner-el .headlines h2 {
        font-size: 20px;
        line-height: 26px;
    }
}

.co-el.ansprechpartner-el .headlines h3{
    text-transform: uppercase;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .headlines h3{
        font-size: 14px;
        line-height: 18px;
    }
}

.co-el.ansprechpartner-el .logo-info{
    margin-left: 60px;
    display: flex;
    flex-direction: row;
}
@media only screen and (max-width: 1300px){
    .co-el.ansprechpartner-el .logo-info{
        margin-left: 30px;
    }
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info{
        margin-left: 0;
    }
}

.co-el.ansprechpartner-el .logo-info .logo-box{
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    margin-right: 20px;
    margin-bottom: 18px;
}

.co-el.ansprechpartner-el.no-logo .logo-info .logo-box{
    display: none;
}

@media only screen and (max-width: 1050px){
    .co-el.ansprechpartner-el .logo-info .logo-box{
        width: 150px;
    }
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info .logo-box{
        display: none;
    }
}

.co-el.ansprechpartner-el .logo-info .logo-box .logo{
    width: 150px;
    height: 75px;
    background: no-repeat center center;
    background-size: cover;
    margin: 0;
    float: none;
    min-width: unset;
}

@media only screen and (max-width: 1050px){
    .co-el.ansprechpartner-el .logo-info .logo-box .logo{
        width: 100px;
        height: 55px;
    }
}

.co-el.ansprechpartner-el .logo-info .logo-box .logo:hover{
    transform: none;
}

.co-el.ansprechpartner-el .logo-info .contact-info{
    width: 100%;
    max-width: 640px;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #0074BC;
    padding-bottom: 15px;
}

body.page-id-9 .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-baustoffe);
}
body.bauwesen .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-bauwesen);
}
body.entsorgung .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-entsorgung);
}
body.sondermaschinenbau .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-sondermaschinenbau);
}


@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info .contact-info{
        border-bottom: none;
    }
}

.co-el.ansprechpartner-el .logo-info .contact-info .bg-frame{
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    min-height: 128px;
}

.co-el.ansprechpartner-el .logo-info .contact-info .info-wrapper{
    padding: 40px 30px;
}
@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info .contact-info .info-wrapper{
        padding: 0 0 20px 0;
    }
}

.co-el.ansprechpartner-el .logo-info .contact-info .phone {
    margin-bottom: 15px;
}


.co-el.ansprechpartner-el .logo-info .contact-info .phone span,
.co-el.ansprechpartner-el .logo-info .contact-info .mail span{
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    margin-right: 10px;

}


.co-el.ansprechpartner-el .logo-info .contact-info .phone span,
.co-el.ansprechpartner-el .logo-info .contact-info .mail span{
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info .contact-info .phone span,
    .co-el.ansprechpartner-el .logo-info .contact-info .mail span{
        display: block;
        font-size: 12px;
        line-height: 18px;
    }
}

.co-el.ansprechpartner-el .logo-info .contact-info .phone a,
.co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: #0074BC;
    font-family: Avenir Medium, sans-serif;
    font-size: 22px;
    line-height: 30px;
}

body.page-id-9 .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.page-id-9 .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.baustoffe .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-baustoffe);
}
body.bauwesen .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.bauwesen .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-bauwesen);
}
body.entsorgung .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.entsorgung .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-entsorgung);
}
body.sondermaschinenbau .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.sondermaschinenbau .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-sondermaschinenbau);
}



@media only screen and (max-width: 1300px){
    .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
    .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
    .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 959px) {
    .co-el.ansprechpartner-el .logo-info .contact-info .phone{
        margin-bottom: 10px;
    }
}

*/

.co-el.ansprechpartner-el .wrapper{
    display: flex;
    width: 100%;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .wrapper{
        flex-direction: column-reverse;
        width: 100%;
        max-width: 500px;
        align-items: center;
        margin: auto;
    }
}

@media only screen and (max-width: 499px){
    .co-el.ansprechpartner-el .padding-frame{
        padding: 0;
    }
}

.co-el.ansprechpartner-el .left-box{
    margin-right: 20px;
    width: calc(100% - 320px);
    /*max-width: 950px;*/
}

/*

.co-el.ansprechpartner-el.no-logo .left-box{
    max-width: 700px;
}

 */

/*

@media only screen and (max-width: 1450px){
    .co-el.ansprechpartner-el .left-box{
        width: calc(100% - 280px);
    }
}

 */


@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .left-box{
        width: 100%;
        margin: 0;
        padding: 75px 40px 0 40px;
        background-color: #FFFFFF;
    }
    .co-el.ansprechpartner-el.no-grey .left-box{
        background-color: #f2f2f2;
    }
    .co-el.ansprechpartner-el.no-img .left-box{
        padding: 50px 40px 0 40px;
    }
    .co-el.ansprechpartner-el:not(.no-logo) .left-box{
        padding: 85px 40px 0 40px;
    }
}

@media only screen and (max-width: 500px){
    .co-el.ansprechpartner-el .left-box,
    .co-el.ansprechpartner-el:not(.no-logo) .left-box{
        padding: 75px 20px 0 20px;
    }
    .co-el.ansprechpartner-el.no-logo .left-box{
        padding: 50px 20px 0 20px;
    }
}

.co-el.ansprechpartner-el .right-box{
    width: 300px;
    display: flex;
    align-items: flex-end;
}


@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .right-box{
        position: relative;
        width: 100%;
        z-index: 10;
        padding: 0;
        margin-bottom: -50px;
        justify-content: center;
    }

    .co-el.ansprechpartner-el:not(.no-logo) .right-box{
        border-bottom: 3px solid #F2F2F2;
        width: calc(100% - 80px);
        padding: 0 40px;
    }
}

@media only screen and (max-width: 500px){
    .co-el.ansprechpartner-el:not(.no-logo) .right-box{
        width: calc(100% - 40px);
        padding: 0 20px;
    }
    .co-el.ansprechpartner-el .right-box{
        margin-bottom: -35px;
    }
}


.co-el.ansprechpartner-el .right-box img{
    position: relative;
    display: block;
    padding-bottom: 15px;
    height: 100%;
    max-height: 240px;
    max-width: 240px;
    margin: auto;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el.no-logo .right-box img{
        border-bottom-color: #F2F2F2;
    }
}

.co-el.ansprechpartner-el .right-box .img-holder-box{
    width: 100%;
    border-bottom: 3px solid #FFFFFF;
}

.co-el.ansprechpartner-el.no-grey .right-box .img-holder-box{
    border-bottom-color: #f2f2f2;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .right-box .img-holder-box{
        height: 175px;
        width: unset;
        border-bottom-color: #f2f2f2;
    }
    .co-el.ansprechpartner-el.no-logo .right-box .img-holder-box{
        height: 175px;
        width: 200px;
    }
    .co-el.ansprechpartner-el:not(.no-grey) .right-box .img-holder-box{
        border-bottom-color: #FFFFFF;
    }
}

@media only screen and (max-width: 500px){
    .co-el.ansprechpartner-el .right-box .img-holder-box{
        height: 150px;
    }
}

.co-el.ansprechpartner-el .right-box .logo-box{
    display: none;
    width: 120px;
    height: 120px;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    margin-right: 20px;
    margin-bottom: 18px;
}

.co-el.ansprechpartner-el .right-box .logo-box .logo{
    width: 100px;
    height: 55px;
    background: no-repeat center center;
    background-size: cover;
    margin: 0;
    float: none;
    min-width: unset;
}

.logo:hover {
    opacity: 1;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el:not(.no-logo) .right-box .logo-box{
        display: flex;
    }

    .co-el.ansprechpartner-el:not(.no-logo).no-img .right-box .logo-box{
        margin-right: 0;
    }
}


.co-el.ansprechpartner-el .headlines{
    margin-bottom: 30px;
}

.co-el.ansprechpartner-el .headlines h2{
    margin-bottom: 5px;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .headlines h2 span:first-child {
        font-size: 19px;
        line-height: 23px;
    }
    .co-el.ansprechpartner-el .headlines h2 {
        font-size: 20px;
        line-height: 26px;
    }
}

.co-el.ansprechpartner-el .headlines h3{
    text-transform: uppercase;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .headlines h3{
        font-size: 14px;
        line-height: 18px;
    }
}

.co-el.ansprechpartner-el .logo-info{
    /*margin-left: 60px;*/
    display: flex;
    flex-direction: row;
}
@media only screen and (max-width: 1300px){
    .co-el.ansprechpartner-el .logo-info{
        margin-left: 30px;
    }
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info{
        margin-left: 0;
    }
}

.co-el.ansprechpartner-el .logo-info .logo-box{
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    margin-right: 20px;
    margin-bottom: 18px;
}

.co-el.ansprechpartner-el.no-grey .logo-info .logo-box{
    background-color: #f2f2f2;
}

.co-el.ansprechpartner-el.no-logo .logo-info .logo-box{
    display: none;
}

@media only screen and (max-width: 1050px){
    .co-el.ansprechpartner-el .logo-info .logo-box{
        width: 150px;
    }
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info .logo-box{
        display: none;
    }
}

.co-el.ansprechpartner-el .logo-info .logo-box .logo{
    width: 150px;
    height: 75px;
    background: no-repeat center center;
    background-size: cover;
    margin: 0;
    float: none;
    min-width: unset;
}

@media only screen and (max-width: 1050px){
    .co-el.ansprechpartner-el .logo-info .logo-box .logo{
        width: 100px;
        height: 55px;
    }
}

.co-el.ansprechpartner-el .logo-info .logo-box .logo:hover{
    transform: none;
}

.co-el.ansprechpartner-el .logo-info .contact-info{
    width: 100%;
    /*max-width: 640px;*/
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #0074BC;
    padding-bottom: 15px;
}

body.page-id-9 .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-baustoffe);
}
body.bauwesen .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-bauwesen);
}
body.entsorgung .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-entsorgung);
}
body.baulogistik .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-baulogistik);
}
body.sondermaschinenbau .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .co-el.ansprechpartner-el .logo-info .contact-info{
    border-bottom-color: var(--color-energiemanagement-und-gebäudeautomation);
}


@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info .contact-info{
        border-bottom: none;
    }
}

.co-el.ansprechpartner-el .logo-info .contact-info .bg-frame{
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    min-height: 128px;
}

.co-el.ansprechpartner-el.no-grey .logo-info .contact-info .bg-frame{
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    min-height: 128px;
}

.co-el.ansprechpartner-el .logo-info .contact-info .info-wrapper{
    padding: 40px 30px;
}
@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info .contact-info .info-wrapper{
        padding: 0 0 20px 0;
    }
}

.co-el.ansprechpartner-el .logo-info .contact-info .info-wrapper > div{
    margin-bottom: 15px;
}
.co-el.ansprechpartner-el .logo-info .contact-info .info-wrapper > div:last-child{
    margin-bottom: 0;
}

/*
.co-el.ansprechpartner-el .logo-info .contact-info .phone {
    margin-bottom: 15px;
}

 */


.co-el.ansprechpartner-el .logo-info .contact-info .phone span,
.co-el.ansprechpartner-el .logo-info .contact-info .mail span{
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    margin-right: 10px;

}


.co-el.ansprechpartner-el .logo-info .contact-info .phone span,
.co-el.ansprechpartner-el .logo-info .contact-info .mail span{
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info .contact-info .phone span,
    .co-el.ansprechpartner-el .logo-info .contact-info .mail span{
        display: block;
        font-size: 12px;
        line-height: 18px;
    }
}

.co-el.ansprechpartner-el .logo-info .contact-info .phone a,
.co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: #0074BC;
    font-family: Avenir Medium, sans-serif;
    font-size: 22px;
    line-height: 30px;
}

body.page-id-9 .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.page-id-9 .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.baustoffe .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-baustoffe);
}
body.bauwesen .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.bauwesen .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-bauwesen);
}
body.entsorgung .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.entsorgung .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-entsorgung);
}
body.baulogistik .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.baulogistik .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-baulogistik);
}
body.sondermaschinenbau .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.sondermaschinenbau .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-sondermaschinenbau);
}

body.energiemanagement-und-gebäudeautomation .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
body.energiemanagement-und-gebäudeautomation .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
    color: var(--color-energiemanagement-und-gebäudeautomation);
}



@media only screen and (max-width: 1300px){
    .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
    .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 959px){
    .co-el.ansprechpartner-el .logo-info .contact-info .phone a,
    .co-el.ansprechpartner-el .logo-info .contact-info .mail a{
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 959px) {
    .co-el.ansprechpartner-el .logo-info .contact-info .phone{
        margin-bottom: 10px;
    }
}






/* Startseiten Element PAGE SLIDER (Von alter Seite übernommen) */

.header-front-page{
    position: relative;
    height: 500px;
}

.header-front-page h2 {
    font-family: "sbg-regular", sans-serif;
}

.header-front-page.topFrame.page {
    top: 0px;
}

.header-front-page.topFrame nav {
    margin: 0px;
    float: none;
}

.header-front-page.topFrame nav ul li {
    margin-left: 0px;
}

.header-front-page.topFrame .logo {
    margin:40px 0 0 70px;
    width:229px;
    height:78px;
    background: url(../img/startseiten-slider-bilder/sbg-logo.png) no-repeat 0px 0px;
    display:block;
    float: left;
}

.header-front-page .contentFrame {
    top: 0;
    bottom: 0px;
    width:100%;
    position:absolute;
    background-color:#8C8383;
}

.header-front-page .contentFrame .left {
    width:50%;
    height:100%;
    background-color:#005692;
    float:left;
}

.header-front-page .contentFrame .right {
    width:50%;
    height:100%;
    background-color:#4595D3;
    float:right;
}

.header-front-page .frameLogo {

    /*
    width:174px;
    height:177px;

    */
    /* reduced by 33% */
    width: 116px;
    height: 118px;

    position:absolute;
    transform: translate(-50%, -50%);
    left:50%;
    top:50%;
    background: #fff;
    z-index: 5;
    overflow: hidden;
}

.header-front-page .frameLogo .unten {

    position: absolute;
    top: 60px;
    right: 23px;
    /*
    height: 60px;
    width: 105px;
     */
    /* reduced by 33% */
    height: 40px;
    width: 70px;

    background: url(../img/startseiten-slider-bilder/framelogo_unten.png) center center no-repeat;
}

.header-front-page .frameLogo .unten.active {
    -webkit-animation-name: logoUnten; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    animation-name: logoUnten;
    animation-duration: 1.2s;
}

.header-front-page .frameLogo .oben {
    position: absolute;
    top: 20px;
    right: 23px;

    /*
    height: 60px;
    width: 105px;
     */
    /* reduced by 33% */
    height: 40px;
    width: 70px;

    background: url(../img/startseiten-slider-bilder/framelogo_oben.png) center center no-repeat;
    background-size: cover;
}

.header-front-page .frameLogo .oben.active {
    -webkit-animation-name: logoOben; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    animation-name: logoOben;
    animation-duration: 1.2s;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes logoUnten {
    0%   {opacity: 1; right: 23px;}
    10%  {opacity: 0; right: 23px;}
    11%  {opacity: 0; right: 0px;}
    100% {opacity: 1; right: 23px;}
}

/* Standard syntax */
@keyframes logoUnten {
    0%   {opacity: 1; right: 23px;}
    10%  {opacity: 0; right: 23px;}
    11%  {opacity: 0; right: 0px;}
    100% {opacity: 1; right: 23px;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes logoOben {
    0%   {opacity: 1; right: 23px;}
    10%  {opacity: 0; right: 23px;}
    11%  {opacity: 0; right: 53px;}
    100% {opacity: 1; right: 23px;}
}

/* Standard syntax */
@keyframes logoOben {
    0%   {opacity: 1; right: 23px;}
    10%  {opacity: 0; right: 23px;}
    11%  {opacity: 0; right: 53px;}
    100% {opacity: 1; right: 23px;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes logoUntenMobile {
    0%   {opacity: 1; right: 1px;}
    10%  {opacity: 0; right: 1px;}
    11%  {opacity: 0; right: -4px;}
    100% {opacity: 1; right: 1px;}
}

/* Standard syntax */
@keyframes logoUntenMobile {
    0%   {opacity: 1; right: 1px;}
    10%  {opacity: 0; right: 1px;}
    11%  {opacity: 0; right: -4px;}
    100% {opacity: 1; right: 1px;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes logoObenMobile {
    0%   {opacity: 1; right: 1px;}
    10%  {opacity: 0; right: 1px;}
    11%  {opacity: 0; right: 6px;}
    100% {opacity: 1; right: 1px;}
}

/* Standard syntax */
@keyframes logoObenMobile {
    0%   {opacity: 1; right: 1px;}
    10%  {opacity: 0; right: 1px;}
    11%  {opacity: 0; right: 6px;}
    100% {opacity: 1; right: 1px;}
}

.header-front-page .picture {
    height: 100%;
    width: 100%;
    display: block;
}

.header-front-page .pictureFrame {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}

.header-front-page a:hover {
    opacity: 1!important;
}

.header-front-page .picturePositioner {
    width: 100%;
    height: 100%;
    position: absolute;
    right: -100%;
    z-index: 1;
}

.header-front-page .picturePositioner.active {

    -webkit-transition: right 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), left 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:         right 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), left 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.header-front-page .left .picturePositioner {
    left: -100%;
}

.header-front-page .left .picturePositioner:first-of-type {
    left: 0%;
}

.header-front-page .right .picturePositioner:first-of-type {
    right: 0%;
}

.header-front-page .picturePositioner.active {
    z-index: 3;
}

.header-front-page .picturePositioner.waiting {
    z-index: 2;
}
.header-front-page .left .picturePositioner:first-of-type .picture {
    background-image: url(../img/startseiten-slider-bilder/ssw.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(2) .picture {
    background-image: url(../img/startseiten-slider-bilder/sst.jpg);
}

/*
.header-front-page .left .picturePositioner:nth-of-type(3) .picture {
    background-image: url(../img/startseiten-slider-bilder/GartenundLandschaftsbau.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(4) .picture {
    background-image: url(../img/startseiten-slider-bilder/schaumglasprodukte.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(5) .picture {
    background-image: url(../img/startseiten-slider-bilder/DeponieRecycling.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(6) .picture {
    background-image: url(../img/startseiten-slider-bilder/sta.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(7) .picture {
    background-image: url(../img/startseiten-slider-bilder/stadthalle.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(8) .picture {
    background-image: url(../img/startseiten-slider-bilder/Bauwerkinstandsetzung.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(9) .picture {
    background-image: url(../img/startseiten-slider-bilder/website.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(10) .picture {
    background-image: url(../img/startseiten-slider-bilder/umweltservice.jpg);
}
 */




.header-front-page .left .picturePositioner:nth-of-type(3) .picture {
    background-image: url(../img/startseiten-slider-bilder/entsorgungsloesungen.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(4) .picture {
    background-image: url(../img/startseiten-slider-bilder/GartenundLandschaftsbau.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(5) .picture {
    background-image: url(../img/startseiten-slider-bilder/schaumglasprodukte.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(6) .picture {
    background-image: url(../img/startseiten-slider-bilder/DeponieRecycling.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(7) .picture {
    background-image: url(../img/startseiten-slider-bilder/sta.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(8) .picture {
    background-image: url(../img/startseiten-slider-bilder/stadthalle.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(9) .picture {
    background-image: url(../img/startseiten-slider-bilder/Bauwerkinstandsetzung.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(10) .picture {
    background-image: url(../img/startseiten-slider-bilder/website.jpg);
}
.header-front-page .left .picturePositioner:nth-of-type(11) .picture {
    background-image: url(../img/startseiten-slider-bilder/umweltservice.jpg);
}




.header-front-page .right .picturePositioner:first-of-type .picture {
    background-image: url(../img/startseiten-slider-bilder/sondermaschinenbau.jpg);
}
.header-front-page .right .picturePositioner:nth-of-type(2) .picture {
    background-image: url(../img/startseiten-slider-bilder/direktantriebe.jpg);
}
.header-front-page .right .picturePositioner:nth-of-type(3) .picture {
    background-image: url(../img/startseiten-slider-bilder/lohnfertigung.jpg);
}

.header-front-page .right .picturePositioner:nth-of-type(4) .picture {
    background-image: url(../img/startseiten-slider-bilder/montagetechnik.jpg);
}

.header-front-page .right .picturePositioner:nth-of-type(5) .picture {
    background-image: url(../img/startseiten-slider-bilder/pruefstaende.jpg);
}

.header-front-page .right .picturePositioner:nth-of-type(6) .picture {
    background-image: url(../img/startseiten-slider-bilder/wirbelstrom.jpg);
}

.header-front-page .picture {
    min-height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-front-page .right, .left {
    position: relative;
    overflow: hidden;
}

.header-front-page .content {
    position: absolute;
    display: block;
    top:50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 4;
    margin-top: -3px;
    text-align: center;
}

.header-front-page .right .content {
    margin-left: 60px;
    padding-right: 20px;
}

.header-front-page .left .content {
    margin-right: 60px;
    padding-left: 20px;
}

.header-front-page .content p,
.header-front-page .content h2 {
    color: #fff;
}

.header-front-page .content h2 {
    font-size: 26px;
    line-height: 30px;
    margin: 0px;
    font-weight: normal;
}

.header-front-page .right .content h2 {
    padding-left: 20px;
    margin-top: 3px;
}

.header-front-page .left .content h2 {
    padding-right: 20px;
}

.header-front-page .content h2.mobile {
    display: none;
}

.header-front-page .firmenLogo {
    width: 200px;
    height: 55px;
    margin: auto;
    /*position: absolute;*/
    left: 0px;
    right: 0px;
    top: 150px;
    background: center center no-repeat;
}

.header-front-page .firmenLogo.ssw {
    background-image: url(../icons/firmen-icons-white/ssw.svg);
    background-size: contain;
    width: 180px;
    height: 55px;
}

.header-front-page .firmenLogo.sst {
    background-image: url(../icons/firmen-icons-white/sst.svg);
    background-size: contain;
    width: 90px;
    height: 55px;
}

.header-front-page .firmenLogo.sta {
    width: 120px;
    height: 40px;
    background-image: url(../icons/firmen-icons-white/sta.svg);
    background-size: contain;
}

.header-front-page .firmenLogo.ecoglas {
    width: 185px;
    height: 45px;
    background-image: url(../icons/firmen-icons-white/ecoglas.svg);
    background-size: contain;
}

.header-front-page .firmenLogo.fgb {
    background-image: url(../icons/firmen-icons-white/fgb.svg);
    background-size: contain;
    width: 140px;
    height: 55px;
}

.header-front-page .firmenLogo.emporium {
    background-image: url(../icons/firmen-icons-white/emporium.svg);
    background-size: contain;
    width: 250px;
}

.header-front-page .firmenLogo.kreisdeponie {
    background-image: url(../img/startseiten-slider-bilder/kreisdeponie.png);
    background-size: contain;
    top: 230px;
    width: 330px;
}

.header-front-page .firmenLogo.srt {
    background-image: url(../icons/firmen-icons-white/srt.svg);
    background-size: contain;
    width: 100px;
    height: 67px;
}

.header-front-page .content p.firma {
    font-size: 17px;
    /*position: absolute;
    left: 0px;
    right: 0px;
    top: 220px;
    */
}

.header-front-page .content p.firma.deponie {
    font-size: 17px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 300px;
}

.header-front-page .left::after, .right::after {
    content: 'Baustoffe, Bauwesen und Entsorgung';
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    line-height: 100px;
    background-color: #005692;
    bottom: 0px;
    z-index: 3;
    font-size: 26px;
    color: #fff;
    font-family: 'sbg-regular', Arial, sans-serif;
}

@media only screen and (max-width: 1300px){
    .header-front-page .left::after, .right::after {
        font-size: 20px;
    }
}

.header-front-page .left::after {
    text-indent: -60px;
}

.header-front-page .right::after {
    content: 'Sondermaschinenbau';
    background-color: #4595D3;
    text-indent: 60px;
}


.header-front-page .pageEnd {
    height: 12px;
    background: linear-gradient( to right, #0A5790 0%, #0A5790 50%, #4996D1 50%, #4996D1 100%);
    width: 100%;
}


.header-front-page .home main {
    width: auto;
    min-height: auto;
    position: static;
    margin: 0px;
}

.header-front-page .headlineHolder {
    width: 100%;
    margin-bottom: 30px;
    margin-top: -20px;
    display: table;
}


.header-front-page .headlineHolder .middle {
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (max-height: 800px) {

    .header-front-page .firma,
    .header-front-page .content a {
        display: none;
    }

    .header-front-page .firmenLogo {
        top: 100px;
    }

    .header-front-page .left .picturePositioner:nth-of-type(7) h2 {
        font-size: 30px;
    }
}

@media only screen and (max-height: 770px) {

    .header-front-page .firma {
        display: none;
    }
}

@media only screen and (max-height: 580px) {

    .header-front-page .firmenLogo {
        display: none;
    }
}


@media only screen and (max-width: 1200px) {
    .header-front-page .frameLogo {
        width: 72px;
        height: 74px;
        background-size: contain;
    }
    .header-front-page .frameLogo .unten {
        /*
        top: 41px;
        right: -2px;
        background-size: 65%;
         */
        background-size: 70%;
        top: 30px;
        right: 1px;
    }

    .header-front-page .frameLogo .unten.active {
        -webkit-animation-name: logoUntenMobile; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1.0s; /* Safari 4.0 - 8.0 */
        animation-name: logoUntenMobile;
        animation-duration: 1.0s;
    }

    .header-front-page .frameLogo .oben {
        /*
        background-size: 65%;
        top: 4px;
        right: -2px;
        */
        background-size: 70%;
        right: 1px;
        top: 5px;

    }

    .header-front-page .frameLogo .oben.active {
        -webkit-animation-name: logoObenMobile; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1.0s; /* Safari 4.0 - 8.0 */
        animation-name: logoObenMobile;
        animation-duration: 1.0s;
    }

    .header-front-page .right .content {
        margin-left: 48px;
    }

    .header-front-page .left .content {
        margin-right: 48px;
    }

    .header-front-page .left::after {
        /*
        text-indent: -48px;
         */
        text-indent: -20px;
    }

    .header-front-page .right::after {
        text-indent: 48px;
    }
}


@media only screen and (max-width: 1170px) {

    .header-front-page .content h2 {
        font-size: 28px;
    }

    .header-front-page .content {
        margin-top: 1px;
    }

    .header-front-page .headlineHolder {
        margin-top: -27px;
    }
}


@media only screen and (max-width: 960px) {

    .header-front-page .contentFrame .left,
    .header-front-page .contentFrame .right {
        width: 100%;
        max-height: 50%;
    }



    .header-front-page .left::after,
    .header-front-page .right::after,
    .header-front-page .fgbLogo,
    .header-front-page .firmenLogo,
    .header-front-page .content p,
    .header-front-page .content a {
        display: none;
    }

    .header-front-page .left .content {
        margin-right: 0px;
        padding-left: 0px;
        transform: none;
    }

    .header-front-page .right .content {
        margin-left: 0px;
        padding-right: 0px;
        transform: none;
    }

    .header-front-page .content {
        top:0px;
        bottom: 0px;
        height: 50px;
        margin: auto;
    }

    .header-front-page .contentFrame {
        height: auto;
        /* top: 150px; */
        bottom: 0px;
    }

    .header-front-page .topFrame #navNormal,
    .header-front-page .secondaryMenu {
        display: none;
    }

    .header-front-page .topFrame .navMobile {
        display: block;
        position: absolute;
        right: 80px;
        top: 30px;
    }

    .header-front-page .content h2 {
        display: none;
    }

    .header-front-page .content h2.mobile {
        display: block;
        padding: 0px 10px;
    }

    .header-front-page .contentFrame a {
        pointer-events: none;
    }

    .header-front-page .headlineHolder {
        display: none;
    }
}


@media only screen and (max-width: 500px) {

    .header-front-page .content h2 {
        font-size: 20px;
    }

    .header-front-page .content {
        height: 34px;
    }
}

/* Stellenangebote Styles Overwrites  */


body .show_filter_result, body .show_filter_result span{
    color: #AFAFAD;
}

body .job_detail_element .divider{
    height: 3px;
    background: #FFFFFF;
}

body .job_filter_wrapper .line{
    background-color: transparent;
}
/*
body .job_detail_infomation img{
    border: 20px solid #FFFFFF;
    background-color: #FFFFFF;
}

 */

body .job_filter_wrapper .more_info:hover,
body .job_detail_element .more_info:hover,
body #jobs_list .more_info:hover,
body #jobs_list_similar .more_info:hover{
    background-color: #0A5790;
}

body #jobs_list li .more_info,
body #jobs_list_similar li .more_info{
    color: #FFFFFF;
    font-family: Avenir Black, sans-serif;
    font-size: 16px!important;
    line-height: unset;
    padding: 11px 50px 10px 15px!important;
    text-transform: uppercase;
}

body .select-css,
body .select-css .dropdown{
    border-radius: 0;
}

body .job_filter_wrapper .more_info.more_info_back,
body .job_detail_element .more_info.more_info_back,
body #jobs_list .more_info.more_info_back,
body #jobs_list_similar .more_info.more_info_back {
    padding: 12px 15px 11px 60px !important;
    color: #FFFFFF;
    font-family: Avenir Black, sans-serif;
    font-size: 16px!important;
    line-height: unset;
    text-transform: uppercase;
}

body .job_filter_wrapper .more_info_wrapper .more_info,
body .job_detail_element .more_info_wrapper .more_info,
body #jobs_list .more_info_wrapper .more_info,
body #jobs_list_similar .more_info_wrapper .more_info{
    font-family: Avenir Black, sans-serif;
    padding: 17px 70px 16px 25px !important;
    text-transform: uppercase;
}

body .flyout{
    display: none;
}


body .job_filter_wrapper .more_info,
body .job_detail_element .more_info,
body #jobs_list .more_info,
body #jobs_list_similar .more_info{
    background-color: #0074BC;
}

body .apply_button_wrapper{
    margin-bottom: 40px;
}

body #jobs_list li span:first-of-type,
body #jobs_list_similar li span:first-of-type{
    line-height: 32px;
}

@media only screen and (max-width: 550px){
    body #jobs_list li span:first-of-type,
    body #jobs_list_similar li span:first-of-type{
        font-size: 24px;
        line-height: 28px;
        hyphens: auto;
    }
}

@media only screen and (max-width: 500px){
    body #jobs_list li, body #jobs_list_similar li{
        padding-right: 0;
    }
    body #jobs_list li .more_info, body #jobs_list_similar li .more_info{
        position: static;
        margin-top: 20px;
    }
}

body .socialshare{
    margin-right: 30px;
}


/* News list Element */

.co-el.news-list .resolution-frame{
    padding: 70px 0 30px 0;
}

@media only screen and (max-width: 659px){
    .co-el.news-list .resolution-frame{
        padding: 30px 0;
    }
}


@media only screen and (max-width: 1620px) {
    .co-el.news-list:not(.teaser) .width-limiter{
        max-width: 1000px;
        margin: auto;
    }
}

@media only screen and (max-width: 1160px) {
    .co-el.news-list .width-limiter{
        max-width: 480px!important;
        margin: auto;
    }
}

.co-el.news-list .width-limiter{
    max-width: 1540px;
}

.co-el.news-list .width-limiter ul{
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between;*/
}

.co-el.news-list ul .wrapper > a{
    position: relative;
    display: block;
}

.co-el.news-list.front-page ul .wrapper > a{
    position: relative;
    display: block;
    width: 100%;
    /*max-width: 370px;*/
    max-width: 280px;
    margin: auto;
}

@media only screen and (max-width: 1300px){
    .co-el.news-list.front-page ul .wrapper > a{
        max-width: 370px;
    }
}

.co-el.news-list ul .wrapper > a:hover{
    opacity: 1;
}

.co-el.news-list ul .wrapper > a::after{
    top: 0;
    left: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

.co-el.news-list ul .wrapper > a:hover::after{
    opacity: 0.3;
}

.co-el.news-list.teaser:not(.front-page) ul{
    justify-content: center
}


.co-el.news-list .resolution-frame{
    justify-content: center;
}

.co-el.news-list .width-limiter ul li{
    display: block;
    width: 100%;
    max-width: 480px;
    margin-top: 100px!important;
    margin-bottom: 60px;
    background-color: #FFFFFF;
}

.co-el.news-list:not(.front-page) .width-limiter ul li{
    margin-top: 130px!important;
}


.co-el.news-list li .top-content {
    position: relative;
    margin-top: -100px;
    min-height: 440px;
    margin-bottom: 30px;
}

.co-el.news-list:not(.front-page) li .top-content {
    margin-top: -130px;
}

/*

.co-el.news-list.front-page .width-limiter ul li{
    width: calc(50% - 20px);
    max-width: unset;
}

 */

.co-el.news-list.front-page .width-limiter ul li,
.co-el.news-list.teaser .width-limiter ul li{
    width: calc(33% - 20px);
    max-width: unset;
}

@media only screen and (max-width: 1300px) {
    .co-el.news-list.front-page .width-limiter ul li,
    .co-el.news-list.teaser .width-limiter ul li{
        width: calc(50% - 20px);
    }
}


@media only screen and (max-width: 1160px) {
    .co-el.news-list.front-page .width-limiter ul li,
    .co-el.news-list.teaser .width-limiter ul li{
        width: 100%;
        max-width: 480px;
    }
}

/*

.co-el.news-list.front-page .width-limiter ul li:nth-child(odd),
.co-el.news-list.teaser .width-limiter ul li:nth-child(odd) {
    margin-right: 20px;
}

.co-el.news-list.front-page .width-limiter ul li:nth-child(even),
.co-el.news-list.teaser .width-limiter ul li:nth-child(even) {
    margin-left: 20px;
}

 */


.co-el.news-list.front-page .width-limiter ul li,
.co-el.news-list.teaser .width-limiter ul li{
    margin-left: 10px;
    margin-right: 10px;
}

.co-el.news-list.front-page .width-limiter ul li:nth-child(4n+1),
.co-el.news-list.teaser .width-limiter ul li:nth-child(4n+1){
    margin-left: 0;
    margin-right: 10px;
}
.co-el.news-list.front-page .width-limiter ul li:nth-child(1n+4),
.co-el.news-list.teaser .width-limiter ul li:nth-child(1n+4){
    margin-right: 0;
    margin-left: 10px;
}


.co-el.news-list:not(.front-page):not(.teaser) .width-limiter ul li:nth-child(3n+2){
    margin: 130px 40px 60px 40px;
}

@media only screen and (max-width: 1620px) {

    .co-el.news-list .width-limiter ul li:nth-child(odd){
        margin-top: 100px;
        margin-right: 20px;
        margin-left: 0;
    }
    .co-el.news-list:not(.front-page):not(.teaser) .width-limiter ul li:nth-child(odd){
        margin-top: 130px;
        margin-right: 20px;
        margin-left: 0;
    }


    .co-el.news-list .width-limiter ul li:nth-child(even){
        margin-top: 100px;
        margin-left: 20px;
        margin-right: 0;
    }
    .co-el.news-list.front-page .width-limiter ul li, .co-el.news-list.teaser .width-limiter ul li {
        margin-left: 10px;
        margin-right: 10px;
    }

    .co-el.news-list:not(.front-page):not(.teaser) .width-limiter ul li:nth-child(even){
        margin-top: 130px;
        margin-left: 20px;
        margin-right: 0;
    }
}

@media only screen and (max-width: 1400px){
    .co-el.news-list .width-limiter ul li:nth-child(odd){
        margin-top: 130px!important;
    }
    .co-el.news-list .width-limiter ul li:nth-child(even){
        margin-top: 130px!important;
    }
}

@media only screen and (max-width: 1160px) {
    .co-el.news-list .width-limiter ul li:nth-child(odd){
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .co-el.news-list:not(.front-page) .width-limiter ul li:nth-child(odd){
        margin-top: 130px;
        margin-right: 0!important;
        margin-left: 0!important;
    }


    .co-el.news-list .width-limiter ul li:nth-child(even){
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .co-el.news-list:not(.front-page) .width-limiter ul li:nth-child(even){
        margin-top: 130px;
        margin-left: 0!important;
        margin-right: 0!important;
    }
}

@media only screen and (max-width: 659px) {
    .co-el.news-list .width-limiter ul li:last-child{
        margin-bottom: 0;
    }
}


.co-el.news-list.no-grey ul li{
    background-color: #f2f2f2;
}
/*

.co-el.news-list.front-page li.sondermaschinenbau .top-content::before {
    position: absolute;
    content: 'Sonder-maschinenbau';
    max-width: 115px;
    font-family: Avenir Black, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    top: 130px;
    left: 30px;
    color: var(--color-sondermaschinenbau);
}
.co-el.news-list.front-page li.baustoffe-bauwesen-entsorgung .top-content::before {
    position: absolute;
    content: 'Baustoffe, Bauwesen und Entsorgung';
    max-width: 120px;
    font-family: Avenir Black, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    top: 130px;
    left: 30px;
    color: var(--color-baustoffe-bauwesen-entsorgung);
}

 */

@media only screen and (max-width: 1500px){
    .co-el.news-list.front-page li.sondermaschinenbau .top-content::before {
        top: 125px;
        left: 25px;
        font-size: 12px;
        line-height: 16px;
    }
    .co-el.news-list.front-page li.baustoffe-bauwesen-entsorgung .top-content::before {
        top: 125px;
        left: 25px;
        font-size: 12px;
        line-height: 16px;
    }
}

@media only screen and (max-width: 1400px){
    .co-el.news-list.front-page li.baustoffe-bauwesen-entsorgung .top-content::before,
    .co-el.news-list.front-page li.sondermaschinenbau .top-content::before {
        display: none;
    }
}


.co-el.news-list.front-page h3.category{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
    min-height: 36px;
    text-transform: uppercase;
    font-family: Avenir Black, sans-serif;
    max-width: 500px;
    margin: 0 auto 15px auto;

}

.co-el.news-list.front-page li.sondermaschinenbau h3.category{
    color: var(--color-sondermaschinenbau);
}

.co-el.news-list.front-page li.baustoffe-bauwesen-entsorgung h3.category{
    color: var(--color-baustoffe-bauwesen-entsorgung);
}

.co-el.news-list.front-page li .top-content,
.co-el.news-list.teaser li .top-content{
    min-height: 390px;
}

@media only screen and (max-width: 1400px){
    .co-el.news-list.front-page li .top-content{
        margin-top: -130px;
    }
}

.co-el.news-list li .top-content .wrapper{
    max-width: 370px;
    padding: 0 20px;
    margin: auto;
}

.co-el.news-list.front-page li .top-content .wrapper{
    max-width: 100%;
}

@media only screen and (max-width: 1300px){
    .co-el.news-list.front-page li .top-content .wrapper{
        max-width: 370px;
    }
}

.co-el.news-list li .top-content .wrapper h3{
    margin-top: 0;
    color: #0074BC;
    text-align: center;
    text-transform: uppercase;
    font-family: Avenir Black,sans-serif;
    font-size: 14px;
    line-height: 18px;
    display: none;
}

.co-el.news-list.front-page li .top-content .wrapper h3{
    display: block;
}



.co-el.news-list li.baustoffe-bauwesen-entsorgung .top-content .wrapper h3{
    color: var(--color-baustoffe-bauwesen-entsorgung);
}
.co-el.news-list li.sondermaschinenbau .top-content .wrapper h3{
    color: var(--color-sondermaschinenbau);
}


.co-el.news-list.front-page li .top-content .wrapper .text-content{
    max-width: 280px;
    width: 100%;
    margin: auto;
    line-height: 22px;
}

@media only screen and (max-width: 1300px){
    .co-el.news-list.front-page li .top-content .wrapper .text-content{
        max-width: 500px;
        margin: auto;
        line-height: 22px;
    }
}

.co-el.news-list.front-page li .top-content .wrapper .text-content .text_box,
.co-el.news-list.teaser li .top-content .wrapper .text-content .text_box{
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis;
    white-space: normal;
}



.co-el.news-list li .top-content .wrapper .text-content{
    line-height: 22px;
    min-height: 180px;
}

.co-el.news-list:not(.front-page):not(.teaser) li .top-content .wrapper .text-content{
    line-height: 22px;
    min-height: 240px;
}

.co-el.news-list li .top-content .img{
    background: no-repeat center center;
    background-size: cover;
    background-color: #f2f2f2;
    width: 100%;
    max-width: 370px;
    height: 210px;
    border: 10px solid #FFFFFF;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.1);
}

.co-el.news-list.front-page li .top-content .img{
    margin: 0 auto 30px auto;
    height: 200px;
}



.co-el.news-list li .bottom-content .button{
    position: relative;
    display: inline-block;
    color: #FFFFFF;
    min-width: 210px;
    font-family: Avenir Black, sans-serif;
    font-size: 16px;
    line-height: unset;
    float: right;
    padding: 11px 50px 10px 15px;
    background-color: #0074BC;
    text-transform: uppercase;
    margin: 25px 0;
}

.co-el.news-list li.sondermaschinenbau .bottom-content .button{
    background-color: var(--color-sondermaschinenbau);
}

.co-el.news-list li.baustoffe-bauwesen-entsorgung .bottom-content .button{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}

.co-el.news-list.no-grey li .bottom-content .button{
    color: #0074BC;
    background-color: #FFFFFF;
}

.co-el.news-list.no-grey li.sondermaschinenbau .bottom-content .button{
    color: var(--color-sondermaschinenbau);
    background-color: #FFFFFF;
}

.co-el.news-list.no-grey li.baustoffe-bauwesen-entsorgung .bottom-content .button{
    color: var(--color-baustoffe-bauwesen-entsorgung);
    background-color: #FFFFFF;
}

.co-el.news-list li .bottom-content{
    position: relative;
}
.co-el.news-list li .bottom-content::before{
    position: absolute;
    top: -3px;
    right: 0;
    content: '';
    width: calc(100% - 30px);
    height: 3px;
    background-color: #0074BC;
}

.co-el.news-list li.sondermaschinenbau .bottom-content::before{
    background-color: var(--color-sondermaschinenbau);
}

.co-el.news-list li.baustoffe-bauwesen-entsorgung .bottom-content::before{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}


.co-el.news-list li .bottom-content .button span{
    margin-top: 1px;
}

.co-el.news-list li .bottom-content .button svg{
    top: 12px;
    right: 20px;
    position: absolute;
}

.co-el.news-list li .bottom-content .button svg rect{
    fill: #FFFFFF;
}

.co-el.news-list.no-grey li .bottom-content .button svg rect{
    fill: #0074BC;
}

.co-el.news-list.no-grey li.sondermaschinenbau .bottom-content .button svg rect{
    fill: var(--color-sondermaschinenbau);
}

.co-el.news-list.no-grey li.baustoffe-bauwesen-entsorgung .bottom-content .button svg rect{
    fill: var(--color-baustoffe-bauwesen-entsorgung);
}

.co-el.news-list .upper-content {
    max-width: 700px;
    margin-bottom: 60px;
}

.co-el.news-list .text-content ul{
    margin: 0;
    padding: 0;
}


.co-el.news-list .text-content li {
    display: block;
    margin-left: 30px;
    line-height: 20px;
    margin-bottom: 10px;
    background-color: transparent;
}
.co-el.news-list .text-content li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #0074BC;
    float: left;
    margin-top: 8px;
    margin-left: -15px;
}

body.page-id-9 .co-el.news-list .text-content li:before{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .co-el.news-list .text-content li:before{
    background-color: var(--color-baustoffe);
}
body.bauwesen .co-el.news-list .text-content li:before{
    background-color: var(--color-bauwesen);
}
body.entsorgung .co-el.news-list .text-content li:before{
    background-color: var(--color-entsorgung);
}
body.baulogistik .co-el.news-list .text-content li:before{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .co-el.news-list .text-content li:before{
    background-color: var(--color-sondermaschinenbau);
}

body.energiemanagement-und-gebäudeautomation .co-el.news-list .text-content li:before{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

.co-el.news-list .paging{
    margin-top: 20px;
    margin-bottom: 20px;
}

.co-el.news-list .paging .pagination ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.co-el.news-list .paging .pagination ul li{
    display: inline-block;
    color: #FFFFFF;
    margin: 0 10px!important;
    width: unset;
    max-width: unset;
    margin-top: unset!important;
    margin-bottom: 0;
}

.co-el.news-list .paging .pagination ul li a,
.co-el.news-list .paging .pagination ul li span{
    background-color: #0074BC;
    display: block;
    padding: 10px 15px;
}

.co-el.news-list .paging .pagination ul li.nav-next a,
.co-el.news-list .paging .pagination ul li.nav-previous a{
    background-color: #FFFFFF;
    position: relative;
    height: 100%;
    width: 60px;
    transition: background-color 0.2s ease-out;
}

.co-el.news-list .paging .pagination ul li.nav-next a:hover,
.co-el.news-list .paging .pagination ul li.nav-previous a:hover{
    background-color: rgba(0, 116, 188, 0.7);
    filter: none;
    opacity: 1;
}


.co-el.news-list .paging .pagination ul li.nav-next a::after,
.co-el.news-list .paging .pagination ul li.nav-previous a::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg id='Gruppe_768' data-name='Gruppe 768' xmlns='http://www.w3.org/2000/svg' width='9.246' height='15.401' viewBox='0 0 9.246 15.401'%3E%3Crect id='Rechteck_6' data-name='Rechteck 6' width='10.461' height='2.615' transform='translate(1.849 0) rotate(45)' fill='%230074BC'/%3E%3Crect id='Rechteck_7' data-name='Rechteck 7' width='10.461' height='2.615' transform='translate(0 13.552) rotate(-45)' fill='%230074BC'/%3E%3C/svg%3E") no-repeat center center;
    height: 15px;
    width: 9px;
    background-size: cover;
}
.co-el.news-list .paging .pagination ul li.nav-next a:hover::after,
.co-el.news-list .paging .pagination ul li.nav-previous a:hover::after{
    background: url("data:image/svg+xml,%3Csvg id='Gruppe_768' data-name='Gruppe 768' xmlns='http://www.w3.org/2000/svg' width='9.246' height='15.401' viewBox='0 0 9.246 15.401'%3E%3Crect id='Rechteck_6' data-name='Rechteck 6' width='10.461' height='2.615' transform='translate(1.849 0) rotate(45)' fill='%23FFF'/%3E%3Crect id='Rechteck_7' data-name='Rechteck 7' width='10.461' height='2.615' transform='translate(0 13.552) rotate(-45)' fill='%23FFF'/%3E%3C/svg%3E") no-repeat center center;
}

.co-el.news-list .paging .pagination ul li.nav-next a::after{
    right: unset;
    left: 15px;
    transform: rotate(180deg) translateY(50%);
}


.co-el.news-list .paging .pagination ul li span{
    font-family: Avenir Black, sans-serif;
    background-color: rgba(0, 116, 188, 0.7);

}
.co-el.news-list .paging .pagination ul li a.inactive{
    color: #FFFFFF;
}



/* News Single View */

.co-el.news.single-view .element-holder{
    padding: 40px;
    display: block;
    /*background-color: #FFFFFF; */
}
@media only screen and (max-width: 959px){
    .co-el.news.single-view .element-holder{
        padding: 40px 0;
    }
}
@media only screen and (max-width: 799px){
    .co-el.news.single-view .element-holder{
        padding: 20px 0;
    }
}

@media only screen and (max-width: 959px){
    .co-el.news.single-view .padding-frame{
        /* background-color: #FFFFFF; */
    }
}

.co-el.news.single-view .top-content{
    width: 100%;
}

.co-el.news.single-view .top-content h2{
    width: 100%;
}

.co-el.news.single-view .top-content h2 .colored-hl{
    color: #0074BC;
}

.co-el.news.single-view.baustoffe-bauwesen-entsorgung .top-content h2 .colored-hl{
    color: var(--color-baustoffe-bauwesen-entsorgung)!important;
}
.co-el.news.single-view.sondermaschinenbau .top-content h2 .colored-hl{
    color: var(--color-sondermaschinenbau)!important;
}

.co-el.news.single-view .box-wrapper-news{
    position: relative;
    display: flex;
}

@media only screen and (max-width: 959px){
    .co-el.news.single-view .box-wrapper-news{
        display: flex;
        flex-direction: column;
    }
}


.co-el.news.single-view .box-wrapper-news .left-box{
    padding-right: 40px;
    line-height: 0;
}

.co-el.news.single-view.no-img .box-wrapper-news .left-box{
    display: none;
}

@media only screen and (max-width: 959px){
    .co-el.news.single-view .box-wrapper-news .left-box{
        margin-right: 0;
        margin-bottom: 30px;
    }
}


.co-el.news.single-view .box-wrapper-news .left-box img{
    max-width: 480px;
}

@media only screen and (max-width: 520px){
    .co-el.news.single-view .box-wrapper-news .left-box img{
        max-width: 100%;
    }
}

.co-el.news.single-view .box-wrapper-news .right-box .text-content {
    max-width: 740px;
}

.co-el.news.single-view .box-wrapper-news .right-box .text-content .text {
    width: unset;
    height: unset;
    margin: 0;
}

.co-el.news.single-view .button-textfeld-bild-element img{
    transform: rotate(180deg);
    padding-right: 15px;
}

.co-el.news.single-view .h3-text {
    padding: 12px 15px 11px 30px;
}

.co-el.news.single-view.baustoffe-bauwesen-entsorgung .button-textfeld-bild-element {
    background-color: var(--color-baustoffe-bauwesen-entsorgung)!important;
}
.co-el.news.single-view.sondermaschinenbau .button-textfeld-bild-element {
    background-color: var(--color-sondermaschinenbau)!important;
}

.co-el.news.single-view .pre-line {
    font-size: 14px;
}
.co-el.news .text-content li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #0074BC;
    float: left;
    margin-top: 8px;
    margin-left: -15px;
}
.co-el.news.baustoffe-bauwesen-entsorgung .text-content li:before {
    background-color: var(--color-baustoffe-bauwesen-entsorgung)!important;
}
.co-el.news.sondermaschinenbau .text-content li:before {
    background-color: var(--color-sondermaschinenbau)!important;
}
.co-el.news .text-content ul{
    margin: 0;
    padding: 0;
}
.co-el.news .text-content li {
    display: block;
    margin-left: 30px;
    line-height: 20px;
    margin-bottom: 10px;
    background-color: transparent;
}
.co-el.news.baustoffe-bauwesen-entsorgung .text-content a {
    color: var(--color-baustoffe-bauwesen-entsorgung);
}
.co-el.news.sondermaschinenbau .text-content a {
    color: var(--color-baustoffe-bauwesen-entsorgung);
}

/* Search Styling */

.co-el.search label{
    margin-right: 5px;
}

.co-el.search form input[type=text]{
    min-height: 30px;
    border-radius: 0;
    border: 1px solid #0074BC;
    width: 100%;
    max-width: 280px;
    position: relative;
    text-indent: 5px;
    top: -1px;
}
.co-el.search form input[type=submit]{
    display: inline-block;
    font-size: 16px !important;
    color: #fff !important;
    background-color: #0074BC;
    height: 30px;
    background-image: url(../img/button-pfeil.svg);
    background-position: center right 15px;
    background-repeat: no-repeat;
    padding: 6px 60px 6px 15px !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    cursor: pointer;
    appearance: none;
    border: none;
    white-space: unset;
    margin: 1px 0 0 0;
    letter-spacing: inherit;
}

.co-el.search form input[type=submit]:hover{
    opacity: 0.7;
}

.co-el.search-results .more_info_back{
    position: relative;
    padding: 12px 15px 11px 60px !important;
    color: #FFFFFF;
    font-family: Avenir Black, sans-serif;
    font-size: 16px!important;
    line-height: unset;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 15px;
    background-color: #0074BC;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.co-el.search-results .more_info_back::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(../img/button-pfeil.svg);
    background-position: center right 15px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.co-el.search-results h2{
    margin-bottom: 15px;
}

.co-el.search-results .results li{
    display: block;
    position: relative;
}


.co-el.search-results .results li:before{
    content: "";
    display: block;
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #0074BC;
    float: left;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    margin-left: -15px;
}


body.baustoffe .co-el.search-results .results li:before{
    background-color: var(--color-baustoffe);
}
body.bauwesen .co-el.search-results .results li:before{
    background-color: var(--color-bauwesen);
}
body.entsorgung .co-el.search-results .results li:before{
    background-color: var(--color-entsorgung);
}
body.baulogistik .co-el.search-results .results li:before{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .co-el.search-results .results li:before{
    background-color: var(--color-sondermaschinenbau);
}
body.page-id-9 .co-el.search-results .results li:before{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.energiemanagement-und-gebäudeautomation .co-el.search-results .results li:before{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}


.co-el.search-results .results li{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}

.co-el.search-results .results li:last-child{
    margin-bottom: 0;
}

/* Bewerbung Styling */

body .v_app_selector_prefix .theme--light.v-application{
    background: unset;
}

body .similar_jobs_element h1,
body .apply_form h1{
    font-size: 36px;
    line-height: 40px;
}
body .apply_form h1 span{
    font-size: 28px;
    line-height: 32px;
}

body .apply_form .v_app_selector_prefix .theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined){
    color: #FFFFFF;
    font-family: Avenir Black, sans-serif;
    font-size: 16px!important;
    line-height: unset;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #0074BC!important;
    letter-spacing: unset;
    text-indent: 0;
    font-weight: unset;
    box-shadow: none;
}
body .apply_form .v_app_selector_prefix .theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined){
    background-color: rgba(0,0,0,.12)!important;
}

body .co-el.apply-form .v-application{
    font-family: "Open Sans", sans-serif;
}

body .co-el.apply-form .resolution-frame{
    position: static;
}
body .apply_form .v-application a{
    color: #0074BC;
}

body .apply-form .v-application--wrap{
    min-height: unset;
}

body .apply-form .v_app_selector_prefix .divider{
    background: #0074BC!important;
}

body .v_app_selector_prefix .v-chip-group .v-chip{
    border-radius: 0;
    margin-right: 20px;
    font-family: Avenir Black, sans-serif;
    font-size: 14px!important;
}


.co-el.apply-form .one_click_question{
    text-align: center;
}

.co-el.apply-form .one_click_question h3{
    margin-bottom: 15px;
}

.co-el.apply-form .v_app_selector_prefix .v-chip-group--column .v-slide-group__content{
    justify-content: center;
}

.co-el.apply-form .v-form > p {
    text-align: center;
}

.co-el.apply-form .v_app_selector_prefix .v-chip-group--column .v-slide-group__content > span:last-of-type{
    margin-right: 0;
}

.co-el.apply-form .v_app_selector_prefix .step-button-wrapper {
    margin: 40px 0!important;
}
.co-el.apply-form .v_app_selector_prefix .v-chip-group .v-chip.v-chip--outlined.v-chip--active{
    border-color: #0074BC!important;
}

.co-el.apply-form .v_app_selector_prefix .v-chip.v-chip--outlined.v-chip--active:before,
.co-el.apply-form .v_app_selector_prefix .v-btn:not(.v-btn--text):not(.v-btn--outlined):hover:before{
    opacity: 0!important;
}

.co-el.apply-form .v_app_selector_prefix .v-btn:not(.v-btn--text):not(.v-btn--outlined):hover{
    opacity: 0.7;
}




/* Testimonial Element */

.co-el.testimonial .wrapper{
    display: flex;
    justify-content: center;
}

.co-el.testimonial .resolution-frame{
    padding: 110px 0 70px 0;
}

@media only screen and (max-width: 959px){
    .co-el.testimonial .resolution-frame{
        padding: 70px 0;
    }
}

@media only screen and (max-width: 659px){
    .co-el.testimonial .resolution-frame{
        padding: 5px 0 30px 0;
    }
}



@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper{
        flex-direction: column;
        align-items: center;
    }
}

.co-el.testimonial .wrapper .left-box{
    position: relative;
    max-width: 580px;
    width: 100%;
}

@media only screen and (max-width: 1150px){
    .co-el.testimonial .wrapper .left-box{
        max-width: 400px;
    }
}
@media only screen and (max-width: 600px){
    .co-el.testimonial .wrapper .left-box{
        max-width: 280px;
    }
}

.co-el.testimonial .wrapper .left-box .alt-hl{
    display: none;
    margin-left: 100px;
    position: relative;
    top: 20px;
}

@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper .left-box .alt-hl{
        display: block;
    }
}
@media only screen and (max-width: 600px){
    .co-el.testimonial .wrapper .left-box .alt-hl{
        margin-left: 50px;
    }
    .co-el.testimonial.landscape .wrapper .left-box .alt-hl{
        margin-left: 70px;
    }
}

.co-el.testimonial .wrapper .left-box .alt-hl::before{
    position: absolute;
    content: '';
    bottom: -5px;
    right: 0;
    width: calc(100% - 50px);
    height: 3px;
    background-color: #0074BC;
}


.co-el.testimonial .wrapper .right-box{
    position: relative;
    max-width: 580px;
    width: 100%;
    margin-left: -20px;
}
@media only screen and (max-width: 1150px){
    .co-el.testimonial .wrapper .right-box{
        max-width: 450px;
    }
}
@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper .right-box{
        z-index: 30;
        margin-left: 0;
        margin-top: -40px;
    }
}
@media only screen and (max-width: 600px){
    .co-el.testimonial .wrapper .right-box{
        max-width: 280px;
    }
}


.co-el.testimonial .wrapper .right-box .upper-content{
    margin-left: -95px;
    margin-top: 40px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1150px){
    .co-el.testimonial .wrapper .right-box .upper-content{
        margin-left: -60px;
        margin-top: 20px;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper .right-box .upper-content{
        display: none;
    }
}

.co-el.testimonial .wrapper  .hl-1,
.co-el.testimonial .wrapper  .hl-2{
    /*
    font-size: 80px;
    line-height: 85px;

     */

    font-size: 60px;
    line-height: 64px;
    color: #000000;
    margin-bottom: 30px;
    font-family: Avenir Black, sans-serif;
}

@media only screen and (max-width: 1150px){
    .co-el.testimonial .wrapper  .hl-1,
    .co-el.testimonial .wrapper  .hl-2{
        font-size: 56px;
        line-height: 56px;
        margin: 0;
    }
}

@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper  .hl-1,
    .co-el.testimonial .wrapper  .hl-2{
        font-size: 38px;
        line-height: 39px;
        margin: unset;
    }
}

@media only screen and (max-width: 600px){
    .co-el.testimonial .wrapper  .hl-1,
    .co-el.testimonial .wrapper  .hl-2{
        font-size: 34px;
        line-height: 36px;
        margin: unset;
    }
}

.co-el.testimonial .wrapper  .hl-1 strong,
.co-el.testimonial .wrapper  .hl-2 strong{
    font-family: Avenir Black, sans-serif;
}

.co-el.testimonial .wrapper .hl-1 {
    margin-bottom: 0;
}

.co-el.testimonial .wrapper .hl-2{
    margin-left: 100px;
}
@media only screen and (max-width: 1150px){
    .co-el.testimonial .wrapper .hl-2{
        margin-left: 50px;
    }
}
@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper .hl-2{
        margin-left: 20px;
    }
}


.co-el.testimonial .text-content h3{
    color: #0074BC;
    text-transform: uppercase;
    font-family: Avenir Black, sans-serif;
    /*
    font-size: 26px;
    line-height: 35px;

     */
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 5px 0;
}
body.page-id-9 .co-el.testimonial .text-content h3{
    color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .co-el.testimonial .text-content h3{
    color: var(--color-baustoffe);
}
body.bauwesen .co-el.testimonial .text-content h3{
    color: var(--color-bauwesen);
}
body.entsorgung .co-el.testimonial .text-content h3{
    color: var(--color-entsorgung);
}
body.baulogistik .co-el.testimonial .text-content h3{
    color: var(--color-baulogistik);
}
body.sondermaschinenbau .co-el.testimonial .text-content h3{
    color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .co-el.testimonial .text-content h3{
    color: var(--color-energiemanagement-und-gebäudeautomation);
}

@media only screen and (max-width: 959px){
    .co-el.testimonial .text-content h3{
        font-size: 16px;
        line-height: 24px;
    }
}

.co-el.testimonial .text-content span,
.co-el.testimonial .text-content span > p{
    color: #333333;
    line-height: 25px;
    font-size: 16px;
}
@media only screen and (max-width: 959px){
    .co-el.testimonial .text-content span,
    .co-el.testimonial .text-content span > p{
        line-height: 22px;
        font-size: 14px;
    }
}

.co-el.testimonial .text-content span > p:first-of-type{
    margin-top: 0;
}
.co-el.testimonial .text-content span > p:last-of-type{
    margin-bottom: 0;
}


.co-el.testimonial .wrapper .left-box .img{
    width: 100%;
    height: 300px;
    background: no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    margin-bottom: 200px;
}

@media only screen and (max-width: 1150px){
    .co-el.testimonial .wrapper .left-box .img{
        width: 100%;
        max-width: 400px;
        height: 240px;
        margin-bottom: 140px;
    }
}

@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper .left-box .img{
        justify-content: flex-end;
        margin-bottom: 40px;
        margin-left: -30px;
    }
}
@media only screen and (max-width: 600px){
    .co-el.testimonial .wrapper .left-box .img{
        width: 100%;
        max-width: 250px;
        height: 150px;
    }
}

.co-el.testimonial .wrapper .left-box .person{
    position: absolute;
    top: -40px;
    right: 0;
    z-index: 10;
}
.co-el.testimonial.landscape .wrapper .left-box .person{
    right: unset;
    left: -130px;
    max-width: unset;
}

@media only screen and (max-width: 1150px){
    .co-el.testimonial .wrapper .left-box .person{
        max-height: 400px;
        right: 0;
    }
}
@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper .left-box .person{
        left: -85px;
        right: unset;
        top: 40px;
        max-width: 300px;
    }
    .co-el.testimonial.landscape .wrapper .left-box .person{
        top: 90px;
    }
}
@media only screen and (max-width: 600px){
    .co-el.testimonial .wrapper .left-box .person{
        max-height: 270px;
        top: 60px;
        left: -80px;
    }
    .co-el.testimonial.landscape .wrapper .left-box .person{
        left: -80px;
    }
}

.co-el.testimonial .wrapper .left-box .img .text-frame{
    /*
    max-width: 130px;
    font-size: 16px;
    line-height: 22px;
     */
    max-width: 190px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: Avenir Medium, sans-serif;
    color: #FFFFFF;
    text-align: right;
    /*
    margin-left: 50px;
    margin-bottom: 30px;
     */
    margin-left: 25px;
    margin-bottom: 25px;
    width: 100%;
}

@media only screen and (max-width: 1150px){
    .co-el.testimonial .wrapper .left-box .img .text-frame{
        margin-left: 10px;
        max-width: 130px;
        font-size: 12px;
    }
}


@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper .left-box .img .text-frame{
        text-align: left;
        margin-left: 0;
        margin-right: 30px;
    }
}
@media only screen and (max-width: 600px){
    .co-el.testimonial .wrapper .left-box .img .text-frame{
        font-size: 10px;
        line-height: 12px;
        margin-right: 0;
        /*margin-left: 145px;*/
        margin-left: 130px;
        padding-right: 10px;
    }
}


.co-el.testimonial .wrapper .left-box .img .text-frame .name{
    font-family: Avenir Black, sans-serif;
}

.co-el.testimonial .wrapper .right-box .lower-box{
    margin-left: -120px;
    background-color: #F2F2F2;
}

@media only screen and (max-width: 1150px){
    .co-el.testimonial .wrapper .right-box .lower-box{
        margin-left: -100px;
    }
}
@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper .right-box .lower-box{
        margin-left: 0;
    }
}

.co-el.testimonial:not(.no-grey) .wrapper .right-box .lower-box{
    background-color: #FFFFFF;
}
.co-el.testimonial .wrapper .right-box .lower-box .content-wrapper{
    /*padding: 50px 50px 70px 50px;*/
    padding: 50px 50px 70px 170px;
}

@media only screen and (max-width: 1150px){
    .co-el.testimonial .wrapper .right-box .lower-box .content-wrapper{
        /*padding: 30px 30px 50px 30px;*/
        padding: 30px 30px 50px 130px;
    }
}
@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper .right-box .lower-box .content-wrapper{
        padding: 40px 40px 60px 40px;
    }
}
@media only screen and (max-width: 600px){
    .co-el.testimonial .wrapper .right-box .lower-box .content-wrapper{
        padding: 30px 30px 50px 30px;
    }
}


@media only screen and (max-width: 600px){
    .co-el.testimonial .wrapper .right-box .lower-box .content-wrapper .text-content{
        max-width: 200px;
    }
}

.co-el.testimonial .wrapper .lower-content .button{
    position: relative;
    display: block;
    color: #FFFFFF;
    max-width: 280px;
    font-size: 16px;
    line-height: unset;
    font-family: Avenir Medium, sans-serif;
    padding: 11px 50px 10px 15px;
    background-color: #0074BC;
    text-transform: uppercase;
    margin-left: 50px;
    margin-top: -30px;
}

body.page-id-9 .co-el.testimonial .wrapper .lower-content .button{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .co-el.testimonial .wrapper .lower-content .button{
    background-color: var(--color-baustoffe);
}
body.bauwesen .co-el.testimonial .wrapper .lower-content .button{
    background-color: var(--color-bauwesen);
}
body.entsorgung .co-el.testimonial .wrapper .lower-content .button{
    background-color: var(--color-entsorgung);
}
body.baulogistik .co-el.testimonial .wrapper .lower-content .button{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .co-el.testimonial .wrapper .lower-content .button{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .co-el.testimonial .wrapper .lower-content .button{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

@media only screen and (max-width: 600px){
    .co-el.testimonial .wrapper .lower-content .button{
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
        font-size: 14px;
        padding: 11px 30px 10px 15px;
        max-width: 240px;
    }
}



.co-el.testimonial .wrapper .lower-content .button strong{
    font-family: Avenir Black, sans-serif;
}

.co-el.testimonial .wrapper .lower-content .button svg{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.co-el.testimonial .wrapper .lower-content{
    position: relative;
}

.co-el.testimonial .wrapper .lower-content::before{
    position: absolute;
    content: '';
    top: -18px;
    right: 0;
    width: calc(100% - 50px);
    height: 3px;
    background-color: #0074BC;
}
body.page-id-9 .co-el.testimonial .wrapper .lower-content::before{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .co-el.testimonial .wrapper .lower-content::before{
    background-color: var(--color-baustoffe);
}
body.bauwesen .co-el.testimonial .wrapper .lower-content::before{
    background-color: var(--color-bauwesen);
}
body.entsorgung .co-el.testimonial .wrapper .lower-content::before{
    background-color: var(--color-entsorgung);
}
body.baulogistik .co-el.testimonial .wrapper .lower-content::before{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .co-el.testimonial .wrapper .lower-content::before{
    background-color: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .co-el.testimonial .wrapper .lower-content::before{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}

@media only screen and (max-width: 959px){
    .co-el.testimonial .wrapper .lower-content::before{
        display: none;
    }
}









/* Benefit-Slider */

@media only screen and (max-width: 1280px){
    .co-el.benefit-slider{
        margin-bottom: 40px!important;
    }
}

.co-el.benefit-slider .width-limiter{
    width: 100%;
    max-width: 1300px;
    margin: auto;
}

.co-el.benefit-slider.slider-hidden-for-loading{
    display: none;
}


.content_el_slider .benefit-slider{
    margin-bottom: 35px;
}

.content_el_slider {
    width: 100%;
    /*margin-bottom: 150px;*/
    margin-bottom: 45px;
}

@media only screen and (max-width: 768px){
    .content_el_slider {
        margin-bottom: 0;
    }
}


.content_el_slider h3{
    font-size: 20px;
    line-height: 27px;
}

@media only screen and (max-width: 680px){
    .content_el_slider .picture-frame {
        height: 125px;
        overflow: hidden;
    }
}

.content_el_slider .splide__slide__container{
    padding: 20px 0;
}

.co-el.benefit-slider .content_el_slider .container{
    -webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.3);
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 350px;
    margin: auto;
    padding: 20px 0;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
}
.co-el.benefit-slider:not(.no-grey) .content_el_slider .container{
    background-color: #FFFFFF;
}

@media only screen and (max-width: 1100px){
    .co-el.benefit-slider .content_el_slider .container{
        margin: auto;
    }
}


@media only screen and (max-width: 959px){
    .co-el.benefit-slider .content_el_slider .container{
        max-width: 300px;
    }
}

@media only screen and (max-width: 768px){
    .co-el.benefit-slider .content_el_slider .container{
        max-width: 400px;
    }
}

@media only screen and (max-width: 550px){
    .co-el.benefit-slider .content_el_slider .container{
        max-width: 320px;
    }
}

@media only screen and (max-width: 450px){
    .co-el.benefit-slider .content_el_slider .container{
        max-width: 220px;
    }
}


.content_el_slider .container .icon{
    background: no-repeat center center;
    background-size: contain;
    width: 100px;
    height: 100px;
    margin: 20px auto;
}

@media only screen and (max-width: 959px){
    .content_el_slider .container .icon{
        width: 75px;
        height: 75px;
    }
}

.content_el_slider .container h4{
    color: #0074BC!important;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
}

@media only screen and (max-width: 959px){
    .content_el_slider .container h4{
        font-size: 16px;
        line-height: 20px;
    }
}

.content_el_slider .container .icon.benefit-1{
    background-image: url("../icons/benefit-slider/flexible-arbeitszeiten.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-2{
    background-image: url("../icons/benefit-slider/mehrurlaub.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-3{
    background-image: url("../icons/benefit-slider/friezeitausgleich.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-4{
    background-image: url("../icons/benefit-slider/mobiles-arbeiten.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-5{
    background-image: url("../icons/benefit-slider/jahressonderzahlung.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-6{
    background-image: url("../icons/benefit-slider/firmenwagen.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-7{
    background-image: url("../icons/benefit-slider/diensthandy.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-8{
    background-image: url("../icons/benefit-slider/360plus.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-9{
    background-image: url("../icons/benefit-slider/fahrradleasing.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-10{
    background-image: url("../icons/benefit-slider/gesundheitstag.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-11{
    background-image: url("../icons/benefit-slider/frisches-obst.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-12{
    background-image: url("../icons/benefit-slider/krankenrueckkehrgespraech.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-13{
    background-image: url("../icons/benefit-slider/mitarbeiterkarte.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-14{
    background-image: url("../icons/benefit-slider/mitarbeiterzuwendung-zu-besonderen-anlaessen.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-15{
    background-image: url("../icons/benefit-slider/personalrabatte.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-16{
    background-image: url("../icons/benefit-slider/individuelles-einarbeiten.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-17{
    background-image: url("../icons/benefit-slider/steinbach-akademie.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-18{
    background-image: url("../icons/benefit-slider/unbefristetes-arbeitsverhaeltnis.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-19{
    background-image: url("../icons/benefit-slider/aufstiegsmoeglichkeiten.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-20{
    background-image: url("../icons/benefit-slider/mitarbeiter-events.svg");
    background-size: contain;
}
.content_el_slider .container .icon.benefit-21{
    background-image: url("../icons/benefit-slider/moderner-arbeitsplatz.svg");
    background-size: contain;
}


.content_el_slider .container .text-box{
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    padding: 0 40px;
    min-height: 210px;
    max-width: unset;
    margin: 0;
}

@media only screen and (max-width: 959px){
    .content_el_slider .container .text-box{
        font-size: 14px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 500px){
    .content_el_slider .container .text-box{
        padding: 0 20px;
    }
}
@media only screen and (max-width: 450px){
    .content_el_slider .container .text-box{
        min-height: 270px;
    }
}

.content_el_slider .splide__pagination{
    bottom: -3.5em;
}

.content_el_slider .splide__pagination li{
    margin: 0 10px;
}

.content_el_slider .splide__pagination__page{
    border-radius: unset;
    width: 50px;
    height: 3px;
    transform: none!important;
    margin: 5px;
    opacity: unset;
    background: #ACACAC;
    position: relative;
}
.content_el_slider .splide__pagination__page::before{
    position: absolute;
    content: '';
    top: -13px;
    left: 0;
    height: 30px;
    width: 50px;
}

.content_el_slider .splide__pagination__page.is-active{
    background: #0074BC;
}
body.page-id-9 .content_el_slider .splide__pagination__page.is-active{
    background: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .content_el_slider .splide__pagination__page.is-active{
    background: var(--color-baustoffe);
}
body.bauwesen .content_el_slider .splide__pagination__page.is-active{
    background: var(--color-bauwesen);
}
body.entsorgung .content_el_slider .splide__pagination__page.is-active{
    background: var(--color-entsorgung);
}
body.baulogistik .content_el_slider .splide__pagination__page.is-active{
    background: var(--color-baulogistik);
}
body.sondermaschinenbau .content_el_slider .splide__pagination__page.is-active{
    background: var(--color-sondermaschinenbau);
}
body.energiemanagement-und-gebäudeautomation .content_el_slider .splide__pagination__page.is-active{
    background: var(--color-energiemanagement-und-gebäudeautomation);
}

.content_el_slider .splide__arrow{
    width: 30px;
    height: 55px;
    border-radius: 0;
    opacity: 1;
    background-color: transparent;
}

.content_el_slider .splide__list,
.content_el_slider .splide__track{
    max-width: 1110px;
    margin: auto;
}

.content_el_slider .splide__arrow--prev{
    left: 1em;
}
.content_el_slider .splide__arrow--next{
    right: 1em;
}

@media only screen and (min-width: 1280px) and (max-width: 1559px){
    .content_el_slider .splide__arrow--prev{
        left: -10px;
    }
    .content_el_slider .splide__arrow--next{
        right: -10px;
    }
}


@media only screen and (max-width: 1350px){
    .content_el_slider .splide__arrow--prev{
        left: 0em;
    }
    .content_el_slider .splide__arrow--next{
        right: 0em;
    }
}

@media only screen and (max-width: 850px){
    .content_el_slider .splide__arrow--prev{
        left: -1em;
    }
    .content_el_slider .splide__arrow--next{
        right: -1em;
    }
}

@media only screen and (max-width: 768px){
    .content_el_slider .splide__arrow--prev{
        left: 0em;
    }
    .content_el_slider .splide__arrow--next{
        right: 0em;
    }
}

.content_el_slider .splide__arrow .arrow{
    width: 40px;
    height: 55px;
    position: relative;
}

.content_el_slider .splide__arrow.splide__arrow--prev .arrow div:first-child{
    position: absolute;
    content: '';
    top: 14px;
    left: -5px;
    width: 40px;
    height: 2px;
    transform: rotate(-45deg);
    background-color: #0074BC;
    transition: background-color 0.2s ease-out;
}

.content_el_slider .splide__arrow.splide__arrow--next .arrow div:first-child{
    position: absolute;
    content: '';
    top: 14px;
    left: -5px;
    width: 40px;
    height: 2px;
    transform: rotate(45deg);
    background-color: #0074BC;
    transition: background-color 0.2s ease-out;
}

.content_el_slider .splide__arrow.splide__arrow--prev .arrow div:last-child{
    position: absolute;
    content: '';
    bottom: 12px;
    left: -5px;
    width: 40px;
    height: 2px;
    transform: rotate(45deg);
    background-color: #0074BC;
    transition: background-color 0.2s ease-out;
}

.content_el_slider .splide__arrow.splide__arrow--next .arrow div:last-child{
    position: absolute;
    content: '';
    bottom: 12px;
    left: -5px;
    width: 40px;
    height: 2px;
    transform: rotate(-45deg);
    background-color: #0074BC;
    transition: background-color 0.2s ease-out;
}

body.page-id-9 .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:first-child,
body.page-id-9 .content_el_slider .splide__arrow.splide__arrow--next .arrow div:first-child,
body.page-id-9 .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:last-child,
body.page-id-9 .content_el_slider .splide__arrow.splide__arrow--next .arrow div:last-child{
    background-color: var(--color-baustoffe-bauwesen-entsorgung);
}
body.baustoffe .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:first-child,
body.baustoffe .content_el_slider .splide__arrow.splide__arrow--next .arrow div:first-child,
body.baustoffe .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:last-child,
body.baustoffe .content_el_slider .splide__arrow.splide__arrow--next .arrow div:last-child{
    background-color: var(--color-baustoffe);
}
body.bauwesen .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:first-child,
body.bauwesen .content_el_slider .splide__arrow.splide__arrow--next .arrow div:first-child,
body.bauwesen .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:last-child,
body.bauwesen .content_el_slider .splide__arrow.splide__arrow--next .arrow div:last-child{
    background-color: var(--color-bauwesen);
}
body.entsorgung .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:first-child,
body.entsorgung .content_el_slider .splide__arrow.splide__arrow--next .arrow div:first-child,
body.entsorgung .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:last-child,
body.entsorgung .content_el_slider .splide__arrow.splide__arrow--next .arrow div:last-child{
    background-color: var(--color-entsorgung);
}
body.baulogistik .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:first-child,
body.baulogistik .content_el_slider .splide__arrow.splide__arrow--next .arrow div:first-child,
body.baulogistik .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:last-child,
body.baulogistik .content_el_slider .splide__arrow.splide__arrow--next .arrow div:last-child{
    background-color: var(--color-baulogistik);
}
body.sondermaschinenbau .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:first-child,
body.sondermaschinenbau .content_el_slider .splide__arrow.splide__arrow--next .arrow div:first-child,
body.sondermaschinenbau .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:last-child,
body.sondermaschinenbau .content_el_slider .splide__arrow.splide__arrow--next .arrow div:last-child{
    background-color: var(--color-sondermaschinenbau);
}

body.energiemanagement-und-gebäudeautomation .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:first-child,
body.energiemanagement-und-gebäudeautomation .content_el_slider .splide__arrow.splide__arrow--next .arrow div:first-child,
body.energiemanagement-und-gebäudeautomation .content_el_slider .splide__arrow.splide__arrow--prev .arrow div:last-child,
body.energiemanagement-und-gebäudeautomation .content_el_slider .splide__arrow.splide__arrow--next .arrow div:last-child{
    background-color: var(--color-energiemanagement-und-gebäudeautomation);
}


.content_el_slider .splide__arrow[disabled] .arrow div{
    background-color: #FFF!important;
}


/* Location Map ELEMENT */

.co-el.location-map .element-holder{
    display: block;
    max-width: 1350px;
    margin: auto;
    width: 100%;
}

.co-el.location-map .element-holder .headlines{
    margin-bottom: 70px;
}

.co-el.location-map .element-holder .lower-content{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 40px 0;
}

.co-el.location-map .element-holder .lower-content .map-holder,
.co-el.location-map .element-holder .lower-content .user_agreement{
    width: calc(100% - 120px);
}
.co-el.location-map .element-holder .lower-content .user_agreement{
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 120px);
    background: url("../img/google-maps-placeholder.jpeg") no-repeat center center;
    background-size: cover;
    height: 100%;
}

.co-el.location-map .element-holder .lower-content .user_agreement .agreement_content {
    position: absolute;
    height: 250px;
    width: 400px;
    padding: 20px;
    background: #fff;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
@media only screen and (max-width: 650px){
    .co-el.location-map .element-holder .lower-content .user_agreement .agreement_content {
        height: auto;
        width: auto;
        left: 15px;
        right: 15px;
        top: 20px;
        bottom: 20px;
    }
}

.co-el.location-map .element-holder .lower-content .user_agreement .agreement_content .agree_button.allow {
    display: inline-block;
    color: #FFFFFF;
    font-family: Avenir Black, sans-serif;
    font-size: 16px;
    padding: 11px 20px 10px 17px;
    text-transform: uppercase;
    background-color: #0074BC;
    margin-top: 20px;
    cursor: pointer;
    transition: opacity 0.2s ease-out;
}

body.baustoffe .co-el.location-map .element-holder .lower-content .user_agreement .agreement_content .agree_button.allow{
    background: rgba(188, 191, 164, 1);
}
body.bauwesen .co-el.location-map .element-holder .lower-content .user_agreement .agreement_content .agree_button.allow{
    background: rgba(106, 137, 146, 1);
}
body.entsorgung .co-el.location-map .element-holder .lower-content .user_agreement .agreement_content .agree_button.allow{
    background: rgba(157, 146, 124, 1);
}
body.baulogistik .co-el.location-map .element-holder .lower-content .user_agreement .agreement_content .agree_button.allow{
    background: rgba(142, 159, 138, 1);
}
body.sondermaschinenbau .co-el.location-map .element-holder .lower-content .user_agreement .agreement_content .agree_button.allow{
    background: rgba(73, 149, 209, 1);
}
body.energiemanagement-und-gebäudeautomation .co-el.location-map .element-holder .lower-content .user_agreement .agreement_content .agree_button.allow{
    background: var(--color-energiemanagement-und-gebäudeautomation);
}


.co-el.location-map .element-holder .lower-content .user_agreement .agreement_content .agree_button.allow:hover {
    opacity: 0.7;
}

@media only screen and (max-width: 1150px){
    .co-el.location-map .element-holder .lower-content .map-holder,
    .co-el.location-map .element-holder .lower-content .user_agreement{
        width: calc(100% - 40px);
        margin: auto;
    }
}

@media only screen and (max-width: 500px){
    .co-el.location-map .element-holder .lower-content .map-holder,
    .co-el.location-map .element-holder .lower-content .user_agreement{
        width: 100%;
    }
}

.co-el.location-map .element-holder .lower-content #location_map{
    position: relative;
    height: 600px;
}

@media only screen and (max-width: 650px){
    .co-el.location-map .element-holder .lower-content #location_map{
        position: relative;
        height: 400px;
    }
}

.co-el.location-map .bg-content{
    width: 100%;
    height: calc(100% + 80px);
    top: -40px;
    position: absolute;
    display: flex;
    justify-content: space-between;
}

.co-el.location-map .bg-content .right-box{
    width: calc(50% - 15px);
    margin-left: 15px;
    background-color: rgba(0, 116, 188, 0.5);
}

body.baustoffe .co-el.location-map .bg-content .right-box{
    background-color: rgba(188, 191, 164, 0.5);
}
body.bauwesen .co-el.location-map .bg-content .right-box{
    background-color: rgba(106, 137, 146, 0.5);
}
body.entsorgung .co-el.location-map .bg-content .right-box{
    background-color: rgba(157, 146, 124, 0.5);
}
body.baulogistik .co-el.location-map .bg-content .right-box{
    background-color: rgba(142, 159, 138, 0.5);
}
body.sondermaschinenbau .co-el.location-map .bg-content .right-box{
    background-color: rgba(73, 149, 209, 0.5);
}
body.energiemanagement-und-gebäudeautomation .co-el.location-map .element-holder .lower-content .user_agreement .agreement_content .agree_button.allow{
    background-color: rgba(60, 147, 219, 0.5);
}

.co-el.location-map .bg-content .left-box{
    width: calc(50% - 15px);
    margin-right: 15px;
    box-sizing: border-box;
    border-bottom: 3px solid #FFFFFF;
}
.co-el.location-map.no-grey .bg-content .left-box{
    border-bottom: 3px solid #F2F2F2;
}

.co-el.location-map .element-holder .lower-content #location_map .gm-style-iw{
    box-shadow:none;
    border-radius: 0;
}
.co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-tc{
    z-index: 10;
    -webkit-filter: none;
    filter: none;
}

.co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-tc::after{
    display: none;
}
.co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-tc::before{
    content: '';
    height: 25px;
    background-color: #FFFFFF;
    border: 3px solid #0074BC;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    left: 0;
    position: absolute;
    top: -8px;
    width: 25px;
    box-sizing: border-box;
}
/*
body.baustoffe .co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-tc::before{
    border-color: rgba(188, 191, 164, 1);
}
body.bauwesen .co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-tc::before{
    border-color: rgba(106, 137, 146, 1);
}
body.entsorgung .co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-tc::before{
    border-color: rgba(157, 146, 124, 1);
}
body.baulogistik .co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-tc::before{
    border-color: rgba(142, 159, 138, 1);
}
body.sondermaschinenbau .co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-tc::before{
    border-color: rgba(73, 149, 209, 1);
}

 */



.co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style .gm-style-iw-tc{
    box-shadow: none;
}

.co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-c{
    top: 5px;
    border-bottom: 3px solid #0074BC;
}
/*
body.baustoffe .co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-c{
    border-bottom-color: rgba(188, 191, 164, 1);
}
body.bauwesen .co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-c{
    border-bottom-color: rgba(106, 137, 146, 1);
}
body.entsorgung .co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-c{
    border-bottom-color: rgba(157, 146, 124, 1);
}
body.baulogistik .co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-c{
    border-bottom-color: rgba(142, 159, 138, 1);
}
body.sondermaschinenbau .co-el.location-map .element-holder .lower-content #location_map .gm-style .gm-style-iw-c{
    border-bottom-color: rgba(73, 149, 209, 1);
}

 */

.co-el.location-map .element-holder .lower-content #location_map .info-window-content{
    font-size: 14px;
    line-height: 22px;
    color: #3E3E3E;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    max-width: 240px;
}

/* Styling für Textfeld Downloads */


.cDownload {
    color:#666;
    font-size:13px;
    /*padding:5px 5px 5px 175px;*/
    padding: 5px 5px 5px 10px;
    /*background-image:url("../img/icon-pdf.png");*/
    background-color:#FFFFFF;
    background-repeat:no-repeat;
    background-position:7px center;
    margin-top:3px;
    margin-bottom:15px;
}

.co-el.no-grey .cDownload{
    background-color: #F2F2F2;
}

.co-el.accordion:not(.no-grey) .cDownload{
    background-color: #F2F2F2;
}

/*

.cJPGDownload {
    background-image:url("../img/icon-jpg.png");
}
.cZIPDownload {
    background-image:url("../img/icon-zip.png");
}
*/
.cDownload a{
    /*background-image:url("../img/arrow-xl-ste.png");*/
    background-repeat:no-repeat;
    background-position:0 center;
    background-size: 16px 11px;
    padding-left:21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.181' viewBox='0 0 18 14.181'%3E%3Cg id='Gruppe_1920' data-name='Gruppe 1920' transform='translate(-231 -13037.515)'%3E%3Crect id='Rechteck_7750' data-name='Rechteck 7750' width='17' height='2' transform='translate(231 13043.6)' fill='%230074bc'/%3E%3Crect id='Rechteck_7751' data-name='Rechteck 7751' width='10' height='2' transform='translate(241.929 13037.515) rotate(45)' fill='%230074bc'/%3E%3Crect id='Rechteck_7752' data-name='Rechteck 7752' width='10' height='2' transform='translate(240.515 13050.281) rotate(-45)' fill='%230074bc'/%3E%3C/g%3E%3C/svg%3E");
}
body.baustoffe .cDownload a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.181' viewBox='0 0 18 14.181'%3E%3Cg id='Gruppe_1920' data-name='Gruppe 1920' transform='translate(-231 -13037.515)'%3E%3Crect id='Rechteck_7750' data-name='Rechteck 7750' width='17' height='2' transform='translate(231 13043.6)' fill='%23BCBFA4'/%3E%3Crect id='Rechteck_7751' data-name='Rechteck 7751' width='10' height='2' transform='translate(241.929 13037.515) rotate(45)' fill='%23BCBFA4'/%3E%3Crect id='Rechteck_7752' data-name='Rechteck 7752' width='10' height='2' transform='translate(240.515 13050.281) rotate(-45)' fill='%23BCBFA4'/%3E%3C/g%3E%3C/svg%3E");
}
body.bauwesen .cDownload a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.181' viewBox='0 0 18 14.181'%3E%3Cg id='Gruppe_1920' data-name='Gruppe 1920' transform='translate(-231 -13037.515)'%3E%3Crect id='Rechteck_7750' data-name='Rechteck 7750' width='17' height='2' transform='translate(231 13043.6)' fill='%236A8992'/%3E%3Crect id='Rechteck_7751' data-name='Rechteck 7751' width='10' height='2' transform='translate(241.929 13037.515) rotate(45)' fill='%236A8992'/%3E%3Crect id='Rechteck_7752' data-name='Rechteck 7752' width='10' height='2' transform='translate(240.515 13050.281) rotate(-45)' fill='%236A8992'/%3E%3C/g%3E%3C/svg%3E");
}
body.entsorgung .cDownload a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.181' viewBox='0 0 18 14.181'%3E%3Cg id='Gruppe_1920' data-name='Gruppe 1920' transform='translate(-231 -13037.515)'%3E%3Crect id='Rechteck_7750' data-name='Rechteck 7750' width='17' height='2' transform='translate(231 13043.6)' fill='%239D927C'/%3E%3Crect id='Rechteck_7751' data-name='Rechteck 7751' width='10' height='2' transform='translate(241.929 13037.515) rotate(45)' fill='%239D927C'/%3E%3Crect id='Rechteck_7752' data-name='Rechteck 7752' width='10' height='2' transform='translate(240.515 13050.281) rotate(-45)' fill='%239D927C'/%3E%3C/g%3E%3C/svg%3E");
}
body.sondermaschinenbau .cDownload a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.181' viewBox='0 0 18 14.181'%3E%3Cg id='Gruppe_1920' data-name='Gruppe 1920' transform='translate(-231 -13037.515)'%3E%3Crect id='Rechteck_7750' data-name='Rechteck 7750' width='17' height='2' transform='translate(231 13043.6)' fill='%234995D1'/%3E%3Crect id='Rechteck_7751' data-name='Rechteck 7751' width='10' height='2' transform='translate(241.929 13037.515) rotate(45)' fill='%234995D1'/%3E%3Crect id='Rechteck_7752' data-name='Rechteck 7752' width='10' height='2' transform='translate(240.515 13050.281) rotate(-45)' fill='%234995D1'/%3E%3C/g%3E%3C/svg%3E");
}
body.energiemanagement-und-gebäudeautomation .cDownload a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.181' viewBox='0 0 18 14.181'%3E%3Cg id='Gruppe_1920' data-name='Gruppe 1920' transform='translate(-231 -13037.515)'%3E%3Crect id='Rechteck_7750' data-name='Rechteck 7750' width='17' height='2' transform='translate(231 13043.6)' fill='%233C93DB'/%3E%3Crect id='Rechteck_7751' data-name='Rechteck 7751' width='10' height='2' transform='translate(241.929 13037.515) rotate(45)' fill='%233C93DB'/%3E%3Crect id='Rechteck_7752' data-name='Rechteck 7752' width='10' height='2' transform='translate(240.515 13050.281) rotate(-45)' fill='%233C93DB'/%3E%3C/g%3E%3C/svg%3E");
}
body.page-id-9 .cDownload a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.181' viewBox='0 0 18 14.181'%3E%3Cg id='Gruppe_1920' data-name='Gruppe 1920' transform='translate(-231 -13037.515)'%3E%3Crect id='Rechteck_7750' data-name='Rechteck 7750' width='17' height='2' transform='translate(231 13043.6)' fill='%23005790'/%3E%3Crect id='Rechteck_7751' data-name='Rechteck 7751' width='10' height='2' transform='translate(241.929 13037.515) rotate(45)' fill='%23005790'/%3E%3Crect id='Rechteck_7752' data-name='Rechteck 7752' width='10' height='2' transform='translate(240.515 13050.281) rotate(-45)' fill='%23005790'/%3E%3C/g%3E%3C/svg%3E");
}



/* Child-Page-List-Element */

.co-el.child-page-list .text-content {
    max-width: 700px;
}
.co-el.child-page-list .text-field {
    margin-bottom: 15px;
}

.co-el.child-page-list .list.results {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.co-el.child-page-list .list.results li {
    display: inline-block;
    width: 100%;
    max-width: 380px;
    font-size: 16px;
    line-height: 20px;
}

.co-el.child-page-list .list.results li:last-child {
    margin-bottom: 20px;
}
.co-el.child-page-list .list.results li::before {
    display: none;
}

.co-el.child-page-list .list.results li a {
    padding: 15px 40px;
    margin-right: 20px;
    background-color: #FFFFFF;
    display: block;
    transition: filter 0.2s ease-out;
}

.co-el.child-page-list .list.results li a:hover {
    filter: brightness(0.7);
}

.co-el.child-page-list .list.results li a > div > span{
    text-transform: uppercase;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: normal;
}
.co-el.child-page-list .list.results li a > div{
    min-height: 40px;
    display: flex;
    align-items: center;
}

/* Öffnungszeiten mit Filter */

.co-el.opening-hours .opening-hrs-list{
    padding: 0;
    margin: 0;
}

.co-el.opening-hours .resolution-frame{
    padding-top: 0;
}

.co-el.opening-hours .opening-hrs-list > li{
    display: block;
    margin-bottom: 140px;
}


.co-el.opening-hours .opening-hrs-list > li:last-child{
    margin-bottom: 0;
}

@media only screen and (max-width: 659px){
    .co-el.opening-hours .opening-hrs-list > li{
        margin-bottom: 60px;
    }
}

.co-el.opening-hours .filter-frame > ul{
    padding: 0;
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
}


.co-el.opening-hours .filter-frame > ul > li{
    margin-right: 20px;
    margin-bottom: 10px;
    display: block;
    user-select: none;
}

.co-el.opening-hours .filter-frame h2{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}


.co-el.opening-hours .filter-frame > ul > li .wrapper{
    display: flex;
    align-items: center;
    cursor: pointer;
}



.co-el.opening-hours .main-frame.filter-option[filter="all"] .opening-hrs-list > li{
    display: block!important;
}

.co-el.opening-hours .main-frame.filter-option[filter="sondermaschinenbau"] .opening-hrs-list > li{
    display: none;
}
.co-el.opening-hours .main-frame.filter-option[filter="sondermaschinenbau"] .opening-hrs-list > li.sondermaschinenbau{
    display: block;
}

.co-el.opening-hours .main-frame.filter-option[filter="baustoffe"] .opening-hrs-list > li{
    display: none;
}
.co-el.opening-hours .main-frame.filter-option[filter="baustoffe"] .opening-hrs-list > li.baustoffe{
    display: block;
}

.co-el.opening-hours .main-frame.filter-option[filter="bauwesen"] .opening-hrs-list > li{
    display: none;
}
.co-el.opening-hours .main-frame.filter-option[filter="bauwesen"] .opening-hrs-list > li.bauwesen{
    display: block;
}

.co-el.opening-hours .main-frame.filter-option[filter="entsorgung"] .opening-hrs-list > li{
    display: none;
}
.co-el.opening-hours .main-frame.filter-option[filter="entsorgung"] .opening-hrs-list > li.entsorgung{
    display: block;
}

.co-el.opening-hours .main-frame.filter-option[filter="allgemein"] .opening-hrs-list > li{
    display: none;
}
.co-el.opening-hours .main-frame.filter-option[filter="allgemein"] .opening-hrs-list > li.allgemein{
    display: block;
}

.co-el.opening-hours .filter-frame > ul > li .check-box{
    position: relative;
    display: inline-block;
    color: #0074BC;
    font-family: Avenir Black,sans-serif;
    font-size: 16px;
    line-height: unset;
    float: right;
    padding: 11px 15px 10px 15px;
    background-color: #FFFFFF;
    text-transform: uppercase;
    transition: all 0.2s ease-out;
}

@media only screen and (max-width: 900px){
    .co-el.opening-hours .filter-frame > ul > li .check-box{
        font-size: 15px;
    }
}

.co-el.opening-hours .filter-frame > ul > li .check-box.active{
    color: #FFF;
    background-color: #0074BC;
}
.co-el.opening-hours .filter-frame > ul > li .check-box:hover:not(.active){
    filter: brightness(0.8);
}


/*##### Beginn CSS für Baustellen-Karte */
.baustelle_lightbox {
    position: fixed;
    top: 50px;
    bottom: 50px;
    left: 50px;
    right: 50px;
    background-color: #fff;
    z-index: 9999999;
    display: none;
    background: linear-gradient(to right, #fff 0%, #fff 65%, #F2F2F2 65%, #F2F2F2 100%);
    font-size: 15px;
    color: #5A5A5A;
    border-bottom: 10px solid #005791;
}

@media only screen and (max-width: 650px){
    .baustelle_lightbox {
        position: fixed;
        top: 20px;
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
}



.baustelle_lightbox_padding {
    height: 100%;
    position: relative;
}

#mapBaustellen {
    width: 100%;
    height: 600px;
}

.baustelle_lightbox .ortsangabenWrapper {
    display: inline-block;
    float: left;
    /* margin-left: 90px; */
    margin-left: 40px;
    margin-top: 45px;
    /* margin-top: 70px; */
    position: relative;
}

.ortsangabenWrapper .address-header {
    text-transform: uppercase;
    margin-bottom:10px;
}

/* .baustelle_lightbox .ortsangabenWrapper::before {
	content: "";
    position: absolute;
    width: 46px;
    height: 50px;
    top: 2px;
    left: -60px;
    background: url(images/pin.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
} */

.ortsangabenWrapper .map_route {
    border: 2px solid #EBEBEB;
    /* padding: 11px 13px 9px 55px; */
    line-height: 17px;
    font-size: 16px;
    /* position: relative; */
    /* margin-top: 20px; */
    margin-top: 38px;
    max-width: 280px;
}

.ortsangabenWrapper .map_route a {
    color: #5A5A5A;
    padding: 11px 13px 9px 55px;
    display: block;
    position: relative;
}

.ortsangabenWrapper .map_route:hover {
    border: 2px solid #A4A4A4;
    cursor: pointer;
}

.ortsangabenWrapper .map_route a::before {
    content: "";
    position: absolute;
    width: 46px;
    height: 75%;
    top: 7px;
    left: 5px;
    background: url("../images/pin.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.baustelle_lightbox .skipBaustelle {
    display: inline-block;
    float: right;
    /* margin-right: 100px; */
    margin-right: 30px;
    margin-top: 45px;
    /* margin-top: 70px; */
    /* padding-top:11px; */
    position: relative;
}


.baustelle_lightbox .skipBaustelle.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.baustelle_lightbox .skipBaustelle .next {
    float: right;
    margin-left: 20px;
    padding-right: 17px;
    /* 	background: url(img/pfeil.png);
        background-repeat: no-repeat;
        background-position: 107px -1px;
        background-size: 16%; */
    transition: color 0.2s ease;
    cursor: pointer;

    padding: 11px 65px 9px 13px;
    border: 2px solid #EBEBEB;
    text-align:right;
    line-height:17px;
    position: relative;
}

.baustelle_lightbox .skipBaustelle .next::after {
    content:"";
    /* display:block; */
    display:none;
    position: absolute;
    height:80%;
    width:35px;
    right:10px;
    top:5px;
    background: url("../img/pfeil.png");
    background-repeat: no-repeat;
    background-position: -3px -44px;
    background-size: 125%;
}

.baustelle_lightbox .skipBaustelle .next .next-arrow {
    position:absolute;
    height:50%;
    width:35px;
    right:10px;
    top:15px;
}

.baustelle_lightbox .skipBaustelle .next .next-arrow #pfeil_blau {
    width:100%;
    height:100%;
}

.baustelle_lightbox .skipBaustelle .next:hover .next-arrow #pfeil_blau .cls-1 {
    fill:#959595;
}

.baustelle_lightbox .skipBaustelle .next:hover::after {
    background-position: -3px 0;
}

.baustelle_lightbox .skipBaustelle .next:hover {
    background-position: 107px -21px;
    color: #005791;
    border-color: #A4A4A4;
}

.baustelle_lightbox .skipBaustelle .prev {
    float: right;
    position: relative;
    padding-left: 20px;
    /*     background: url(img/pfeil.png);
        background-repeat: no-repeat;
        background-position: -3px -45px;
        background-size: 16%; */
    transition: color 0.2s ease;
    cursor: pointer;

    padding: 11px 13px 9px 55px;
    position: relative;
    border: 2px solid #EBEBEB;
    line-height:17px;
}

.baustelle_lightbox .skipBaustelle .prev::before {
    content:"";
    /* display:block; */
    display:none;
    position: absolute;
    height:80%;
    width:35px;
    left:10px;
    top:5px;
    background: url("../img/pfeil.png");
    background-repeat: no-repeat;
    background-position: -3px -132px;
    background-size: 124%;
}

.baustelle_lightbox .skipBaustelle .prev .prev-arrow {
    position:absolute;
    height:50%;
    width:35px;
    left:10px;
    top:15px;
    -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg);        /* FF */
    -o-transform: rotate(180deg);          /* Opera */
    -ms-transform: rotate(180deg);         /* IE9 */
    transform: rotate(180deg);             /* W3C compliant browsers */
}

.baustelle_lightbox .skipBaustelle .prev .prev-arrow #pfeil_blau {
    width:100%;
    height:100%;
}

.baustelle_lightbox .skipBaustelle .prev:hover .prev-arrow #pfeil_blau .cls-1 {
    fill:#959595;
}

.baustelle_lightbox .skipBaustelle .prev:hover::before {
    background-position: -3px -88px;
}

.baustelle_lightbox .skipBaustelle .prev:hover {
    background-position: -3px -67px;
    color: #005791;
    border-color: #A4A4A4;
}

/* .baustelle_lightbox .skipBaustelle .prev::after {
	content: "";
	position: absolute;
	height: 20px;
	width: 2px;
	background: #005791;
	top: 0px;
	right: -12px;
} */

.lightBoxContentWrapper .map_baustellen_beschreibung {
    /* margin-top: 200px; */
    margin-top: 240px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 40px;
}

.lightBoxContentWrapper .map_geschaeftsbereich .geschaeftsbereich {
    float: left;
}

.geschaeftsbereichPadding {
    padding-right: 30px;
}

.baustelle_lightbox .spartenWrapper {
    margin-left: 40px;
    margin-right: 40px;
}

.baustelle_lightbox .firmenWrapper {
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
}

.baustelle_lightbox .kontaktWrapper {
    margin-top: 100px;
    margin-left: 20px;
    margin-right: 20px;
}

.closeLightbox {
    width: 140px;
    height: 40px;
    background: url("../images/schliessen.png");
    background-repeat: no-repeat;
    background-position: 0px 16px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.closeLightbox:hover {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}

.filterWrapper .subFilter {
    display: none;
    position: absolute;
    z-index: 99999;
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
    top: 30px;
    left: 0px;
    right: 0px;
    background: #fff;
    text-indent: 0px;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
}
.subFilter ul, .searchSuggestions ul{
    padding: 0;
    margin: 0;
}

.subFilter ul li, .searchSuggestions ul li {
    background-image: none;
    color: #939393;
    list-style: none;
}

.subFilter ul li {
    padding-right: 15px;
    padding-left: 15px;
}

.subFilter.close {
    display: none !important;
}

.subFilter ul li.active, .subFilter ul li.active:hover {
    background: #005791;
    color: #fff;
}

.subFilter ul li:hover, .searchSuggestions ul li:hover {
    background: #EFEDEE;
    cursor: pointer;
}

.searchSuggestions ul li.active {
    background: #EFEDEE;
}

.filterWrapper {
    max-width: 75%;
    float: left;
}

.cat1Filter, .cat2Filter, .cat3Filter, .cat4Filter {
    margin-bottom: 13px;
    line-height: 28px;
    min-width: 325px;
    color: #595959;
    text-indent: 10px;
    cursor: pointer;
    position: relative;
    /*float: left;*/
    margin-right: 20px;
    text-transform: uppercase;
    border-bottom: 2px solid #D6D6D6;
    border-top: 2px solid #D6D6D6;
    border-left: 2px solid #D6D6D6;
    border-right: 2px solid #D6D6D6;
    font-size: 15px;
    font-weight: 700;
    padding-right: 30px;
    background: url("../images/pfeile.png");
    background-repeat: no-repeat;
    background-position: right 6px;
    padding-top: 4px;
}

.cat1Filter:hover, .cat2Filter:hover, .cat3Filter:hover, .cat4Filter:hover {
    background-position: right -20px;
}

.cat1Filter:hover, .cat2Filter:hover, .cat3Filter:hover, .cat4Filter:hover, .cat1Filter.active, .cat2Filter.active, .cat3Filter.active, .cat4Filter.active {
    border-bottom: 2px solid #005791;
}

.cat2Filter, .cat3Filter, .cat4Filter {
    display: none;
}

.cat1Filter.disabled {
    color: #D6D6D6;
    background: none;
}

.filterWrapper .cat1Filter.disabled:hover .subFilter {
    display: none;
}

.filterWrapper .cat1Filter.disabled:hover {
    border-bottom: 2px solid #D6D6D6;
    cursor: default;
}

.filterWrapper .cat1Filter:hover .subFilter {
    display: block;
}

.filterWrapper .cat2Filter:hover .subFilter {
    display: block;
}

.filterWrapper .cat3Filter:hover .subFilter {
    display: block;
}

.filterWrapper .cat4Filter:hover .subFilter {
    display: block;
}

.pageOverlay {
    height: 100%;
    width: 100%;
    position: fixed;
    background: black;
    opacity: 0.8;
    z-index: 99999;
    display: none;
}

.noScroll {
    height: 100%;
    overflow: hidden;
}

.mapConsoleWrapper {
    position: relative;
    /*padding-top: 50px;*/
    height: 233px;
    /* height: 156px; */
    margin-bottom: 25px;
    box-sizing: unset;
}

.co-el.reference-element p{
    margin: 0;
}

.co-el.reference-element .element-holder{
    display: block;
    margin: auto;
}

.baustelle_search {
    position: absolute;
    /* bottom: 0px; */
    bottom: 75px;
    right: 0px;
    display: inline-block;
}

.baustelle_search input {
    height: 40px;
    width: 340px;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 30px;
    border: none;
    border: 2px solid #EBEBEB;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #595959;
}

.baustelle_search input::-webkit-input-placeholder {
    color: #a6a6a6 !important;
}

.baustelle_search input:-moz-placeholder { /* Firefox 18- */
    color: #a6a6a6 !important;
}

.baustelle_search input::-moz-placeholder {  /* Firefox 19+ */
    color: #a6a6a6 !important;
}

.baustelle_search input:-ms-input-placeholder {
    color: #a6a6a6 !important;
}

.baustelle_search input.active, .baustelle_search input:focus {
    border: 2px solid #A4A4A4;
}

.baustelle_search input::-ms-clear {
    display: none;
}

.searchSuggestions {
    position: absolute;
    display: none;
    left: 0px;
    right: 0px;
    background: #fff;
    z-index: 99;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
}

.close-icon {
    position: absolute;
    right: 6px;
    top: 10px;
    border: none;
    height: 20px;
    width: 20px;
    padding: 0px;
    background-color: #fff;
    cursor: pointer;
    background: url("../img/schliessen.png");
}

.close-icon:hover {
    background-position: 0px -24px;
}

.baustellenListView {
    display: none;
    margin-top: 30px;
}

.baustellenListView .land {
    display: none;
}

.baustellenListView h3 {
    margin-top: 40px;
    margin-bottom: 15px;
    color: #005791;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
}

.baustellenListView .land.active {
    display: block;
}

.baustellenListView ul {
    margin: 0;
    padding: 0;
}

.baustellenListView ul li {
    padding: 0;
    background-image: none;
    padding-left: 15px;
    cursor: pointer;
    border-top: 2px solid #D6D6D6;
    padding-bottom: 30px;
    padding-top: 10px;
    position: relative;
    margin: 0;
    list-style: none;
    transition: background 0.2s ease-out;
}

.baustellenListView ul li:last-of-type {
    border-bottom: 2px solid #D6D6D6;
}

.baustellenListView ul li:hover {
    background: #FFFFFF;
}

.baustellenListView ul li .name {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #595959;
}
.baustellenListView ul li .subline {
    color: unset;
    text-align: unset;
    font-size: unset;
    margin: 0;
}

.baustellenListView ul li .plz, .baustellenListView ul li .ort  {
    color: #595959;
    float: left;
}

.baustellenListView ul li .ort {
    padding-left: 12px;
    text-align: unset;
    font-size: unset;
    margin-top: 0;
}

.baustellenListView ul li .cat {
    display: block;
    position: absolute;
    height: 7px;
    width: 40px;
    background-color:#EAEAEA;
    top: 0px;
    right: 135px;
}
.baustellenListView ul li .cat.zwei {
    right: 90px;
}

.baustellenListView ul li .cat.drei {
    right: 45px;
}
.baustellenListView ul li .cat.vier {
    right: 0px;
}

.baustellenListView ul li.baustoffe .cat.eins {
    background-color: #BCBEA4;
}
.baustellenListView ul li.bauwesen .cat.zwei {
    background-color: #688A94;
}
.baustellenListView ul li.umweltservice .cat.drei {
    background-color: #437091;
}
.baustellenListView ul li.deponie .cat.vier {
    background-color: #9C927B;
}

.viewSwitcher {
    top: 50px;
    /* top:111px; */
    position: absolute;
    right: 0px;
}

.mapConsoleWrapper .mapView {
    height: 54px;
    width: 54px;
    float: right;
    border: 2px solid #EBEBEB;
    background: url("../img/viewSwitcher_sprite.png");
    background-repeat: no-repeat;
    background-position: 8px -95px;
}

.mapConsoleWrapper .viewSwitcher::before {
    content: "Ansicht:";
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    top: 20px;
    left: -70px;
}

.mapConsoleWrapper .listView {
    height: 54px;
    width: 54px;
    float: right;
    margin-left: 10px;
    border: 2px solid #EBEBEB;
    background: url("../img/viewSwitcher_sprite.png");
    background-repeat: no-repeat;
    background-position: 9px -40px;
}

.viewSwitcher .listView:hover, .viewSwitcher .mapView:hover {
    border: 2px solid #A4A4A4;
    cursor: pointer;
}

.viewSwitcher .listView.active:hover, .viewSwitcher .mapView.active:hover {
    border: 2px solid #EBEBEB;
    cursor: default;
}

.viewSwitcher .listView.active {
    background-position: 9px 13px;
}

.viewSwitcher .mapView.active {
    background-position: 8px -153px;
}

.headText {
    max-width: 70%;
}

.bottomText {
    width: 100%;
    position: relative;
    margin-top: 70px;
    padding-bottom: 30px;
    border-bottom: 8px solid #005791;
}

.bottomText p {
    width: 45%;
}

.bottomText .kontakt {
    position: absolute;
    right: 28%;
    bottom: 30px;
}

.bottomText .kontakt p {
    width: 100%;

}

.bottomText .kontakt .bild {
    position: absolute;
    height: 200px;
    width: 200px;
    bottom: -30px;
    right: -280px;
}

.bottomText .kontakt.erhard .bild {
    background: url("../img/maps_kontakte/frank-erhard.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.grebe .bild {
    background: url("../img/maps_kontakte/markus-grebe.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.ehrenberg .bild {
    background: url("../img/maps_kontakte/christiane-schaefer.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.schaefer .bild {
    background: url("../img/maps_kontakte/christiane-schaefer.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.neckel .bild {
    background: url("../img/maps_kontakte/jan-neckel.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.ziegler .bild {
    background: url("../img/maps_kontakte/sven-ziegler.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.sauerbier .bild {
    background: url("../img/maps_kontakte/thomas-sauerbier.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.winkler .bild {
    background: url("../img/maps_kontakte/peter-winkler.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.nagel .bild {
    background: url("../img/maps_kontakte/johanna-nagel.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.schlereth .bild {
    background: url("../img/maps_kontakte/norbert-schlereth.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.hanika .bild {
    background: url("../img/maps_kontakte/tobias-hanika.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.goetze .bild {
    background: url("../img/maps_kontakte/guido-goetze.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.balling .bild {
    background: url("../img/maps_kontakte/dietmar-balling.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.wirsing .bild {
    background: url("../img/maps_kontakte/stefan-wirsing.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.bottomText .kontakt.schlerethHanika .bild {
    background: url("../img/maps_kontakte/schlereth-hanika.png");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    right: -314px;
    width: 234px;
}

@media only screen and (max-width: 1260px) {

    .bottomText .kontakt.schlerethHanika .bild {
        right: -274px;
    }
}

.pdfDownloadWrapper {
    /* display: none; */
    position: absolute;
    right: 28px;
    top: 150px;
    cursor: pointer;
}
.pdfDownloadWrapper .downloadButton {
    border: 2px solid #EBEBEB;
    padding: 11px 65px 9px 13px;
    line-height: 17px;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
}

.pdfDownloadWrapper:hover .downloadButton {
    border-color: #A4A4A4;

}

.pdfDownloadWrapper .downloadButton:after {
    content: "";
    display: inline-block;
    height: 70%;
    width: 50px;
    position: absolute;
    top: 15%;
    right: 0;
    background: url("../img/pdf_icon.svg");
    background-repeat: no-repeat;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/*################## Anpassungen Slider in der Maps-Lightbox #################################*/

.slideShow ul li {
    background-image: none;
}

.slick-list {
    padding: 0px !important;
}

.slideShow .slides {
    margin-left: 100px;
    margin-right: 100px;
    height: 100%;
}

.slideShow .slides .slick-list {
    height: 100%;
}

.slideShow .slides .slick-list .slick-track {
    height: 100%;
}

.slideShow .slides .slick-list .slick-track .slide {
    height: 85%;
}

.slideShow .slides .slick-dots {
    bottom: 2%;
}

.sliderWrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 35%;
    display: none;
}

.sliderWrapper::before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0px;
    width: 100%;
    height: 60px;
    z-index: 10;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.sliderWrapper .slick-prev, .sliderWrapper .slick-next {
    top: 45%;
    height: 25px;
    width: 25px;
}

.sliderWrapper .slick-next {
    right: -40px !important;
}

.sliderWrapper .map_bilder {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    background: #dddddd;
    padding-top: 20px;
}

.map_bilder .slideShow {
    height: 100%;
}

.slideShow .slideshow_container {
    display: none;
    width: 100% !important;
}

.slideShow .slideshow_container .slideshow_content {
    width: 100% !important;
}

.slide img {
    height: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.slick-next {
    right: -50px !important;
}

.slick-next::before {
    display: block;
    content: " ";
    position: absolute;
    background: url("../img/pfeil.png");
    background-position: -8px -9px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    opacity: 1;
    top: 0px;
}

.slick-next:hover::before {
    background-position: -8px -49px;
    opacity: 1;
}

.slick-prev {
    left: -50px !important;
}

.slick-prev::before {
    display: block;
    content: " ";
    position: absolute;
    background: url("../img/pfeil.png");
    background-position: -8px -89px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    opacity: 1;
    top: 0px;
}

.slick-prev:hover::before {
    background-position: -8px -129px;
    opacity: 1;
}
/*################## Ende - Anpassungen Slider in der Maps-Lightbox #################################*/

.lightBoxContentHolder {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 35%;
    overflow: scroll;
}

.lightBoxContentWrapper {
    width: 100%;
}


.lightBoxContentWrapper .containerLeft {
    width: 65%;
    float: left;
    padding-bottom: 70px;
    position:relative;
}

.lightBoxContentWrapper .containerRight {
    width: 35%;
    float: left;
    padding-bottom: 70px;
}

.map_baustelle_name {
    font-weight: 700;
    font-size: 16px;
}

.geschaeftsbereich {
    width: 25%;
    float: left;
    text-transform: uppercase;
}

.geschaeftsbereich.baustoffe {
    color: #BCBFA4;
}

.geschaeftsbereich.bauwesen {
    color: #698A93;
}

.geschaeftsbereich.umweltservice {
    color: #456F90;
}

.geschaeftsbereich.deponie_recycling {
    color: #9D927C;
}

.underline {
    width: 100%;
    height: 3px;
    margin-top: 5px;
}

.geschaeftsbereich.baustoffe .underline {
    background: #BCBFA4;
}

.geschaeftsbereich.bauwesen .underline {
    background: #698A93;
}

.geschaeftsbereich.umweltservice .underline {
    background: #456F90;
}

.geschaeftsbereich.deponie_recycling .underline {
    background: #9D927C;
}

.geschaeftsbereich .produktgruppe {
    color: #5A5A5A;
}

.geschaeftsbereich a {
    padding-left: 15px;
    display: block;
    background: url("../img/breadcrumb-sep.png") no-repeat 2px 3px;
}

.fachbereich {
    margin-top: 15px;
    text-transform: none;
    font-weight: bold;
}

.fachbereich .produktgruppe {
    font-weight: normal;
}

.produktgruppe.noLink {
    color: #BCBFA4;
    margin-top: 5px;
}

.map_partnerfirmen, .map_umsetzende_firma, .kontaktWrapper .name, .kontaktWrapper .telefon, .kontaktWrapper .mail {
    margin-left: 150px;
}

.map_umsetzende_firma {
    margin-top: 50px;
}

.map_umsetzende_firma .umsetzende_firma {
    margin-bottom: 30px;
    position: relative;
}



.map_umsetzende_firma .umsetzende_firma.ssw::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 32px;
    left: -120px;
    top: 3px;
    background: url("../icons/footer-icons/ssw.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

.map_umsetzende_firma .umsetzende_firma.sst::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 32px;
    left: -120px;
    top: -5px;
    background: url("../icons/footer-icons/sst.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

.map_umsetzende_firma .umsetzende_firma.ecoglas::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 32px;
    left: -120px;
    top: -5px;
    background: url("../icons/footer-icons/ecoglas.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

.map_umsetzende_firma .umsetzende_firma.sta::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 32px;
    left: -120px;
    top: -5px;
    background: url("../icons/footer-icons/sta.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

.map_umsetzende_firma .umsetzende_firma.emporium::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 32px;
    left: -120px;
    top: -7px;
    background: url("../icons/footer-icons/emporium.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}


.map_partnerfirmen .firmenLink {
    margin-bottom: 10px;
}

.kontaktWrapper {
    position: relative;
}

.kontaktWrapper .name {
    margin-top: 50px;
}

.kontaktWrapper::before {
    content: " ";
    position: absolute;
    left: 25px;
    bottom: 0px;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
}

.kontaktWrapper.erhard::before {
    background: url("../images/Mitarbeiter/frank-erhard.png");
}
.kontaktWrapper.may::before {
    background: url("../images/Mitarbeiter/carmen_may.png");
}
.kontaktWrapper.nagel::before {
    background: url("../images/Mitarbeiter/johanna-nagel.png");
}
.kontaktWrapper.grebe::before {
    background: url("../images/Mitarbeiter/markus_grebe.png");
}
.kontaktWrapper.wirsing::before {
    background: url("../images/Mitarbeiter/stefan_wirsing.png");
}
.kontaktWrapper.ziegler::before {
    background: url("../images/Mitarbeiter/sven_ziegler.png");
}
.kontaktWrapper.sauerbier::before {
    background: url("../images/Mitarbeiter/thomas_sauerbier.png");
}
.kontaktWrapper.schaefer::before {
    background: url("../images/Mitarbeiter/christiane_schaefer.png");
}
.kontaktWrapper.winkler::before {
    background: url("../images/Mitarbeiter/peter_winkler.png");
}
.kontaktWrapper.neckel::before {
    /* background: url("../images/Mitarbeiter/jan-neckel.png"); */
    background: url("../images/Mitarbeiter/jan_neckel.png");
    /* background: url("../images/Mitarbeiter/jan_neckel.jpg"); */
}

.map_geschaeftsbereich .separator {
    width: 100%;
    height: 1px;
    display: none;
    float: left;
    margin-bottom: 40px;
}

.spartenWrapper a {
    color: #5A5A5A;
    transition: color 0.2s ease;
}

.spartenWrapper a:hover {
    color: #999999;
}

.searchCount {
    /*position: absolute;*/
    top: 30px;
    /*width: 350px;*/
    width: 100%;
    max-width: 350px;
    /* margin-top:8px; */
    text-align:right;
    margin-bottom:10px;
}

.searchCount span:nth-of-type(1), .searchCount span:nth-of-type(2) {
    font-weight: 700;
}

#cookie-notice {
    -webkit-box-shadow: 0px 20px 25px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 20px 25px 10px rgba(0,0,0,0.75);
    box-shadow: 0px 20px 25px 10px rgba(0,0,0,0.75);
}

.pdfListDownloadWrapper{
    position: absolute;
    right: 0;
    bottom: 0px;
}

.pdfListDownloadWrapper .listDownloadButton {
    border: 2px solid #EBEBEB;
    padding: 11px 65px 9px 13px;
    font-size: 16px;
    color: #595959;
    line-height: 17px;
    text-transform: uppercase;
    position: relative;
}
.pdfListDownloadWrapper .listDownloadButton:after {
    content: "";
    display: inline-block;
    height: 70%;
    width: 50px;
    position: absolute;
    top: 15%;
    right: 0;
    background: url("../img/pdf_icon.svg");
    background-repeat: no-repeat;
}
.pdfListDownloadWrapper .listDownloadButton:hover{
    border-color: #A4A4A4;
    /* background-color: #F4F4F4; */
    cursor: pointer;
}

@media only screen and (min-width: 1750px) {
    #cookie-notice {
        min-width: auto !important;
        width: 280px !important;
        height: 135px !important;
        left: auto !important;
        right: 10px !important;
        bottom: 10px !important;
        text-align: left !important;
        border: 3px solid #D6D6D6;
        color: #909090 !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #cn-notice-text {
        margin-bottom: 30px;
    }

    #cookie-notice .button {
        display: inline-block;
        margin-top: 15px;
        margin-left: 0px;
        margin-right: 30px;
        background: #E9E9EA;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (max-width: 1430px) {

    .map_geschaeftsbereich .geschaeftsbereich {
        width: 50%;
    }

    .map_geschaeftsbereich .separator {
        display: block;
    }
}

@media only screen and (max-width: 1180px) {

    .lightBoxContentWrapper .containerLeft, .lightBoxContentWrapper .containerRight {
        width: 100%;
    }

    .containerRight .kontaktWrapper {
        margin-top: 0px;
    }

    .lightBoxContentWrapper .containerRight {
        background: #fff;
    }

    #baustelle_lightbox {
        background: #fff;
    }

    .baustelle_lightbox .firmenWrapper {
        margin-top: 70px;
    }

    .containerRight h3 {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 780px) {

    .containerLeft .ortsangabenWrapper {
        width: 100%;
    }

    .containerLeft .skipBaustelle {
        float: left;
        margin-right: 0px;
        margin-left: 40px;
        margin-top: 17px;
    }

    .baustelle_lightbox .ortsangabenWrapper {
        margin-top: 30px;
    }
    .ortsangabenWrapper .map_route{
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 580px) {

    .map_geschaeftsbereich .geschaeftsbereich {
        width: 100%;
        margin-top: 30px;
    }

    .map_geschaeftsbereich .separator {
        display: none;
    }

    #baustelle_lightbox {
        top:10px;
        bottom:10px;
        left: 10px;
        right: 10px;
    }
}

@media only screen and (max-width: 630px) {

    .containerLeft .skipBaustelle {
        float: left;
        margin-right: 0px;
        margin-left: 40px;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 480px) {

    .kontaktWrapper .name, .kontaktWrapper .mail, .kontaktWrapper .telefon {
        margin-left: 0px;
    }

    .kontaktWrapper .name {
        margin-top: 120px;
    }

    .kontaktWrapper::before {
        left: 0px;
        bottom: auto;
        top: 30px;
    }

    .map_umsetzende_firma {
        margin-left: 0px;
    }

    .map_umsetzende_firma .umsetzende_firma.ssw::before {
        left: 0px;
        top: -35px;
    }

    .map_umsetzende_firma .umsetzende_firma.sta::before {
        left: -6px;
        top: -35px;
    }

    .map_umsetzende_firma .umsetzende_firma.ecoglas::before {
        left: 1px;
        top: -35px;
    }

    .map_umsetzende_firma .umsetzende_firma.sst::before {
        left: -48px;
        top: -35px;
    }

    .map_umsetzende_firma .umsetzende_firma {
        margin-bottom: 60px;
    }

    .map_partnerfirmen {
        margin-left: 0px;
    }

    .containerRight h3 {
        margin-left: 0px;
    }

    .baustelle_lightbox .ortsangabenWrapper {
        /*margin-left: 70px;*/
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 80px;
        width: calc(100% - 40px);
    }

    .lightBoxContentWrapper .map_baustellen_beschreibung {
        margin-left: 20px;
    }

    .baustelle_lightbox .spartenWrapper {
        margin-left: 20px;
    }

    .slideShow .slides {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 420px){
    .baustelle_lightbox .skipBaustelle .next span,
    .baustelle_lightbox .skipBaustelle .prev span{
        display: none;
    }
    .baustelle_lightbox .skipBaustelle .next,
    .baustelle_lightbox .skipBaustelle .prev{
        padding: 11px 46px 9px 13px;
        height: 58px;
    }

    .containerLeft .skipBaustelle {
        float: unset;
        margin: 50px 20px 0 20px;
    }
    .pdfDownloadWrapper {
        top: 180px;
        right: 20px;
    }
    .baustelle_lightbox .ortsangabenWrapper{
        margin-top: 100px;
    }
}

.co-el.job-detail h1,
.co-el.job-detail h2,
.co-el.job-detail h3,
.co-el.job-detail h4{
    color: #3E3E3E;
}

body .co-el.apply-form h1,
body .co-el.apply-form h2,
body .co-el.apply-form h3,
body .co-el.apply-form h4{
    color: #3E3E3E;
}


.co-el.stellenanzeigen-filter .job_filter_wrapper{
    padding: 0;
}


/*Compliance Formular*/
#wpforms-4835-field_12 li:before {
    display: none;
}
#wpforms-4835-field_12 li label {
    color: #3E3E3E;
    font-size: 14px;
    line-height: 22px;
}
.wpforms-container #wpforms-form-4835 .wpforms-submit-container button {
    box-shadow: unset;
    border-radius: unset;
    font-family: Avenir Black,sans-serif;
    font-size: 16px;
    font-weight: normal;
    transition: 0.3s;
}
.wpforms-container #wpforms-form-4835 .wpforms-submit-container button:hover {
    opacity: 0.7;
}
#wpforms-4835-field_12-description {
    padding-left: 28px;
    color: #3E3E3E;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}
#wpforms-4835 .wpforms-field-label {
    font-weight: 500;
}



/* Fix Menüpunkt */

.header-frame .sub_menu .inner-frame ul li.page-id-5173 > span{
    padding: 3px 80px 3px 20px;
    line-height: 18px;
}



/* Popup window */
.popup-opn-btn > .button-textfeld-bild-element {
    cursor: pointer;
    transition: opacity 0.3s ease-out;
}

.popup-opn-btn > .button-textfeld-bild-element:hover{
     opacity: 0.7;
}

.button-header-img.popup-opn-btn{
    cursor: pointer;
    transition: background-color 0.2s ease-out;
}

.button-header-img.popup-opn-btn:hover{
    background-color: #4885AD;
}

.iframe_popup{
    /*display: none;*/
    visibility: hidden;
    top: -150vh;
    left: 0;
    right: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}

.iframe_popup .calendly-inline-widget{
    max-width: 1000px;
    margin: 0 auto;
}

.iframe_popup.active{
    visibility: visible;
    top: 0;
    height: 100%;
}

.iframe_popup .iframe_content{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 649px){
    .iframe_popup .iframe_content{
        margin: 0 20px;
        width: calc(100% - 40px);
        transform: translate(calc(-50% - 20px), -50%);
    }
}

@media only screen and (max-width: 499px){
    .iframe_popup .iframe_content{
        margin: 0;
        width: 100%;
        transform: translate(-50%, -50%);
    }
}

@media only screen and (max-height: 879px){
    .iframe_popup .calendly-inline-widget.calendly-mobile{
        height: 485px!important;
    }
}

@media only screen and (max-height: 879px) and (min-width: 1000px){
    body .iframe_popup .calendly-inline-widget.calendly-mobile{
        height: 700px!important;
    }
}

@media only screen and (max-height: 600px) and (min-width: 1000px){
    body .iframe_popup .calendly-inline-widget.calendly-mobile{
        height: 520px!important;
    }
}

@media only screen and (max-height: 609px){
    .calendly-inline-widget.calendly-mobile{
        height: 325px!important;
    }
}

.iframe_popup .iframe_content > p{
    line-height: 0;
    margin: 0;
}



.iframe_popup .popup_close_btn {
    position: absolute;
    right: 20px;
    top: 15px;
    height: 30px;
    padding: 5px 7px;
    box-sizing: content-box;
    cursor: pointer;
}

.iframe_popup .popup_close_btn>div {
    border-radius: 5px;
    width: 30px;
    height: 3px;
    background-color: #FFFFFF;
}

.iframe_popup .popup_close_btn>div:first-child {
    transform: rotate(45deg);
    margin-top: 13px;
}

.iframe_popup .popup_close_btn>div:last-child {
    transform: rotate(-45deg);
    margin-top: -3px;
}



.co-el.ansprechpartner-el.button-active .resolution-frame {
    padding: 70px 0 140px 0;
}
@media only screen and (max-width: 659px) {
    .co-el.ansprechpartner-el.button-active .resolution-frame {
        padding: 30px 0 100px 0;
    }
}
.co-el.ansprechpartner-el .button-textfeld-bild-element {
    margin-top: 0;

}
.co-el.ansprechpartner-el .btn-popup {
    position: absolute;
    bottom: -70px;
}



/*Kontaktelement*/
.co-el.kontakt-ele {
    overflow-x: clip;
}
.co-el.kontakt-ele .element-holder {
    flex-direction: row;
    max-width: 910px;
    position: relative;
}
@media only screen and (max-width: 699px) {
    .co-el.kontakt-ele .element-holder {
        flex-direction: column;
    }
}
.co-el.kontakt-ele .logo-box {
    width: 50%;
    margin-right: 25px;
    border-bottom: 3px solid #FFFFFF;
    z-index: 2;
    padding-bottom: 50px;
}
@media only screen and (max-width: 1099px) {
    .co-el.kontakt-ele .logo-box {
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 699px) {
    .co-el.kontakt-ele .logo-box {
        width: unset;
        padding-bottom: 20px;
        margin-bottom: 40px;
        margin-right: 0;
    }
    .co-el.kontakt-ele .logo-box img {
        max-width: calc(100% - 100px);
    }
}
.co-el.kontakt-ele .text-box {
    width: 50%;
    max-width: unset;
    margin: unset;
    border-bottom: 3px solid #0074BC;
    z-index: 2;
    padding-bottom: 50px;
}
@media only screen and (max-width: 1099px) {
    .co-el.kontakt-ele .text-box {
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 699px) {
    .co-el.kontakt-ele .text-box {
        width: unset;
        padding-bottom: 20px;
    }
}
.co-el.kontakt-ele .text-box a {
    font-family: Avenir Black, sans-serif;
    color: #0074BC;
}
.co-el.kontakt-ele .icon-gross {
    left: unset;
    right: -120px;
    top: 15px;
    z-index: 1;
    transform: unset;
}
@media only screen and (max-width: 1099px) {
    .co-el.kontakt-ele .icon-gross {
        width: 200px;
        right: -30px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.kontakt-ele .icon-gross {
        display: block;
    }
}
@media only screen and (max-width: 699px) {
    .co-el.kontakt-ele .icon-gross {
        right: 20px;
        top: unset;
        bottom: -20px;
        width: 130px;
    }
}
@media only screen and (max-width: 559px) {
    .co-el.kontakt-ele .icon-gross {
        width: 110px;
    }
}
@media only screen and (max-width: 499px) {
    .co-el.kontakt-ele .icon-gross {
        width: 90px;
    }
}