:root {
    --mut-red: #D91E02;
    --mut-ivory: #F9F5EB;
    --mut-green: rgb(2, 85, 23);
    --mut-white: #fff;
    --mut-darkblue: #0A144E;
    --mut-grey: #CCCCCC;
    --mut-lightgrey: #EFEFEF;
    --mut-darkgrey: #565656;
    --mut-black: #000;
    --transition: all 0.6s cubic-bezier(.25,.1,.25,1);

    --btn_bg: var(--mut-red);
    --btn_color: #fff;
    --btn_hover_bg: var(--mut-darkgrey);
    --btn_hover_color: #fff;
    --border_col: var(--btn_color);
    --border_hover_col: var(--btn_color);
    --link-color: var(--mut-black);
    --link-hover-color: var(--mut-red);
    --link-active-color: #fff;
    --link-visited-color: #888;


    --bordercolor: var(--mut-black);
    --bordercolorHover: transparent;
    --bordercolorFocus: var(--mut-red);
    --fieldcolor: #fff;
    --fieldcolorfocus: #fff;
    --inputtextcolor: var(--mut-black);
    --errorbackground: #ffdede;
    --placeholdercolor: var(--mut-grey);
    --borderradius: 1rem;
    --text-font-size: 18px;
    --text-line-height: 1.5;
}
/* Media Query
--------------------*/
@media screen {
    html {
        scroll-padding-top: 110px;
    }

    body {
        font-size: var(--text-font-size);
        line-height: var(--text-line-height);
        font-family: Roboto, sans-serif;
        color: var(--mut-black);
    }

    b, strong {
        font-weight: 600;
    }

    .ce_list ul li:before, .ce_text ul li:before {
        content: "•"
    }

    .text-deco {
        color: var(--mut-grey);
        font-weight: 300;
        font-size: 28px;
        line-height: 1.13;
        display: flex;
        flex-direction: column;
        align-items: center;
        --deco-boder-color: var(--mut-red);
        --deco-height: 4px;
    }

    .text-deco:before,
    .text-deco:after {
        content: "";
        display: inline-block;
        width: 60px;
        height: var(--deco-height);
        margin: 14px 0;
        background-color: var(--deco-boder-color);
    }

    .text-deco:after {
        margin: 16px 0;
    }


    #footer .text-deco {
        color: #fff;
        font-weight: normal;
        line-height: 1.5;
        font-size: 20px;
        --deco-boder-color: #fff;
        --deco-height: 2px;
    }

    .caption {
        font-size: 80%;
        font-style: italic;
        color: var(--mut-darkgrey);
    }

    .event > h1 {
        margin-bottom: 0 !important
    }
    
    .mod_article.art_fullWidth .ce_image .inside_ce {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
    .mod_article.art_fullWidth .ce_image img {
        width: 100%;
    }

    /* pagination */
    .pagination li {
        background-color: transparent !important;
    }
    #main .pagination {
        font-size: 90%;
    }
    #main .pagination strong.active ,
    #main .pagination a {
        color : #000;
        border : 1px solid var(--mut-grey) !important;
        border-radius: 1.25rem;
        padding: 0.25rem 0.75rem;
    }

    #main .pagination a.previous,
    #main .pagination a.next {
        padding: 0.25rem 1rem;  
    }


    #main .pagination a:hover {
        background-color: var(--mut-lightgrey);
        color : var(--mut-red) !important;
    }

    #main .pagination strong.active {
        background-color: var(--mut-red) !important;
        border : 1px solid var(--mut-red);
        color : #fff;
    }
    /* end pagination */



    /* email, tel, www */
    .www a,
    #main_ a[href^="http"],
    a[href^="tel:"],
    a[href^="mailto:"] {
        position: relative;
        border: none;
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-position: under;
        display: inline-flex;
        margin-left: 2rem;
        border-bottom: none !important;
    }

    .www a:before,
    #main_ a[href^="http"]:before,
    a[href^="tel:"]:before,
    a[href^="mailto:"]::before {
        position: absolute;
        left: 0;
        font-family: 'mutterkuh' !important;
        content: "\e908";
        margin-left: -2rem;
    }

    a[href^="tel:"]:before {
        content: "\e919";
        top: -5px;
        font-size: larger;
    }

    #main_ a[href^="http"]:before,
    .www a:before {
        content: "\e911";
        font-size: larger;
        top: -5px;
    }

    a[href^="http"] + br + a[href^="http"]::before,
    a[href^="mailto:"] + br + a[href^="mailto:"]::before {
        display: none;
    }

    .hide-email a[href^="mailto:"] {
        display: inline-block;
        text-indent: -99999px;
    }

    .hide-email a[href^="mailto:"]:before {
        text-indent: 0;
        font-size: larger;
    }

    .image_container a[href^="tel:"],
    .image_container a[href^="http"] ,
    .image_container a[href^="mailto:"] {
        padding-left: 0;
    }
    .image_container a[href^="tel:"]:before,
    .image_container a[href^="http"]:before ,
    .image_container a[href^="mailto:"]:before {
        display: none;
    }

    .link-button a {
        margin-left: 0 !important;
        text-decoration: none !important;
    }

    .link-button a:before {
        display: none;
    }
    /* end email, tel, www */


    #footer .link-button a {
        --btn_bg: transparent;
        --border_col: #fff;
        border: 1px solid !important;
    }

    span.line {color: #fff; background-color: var(--mut-red); padding: 3px 1rem 4px; line-height: 1.5; box-decoration-break: clone }
}

