:root {
    --bc-red: #CD1619;
    --bc-light-grey: #EFF2F4;
    --bc-medium-grey: #CBD1D5;
    --bc-dark-grey: #9BA3A8;
    --bc-bg-grey: #E3E7EA;
    --bc-green: rgb(2, 112, 30);
    --transition: all 0.4s cubic-bezier(.25,.1,.25,1);
}

/* Media Query
--------------------*/
@media screen {
    body {
        font-family: Poppins;
        font-weight: 400;
        font-size: 1rem;
        color: #000;
        line-height:1.5;
    }

    .text-gross {
        font-size: 1.52rem;
    }

    .deco-image {
        margin-top: -110px;
    }

    .deco-image img {
        width: 220px;
    }

    p:has(span.text-deco),
    .text-deco{
        text-transform: uppercase;
        font-size: 0.9rem;
        font-weight: 700;
        margin-bottom: 0 !important;
    }

    .caption {
        font-size: 1rem;
        color: #000;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
	body{
        font-size: 1.25rem;
	}
    .deco-image {
        margin-top: -185px;
        /* position: relative;
        top: -210px; */
    }
    .deco-image img {
        width: auto;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Media ends
--------------------*/

/* MOOD Query
--------------------*/
@media only screen and (max-width: 420px)  {
    #mood_content .container,
    #mood_content .ce_image.block {
        padding: 0;
    }
}

@media screen {
    #mood_content .image_container {
        overflow: hidden;
        position: relative;
    }
	#mood_content .image_container:after{
        content: "";
        display: block;
        position: absolute;
        bottom: -80%;
        right: -40%;
        width: 120%;
        height: 200%;
        overflow:hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-image:url(../images/bg/rings.svg);
        background-position: center;
        animation-name: bangbang;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    }

    /* The animation code */
    @keyframes bangbang {
        0% {background-size: 50%;}
        70% {background-size: 50%;}
        90% {background-size: 110%;}
        100% {background-size: 100%;}
    }


    /* positions */
    .muellverbrennung #mood_content .image_container:after{
        bottom: -80%;
        right: 10%;
    }

    .view #mood_content .image_container:after{
        bottom: -55%;
        right: 0%;
    }

    .team #mood_content .image_container:after{
        bottom: -55%;
        right: 25%;
    }

}
/* MOOD Ends
--------------------*/

