/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* ### CHAOTIC AND MESSY!!!! CLEAN UP!!! ### */

a:hover {
    text-decoration: underline;
}

.fusion-animated {
    z-index: 980 !important;
}

.container-themenwelten {  
    background-size: 100%;  
    transition: all 0.5s ease-in-out;
}

.container-themenwelten:hover {
    background-size: 105%;
}

.container-themenwelten div div div .arrow {
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.container-themenwelten:hover div div div .arrow {
    position: relative;
    left: 20px;
}

.magazin-container-startseite:hover.fusion-column-inner-bg-wrapper > div > div.fusion-text > p {
    text-decoration: underline !important;
}

.magazin-container-startseite.fusion-column-inner-bg-wrapper > div > div > span > img,
.magazin-container-startseite.fusion-column-inner-bg-wrapper > div > div > span > a > img {
    transition: all 0.5s ease-in-out;
}

.magazin-container-startseite:hover.fusion-column-inner-bg-wrapper > div > div > span > img,
.magazin-container-startseite:hover.fusion-column-inner-bg-wrapper > div > div > span > a > img {
    transform: scale(1.1);
}

.magazin-container-startseite:hover.fusion-column-inner-bg-wrapper > div > div > a {
    text-decoration: underline;
}

.magazin-container-startseite:hover.fusion-column-inner-bg-wrapper > div > div > a .fa-arrow-right:before {
    left: 10px;    
}

.caption {
    font-size: 19px !important;
    line-height: 27px !important;
}

/*.fusion-tb-header {border-bottom: 3px solid #000;}*/

/* ### Styling von Hauptmenü ### */
.fusion-menu-element-wrapper>.avada-menu-mobile-menu-trigger.no-text .collapsed-nav-icon {
    margin-left: 0;
    width: 47px !important;
    height: 30px !important;
}

.icon-kresings-icon-menu:before {
    content: url(/wp-content/uploads/2021/07/menu.png) !important;
}

.icon-kresings-icon-close:before {
    content: url(/wp-content/uploads/2021/07/close.png) !important;
}

.fusion-menu-element-wrapper .fusion-open-nav-submenu:before {
    content: url(/wp-content/uploads/2021/07/icon-arrow_down-1.png) !important;
}

.fusion-body .fusion-menu-element-wrapper[data-count="0"].collapse-enabled .fusion-menu-element-list li a,
.fusion-body .fusion-menu-element-wrapper[data-count="0"].collapse-enabled .fusion-menu-element-list li a .fusion-button,
.fusion-body .fusion-menu-element-wrapper[data-count="0"].collapse-enabled .fusion-menu-element-list li .fusion-open-nav-submenu:before {
    line-height: 68px;
}

.fusion-sticky-transition .fusion-menu-element-wrapper.collapse-enabled.mobile-size-column-absolute:not(.mobile-mode-always-expanded).expanded>ul,
.fusion-sticky-transition .fusion-menu-element-wrapper.collapse-enabled.mobile-size-full-absolute:not(.mobile-mode-always-expanded).expanded>ul {
    max-height: 100vh !important;
}

/* Anpassen von Padding des Haupt- und der Submenüs */
#menu-hauptmenue {
    padding: 0 23px !important;
    margin-top: 31px;
}

#menu-hauptmenue a {
    padding: 0 !important;
}

#menu-hauptmenue a span {
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
}

#menu-hauptmenue a:hover span {
    text-decoration: underline;
}

/* Sub-Menu-Items rechtsbündig positionieren */
.sub-menu li {
    text-align: right;
}

.sub-menu a {
    justify-content: flex-end !important;
}

/* Toggle-Indicator rechtsbündig platzieren */
#menu-hauptmenue .menu-item>button:before {
    padding: 0 !important;
}

/* Datenschutzerklärung und Impressum nebeneinander platzieren*/
#menu-item-478 {
    width: 50%;
    float: left;
}

#menu-item-769 {
    width: 50%;
}

/* Schriftgröße für Datenschutz und Impressum verringern + Border für Social Media Icons entfernen + Maximale Höhe festgelegt */
#menu-item-478 a span,
#menu-item-769 a span {
    font-size: 21px !important;
    line-height: 25px;
}

#menu-item-517,
#menu-item-518,
#menu-item-516,
#menu-item-478,
#menu-item-769 {
    border-bottom: none !important;
    max-height: 60px;
}

/* Impressum rechtsbündig positionieren */
#menu-item-769 a {
    justify-content: flex-end;
}

/* Sub-Menu-Items rechtsbündig positionieren */
.sub-menu a {
    justify-content: flex-end !important;
}

/* Social Media Icons nebeneinander positionieren */
#menu-item-517 {
    margin-left: 42.5% !important;
}

/* Positioniert die drei Icons mittig */
#menu-item-517,
#menu-item-518,
#menu-item-516 {
    width: 5%;
    float: left;
}

/* Festlegen der Breite der Icons */
#menu-item-517 a {
    justify-content: flex-end;
}

/* facebook-icon rechtsbündig */
#menu-item-518 a {
    justify-content: center;
}

/* instagram-icon zentriert */

a[title="social-media-icon"] {
    font-size: 26px !important;
}