/* 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) {
    :root {
        --text-font-size: 22px;
        --text-line-height: 1.5;
    }
    html {
        scroll-padding-top: 260px;
    } 
}

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

    .text-deco {
        font-size: 48px;
    }

    .text-deco:before,
    .text-deco:after {
        width: 80px;
    }

}

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




/* Team Query
--------------------*/
@media screen {
    .team {
        align-items: stretch;
        color: var(--mut-darkgrey)
    }

    .team .inside_ce {
        background-color: var(--mut-lightgrey);
        height: 100%;
        transition: var(--transition)
    }


    .team .inside_ce:hover {
        background-color: var(--mut-red);
    }

    .team .inside_ce:hover * {
        color: #fff;
    }


    .team .inside_ce .image_container {
        overflow: hidden;
    }

    .team .inside_ce:hover img {
        transition: var(--transition);
        transform: scale(1.02);
    }

    .team .content-div {
        padding: 0.5rem 1rem;
    }
    
    .team p {
        font-size: 20px;
    }
}

/* 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) {
    .team > .block {
        width: 50%;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .team .content-div {
        padding: 0.5rem 2rem;
    }


    .team > .block {
        width: 33.3%;
    }

}

/* 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) {
}
/* Team ends
--------------------*/



/* Gallery Media Query
--------------------*/
@media screen {

    .ce_gallery {
        overflow: hidden;
        margin-right: 0 !important;
    }
    .ce_gallery ul {
        margin-right: -0.5rem !important;        
    }

    .ce_gallery a {
        position: relative;
    }

    .ce_gallery a::after {
        content: "";
        display: block;
        padding-bottom: 60%;
    }

    .ce_gallery a img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

	/* fslightbox */
    .fslightbox-container {
        background: var(--mut-lightgrey) !important;   
    }

    .fslightbox-caption,
    .fslightboxc:after {
        background: var(--mut-red) !important;
    }

    .fslightbox-caption-inner,
    .fslightboxci {
        padding-top: 5px !important;
        font-size: 16px !important;
    }
    
    .fslightbox-slide-btn,
    .fslightbox-toolbar {
        background: var(--mut-red) !important;
    }

    .fslightbox-slide-number-container {
        color: var(--mut-red) !important;
    }

    .fslightbox-slash {
        background: var(--mut-red) !important;
    }
	/* fslightbox ends */


}

/* 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) {
}
/* Gallery  ends
--------------------*/


/* Text-Image-no-wrap Query
--------------------*/
@media screen {
    .text-image-nowrap {}
}

/* 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) {
    .text-image-nowrap .inside_ce {
        display: flex;        
    }

    .text-image-nowrap .image_container {
        width: 30%;
    }

    .text-image-nowrap .image_container + .content-div {
        width: 70%;
    }
    
    .text-image-nowrap .image_container.float_right {
        order: 1;
    }
}


/* 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) {
}
/* Text-Image-no-wrap Query ends
--------------------*/



/* Teaser Box Query
--------------------*/
@media screen {
    
    .teaser-content .block:not(.ce_contentSeparator) {
        margin-bottom: 1.5rem;
    }

    .teaser-content .block .image_container {
        margin: 0;
        position: relative;
        overflow: hidden;
    }

    .teaser-content .block .image_container > a,
    .teaser-content .block .image_container img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        /*object-position: top;*/
        object-position: center;
    } 

    .teaser-content .block .inside_ce {
        background: #fff;
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-top: 0;
        position: relative;
        transition: var(--transition);
        word-wrap: break-word;
    }

    .teaser-content .block .inside_ce {
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
        --btn_bg: transparent;
        --btn_color: var(--mut-black);
        --btn_hover_color: #fff;
        --btn_hover_bg: var(--mut-red);      
        --border_col: var(--mut-red);
        --border_hover_col: var(--mut-red);
    }

    .teaser-content .link-button a:after {
        filter: brightness(0) saturate(100%) invert(15%) sepia(76%) saturate(4709%) hue-rotate(7deg) brightness(98%) contrast(102%);
    }    

    .teaser-content .link-button a:hover:after {
        filter: brightness(0) invert(1);
    }

    .teaser-content .content-div {
        overflow: hidden;
        padding: 1.5rem;
    }

    .teaser-content .image_container + .content-div {
        padding-top: 0;
    }

    .teaser-content p:last-child {
        margin-bottom: 0;
    }
}


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


    .teaser-content .block:not(.ce_contentSeparator) {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .teaser-content .image_container + .content-div {
        padding-top: 1rem;
    }

}


/* 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) {
}
/* Teaser box ends
--------------------*/


/* Newsletter Konsumente Query
--------------------*/
@media screen {

    .n2g input {
        width: 100%;
        box-sizing: border-box;
    }
    .n2g button {
        background-color: var(--mut-red) !important;
        color: #fff !important;
        border-radius: 20px !important;
        padding: 7px 15px !important;
        width: 100%;
        box-sizing: border-box;
    }

    .n2g button:hover {
        color: var(--mut-lightgrey) !important;
    }    
}
/* Newsletter Konsumente ends
--------------------*/


/* Konsumente Gallery Query
--------------------*/
@media screen {
    .gallery_caption {
        margin-top: -0.75rem;
        margin-left: 1rem;
        line-height: 1.2;
        display: block !important;
    }
    .gallery_caption p {
        margin-bottom: 0;
    }
}
/* Media ends
--------------------*/


/* Glossar Query
--------------------*/
@media screen {
    body {
        --glossar-indent: 0;
    }

    .glossar {
        margin-left: var(--glossar-indent);
    }

    .glossar p:first-child {
        margin-bottom: 0;
        color: var(--mut-red);
        margin-left: calc(var(--glossar-indent) * -1);
    }       
}

/* 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 {
        --glossar-indent: 3rem;
    }
}


/* 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) {
}
/* Glossar ends
--------------------*/