/* Icon-link BClean
--------------------*/
@media screen {

    .flex-col5.icon-link> .block {
        width: 50%;
        flex-grow: unset;
    }


    .icon-link {
        padding-top: 0.75rem;
    }

    .icon-link .ce_text {
        padding-bottom: 0;
        margin-bottom: 1.5rem;
    }

    .icon-link p,
    .icon-link a {
        border: none !important;
        color: #000; /*1696069873820901484*/
    }

    .icon-link .ce_text .inside_ce {
        background-color: #fff;
        padding: 1rem 1rem 0;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        transition: var(--transition);
        position: relative;
        cursor: pointer;
        height: 100%;
        min-height: 200px;
        box-sizing: border-box;
    }

    .icon-link .ce_text .content-div {
        margin-top: auto;
    }

    .icon-link .ce_text .inside_ce:before {
        content: "";
        display: block;
        position: absolute;
        right: 2rem;
        top: 3.5rem;
        width: 2rem;
        height: 1.5rem;
        background-image: url(../images/icons/arrow-right.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }


    .icon-link .ce_text .inside_ce:hover {
        box-shadow: 0px 0px 35px -15px rgba(0,0,0,0.75);
    }


    .icon-link .ce_text .inside_ce:hover:before {
        right: 1rem;
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    .icon-link .ce_text .inside_ce {
        padding: 1.5rem 1.75rem 0.5rem;
    }

    .flex-col5.icon-link> .block {
        width: 20%;
    }

}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Icon-link BClean ends
--------------------*/


/* LI List BC Query
--------------------*/
@media screen {
    .ce_list ul li:before, .ce_text ul li:before {
        display: none;
    }

    .ce_list ul , .ce_text ul {
        --listgap:  0.75rem;
        padding-bottom: var(--listgap);
        border-bottom: 1px solid var(--bc-medium-grey)
    }
    .ce_list ul li, .ce_text ul li {
        padding-left: 0rem;
        padding-top: var(--listgap);
        margin-top: var(--listgap);
        border-top: 1px solid var(--bc-medium-grey)
    }
}

/* List ends
--------------------*/


/* Produkte Teaser (Unser Produkte.)
--------------------*/
@media screen {
    .ce_multicolumnStart.grey-box .block,
    .ce_multicolumnStart.grey-box .inside_ce,
    .ce_multicolumnStart.grey-box .content-div,
    .ce_multicolumnStart.grey-box img,
    .ce_multicolumnStart.grey-box figure {
        margin: 0 !important;
        padding: 0;
    }

    .ce_multicolumnStart.grey-box .content-div {
        padding: 1rem;
    }

    .ce_multicolumnStart.grey-box img {
        object-fit: cover;
        height: 100%;
    }

    .pressure-wave .image_container,
    .cloudex .image_container {
        overflow: hidden;
    }

    .pressure-wave:hover img,
    .cloudex:hover img {
        transform: scale(1.1);
        transition: var(--transition);
    }

    .pressure-wave .content-div:before,
    .cloudex .content-div:before {
        display: block;
        content: "";
        width: 100%;
        height: 1.75rem;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 2rem;
        background-image: url(../../content/Images/logos/Pressurewave.svg);
    }

    .cloudex .content-div:before {
        background-image: url(../../content/Images/logos/CloudEx.svg);
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

    .ce_multicolumnStart.grey-box .inside_ce {
        display: flex;
        flex-grow: 1;
    }

    .ce_multicolumnStart.grey-box figure {
        max-width: 50%;
    }

    .ce_multicolumnStart.grey-box figure.float_right {
        order:2
    }

    .ce_multicolumnStart.grey-box .content-div {
        padding: 3.5rem 3rem 2rem;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {


}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Produkte Teaser ends
--------------------*/


/* Countbox BC Query
--------------------*/
@media screen {
    .countbox .inside_ce {
        background-color: var(--bc-bg-grey);
        padding: 2rem 2rem 1rem;
        min-height: 200px
    }

    .countbox .content-div {
        margin-top: auto;
    }

    .countbox a {
        border: none;
    }

    .countbox img {
        object-fit: cover;
        height: 100%;
    }

    .countbox .sideline {
        color: #fff;
        font-size: 12rem;
        font-weight: 100;
        line-height: 1;
        margin-bottom: 2rem;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

    .countbox .inside_ce {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .countbox .sideline {
        color: #fff;
        font-size: 12rem;
        font-weight: 100;
        line-height: 1;
        margin-bottom: 6rem;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Countbox BC ends
--------------------*/


/* Zitat BC Query
--------------------*/
@media screen {
    .zitat {
    }

    .zitat .sideline {
        /* float: right;
        margin-bottom: 1rem;
        font-weight: 700; */
    }

    .zitat .image_container {
        margin-bottom: 0.75rem;
    }

    .zitat img {
        max-width: 50%;
    }

    .zitat .content-div {
        clear: both;
    }

    .zitat .text-gross {
        color: var(--bc-dark-grey)
    }
}

/* Zitat BC ends
--------------------*/


/* NewsCE BC Query
--------------------*/
@media screen {

    .mod_ContentNewsTeaser .inside_ce {
        padding-top: 1rem;
        border-top: 1px solid var(--bc-bg-grey)
    }
    .mod_ContentNewsTeaser .image_container {
        display: none;
    }
}
/* NewsCE ends
--------------------*/


/* Aktuelles -> Alle News-Beiträge BC Query
--------------------*/
@media screen {
    .senselessness.block {
        margin-bottom: 0.5rem !important;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .senselessness .content-div {
        display: flex;
        flex-grow: 1;
        justify-content: space-between;
        align-items: flex-end;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Aktuelles -> Alle News-Beiträge ends
--------------------*/


/* call2act/ page Muellverbrennung Query
--------------------*/
@media screen {
    .call2act .inside_ce {
        padding-bottom: 0;
    }

    .call2act ul li:before {
        content: '•'
    }

    .call2act ul li {
        margin: 0.5rem 0;
    }
    .call2act .maintext {
        margin-bottom: 1rem;
    }
    .call2act .text2 {
        margin: auto -1rem -1rem;
    }
    .call2act .image_container {
        margin-bottom: 3px;
    }

    .call2act .link-button-red a {
        padding: 0.5rem;
        line-height: 1.3
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    .call2act .text2 {
        margin: auto -1.5rem  -1rem;
    }
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* call2action ends
--------------------*/

/* Teams Query
--------------------*/
@media screen {
    .ce_ContentRandomImage .image_container {
        margin-bottom: 1rem;
    }

    .ce_ContentRandomImage .like-h2+br {
        display: none;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Media ends
--------------------*/