/* Abstand der Social Media Icons zueinander */
#menu-item-518 {
    margin: 0 10px !important;
}

/* ### Styling von Portfolio-Grid ### */
.reactiveSingleBoxFrontendView___12dCC .reactiveNormSearchGridContents___42FUL {
    padding: 0 !important;
}

/* ### Styling von Portfolio-Filtern ### */
    /* NEU */
    .cl-element-taxonomy__term:after {
        content: ",\00a0";
    }

    .cl-element-taxonomy__term:last-child:after {
        content: "";
    }

    .searchandfilter {
        display: flex;
        justify-content: center;
    }

    .searchandfilter ul {
        padding: 0 5% !important;
    }

    .searchandfilter ul li {
        text-align: center;
    }

    .fusion-text .searchandfilter ul li {
        padding-left: 0 !important;
    }

    .sf-field-taxonomy-portfolio_tags ul li {
        display: inline-block;
        margin: 0 10px 10px 0;
        border: 2px solid #000;
        padding: 0 !important;      
    }

    .sf-field-taxonomy-portfolio_tags ul li:after {
        content: url(/wp-content/uploads/2021/07/icon-close_filter.png) !important;
        position: relative;
        top: 2px;
        right: 5px;
    }

    .sf-field-taxonomy-portfolio_tags ul li label, .sf-field-taxonomy-portfolio_tags ul li input {
        cursor: pointer;     
    }    

    .sf-input-checkbox {
        display: none;
    }

    .sf-label-checkbox {
        font-size: 19px !important;
        color: #000 !important;
        line-height: 29px !important;
        padding: 0 10px 0 30px !important;
    }

    .sf-option-active {
        background-color: #000;
    }

    .sf-option-active .sf-label-checkbox {
        color: #fff !important;
    }  
    /* End */

#reactive-root {
    margin-bottom: 0px !important;
}

.reactive-container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.reuseFormWrapper___ {
    display: flex;
    flex-direction: row;
    justify-content: center;            
}

/* Checkboxen nebeneinander platzieren */
.reuseCheckboxWrapper___ {
    margin-right: 10px;
}

.reuseCheckboxWrapper___:last-child {
    margin-top: 0 !important;
}

.reuseCheckboxWrapper___:first-child {
    margin-top: 10px !important;
}

.reuseCheckboxWrapper___ {
    width: revert !important;
}

.reuseCheckbox___+label {
    border: 2px solid #000;
}

.reuseCheckbox___:checked+label  {
    background-color: #000;
}

.reuseCheckbox___:checked+label span  {
    color: #fff !important;
}

/* Schriftgröße der Labels erhöhen und Farbe festlegen */
.reuseCheckbox___+label span {
    font-size: 19px !important;
    color: #000 !important;
    line-height: 29px !important;
    padding: 0 30px;
}

/* Checkboxes von links nach rechts positionieren  */
.reuseCheckbox___+label:before {
    display: none !important;
}

/* Checkboxes von links nach rechts positionieren  */
.reuseCheckbox___3EAJn:checked+label:after  {
    content: url(/wp-content/uploads/2021/07/icon-close_filter.png) !important;
    position: absolute;
    left: auto !important;
    right: 5px !important;
}   


/* Radio-Buttons */
    .reuseRadioBtnParrentWrapper___1-BDS:hover {
        overflow-y: hidden !important;
    }

    .reuseRadioBtnParrentWrapper___1-BDS {
        flex-wrap: nowrap !important;
    }

    .reuseRadioBtnParrentWrapper___1-BDS .reuseRadioButtonWrapper___2idmq {
        margin-top: 0 !important;
    }

    .reuseRadioButtonField___3GZ0_ .reuseRadioButton___atOun+label:before {
        display: none !important;
    }

    .reuseRadioButton___atOun:checked+label {
        background-color: #000 !important;
    }

    .reuseRadioButton___atOun:checked+label span {
        color: #fff !important;
    }

    .reuseRadioButton___atOun:checked+label:after {
        content: url(/wp-content/uploads/2021/07/icon-close_filter.png) !important;        
        left: auto !important;
        right: 0 !important;
        margin-left: 5px !important;
        width: 17px !important;
        height: 22px !important;
        background-color: #000 !important;
        position: absolute !important;
        top: 0 !important;
    }
/* Styling von Hover-Effect in Grid-Ansicht */
/* [1] The container */
.reactive-project-listing-item .img-hover-zoom, .reactive-team-listing-item .img-hover-zoom {
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  }
  
  /* [2] Transition property for smooth transformation of images */
  .reactive-project-listing-item a .img-hover-zoom img, .reactive-team-listing-item a .img-hover-zoom img {
    transition: transform .5s ease;
  }
  
  /* [3] Finally, transforming the image when container gets hovered */
  .reactive-project-listing-item a:hover .img-hover-zoom img, .reactive-team-listing-item a:hover .img-hover-zoom img {
    transform: scale(1.1);
  }

.reactive-project-listing-item a:hover h4, .reactive-team-listing-item a:hover h4 {
    text-decoration: underline;
}

/* Styling von Team-Seite */
.kresings_team-template-default #content, .kresings_team-template-default .post,
.kresings_team-template-default .post .fusion-fullwidth,
.kresings_team-template-default .single-navigation,
.avada_portfolio-template-default .single-navigation,
.category-jobs #content,
.post-template-default .single-navigation,
.post-template-default #content {
    margin-bottom: 0px !important;
}

@media only screen and (min-width: 1280px) {
    .reactive-col-lg,
    .reactive-col-lg-1,
    .reactive-col-lg-2,
    .reactive-col-lg-3,
    .reactive-col-lg-4,
    .reactive-col-lg-5,
    .reactive-col-lg-6,
    .reactive-col-lg-7,
    .reactive-col-lg-8,
    .reactive-col-lg-9,
    .reactive-col-lg-10,
    .reactive-col-lg-11,
    .reactive-col-lg-12 {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
}

/* Styling der Pagination */
.fusion-pagination-tb a {font-family: "Maison Neue Extended Book" !important;}

.fusion-pagination .prev:before, .pagination-prev:before, .single-navigation a[rel=prev]:before, .woocommerce-pagination .prev:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: url(/wp-content/uploads/2021/07/kresings_architektur-icon_pagination_left.png) !important;
    transition: all .5s ease;
}

.fusion-pagination .prev:hover:before, .pagination-prev:hover:before, .single-navigation a:hover[rel=prev]:before, .woocommerce-pagination .prev:hover:before {
    left: -10px !important;
}

.fusion-body .fusion-pagination-tb:not(.layout-sticky) a[rel=prev] {
    padding-left: 30px !important;
}

.fusion-pagination .next:after, .pagination-next:after, .single-navigation a[rel=next]:after, .woocommerce-pagination .next:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: url(/wp-content/uploads/2021/07/kresings_architektur-icon_pagination_right.png) !important;
    transition: all .5s ease;
}

.fusion-pagination .next:hover:after, .pagination-next:hover:after, .single-navigation a:hover[rel=next]:after, .woocommerce-pagination .next:hover:after {
    right: -10px !important;
}

.fusion-body .fusion-pagination-tb:not(.layout-sticky) a[rel=next] {
    padding-right: 30px !important;
}

/* */
.fusion-carousel-holder li:hover a, .fusion-grid li:hover h4 {
    text-decoration: underline;
}

.fusion-carousel-holder li:hover span, .fusion-grid li:hover span {
    overflow: hidden;
    transition: transform .5s ease;
}

.fusion-carousel-holder li:hover span img, .fusion-grid li:hover span img {
    transform: scale(1.05);
}

/* .portfolio-teaser-start {
    min-width: 150% !important;
    margin-left: -770px !important;
} */

.portfolio-teaser-start .fusion-carousel .fusion-carousel-positioner {
    position: relative;
    /* left: -770px !important; */
}

.portfolio-teaser-start .fusion-carousel-wrapper {
    width: 150% !important;
}

/* Maximale Breite von einzelnem Portfolio-Teaser im Carousel auf der Startseite */
/* .portfolio-teaser-single-start {
    min-width: 896px;
} */

.portfolio-teaser-single-start-image {
    height: 600px !important;
}

.portfolio-teaser-single-start .tags a {
    display: block;
    text-decoration: none;
}

/* Vertikaler Text neben einzelnem Portfolio-Teaser im Carousel auf der Startseite */
/* .portfolio-teaser-single-start .vertical-text p {
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    width: 25px !important;
    position: relative;
    left: -30px;
} */

.portfolio-grid-header, .team-grid-header {
    margin-top:10px;
    margin-right:0px;
    margin-bottom:45px;
    margin-left:0px;
}

/* Anpassungen Team-Seite */
.team-grid-header {
    min-height: 75px;
}

.portfolio-grid-tags span, .team-grid-tags span {
    text-transform: uppercase;
    text-decoration: underline;
}

/* Portfolio-Grid auf Projekt- und Teamseite mobil anpassen */
/* Abstand links/rechts auf Projektseite anpassen */
.reactive-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mapsvg-marker {
    cursor: default !important;
}

.mapsvg-details-container {
    display: none !important;
}

/* ### Styling von Footer ### */
.fusion-social-links .fusion-social-networks .fusion-social-networks-wrapper .fusion-social-network-icon {
    padding: 0 60px;
}

.fusion-social-networks .fusion-social-network-icon {
    transition-duration: .1s !important;
    transition-timing-function: ease-in !important;
}

.fusion-social-networks .fusion-social-network-icon:hover {
    opacity: 1 !important;
    color: #BCBCBC !important;
}

.news-teaser-date p {
    margin-bottom: 0 !important;
}

.news-teaser-desktop-container {
    width: 630px !important;
}

.news-teaser-desktop-container p {
    margin-bottom: 0 !important;
}

.themenwelten-container-startseite:hover a {
    text-decoration: underline;
}

/* ### Styling von Formular ### */
::placeholder,
.fusion-form-input {
    text-transform: uppercase !important;
}

#comment-input input,
#comment-textarea textarea,
.avada-select .select2-container .select2-choice,
.avada-select .select2-container .select2-choice .select2-arrow,
.avada-select .select2-container .select2-choice2 .select2-arrow,
.chzn-container .chzn-drop,
.chzn-container-single .chzn-single,
.comment-form-comment textarea,
.fusion-body .avada-select-parent .select-arrow,
.fusion-body .avada-select-parent select,
.gravity-select-parent .select-arrow,
.input-text,
.main-nav-search-form input,
.post-password-form label input[type=password],
.search-page-search-form input,
.searchform .fusion-search-form-content .fusion-search-field input,
.select-arrow,
.select2-container .select2-selection .select2-selection__arrow,
.select2-container--default .select2-dropdown .select2-search,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--single,
.select2-dropdown,
input.s,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=phone-number],
input[type=text],
input[type=time],
select,
textarea {
    border-radius: 0 !important;
}

.fusion-form-form-wrapper .fusion-form-field textarea.fusion-form-input {
    border: 2px solid #000 !important;
}

.fusion-form-radio label, .fusion-form-checkbox label, .fusion-form-checkbox-field .fusion-form-label-wrapper .label {
    color: #000 !important;
}



#main #comment-submit,
#main .comment-submit,
#reviews input#submit,
.button-default,
.button.default,
.comment-form input[type="submit"],
.fusion-button,
.fusion-button-default,
.fusion-footer-widget-area .fusion-privacy-placeholder .button-default,
.fusion-portfolio-one .fusion-button,
.post-password-form input[type="submit"],
.slidingbar-area .button-default,
.ticket-selector-submit-btn[type=submit],
.tml-submit-wrap input[type="submit"],
input.button-default {
    font-weight: 400 !important;
    font-style: normal;
    font-size: 24px !important;
    padding-right: 0 !important;
}

.button-default .fa-arrow-right:before {
    content: url(/wp-content/uploads/2021/07/icon-arrow_right-black.png) !important;
    width: 29px;
    height: 35px;
    position: relative;
    top: 10px;
    left: 0;
    transition: all 0.3s ease-in-out;
}

.button-custom .fa-arrow-right:before {
    content: url(/wp-content/uploads/2021/07/icon-arrow_right-black.png) !important;
    width: 29px;
    height: 35px;
    position: relative;
    top: 10px;
    left: 0;
    transition: all 0.3s ease-in-out;
}

.button-news .button-custom .fa-arrow-right:before {
    content: url(/wp-content/uploads/2021/08/icon-arrow_right-white.png) !important;
    width: 29px;
    height: 35px;
    position: relative;
    top: 10px;
    left: 0;
    transition: all 0.3s ease-in-out;
}

.button-default:hover {
    text-decoration: underline;
}

.button-custom:hover {
    text-decoration: underline;
    color: #fff;
}

.button-default:hover .fa-arrow-right:before, .button-custom:hover .fa-arrow-right:before {
    left: 10px;
}

.button-back {
    padding: 17px 0 !important;
}

.button-back .fa-arrow-left:before {
    content: url(/wp-content/uploads/2021/07/icon-arrow_back.png) !important;
    width: 29px;
    height: 35px;
    position: relative;
    top: 5px;
    left: 0;
    transition: all 0.3s ease-in-out;
}

.button-back:hover .fa-arrow-left:before {
    left: -10px;
    top: 0;
}

.fusion-text ul li {
    padding-left: 35px;
}

/* Styling der Tags vornehmen */
.portfolio-tags p a {
    text-decoration: underline;
}

.tags a, .jobs-tag p {
    display: block;
    /* text-decoration: underline; */
    text-transform: uppercase;
}

.job-list-entry:hover .fusion-button {
    text-decoration: underline;
}

.job-list-entry:hover .fusion-button .fa-arrow-right:before {
    left: 10px;
}

/* Kontaktseite */
.title-contact h3 {
    font-size: 45px !important;
}

@media only screen and (max-width: 799px) {
    /* ### GLOBALES ### */
    /* Abstand des Hauptcontainers definieren */
    .nonhundred-percent-fullwidth {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* ### TYPOGRAPHIE ### */
    /* ### Headings mobil anpassen ### */
    h2 {
        font-size: 67px !important;
        line-height: 74px !important;
        letter-spacing: -0.2px !important;
    }

    h4 {
        font-size: 29px !important;
        line-height: 34px !important;
        letter-spacing: -0.1px !important;
    }

    /* ### Heading News-Carousel auf Startseite anpassen ### */
    .news-teaser-mobil-container h4 {
        font-size: 24px !important;
        line-height: 30px !important;
        letter-spacing: -0.1px !important;
    }

    /* ### Menü mobil anpassen ### */
    /* #menu-hauptmenue {
        width: 100vw !important;
        height: 100vh !important;
        left: -175% !important;
    } */

    .container-themenwelten {
        background-size: cover !important;
    }

    /* Portfolio Teaser-Carousel mobil anpassen */
    /* Maximale Breite und Höhe des Teasers festlegen */
    .portfolio-teaser-mobil-container {
        min-width: 325px !important;
    }

    .portfolio-teaser-mobil-image .fusion-column-wrapper {
        min-height: 570px !important;
    }

    /* Vertikaler Text neben einzelnem Portfolio-Teaser im Carousel auf der Startseite */
    body.home .vertical-text p {
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        width: 25px !important;
        position: relative;
        left: -5px;
    }

    .vertical-text p {
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        width: 25px !important;
        position: relative;
        left: -20px;
    }

    /* Styling der Tags vornehmen */
    .tags p {
        margin-top: 0 !important;
    }

    .tags, .jobs-tag p {
        display: block;
        text-transform: uppercase;
    }

    /* News Teaser-Carousel mobil anpassen */
    /* Maximale Breite und Höhe des Teasers festlegen */
    /* .news-teaser-mobil-container {
        width: 610px !important;
    } */

    /* Social Media Icons mobil anpassen */
    /* Abstand links/rechts festlegen um Icons in einer Reihe zu platzieren */
    .fusion-social-links .fusion-social-networks .fusion-social-networks-wrapper .fusion-social-network-icon {
        padding: 0 10px !important;
    }

    /* Anpassen der Filter */
    .reuseCheckboxWrapper___7eo4t {
        display: inline-block !important;
        width: auto !important;            
    }

    /* Anpassen der Schriftgroesse der Tags */
    .portfolio-grid-tags, .team-grid-tags {
        line-height: 20px !important;
    }

    .portfolio-grid-tags span, .team-grid-tags span {
        font-size: 16px !important;
    }

    /* Portfolio-Grid auf Projekt- und Teamseite mobil anpassen */
    /* Abstand links/rechts auf Projektseite anpassen */
    .reactive-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Abstand der Einträge in der mobilen Ansicht nach unten erhöhen */
    .reactive-project-listing-item, .reactive-team-listing-item {
        margin: 0 5px 50px 5px !important;
    }

    /* Schriftgröße von Title und Tags anpassen */
    .portfolio-title-section h4, .team-title-section h4 {
        font-size: 24px !important;
        line-height: 32px !important;
        margin-bottom: 15px !important;
    }

    /* Abstand zwischen Titel und Tags anpassen */
    .portfolio-grid-header, .team-grid-header {
        margin-top:10px;
        margin-right:0px;
        margin-bottom:25px;
        margin-left:0px;
    }
    
    /* Anpassungen Team-Seite */
    .team-grid-header {
        min-height: 66px;
    }

    /* Aussehen der Tags anpassen */
    .portfolio-grid-tags span, .team-grid-tags span {
        text-transform: uppercase;
        text-decoration: underline;
    }

    .portfolio-grid-tags span:after, .team-grid-tags span:after {
        content: ",";
    }

    .portfolio-grid-tags span:last-child:after, .team-grid-tags span:last-child:after {
        content: "";
    }

    .reactive-project-listing-item a:hover, .reactive-team-listing-item a:hover {
        color: #BCBCBC;
        text-decoration: none;
    }

    /* Abstände links/rechts */
    .reactive-col-xs, .reactive-col-xs-1, .reactive-col-xs-2, .reactive-col-xs-3, .reactive-col-xs-4, .reactive-col-xs-5, .reactive-col-xs-6, .reactive-col-xs-7, .reactive-col-xs-8, .reactive-col-xs-9, .reactive-col-xs-10, .reactive-col-xs-11, .reactive-col-xs-12 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }


    /* Custom Layout der Single-Ansicht im Project-Grid anpassen */
    /* hover */
    .cl-layout__item {
        margin-bottom: 75px !important;
    }

    .cl-layout__item .portfolio-grid-container-single-image a img, .cl-layout__item .news-grid-container-single-image a img {
        transition: all 0.5s ease;
    }

    .cl-layout__item:hover {
        cursor: pointer;
    }

    .cl-layout__item:hover .portfolio-grid-container-single-image a img, .cl-layout__item:hover .news-grid-container-single-image a img {
        transform: scale(1.1);
    }

    .cl-layout__item:hover .portfolio-grid-container-single-title, .cl-layout__item:hover .news-grid-container-single-title a, .cl-layout__item:hover div.news-grid-container-single-teaser-more a {
        text-decoration: underline;
    }

    /* .cl-layout__item:hover .portfolio-grid-container-single-tags, .cl-layout__item:hover .portfolio-grid-container-single-tags a.cl-element-taxonomy__term {
        color: #BCBCBC !important;
    } */

    /* Schriftart anpassen */
    .portfolio-grid-container-single-title a, .news-grid-container-single-title a {
        font-size: 29px;
        font-family: "Maison Neue Extended Book" !important;
        font-weight: 400 !important;
        line-height: 39x !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }  

    .portfolio-grid-container-single-tags, .portfolio-grid-container-single-tags div {
        font-size: 16px !important;
    }

    .portfolio-grid-container-single-tags div {
        text-decoration: none !important;
    }

    .news-grid-container-single-date {
        font-family: "Maison Neue Book" !important;
        font-size: 21px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }

    .news-grid-container-single-teaser, .news-grid-container-single-teaser-more a {
        font-family: "Maison Neue Book" !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }    

    /* ### ANPASSUNGEN AN TEAM-DETAILSEITE ### */
    /* Heading anpassen */
    .kresings_team-template-default article h2 {
        font-size: 45px !important;
        line-height: 55px !important;
        letter-spacing: 0.4px !important;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1279px) {
    /* ### GLOBALES ### */
    /* Abstand des Hauptcontainers definieren */
    .nonhundred-percent-fullwidth {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }

    /* ### TYPOGRAPHIE ### */
    /* ### Headings für Tablet anpassen ### */
    h2 {
        font-size: 67px !important;
        line-height: 74px !important;
        letter-spacing: -0.2px !important;
    }

    h4 {
        font-size: 29px !important;
        line-height: 34px !important;
        letter-spacing: -0.1px !important;
    }

    /* ### ANPASSUNGEN AUF DER STARTSEITE ### */
    /* ### Heading News-Carousel auf Startseite anpassen ### */
    .news-teaser-desktop-container h4 {
        font-size: 45px !important;
        line-height: 50px !important;
        letter-spacing: -0.1px !important;
    }
    
    /* ### PROJEKTE-CAROUSEL AUF DER STARTSEITE ### */
    .portfolio-teaser-start .fusion-carousel .fusion-carousel-positioner {
        position: relative;
        left: 0 !important;
    }
    
    .portfolio-teaser-start .fusion-carousel-wrapper {
        width: 190% !important;
        left: -590px !important;
    }

    .fusion-carousel-nav .fusion-nav-next {
        right: 0 !important;
        left: inherit !important;
    }

    .project-carousel-title {
        min-height: 150px !important;
        max-height: 150px !important;
    }
    
    .portfolio-teaser-single-start {
        width: 320px !important;
    }

    .portfolio-teaser-single-start .tags p {
        font-size: 16px !important;
        margin-top: 0 !important;
    }

    .portfolio-teaser-single-start-image {
        height: 320px !important;
    }

    /* Vertikaler Text neben einzelnem Portfolio-Teaser im Carousel auf der Startseite */
    body.home .vertical-text p {
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        width: 25px !important;
        position: relative;
        left: -25px;
    }

    .vertical-text p {
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        width: 25px !important;
        position: relative;
        left: -40px;
    }

    /* Anpassen der Filter */
    .reuseCheckboxWrapper___7eo4t {
        display: inline-block !important;
        width: auto !important;            
    }

    /* Anpassen der Schriftgroesse der Tags */
    .portfolio-grid-tags, .team-grid-tags {
        line-height: 20px !important;
    }

    .portfolio-grid-tags span, .team-grid-tags span {
        font-size: 16px !important;
    }    
    /* Aussehen der Tags anpassen */
    .portfolio-grid-tags span, .team-grid-tags span {
        text-transform: uppercase;
        text-decoration: underline;
    }

    .portfolio-grid-tags span:after, .team-grid-tags span:after {
        content: ",";
    }

    .portfolio-grid-tags span:last-child:after, .team-grid-tags span:last-child:after {
        content: "";
    }

    .reactive-project-listing-item a:hover, .reactive-team-listing-item a:hover  {
        color: #BCBCBC;
        text-decoration: none;
    }


    /* Custom Layout der Single-Ansicht im Project-Grid anpassen */
    /* hover */
    .cl-layout__item {
        margin-bottom: 75px !important;
    }

    .cl-layout__item .portfolio-grid-container-single-image a img, .cl-layout__item .news-grid-container-single-image a img {
        transition: all 0.5s ease;
    }

    .cl-layout__item:hover {
        cursor: pointer;
    }

    .cl-layout__item:hover .portfolio-grid-container-single-image a img, .cl-layout__item:hover .news-grid-container-single-image a img {
        transform: scale(1.1);
    }

    .cl-layout__item:hover .portfolio-grid-container-single-title a, .cl-layout__item:hover .news-grid-container-single-title a, .cl-layout__item:hover div.news-grid-container-single-teaser-more a {
        text-decoration: underline;
    }

    /* .cl-layout__item:hover .portfolio-grid-container-single-tags, .cl-layout__item:hover .portfolio-grid-container-single-tags a.cl-element-taxonomy__term {
        color: #BCBCBC !important;
    } */

    /* Schriftart anpassen */
    .portfolio-grid-container-single-title a, .news-grid-container-single-title a {
        font-family: "Maison Neue Extended Book" !important;
        font-weight: 400 !important;
        line-height: 39x !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }  

    .portfolio-grid-container-single-tags, .portfolio-grid-container-single-tags div {
        font-size: 16px !important;
    }

    .portfolio-grid-container-single-tags div {
        text-decoration: none !important;
    }

    .news-grid-container-single-date {
        font-family: "Maison Neue Book" !important;
        font-size: 21px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }

    .news-grid-container-single-teaser,  .news-grid-container-single-teaser-more a {
        font-family: "Maison Neue Book" !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    } 

    /* Anpassungen Team-Seite */
    .team-grid-header {
        min-height: 70px;
        margin-bottom: 10px !important;
    }

    .reactive-team-listing-item {
        margin-bottom: 100px;
    }

    .title-contact h3 {
        font-size: 67px !important;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
    /* Größe, Position und Ausrichtung des Hauptmenüs */
    #menu-hauptmenue {
        width: 50vw !important;
        height: 100vh !important;
		position: fixed;
        right: 0;
        top: 115px;
        margin-left: auto;
    }

    /* ### GLOBALES ### */
    /* Abstand des Hauptcontainers definieren */
    .nonhundred-percent-fullwidth {
        padding-left: 145px !important;
        padding-right: 145px !important;
    }

    /* ### TYPOGRAPHIE ### */
    /* ### Headings Desktop small anpassen ### */
    h2 {
        font-size: 67px !important;
        line-height: 74px !important;
        letter-spacing: -0.2px !important;
    }

    h4 {
        font-size: 29px !important;
        line-height: 34px !important;
        letter-spacing: -0.1px !important;
    }

    /* ### ANPASSUNGEN AUF DER STARTSEITE ### */
    /* ### Heading News-Carousel auf Startseite anpassen ### */
    .news-teaser-desktop-container h4 {
        font-size: 45px !important;
        line-height: 50px !important;
        letter-spacing: -0.1px !important;
    }

    /* ### PROJEKTE-CAROUSEL AUF DER STARTSEITE ### */
    .portfolio-teaser-start .fusion-carousel .fusion-carousel-positioner {
        position: relative;
        left: 0 !important;        
    }
    
    .portfolio-teaser-start .fusion-carousel-wrapper {
        width: 160% !important;
        left: -700px !important;
    }

    .fusion-carousel-nav .fusion-nav-next {
        right: 0 !important;
        left: inherit !important;
    }

    .portfolio-teaser-single-start {
        width: 480px !important;
    }

    .portfolio-teaser-single-start-image {
        height: 365px !important;
    }

    .portfolio-teaser-single-start .tags p {
        margin-top: 0 !important;
    }

    /* Vertikaler Text neben einzelnem Portfolio-Teaser im Carousel auf der Startseite */
    .vertical-text p {
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        width: 25px !important;
        position: relative;
        left: -45px;
    }

    /* Anpassen der Position und der Breite des Containers mit dem Filter */
    .react-grid-layout {
        display: flex;
        justify-content: center;
    }

    .projekte-filter-bar {
        max-width: 75% !important;
    }

    /* Anpassen der Filter */
    .portfolio-tags {
        margin-top: -15px;
    }

    .reuseCheckboxWrapper___7eo4t {
        display: inline-block !important;
        width: auto !important;            
    }

    /* Aussehen der Tags anpassen */
    .portfolio-grid-tags span, .team-grid-tags span {
        text-transform: uppercase;
        text-decoration: underline;
    }

    .portfolio-grid-tags span:after, .team-grid-tags span:after {
        content: ",";
    }

    .portfolio-grid-tags span:last-child:after, .team-grid-tags span:last-child:after {
        content: "";
    }

    .reactive-project-listing-item a:hover, .reactive-team-listing-item a:hover {
        color: #BCBCBC;
        text-decoration: none;
    }

    /* Custom Layout der Single-Ansicht im Project-Grid anpassen */
    /* hover */
    .cl-layout__item {
        margin-bottom: 75px !important;
    }

    .cl-layout__item .portfolio-grid-container-single-image a img, .cl-layout__item .news-grid-container-single-image a img {
        transition: all 0.5s ease;
    }

    .cl-layout__item:hover {
        cursor: pointer;
    }

    .cl-layout__item:hover .portfolio-grid-container-single-image a img, .cl-layout__item:hover .news-grid-container-single-image a img {
        transform: scale(1.1);
    }

    .cl-layout__item:hover .portfolio-grid-container-single-title a, .cl-layout__item:hover .news-grid-container-single-title a,  .cl-layout__item:hover div.news-grid-container-single-teaser-more a {
        text-decoration: underline;
    }

    /* .cl-layout__item:hover .portfolio-grid-container-single-tags, .cl-layout__item:hover .portfolio-grid-container-single-tags a.cl-element-taxonomy__term {
        color: #BCBCBC !important;
    } */

    /* Schriftart anpassen */
    .portfolio-grid-container-single-title a, .news-grid-container-single-title a {
        font-family: "Maison Neue Extended Book" !important;
        font-weight: 400 !important;
        line-height: 39x !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }  

    .portfolio-grid-container-single-tags div {
        text-decoration: none !important;
    }

    .news-grid-container-single-date {
        font-family: "Maison Neue Book" !important;
        font-size: 21px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }

    .news-grid-container-single-teaser,  .news-grid-container-single-teaser-more a {
        font-family: "Maison Neue Book" !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }
 

    /* ### ANPASSUNGEN AM FOOTER ### */
    /* ### Footer Desktop small anzeigen bzw. Footer Desktop large ausblenden ### */
    #footer-desktop-large {
        display: none;
    }

    #footer-desktop-small .fusion-social-links .fusion-social-networks .fusion-social-networks-wrapper .fusion-social-network-icon {
        padding: 0 40px;
    }

    /* Anpassungen Team-Seite */
    .team-grid-header {
        min-height: 75px;
    }

    .reactive-team-listing-item {
        margin-bottom: 100px;
    }

    .title-contact h3 {
        font-size: 67px !important;
    }
}

@media only screen and (min-width: 1600px) {
    /* Größe, Position und Ausrichtung des Hauptmenüs */
    #menu-hauptmenue {
        width: 50vw !important;
        height: 100vh !important;
		position: fixed;
        right: 0;
        top: 115px;
        margin-left: auto;
    }

    /* ### GLOBALES ### */
    /* Abstand des Hauptcontainers definieren */
    .nonhundred-percent-fullwidth {
        padding-left: 145px !important;
        padding-right: 145px !important;
    }

    /* ### ANPASSUNGEN AUF DER STARTSEITE ### */
    /* ### PROJEKTE-CAROUSEL AUF DER STARTSEITE ### */
    .portfolio-teaser-start .fusion-carousel .fusion-carousel-positioner {
        position: relative;
        left: 0 !important;
    }
    
    .portfolio-teaser-start .fusion-carousel-wrapper {
        width: 200% !important;
        left: -1300px !important;      
    }

    .fusion-carousel-nav .fusion-nav-next {
        right: 0 !important;
        left: inherit !important;
    }

    .portfolio-teaser-single-start .tags p {
        margin-top: 0 !important;
    }

    /* Vertikaler Text neben einzelnem Portfolio-Teaser im Carousel auf der Startseite */
    .vertical-text p {
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        width: 25px !important;
        position: relative;
        left: -25px;
    }    

    .news-teaser-desktop-container {
        min-width: 750px !important;
        margin-left: 0 !important;
    }

    /* Anpassungen Team-Seite */
    .team-grid-header {
        min-height: 80px;
        font-size: 36px !important;
        line-height: 40px !important;
        margin-bottom: 25px !important;
    }


    /* Custom Layout der Single-Ansicht im Project-Grid anpassen */
    /* hover */
    .cl-layout__item {
        margin-bottom: 75px !important;
    }

    .cl-layout__item .portfolio-grid-container-single-image a img, .cl-layout__item .news-grid-container-single-image a img {
        transition: all 0.5s ease;
    }

    .cl-layout__item:hover {
        cursor: pointer;
    }

    .cl-layout__item:hover .portfolio-grid-container-single-image a img, .cl-layout__item:hover .news-grid-container-single-image a img {
        transform: scale(1.1);
    }

    .cl-layout__item:hover .portfolio-grid-container-single-title a, .cl-layout__item:hover .news-grid-container-single-title a, .cl-layout__item:hover div.news-grid-container-single-teaser-more > a {
        text-decoration: underline;
    }

    /* .cl-layout__item:hover .portfolio-grid-container-single-tags, .cl-layout__item:hover .portfolio-grid-container-single-tags a.cl-element-taxonomy__term {
        color: #BCBCBC !important;
    } */

    /* Schriftart anpassen */
    .portfolio-grid-container-single-title a, .news-grid-container-single-title a {
        font-family: "Maison Neue Extended Book" !important;
        font-weight: 400 !important;
        line-height: 39x !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }  

    .portfolio-grid-container-single-tags div {
        text-decoration: none !important;
    }

    .news-grid-container-single-date {
        font-family: "Maison Neue Book" !important;
        font-size: 21px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }
    
    .news-grid-container-single-teaser,  .news-grid-container-single-teaser-more > a {
        font-family: "Maison Neue Book" !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        letter-spacing: -0.1px !important;
        font-style: normal !important;
    }

    /* Anpassen der Position und der Breite des Containers mit dem Filter */
    .react-grid-layout {
        display: flex;
        justify-content: center;
    }

    .projekte-filter-bar {
        max-width: 75% !important;
    }

    /* Anpassen der Filter */
    .reuseCheckboxWrapper___7eo4t {
        display: inline-block !important;
        width: auto !important;            
    }

    /* Aussehen der Tags anpassen */
    .portfolio-grid-tags span, .team-grid-tags span {
        text-transform: uppercase;
        text-decoration: underline;
    }

    .portfolio-grid-tags span:after, .team-grid-tags span:after {
        content: ",";
    }

    .portfolio-grid-tags span:last-child:after, .team-grid-tags span:last-child:after {
        content: "";
    }

    .reactive-project-listing-item a:hover, .reactive-team-listing-item a:hover {
        color: #BCBCBC;
        text-decoration: none;
    }    

    .reactive-team-listing-item {
        margin-bottom: 100px;
    }

    /* ### Footer Desktop large anzeigen bzw. Footer Desktop small ausblenden ### */
    #footer-desktop-small {
        display: none;
    }

    .title-contact h3 {
        font-size: 67px !important;
    }
}

@media only screen and (min-width: 1920px) {
    /* Größe, Position und Ausrichtung des Hauptmenüs */
    #menu-hauptmenue {
        width: 50vw !important;
        height: 100vh !important;
		position: fixed;
        right: 0;
        top: 115px;
        margin-left: auto;
    }

    /* Vertikaler Text neben einzelnem Portfolio-Teaser im Carousel auf der Startseite */
    .vertical-text p {
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        width: 25px !important;
        position: relative;
        left: -30px;
    } 
    
    /* Vertikaler Text neben einzelnem Portfolio-Teaser im Carousel im Footer */
    .fusion-tb-footer .vertical-text p {
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        width: 25px !important;
        position: relative;
        left: -45px;
    } 
}