/*
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
*/


html, body {
  -webkit-overflow-scrolling: touch !important;
}

::-moz-selection { 
    background: var(--primary-color); 
    color: #fff; 
}

::selection { 
    background: var(--primary-color); 
    color: #fff; 
}

:root {
    scroll-behavior: smooth;
}

:root {

    /* Layout */
    --content-layout-width-big: 1740px;
    --content-layout-width: 1700px;
    --content-layout-width-medium: 1366px;
    --content-layout-width-small: 1120px;
    --content-layout-width-mini: 900px;

    /* Colors */
    --primary-color: #1B75C3;
    --secondary-color: #1B75C3;
    --tertiary-color: #fff;
    --quaternary-color:#000;
    --quinary-color: #000; 

    /* Grey Scale */
    --color-off-white: #f9f9f9;
    --color-off-black: #333333;

    --color-grey-light: #EFEFEF;
    --color-grey: #6e6e73;
    --color-grey-dark: #1d1d1f;

    /* Typography */
    --font-family-body: "Inter", Arial, Helvetica, sans-serif;
    --font-family-heading: "Inter", Arial, Helvetica, sans-serif;

    /* Border and Box Shadow */
    --border: 1px solid rgba(0, 0, 0, 0.1);
    --box-shadow: 2px 4px 10px #00000023;

    /* Font Sizes */

    --fontsize-h1: calc(12px + (18 - 12) * ((100vw - 375px) / (1920 - 375)));
    --fontsize-h2: calc(29px + (66 - 29) * ((100vw - 375px) / (1920 - 375)));
    --fontsize-h3: calc(22px + (36 - 22) * ((100vw - 375px) / (1920 - 375)));
    --fontsize-h4: calc(20px + (43 - 20) * ((100vw - 375px) / (1920 - 375)));
    --fontsize-h5: calc(20px + (30 - 20) * ((100vw - 375px) / (1920 - 375)));
    --fontsize-h6: 20px;

    --fontsize-body: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
}


/* Plain Text */

.fusion-body #wrapper .plain-text {
    word-wrap: break-word
}

.fusion-body #wrapper .plain-text h1,
.fusion-body #wrapper .plain-text h2,
.fusion-body #wrapper .plain-text h3,
.fusion-body #wrapper .plain-text h4,
.fusion-body #wrapper .plain-text h5,
.fusion-body #wrapper .plain-text h6 {
    line-height: 1.3;
    letter-spacing: unset;
    margin-top: 0
}

.fusion-body #wrapper .plain-text h1 {
    font-size: 48px !important
}

.fusion-body #wrapper .plain-text h2 {
    font-size: 36px !important;
    margin-bottom: .85em
}

.fusion-body #wrapper .plain-text h3 {
    font-size: 30px !important;
    margin-bottom: .6em
}

.fusion-body #wrapper .plain-text h4 {
    font-size: 24px !important;
    margin-bottom: .5em
}

.fusion-body #wrapper .plain-text h5,
.fusion-body #wrapper .plain-text h6 {
    font-size: 18px !important;
    margin-bottom: .5em
}

a bold, a strong{
    font-weight: 500 !important;
}


#content {
    margin-bottom: 0 !important;
}

/* Layout Widths */

#wrapper .big-width .fusion-builder-row{
    max-width: var(--content-layout-width-big) !important;
    margin: 0 auto;
}

#wrapper .site-width .fusion-builder-row{
    max-width: var(--content-layout-width) !important;
    margin: 0 auto;
}

#wrapper .medium-width .fusion-builder-row{
    max-width: var(--content-layout-width-medium) !important;
    margin: 0 auto;
}

#wrapper .small-width .fusion-builder-row{
    max-width: var(--content-layout-width-small) !important;
    margin: 0 auto;
}

#wrapper .mini-width .fusion-builder-row{
    max-width: var(--content-layout-width-mini) !important;
    margin: 0 auto;
}


/* Search Site */


.fusion-search-element .fusion-live-search .fusion-search-results .fusion-search-content {
    display: flex;
    flex-direction: column-reverse
}

.fusion-search-element .fusion-live-search .fusion-search-results .fusion-search-content .fusion-search-post-type {
    color: var(--primary-color)!important;
    font-size: 10px;
    margin: 0 0 3px 0!important;
    text-transform: uppercase;
    font-weight: 600
}

.fusion-search-element .fusion-live-search .fusion-search-results .fusion-search-content .fusion-search-post-title{
    color: var(--color-off-black) !important;
}

.fusion-search-element .fusion-live-search .fusion-search-results .fusion-search-image img{
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
    object-fit: cover;
}   

.fusion-search-element input[type="search"]::-webkit-search-cancel-button,
.fusion-search-form-content .fusion-search-field input::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-cancel-button {
    display: none
}

body.search-results .fusion-posts-container,
body.search-no-results .fusion-posts-container {
    margin-bottom: 20px!important
}

.fusion-search-element .searchform .fusion-search-form-content .fusion-search-field input,
.searchform .fusion-search-form-content .fusion-search-field input {
    background-color: var(--color-grey-light) !important;
    border: var(--border);
    border-radius: 30px !important;
    color: #000!important
}

body.search-results .top-bar .fusion-search-form-content input,
body.search-no-results .top-bar .fusion-error-page-search input {
    color: #fff!important
}

body.search-results .search-page-search-form {
    padding-top: calc(120px + (190 - 120) * ((100vw - 375px) / (1920 - 375)));
    padding-bottom: calc(30px + (110 - 30) * ((100vw - 375px) / (1920 - 375)))
}

body.search-no-results .post-content {
    padding-top: calc(120px + (190 - 120) * ((100vw - 375px) / (1920 - 375)));
    padding-bottom: calc(30px + (410 - 30) * ((100vw - 375px) / (1920 - 375)))
}

body.search-results #posts-container {
    padding-bottom: calc(10.5825px + 5.17799vw)
}

body.search-no-results #wrapper .fusion-column {
    width: 100%!important
}

body.search-no-results #wrapper .fusion-column p,
body.search-results .search-page-search-form p {
    text-align: left;
    line-height: 1.3;
    margin: 0!important
}

body.search-no-results .fusion-error-page-search form,
body.search-results .search-page-search-form form {
    margin-top: 20px
}

body.search-no-results .fusion-error-page-search form {
    margin-bottom: 45px
}

body.search-no-results .fusion-search-form-content,
body.search-results .search-page-search-form .fusion-search-form-content {
    width: 300px
}

.search-page-search-form-top {
    padding-bottom: 60px;
    border-bottom: 0!important;
    margin-bottom: 0!important
}

body.search-results .search-page-search-form h1,body.search-no-results h2 {
    font-size: var(--fontsize-h3)!important;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 10px 0!important
}

body.search-results .search-page-search-form h1 strong {
    color: var(--primary-color);
    font-weight: 900
}

body.search-no-results .fusion-title-size-two {
    margin-top: 0!important
}

body.search-results .fusion-posts-container h2 a {
    color: #000!important;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.03rem !important;
    font-family: var(--font-family-body)
}

body.search-results .fusion-posts-container .fusion-post-content-containe {
    margin-top: 25px!important
}

body.search-results .fusion-posts-container .fusion-meta-info {
    margin-top: 10px!important
}

body.search-results .fusion-posts-container .fusion-meta-info a,.no-results-container span.no-results {
    color: #000!important;
    font-weight: 500;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 5px!important;
    font-size: var(--fontsize-body)!important;
    transition: all 0.2s ease
}

body.search-results .fusion-posts-container .fusion-meta-info a:hover,.no-results-container span.no-results:hover {
    opacity: .8;
    cursor: pointer
}

body.search-results .fusion-posts-container .fusion-meta-info a:after,body.search-results .fusion-content-sep {
    display: none
}

body.search-results .fusion-image-wrapper:hover .fusion-rollover {
    opacity: 0!important
}

body.search-results #posts-container .post .fusion-post-content-wrapper {
    padding: 30px 30px
}

body.search-results #posts-container .post .fusion-post-content-wrapper .post-content {
    display: flex;
    flex-direction: column
}

body.search-results #posts-container .post .fusion-post-content-wrapper .post-content .fusion-post-content-container p {
    line-height: 1.3
}

body.search-results #posts-container .post .fusion-post-content-wrapper .post-content p.fusion-single-line-meta {
    order: 1;
    text-transform: uppercase;
    font-weight: 600
}

body.search-results #posts-container .post .fusion-post-content-wrapper .post-content .fusion-meta-post-type {
    color: var(--primary-color)
}

body.search-results #posts-container .post .fusion-post-content-wrapper .post-content h2 {
    order: 2;
    display: inherit;
    margin-top: 10px
}

body.search-results #posts-container .post .fusion-post-content-wrapper .post-content div {
    order: 3;
    margin-top: 5px
}

body.search-results #posts-container .fusion-post-wrapper {
    box-shadow: var(--box-shadow)!important;
    min-height: 225px;
    border-radius: 30px;
    overflow: hidden
}

body.search-results #posts-container .fusion-image-wrapper img {
    transition: all 0.65s ease-in-out
}

body.search-results #posts-container .fusion-image-wrapper:hover img {
    transform: scale(1.05)
}

body.search-no-results .fusion-error-page-oops,body.search-no-results .fusion-error-page-useful-links,body.search-no-results h3 {
    display: none
}

body.search-no-results .error-page>.fusion-columns {
    display: flex;
    justify-content: center;
    text-align: center
}

/* Menu */

#wrapper .main-header {
    -webkit-font-smoothing: antialiased!important;
    backface-visibility: hidden;
    will-change: padding;
    width: 100% !important;
}


.main-header>.fusion-builder-row {
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 7px 9px 7px 20px;
    backdrop-filter: blur(5px);
    background-color: #ffffff0f;
    transition: all 0.3s;

}

.main-header.fusion-sticky-transition>.fusion-builder-row{
    backdrop-filter: unset;
    background-color: #fff;
    box-shadow: var(--box-shadow);
    
}

#wrapper .main-header.fusion-sticky-transition{
    padding-top: 30px !important;
}

.fusion-body .main-header:not(.fusion-sticky-transition) .fusion-button.arrow-btn{
    border: 2px solid #fff;
}

.main-header.fusion-sticky-transition .menu-item:active a .menu-text,
.main-header.fusion-sticky-transition .menu-item a .menu-text,
.main-header.fusion-sticky-transition .menu-item a .awb-menu__open-nav-submenu-hover:before{
    color: var(--color-off-black) !important;
}


 #wrapper .main-header .menu-item{   
    font-weight: 500;
}

#wrapper .main-header .menu-item a .menu-text,
#wrapper .main-header .menu-item:active a .menu-text,
#wrapper .main-header .menu-item.current-menu-item a .menu-text,
#wrapper .main-header .menu-item.current-page-ancestor a .menu-text,
#wrapper .main-header .menu-item.current-menu-ancestor a .menu-text,
#wrapper .main-header .menu-item.current-menu-parent a .menu-text,
#wrapper .main-header .menu-item.current-page-parent a .menu-text,
#wrapper .main-header .menu-item:hover a .menu-text{
    color: #fff;
}

/*.main-header.fusion-sticky-transition .fusion-builder-row .logo-column img{
        filter: brightness(1) saturate(1);
}

.main-header:not(.fusion-sticky-transition) .fusion-builder-row .logo-column img{
        filter: brightness(7) saturate(0);
}*/

.main-header .search-btn:before {
    display: flex;
    content: "";
    background-image: url(./img/icon-search.svg);
    height: 35px;
    width: 35px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.main-header:not(.opaque, .fusion-sticky-transition) .search-btn:before {
    filter: brightness(7) saturate(0);
}

#wrapper .mobile-only {
    display: none
}


#wrapper .main-header .menu-item:hover a.awb-menu__main-a:after,
#wrapper .main-header .menu-item.current-menu-item a.awb-menu__main-a:after,
#wrapper .main-header .menu-item.current-page-ancestor a.awb-menu__main-a:after,
#wrapper .main-header .menu-item.current-menu-ancestor a.awb-menu__main-a:after,
#wrapper .main-header .menu-item.current-menu-parent a.awb-menu__main-a:after,
#wrapper .main-header .menu-item.current-page-parent a.awb-menu__main-a:after{
    transform: scaleX(1);
    transform-origin: left center
}

.main-header li.menu-item:not(.arrow-btn) a.awb-menu__main-a:after {
    transition: transform .2s cubic-bezier(.215,.61,.355,1);
    background-color: var(--primary-color);
    transform: scaleX(0);
    transform-origin: right center
}

.main-header li.menu-item:not(.arrow-btn) a.awb-menu__main-a:before,
.main-header li.menu-item:not(.arrow-btn) a.awb-menu__main-a:after {
    transition: all .2s cubic-bezier(.19,1,.22,1);
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    margin: auto;
    margin-top: 15px;
    pointer-events: none
}



/* Header opaque */

.fusion-body .main-header.active>.fusion-builder-row,
.fusion-body .main-header.opaque>.fusion-builder-row,
.fusion-body .main-header.mega-menu-open>.fusion-builder-row{
    backdrop-filter: unset;
    background-color: #fff;
    box-shadow: var(--box-shadow);
}

.fusion-body .main-header.opaque .fusion-button.arrow-btn,
.fusion-body .main-header.mega-menu-open .fusion-button.arrow-btn{
    border: 2px solid var(--color-off-black);
}

.main-header.opaque .menu-item a .menu-text,
.main-header.opaque .menu-item a .awb-menu__open-nav-submenu-hover:before,
.main-header.mega-menu-open .menu-item a .menu-text,
.main-header.mega-menu-open .menu-item a .awb-menu__open-nav-submenu-hover:before{
    color: var(--color-off-black) !important;
}

.fusion-body .main-header.active .fusion-builder-row .logo-column img,
.main-header.opaque .fusion-builder-row .logo-column img,
.main-header.mega-menu-open .fusion-builder-row .logo-column img{
    filter: brightness(1) !important;
}

.fusion-body .main-header.active .fusion-builder-row .logo-column .fusion-image-element.fusion-display-sticky-only,
.main-header.opaque .fusion-builder-row .logo-column .fusion-image-element.fusion-display-sticky-only,
.main-header.mega-menu-open .fusion-builder-row .logo-column .fusion-image-element.fusion-display-sticky-only{
    display: flex;
}

.fusion-body .main-header.active .fusion-builder-row .logo-column .fusion-image-element.fusion-display-normal-only,
.main-header.opaque .fusion-builder-row .logo-column .fusion-image-element.fusion-display-normal-only,
.main-header.mega-menu-open .fusion-builder-row .logo-column .fusion-image-element.fusion-display-normal-only{
    display: none;
}


/* Mega Menu */

.main-header .mega-menu {
    margin-top: 40px;
}

.main-header .mega-menu>.fusion-builder-row{
    background-color: #fff;
    box-shadow: var(--box-shadow);
    padding: 60px 30px 30px 30px;
    border-radius: 40px;
    overflow: hidden;
}
.main-header .mega-menu>.fusion-builder-row .fusion-layout-column:first-child{
    padding-right: 70px;
}

.main-header .mega-menu>.fusion-builder-row .fusion-image-element{
    padding-right: 40px;
    padding-top: 5px;
}

.main-header .mega-menu>.fusion-builder-row .fusion-image-element img{
    border-radius: 30px;
}

.main-header .mega-menu>.fusion-builder-row .fusion-button.mega-tab-trigger{
    border: unset;
    background-color: unset;
}

.main-header .mega-menu>.fusion-builder-row .fusion-button.mega-tab-trigger.active span,
.main-header .mega-menu>.fusion-builder-row .fusion-button.mega-tab-trigger:hover span{
    color: var(--primary-color);
}


/* Mega Menu tabs & Triggers */

#wrapper .main-header .mega-menu .mega-tab-content{
    display: none;
}

#wrapper .main-header .mega-menu .mega-tab-content.active{
    display: flex;
}


/* Transitions */

#wrapper .main-header,
.fusion-body .fusion-button.arrow-btn:after,
.fusion-body .fusion-button.arrow-btn:before, 
#wrapper .news-tab-trigger .tab-trigger,
#wrapper .news-tab-trigger .tab-trigger span,
.news-element .news-card .fusion-column-inner-bg .fusion-column-inner-bg-image,
.service-element .service-card .fusion-column-inner-bg .fusion-column-inner-bg-image,
.service-element .service-card .fusion-column-inner-bg + .fusion-column-wrapper .fusion-text,
.service-element .service-card .fusion-column-inner-bg + .fusion-column-wrapper div:last-child{
    transition: all 0.3s;
}

/* Buttons */


.fusion-body .fusion-button-default-size {
}


.fusion-body .fusion-button-default-size:after {

}

/*transparent-btn*/

.fusion-body .fusion-button.transparent-btn {
    border: 2px solid #fff;
    background-color: #ffffff17;
    transition: all 0.4s ease!important;
}

.fusion-body .fusion-button.transparent-btn span{
    color: #fff !important;
}

.fusion-body .fusion-button.transparent-btn:hover {
    background-color: #fff;
}

.fusion-body .fusion-button.transparent-btn:hover span {
    color: var(--color-off-black) !important;
}


/* arrow-btn */



.fusion-body .fusion-button.arrow-btn{
    padding-right: 60px;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    width: max-content;
    transition: all 0.3s;
}

.fusion-body #wrapper .arrow-btn.menu-item a:after,
.fusion-body .fusion-button.arrow-btn:after {
    display: flex;
    content: "";
    height: 45px;
    width: 45px;
    background-color: var(--primary-color);
    border-radius: 22.5px;
    position: absolute;
    right: 3px;
    transition: all 0.3s;
}

.fusion-body #wrapper .arrow-btn.menu-item a:before,
.fusion-body .fusion-button.arrow-btn:before {
    display: flex;
    content: "";
    background-image: url(./img/icon-arrow-right.svg);
    height: 45px;
    width: 45px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-45deg);
    border-radius: 50%;
    position: absolute;
    right: 2px;
    z-index: 2;
    transition: all 0.3s;
}

.fusion-body #wrapper .arrow-btn.menu-item a:hover,
.fusion-body .fusion-button.arrow-btn:hover{
    background-color: #fff !important;
    border-color: #fff !important;
}

.fusion-body #wrapper .arrow-btn.menu-item a:hover:after,
.fusion-body .fusion-button.arrow-btn:hover:after {
    width: 100%;
    height: 100%;
    right: 0;    
}

.fusion-body #wrapper .arrow-btn.menu-item a:hover:before,
.fusion-body .fusion-button.arrow-btn:hover:before {
    transform: rotate(0deg);
}

.fusion-body #wrapper .arrow-btn.menu-item a:hover span,
.fusion-body .fusion-button.arrow-btn:hover span{
    color: #fff !important;
    z-index: 2;
}


/* Arrow Main Menu*/

.fusion-body #wrapper .arrow-btn.menu-item a {
    padding: 17px 60px 17px 25px !important;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    width: max-content !important;
    transition: all 0.3s;
    line-height: 1;
    border: 2px solid var(--color-off-black) !important;
    position: relative;
    margin: 10px 24px;
    border-radius: 35px !important;
}

.fusion-body #wrapper .arrow-btn.menu-item a span{
    font-size: 16px !important;
    color: var(--color-off-black) !important;
}



/* Arrow Special */

.fusion-body .fusion-button.arrow-btn.light{
    border-color: #fff;
}

.fusion-body #wrapper .arrow-btn.white {
    background-color: transparent;
    border-color: #fff;
}

.fusion-body .fusion-button.arrow-btn.white:after {
    background-color: #fff;
}

.fusion-body .fusion-button.arrow-btn.white span{
    color: #fff;
}

.fusion-body .fusion-button.arrow-btn.white:hover span{
    color: var(--color-off-black) !important;
}

.fusion-body .fusion-button.arrow-btn.white:before {
    background-image: url(./img/icon-arrow-right-red.svg);
}


.fusion-body #wrapper .arrow-btn.extern:before {
    background-image: url(./img/icon-extern-btn.svg);
    transform: rotate(0deg);
}

/* Opener */

.main-opener .fusion-builder-row,
.opener .fusion-builder-row{
    border-radius: 50px ;
    overflow: hidden;
}

.main-opener .fusion-builder-row .fusion-slider-container,
.main-opener .fusion-builder-row .fusion-slider-container .tfs-slider,
.main-opener .fusion-builder-row .fusion-slider-container ul.slides,
.main-opener .fusion-builder-row .fusion-slider-container ul.slides li,
.main-opener .fusion-builder-row .fusion-slider-container ul.slides li .background-image{
    height: 90vh !important;
}


.main-opener .slide-content-container {
    height: 100%;
}

.main-opener .slide-content-container .with-bg .fusion-title-sc-wrapper{
    padding: 0 !important;
}

.main-opener .slide-content-container .slide-content {
    max-width: var(--content-layout-width-big)!important;
    margin: 0 auto !important;
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.main-opener .fusion-builder-row .fusion-slider-container .flex-direction-nav{
 
    padding: 0 25px !important;
}


.main-opener .fusion-builder-row .fusion-slider-container .flex-direction-nav li{
    position: relative;
    max-width: var(--content-layout-width)!important;
    margin: 0 auto !important;
}

.main-opener .background-image:before,
#wrapper .opener .opener-background .fusion-imageframe:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(69deg, rgb(51 51 51 / 50%) 0%, rgba(0, 0, 0, 0) 77%);
    z-index: 9;
}

.main-opener .slide-content .heading{
    margin-top: auto !important;
    padding-top: 60px;
}

.main-opener .slide-content .heading>div {
    max-width: 600px;
    background-color: unset !important;
}

.main-opener .slide-content .heading .fusion-title-heading{
    display: flex;
    flex-wrap: wrap;
}

.main-opener .slide-content .heading .fusion-title-heading h1,
.main-opener .slide-content .heading .fusion-title-heading div{
    line-height: 1.2!important;
    font-size: var(--fontsize-h1) !important;
    background-color: var(--primary-color);
    border-radius: 15px;
    padding: 5px 14px !important;
    width: max-content;
    font-weight: 400 !important;
    margin-bottom: 25px !important;
}

.main-opener .slide-content .heading .fusion-title-heading h2{
    font-weight: 900;
    line-height: 1.0 !important;
    font-size: var(--fontsize-h2) !important;
}

.main-opener .slide-content .caption>div {
    max-width: 600px;
    background-color: unset !important;
}

.main-opener .slide-content .caption .fusion-title-heading,
.opener .fusion-text p{
    font-size: calc(14px + (20 - 14) * ((100vw - 375px) / (1920 - 375))) !important;
    line-height: 1.2 !important;
}

.main-opener .slide-content .buttons{
    margin-top: auto;
    margin-bottom: 60px;
}

.main-opener .slide-content .buttons>div {
    margin-top: 30px !important
}

#wrapper .main-opener .flex-nav-prev a {
    left: auto !important;
    right: 70px !important;
    background-color: #fff !important;
}

#wrapper .main-opener .flex-nav-next a {
    right: 0px !important;
}

#wrapper .main-opener .flex-nav-prev a,
#wrapper .main-opener .flex-nav-next a {
    bottom: 30px !important;
    top: auto !important;
    background-color: var(--primary-color);
    opacity: 1 !important;
    font-size: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 45px !important;
    width: 45px !important;
    transition: all 0.3s;
}

#wrapper .main-opener .flex-nav-prev:hover a,
#wrapper .main-opener .flex-nav-next:hover a {
    background-color: #125793 !important;
}

.main-opener .flex-nav-prev a:before,
.main-opener .flex-nav-next a:before {
    content: "";
    width: 25px;
    height: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    display: block;
    background-image: url(./img/icon-arrow-right-grey.svg);
    background-position: center center
}

.main-opener .flex-nav-prev a:before {
    transform: rotate(180deg)
}

.fusion-body .main-opener .fusion-builder-row .fusion-button.arrow-btn{
    display: flex;
}



/* Opener Unterseiten */

.opener>.fusion-builder-row{
    height: 90vh !important;
}

#wrapper .opener .opener-background .fusion-image-element,
#wrapper .opener .opener-background .fusion-imageframe,
#wrapper .opener .opener-background .fusion-imageframe img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.opener .fusion-title h2{
    font-weight: 900;
    line-height: 1.0 !important;
}

.opener .mini-head{
    margin-top: auto !important;
}

.opener .fusion-builder-row-inner{
    margin-top: auto !important;
    margin-bottom: 60px !important;
}

.opener-content{
        position: absolute !important;
        justify-content: center;
        z-index: 99 !important;
        height: 100%;
        padding: 0 30px;
        
}

.opener-content .fusion-column-wrapper{
    max-width: var(--content-layout-width-big);
    margin: 0 auto;

}

.opener-content .fusion-column-wrapper *{
    max-width: 600px;
}

.opener-background{
        position: relative !important;
        height: 100% !important;
}



/* News Element Startseite */

.news-element .fusion-title h3{
    font-size: var(--fontsize-h2) !important;
}

.news-element .news-masonry .fusion-grid {
    display: grid;
    align-items: normal !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 2fr 1fr;
/*    grid-auto-rows: minmax(350px, auto);*/    
    gap: 30px;
    margin-top: 50px;
}

.news-element .news-masonry .fusion-grid > li{
    width: 100% !important;
    padding: 0 !important;
}

.news-element .news-masonry .news-card .fusion-column-inner-bg{
    margin: 0 !important;
}

.news-element .news-card .fusion-column-inner-bg:hover .fusion-column-inner-bg-image{
    scale: 1.1;
}


.news-element .news-masonry .fusion-grid > li:first-child {
    grid-column: 1;
    grid-row: 1 / 3;
}

.news-element .news-masonry .fusion-grid > li:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.news-element .news-masonry .fusion-grid > li:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}

.news-element li.news-card .news-button,
.news-element li.news-card .news-excerpt,
#wrapper .news-card .news-button,
#wrapper .news-card .news-excerpt{
    display: none;
}

.news-element .news-masonry .fusion-grid > li:first-child .news-button,
.news-element .news-masonry .fusion-grid > li:first-child .news-excerpt {
   display: inline-block !important;
}

#wrapper .append-news-card{
    padding: 0 !important;
}

#wrapper .append-news-card .fusion-button{
    margin-top: 50px !important;
}

#wrapper .news-element .news-card{
    border-radius: 40px;
    overflow: hidden;
}

#wrapper .news-element .news-card .fusion-column-wrapper:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 73%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
    pointer-events: none;
}

#wrapper .news-element .news-card .fusion-column-wrapper{
    padding: 60px;
}

#wrapper .news-card .news-category{
    position: absolute;
    right: 40px;
    top: 40px;
}

#wrapper .news-layout .news-category p,
#wrapper .news-card .news-category p,
#wrapper .news-overview-card .news-category p{
    background-color: var(--primary-color);
    font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375))) !important;
    border-radius: 15px;
    padding: 5px 14px !important;
    width: max-content;
}

#wrapper .news-card .news-date div,
#wrapper .news-overview-card .news-date div{
    font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375))) !important;
    background-color: #fff;
    border-radius: 15px;
    padding: 5px 14px !important;
    width: max-content;
}


/* News Card Newsseite*/

#wrapper .news-overview .news-overview-card {
}

#wrapper .news-overview .news-overview-card .fusion-column-wrapper{
    padding: 20px;
    background-color: var(--color-grey-light);
    border-radius: 40px;
    overflow: hidden;
    position: relative;
}
#wrapper .news-overview-card .news-category,
#wrapper .news-overview-card .news-date{
    position: absolute;
    top: 40px;
    margin: 0 !important;
    z-index: 9;
}

#wrapper .news-overview-card .news-category{
    right: 40px;
}

#wrapper .news-overview-card .news-date{
    left: 40px;
}

#wrapper .news-overview-card img{
    border-radius: 30px;
    aspect-ratio: 4/3;
    object-fit: cover;
}

#wrapper .news-overview-card .fusion-title.fusion-title-size-two{
    margin-top: 25px !important;
    margin-bottom: 0px !important;
}

#wrapper .news-overview-card .fusion-title h2{
    font-size: calc(20px + (24 - 20) * ((100vw - 375px) / (1920 - 375))) !important;
    line-height: 1.1;
}

/* Filter Styling*/

#wrapper .news-overview .fusion-filters{
    border: unset !important;
    display: flex !important;
    gap: 15px;
}

#wrapper .news-overview .fusion-filters li{
    margin: 0 !important;
    max-width: max-content;
    border: unset !important;
}

#wrapper .news-overview .fusion-filters li a{
    border-radius: 30px;
    line-height: 1.3;
}

/* News Tab Trigger */

#wrapper .news-tab-trigger .fusion-column-wrapper{
    display: flex !important;
    gap: 15px;
}

#wrapper .news-tab-trigger .tab-trigger,
#wrapper .news-overview .fusion-filters li a {
    font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375))) !important;
    text-transform: initial !important;
    color: var(--color-off-black);
    background-color: var(--color-grey-light);
    border-color: var(--color-grey-light);;
    padding: 5px 15px;
}

#wrapper .news-tab-trigger .tab-trigger.active,
#wrapper .news-tab-trigger .tab-trigger:hover,
#wrapper .news-overview .fusion-filters li.fusion-active a,
#wrapper .news-overview .fusion-filters li a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#wrapper .news-tab-trigger .tab-trigger.active span,
#wrapper .news-tab-trigger .tab-trigger:hover span,
#wrapper .news-overview .fusion-filters li.fusion-active a,
#wrapper .news-overview .fusion-filters li a:hover{
    color: #fff;
}


/* Tab Function */

#wrapper .tab-content {
    display: none !important;
}

#wrapper .tab-content.active {
    display: flex !important;
}

/* Editorial */

#wrapper .editorial {
    padding-bottom: 30px !important;
}

#wrapper .editorial .fusion-layout-column{
    margin-bottom: 0;
}

#wrapper .editorial .fusion-text[style="--awb-content-alignment:center;"]{
        display: flex;
    justify-content: center;
}

#wrapper .editorial .fusion-text[style="--awb-content-alignment:center;"] p{
    max-width: 600px;
}



/* Mini Head */

.fusion-body #wrapper .mini-head.fusion-title-center{
    display: flex;
    justify-content: center;
}

.fusion-body #wrapper .mini-head .fusion-title-heading, 
.fusion-body #wrapper .mini-head.fusion-text p {
    font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375))) !important;
    background-color: var(--primary-color);
    padding: 5px 15px !important;
    color: #fff !important;
    width: max-content;
    border-radius: 25px;
    font-weight: normal !important;
}

.fusion-body #wrapper .mini-head.white .fusion-title-heading, 
.fusion-body #wrapper .mini-head.white.fusion-text p {
    background-color: #fff;
    color: var(--color-off-black) !important;
}

/* CTA */

#wrapper .cta:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .3);
    z-index: 1;
}

/* Leistungs Cards */

.service-element .fusion-builder-row{
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(2, 350px);
    gap: 30px;

}

.service-element .fusion-builder-row .service-card{
    position: relative;
    overflow: hidden;
    border-radius: 35px;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100% !important;
}

.service-element .fusion-builder-row .service-card:first-child{
    grid-column: 1;
    grid-row: 1 / 3;
}

.service-element .fusion-builder-row .service-card:nth-child(2){
    grid-column: 2 / 4;
    grid-row: 1;
}

.service-element .fusion-builder-row .service-card:nth-child(3){
    grid-column: 2;
    grid-row: 2;
}

.service-element .fusion-builder-row .service-card:nth-child(4){
    grid-column: 3;
    grid-row: 2;
}

.service-element .service-card .fusion-column-wrapper {
    padding: 50px;
}

.service-element .service-card .fusion-column-wrapper p{
    margin-bottom: 0;
}

.service-element .service-card .fusion-column-inner-bg + .fusion-column-wrapper .fusion-text{
    height: 0;
    opacity: 0;
    max-width: 400px;
}

.service-element .service-card .fusion-column-inner-bg:hover + .fusion-column-wrapper .fusion-text{
    height: 70px;
    opacity: 1;
}



.service-element .service-card .fusion-column-inner-bg + .fusion-column-wrapper div:last-child{
    opacity: 0;
    height: 0
}

.service-element .service-card .fusion-column-inner-bg:hover + .fusion-column-wrapper div:last-child{
    opacity: 1;
    height: 57px;
}



.service-element .service-card .fusion-column-inner-bg:hover .fusion-column-inner-bg-image{
    scale: 1.1;
}

.service-element .service-card .fusion-column-inner-bg{
    border-radius: 15px;
    overflow: hidden;
}

.service-element .service-card .fusion-column-inner-bg a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 1;
}

.service-element .service-card .fusion-column-inner-bg:hover a:before{
    background-color: rgba(0,0,0,0.2);
}

.service-element .service-card .fusion-title{
    margin-bottom: 8px !important;
}

.service-element .service-card .fusion-title .fusion-title-heading{
    font-size: calc(16px + (43 - 16) * ((100vw - 375px) / (1920 - 375))) !important;
    hyphens: auto;
}


/* Counter Boxes */

.fusion-counters-box .content-box-counter span {
    font-weight: 900;
}

.fusion-counters-box .counter-box-content {
    font-weight: 600;
    line-height: 1.3;
}

/* Fifty Element */

.fifty-element .fusion-image-element img{
    border-radius: 40px;
}

/* Event Element*/



.event-element .fusion-builder-row .fusion-grid{
    display: grid !important;
        grid-template-columns:2fr 1.1fr;
        grid-template-rows:repeat(3,1fr);
        gap:15px;
        margin: 0px;

}

.event-element .fusion-builder-row .fusion-grid .event-card{
    position: relative;
    overflow: hidden;
    border-radius: 35px;
    background-size: cover;
    background-position: center;
    background-color: var(--color-grey-light);
    height: 100%;
    width: 100% !important;
    min-height: 150px;
}

.event-element .fusion-builder-row .fusion-grid .event-card:hover{
    background-color: #E5E5E5;
}

.event-element .fusion-builder-row .fusion-grid .event-card:first-child{
    grid-column:1;
    grid-row:1 / 4;
}

.event-element .fusion-builder-row .fusion-grid .event-card:nth-child(2){
    grid-column:2;
    grid-row:1;
}

.event-element .fusion-builder-row .fusion-grid .event-card:nth-child(3){
    grid-column:2;
    grid-row:2;
}

.event-element .fusion-builder-row .fusion-grid .event-card:nth-child(4){
    grid-column:2;
    grid-row:3;
}


#wrapper .event-card:first-child{
     padding: 30px;
}


#wrapper .event-card{
    padding: 25px;
}

#wrapper .event-card:first-child .fusion-column-wrapper .fusion-title-heading{
    
}

#wrapper .event-card:not(:first-child) .fusion-column-wrapper h3.fusion-title-heading{
    font-size: 20px !important;
}

#wrapper .event-card:not(:first-child) .event-button,
#wrapper .event-card:not(:first-child) .event-excerpt{
    display: none;
}

#wrapper .event-card:not(:first-child) .fusion-title-size-three{
    margin-bottom: 0 !important;
}

#wrapper .event-card .fusion-column-wrapper h3.fusion-title-heading{
    line-height: 1.1;
}




.event-element .fusion-builder-row .fusion-grid .event-card .event-category{
    position: absolute;
    right: 00px;
    top: 00px;
}


.event-element .fusion-builder-row .fusion-grid .event-card .event-category p{
    background-color: var(--primary-color);
    font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375))) !important;
    border-radius: 15px;
    padding: 5px 14px !important;
    width: max-content;
}

.event-element .fusion-builder-row .fusion-grid .event-card:not(:first-child) .event-date{
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0 !important;
}

.event-element .fusion-builder-row .fusion-grid .event-card .event-date div{
    font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375))) !important;
    background-color: #fff;
    border-radius: 15px;
    padding: 5px 14px !important;
    width: max-content;
}



/* Image Carousel  Arrow */

.fusion-image-carousel{
    margin-bottom: 0 !important;
}

.fusion-image-carousel .awb-swiper-button-next, 
.fusion-image-carousel .awb-swiper-button-prev {
    opacity: 1;
    background-color: var(--primary-color);
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.fusion-image-carousel .awb-swiper-button-next{
    margin-right: 10px;
}

.fusion-image-carousel .awb-swiper-button-prev{
    margin-left: 10px;
}

.fusion-image-carousel .awb-icon-angle-right:before, 
.fusion-image-carousel .awb-icon-angle-left:before {
    background-image: url(./img/icon-arrow-right.svg);
    content: '';
    height: 25px;
    width: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 100%;
    display: block;
    visibility: visible;
}

#wrapper .awb-swiper-button-prev i:before {
    transform: rotate(-180deg);
}

.fusion-image-carousel .awb-swiper-button-next:hover .awb-icon-angle-right:before, 
.fusion-image-carousel .awb-swiper-button-prev:hover .awb-icon-angle-left:before {
    filter: brightness(0) invert(1);
}

.fusion-image-carousel img {
    border-radius: 40px;
}


/* Toggles Accordeon */

#wrapper .fusion-panel{
    border: unset;
    margin-bottom: 10px;
    background-color: var(--color-grey-light);
    border-radius: 25px;
}

#wrapper .fusion-panel a .fusion-toggle-icon-wrapper i.inactive-icon {
    display: none !important
}

#wrapper .fusion-panel .fusion-toggle-icon-wrapper i.inactive-icon:before,
#wrapper .fusion-panel .fusion-toggle-icon-wrapper i.active-icon:before {
    content: ""
}

#wrapper .fusion-panel a .fusion-toggle-icon-wrapper{
    position: relative;
}

#wrapper .fusion-panel a .fusion-toggle-icon-wrapper:before{
    content: "";
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#wrapper .fusion-panel a .fusion-toggle-icon-wrapper i {
    content: '';
    width: 25px;
    height: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-color: unset;
    transition: all .35s;
    background-image: url(./img/icon-plus.svg);
    transform: rotate(0deg);
}

#wrapper .fusion-panel a.active .fusion-toggle-icon-wrapper i {
    transform: rotate(-45deg)
}

#wrapper .fusion-panel .panel-title a{
    padding: 15px 14px 15px 25px !important;
    display: flex !important;
    align-items: center !important;
}

#wrapper .fusion-panel .panel-title a .fusion-toggle-heading{
    color: #000 !important;
    font-size: 18px;
    hyphens: auto;
}

#wrapper .fusion-panel .panel-body {
    padding: 0 40px 0px 25px !important;
}



/* Image Board */


.image-board .board.active{
    width: 70% !important;
}

.image-board .board.inactive{
    width: 30% !important;
}

#wrapper .image-board .fusion-column-wrapper{
    min-height: 60vh !important;
    padding: 50px;
}

#wrapper .image-board .fusion-column-inner-bg:after {
    content: "";
    width: 25px;
    height: 25px;
    padding: 10px;
    background-color: #fff;
    background-size: 25px;
    border-radius: 50%;
    background-repeat: no-repeat;
    display: flex;
    background-image: url(./img/icon-arrow-right-red.svg);
    background-position: center center;
    position: absolute;
    right: 50px;
    bottom: 50px;
    opacity: 1;
    z-index: 9;
    pointer-events: none;
}

#wrapper .image-board .board{
    transition: all 0.35s;
}

#wrapper .image-board .fusion-column-wrapper,
#wrapper .image-board .fusion-column-inner-bg-image{
    background-blend-mode: overlay;

}

.image-board .board .fusion-title{
    margin: 0 !important;
}

.image-board .board .fusion-title .fusion-title-heading{
    font-size: calc(16px + (43 - 16) * ((100vw - 375px) / (1920 - 375))) !important;

}

.image-board .board.active .fusion-title-heading{
    transition: all 0.3s 0.15s;
}

.image-board .board.inactive .fusion-title-heading{
    opacity: 0;
}

#wrapper .image-board .board .fusion-column-wrapper .fusion-text{
    opacity: 0;
    transition-delay: 0.3s;
    height: 0;
}


#wrapper .image-board .board:hover .fusion-column-wrapper .fusion-text{
    opacity: 1;
    transition: none;
    height: 90px;
}

#wrapper .image-board .board .fusion-column-inner-bg{
    border-radius: 30px;
    overflow: hidden;
}

#wrapper .image-board .board .fusion-column-inner-bg:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    z-index: 1;
    pointer-events: none;
}


/* Newsletter */

.newsletter form br{
    display: none;
}

.newsletter form p label{
    display: none;
}

.newsletter form p input[name="unsubscribe"]{
/*    display: none;
*/
    cursor: pointer;
    background-color: transparent;
    color: #fff;
    border: 0 !important;
    padding: 0;
    margin-top: 5px;
    font-size: 12px !important;
}

.newsletter form[name="s2form"]{
    position: relative;
    margin-bottom: 30px;
}

.newsletter form[name="s2form"] p{
    margin: 0 !important;
}

.newsletter form[name="s2form"] p:last-child{
    height: 0 !important;
}

.newsletter form p:last-child:before{
    content: "";
    width: 25px;
    height: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    display: flex;
    background-image: url(./img/icon-arrow-right-red.svg);
    background-position: center center;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    pointer-events: none;
}

.newsletter form p input[name="subscribe"]{
    content: "";
    height: 45px;
    width: 45px;
    background-color: #fff;
    border: unset;
    border-radius: 50%;
    z-index: 99;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;

}

.newsletter form p input[name="email"]{
    border-radius: 30px;
    border: 2px solid #fff;
    background-color: transparent !important;
    color: #fff !important;
    height: 55px;
}

.newsletter form p input[name="email"]::placeholder{
    color: #fff;
}

p.s2_error,
p.s2_message{
    color: #fff;
}

p.s2_message a{
    text-decoration: underline;
    color: #fff !important;
}


/* Flyout Form */

.fusion-body .awb-off-canvas .form-element .fusion-form-upload-field{
    border-radius: 30px !important;
}


.fusion-body .awb-off-canvas .form-element label {
    display: none
}

.fusion-body .awb-off-canvas .form-element .fusion-form-checkbox label {
    display: block;
    hyphens: auto;
    line-height: 1.2
}

.fusion-body .awb-off-canvas .form-element .form-fifty {
    width: calc(50% - 5px);
    float: left;
    clear: none
}

.fusion-body .awb-off-canvas .form-element .fusion-form-field {
    margin: 0
}

.fusion-body .awb-off-canvas .form-element form .fusion-column-wrapper {
    display: flex;
    gap: 10px;
    flex-direction: row!important;
    flex-wrap: wrap
}

.fusion-body .awb-off-canvas .form-element a {
    color: var(--primary-color);
    text-decoration: underline
}

.fusion-body .awb-off-canvas .form-element a:hover {
    color: var(--secondary-color)
}

.fusion-body .awb-off-canvas .form-element .fusion-form-checkbox label:before {
    top: 10px!important;
    border-radius: 5px;
    background-color: #fff
}

.fusion-body .awb-off-canvas .form-element .fusion-form-checkbox input:checked+label:after {
    top: 10px!important;
    content: '';
    width: 15px;
    height: 15px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-image: url(./img/icon-check.svg);
    background-color: unset;
    left: 0
}

.fusion-body .awb-off-canvas .form-element textarea {
    max-width: 100%
}

.fusion-body .awb-off-canvas .form-element .form-submission-notices {
    width: 100%
}

.fusion-body .awb-off-canvas .form-element .fusion-alert.alert-success.success {
    background-color: #fff0;
    color: var(--secondary-color);
    --awb-accent-color: var(--secondary-color);
    border-color: var(--secondary-color);
    margin-bottom: 0;
    border-width: 2px
}

.fusion-body .awb-off-canvas .fusion-alert.awb-alert-close-boxed .close {
    border-width: 2px;
    top: -2px;
    right: -2px
}

/* Checklist */


ul.fusion-checklist .fusion-li-icon:before,.fusion-checklist .fusion-li-icon:before {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-color: unset
}

.fusion-checklist i.fa-phone-alt:before {
    content: '';
    background-image: url(./img/icon-phone.svg)
}

.fusion-checklist i.fa-envelope:before {
    content: '';
    background-image: url(./img/icon-mail.svg)
}

.fusion-checklist i.fa-address-card:before {
    content: '';
    background-image: url(./img/icon-form.svg)
}

.fusion-checklist i.fa-angle-right:before {
    content: '';
    background-image: url(./img/icon-arrow.svg)
}

.fusion-checklist i.awb-icon-check:before {
    content: '';
    background-image: url(./img/icon-check.svg)
}

.fusion-checklist i.fa-mobile-alt:before {
    content: '';
    background-image: url(./img/icon-mobile.svg)
}

.fusion-checklist i.fa-fax:before {
    content: '';
    background-image: url(./img/icon-fax.svg)
}

.fusion-checklist i.fa-chevron-right:before {
    content: '';
    background-image: url(./img/icon-chevron-right.svg)
}


/* PDF Checklist */

.fusion-checklist.pdf-checklist .fusion-li-icon:before{
    content: '';
    width: 35px;
    height: 35px;
    background-size: 35px;
    background-image: url(./img/icon-pdf.svg);
}



/* Footer */

.main-footer *,
.social-footer *{
    font-size: 18px;
}

.main-footer .fusion-checklist p a,
.main-footer .fusion-checklist a{
    color: #fff;
}

.main-footer .fusion-checklist p a:hover{
    color: var(--primary-color);
}

.main-footer .fusion-checklist a.extern{
        display: flex;
    align-items: flex-start;}

.main-footer .fusion-checklist a.extern:after{
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-color: unset;
    content: '';
    background-image: url(./img/icon-extern.svg);
    margin-left: 5px;
}

.main-footer .fusion-text p{
    margin-top: 0px;
}



.social-footer .fusion-builder-row {
    border-top: 1px solid #fff;
}

.social-footer a{
   color: #fff !important;
}

.social-footer a:hover,
.main-footer a:hover {
    color: #e0e8ff !important;
}

.social-footer p a:not(:first-child)::before {
    content: "•";
    color: #fff;
    margin-right: 10px
}

.social-footer p {
    gap: 10px;
    display: flex
}


/* Socials */

.footer-socials{
    display: flex;
    margin-bottom: 20px;
    gap: 10px;
}

.footer-socials i.instagram {
    background-image: url(./img/icon-instagram.svg);
}

.footer-socials i.facebook {
    background-image: url(./img/icon-facebook.svg);
}

.footer-socials i.strava {
    background-image: url(./img/icon-strava.svg);
}

.footer-socials i {
    content: '';
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    visibility: visible;
    cursor: pointer;
}

.footer-socials a:hover i{
    background-color: var(--secondary-color);
}

/* Sponsoren Slider */

.sponsor-slider.fusion-image-carousel .awb-carousel--marquee .fusion-image-wrapper{
    border-radius: 30px;
    padding: 20px 17px;

}

.sponsor-slider.fusion-image-carousel .fusion-image-wrapper{
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    padding: 15px 10px;
    overflow: hidden;
    background-color: #fff;
}

.sponsor-slider.fusion-image-carousel .fusion-image-wrapper img{
    background-color: #fff;
    border-radius: unset;
}

.sponsor-slider:not(.footer):before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #fff 2%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #fff 98%);
    z-index: 99;
}

.sponsor-slider.footer.fusion-image-carousel .fusion-image-wrapper{
    border-radius: 20px !important;
    padding: 5px !important;
}

.sponsor-slider.footer.fusion-image-carousel .fusion-image-wrapper img{
    max-height: 50px;
    object-fit: contain;
}

/* Slider Gradient */

.sponsor-slider.footer{
    position: relative;
}

.sponsor-slider.footer:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--secondary-color) 2%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, var(--secondary-color) 98%);
    z-index: 99;
}


/* Beitraege Layout */

.news-layout .news-feature-img{
    width: 100%;
}

.news-layout .news-feature-img img{
    border-radius: 40px !important;
    max-height: 700px;
    width: 100%;
    object-fit: cover;
    object-position: 60% 70%;
}


.news-layout .news-info .fusion-column-wrapper{
    gap: 4px;
}

.news-layout .news-info .fusion-title{
    margin: 0 !important;
}


.news-layout .fusion-content-tb .fusion-fullwidth{
    padding: 0 !important;
}

.news-layout .fusion-title h1{
    font-size: var(--fontsize-h4) !important;
}

.news-layout .fusion-content-tb .fusion-title .fusion-title-heading {

}

.news-layout .fusion-imageframe img{
    border-radius: 40px;
}

/* History Element */

.history-element .fusion-builder-row {
    padding: 40px !important;
    background-color: var(--color-grey-light);
    border-radius: 40px;
    min-height: 550px;
    align-content: space-between;
}


.history-trigger .fusion-column-wrapper:after{
    content:"";
    width: calc(100%);
    height: 24px;
    border-radius: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--tertiary-color);
    z-index: -1;
}

.history-trigger .fusion-column-wrapper>div{
    display: flex;
    align-items: center;
}

.history-trigger a{
    padding: 8px !important;
    border-radius: 50%;
    background-color: transparent !important;
}

.history-trigger a:hover,
.history-trigger a.active{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.history-trigger a span{
    position: absolute;
    opacity: 0;
    top: 60px;
    color: #000 !important;
    pointer-events: none;
    font-weight: 900 !important;
}

.history-trigger a span.popover{
    display: flex;
    background-color: transparent;
    border: 0 !important;
    margin-top: 20px;
    box-shadow: unset;
    transform: translateX(-50%);
    left: 50%;
    font-weight: normal !important;
    text-transform: none !important;
    width: max-content;
    transition: all 0.3s;
}

.history-trigger a span:not(.popover):before{
    content: '';
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-color: unset;
    background-image: url(./img/icon-chevron-right.svg);
    filter: brightness(0);
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%) rotate(-90deg);
}
    
.history-trigger a:hover span,
.history-trigger a.active span{
    opacity: 1;
}

.history-trigger a.active:after {
    animation-delay: 0.5s;
}

.history-trigger a.active:after, 
.history-trigger a.active:before{
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    animation: breathe 1.5s linear infinite;
    background: transparent;
}

.history-content .fusion-builder-row{
    align-items: center !important;
}

.history-content h3{
    font-size: var(--fontsize-h4) !important;
}


/* History tabs  */

#wrapper .history-element .history-content{
    display: none;
}

#wrapper .history-element .history-content.active{
    display: flex;
}



/* Show More Funktion */

#wrapper .show-more-content{
    display: none;
}

#wrapper .show-more-content.active{
    display: flex;
}


/* Contact Card */


.contact-card {
    justify-content: flex-end;
}

.contact-card img{
    border-radius: 30px 30px 0px 0px !important;
    aspect-ratio: 5 / 4;
    object-fit: cover;
}

.contact-card .fusion-column-wrapper{
    border-radius: 30px !important;
    box-shadow: var(--box-shadow) !important;
    background-color: #fff !important;
    padding-bottom: 10px !important;
}

#wrapper .contact-card .fusion-title{
    margin: 25px 25px 0px 25px !important;
}

#wrapper .contact-card .fusion-text{
    margin: 5px 25px 0px 25px !important;
}

#wrapper .contact-card .fusion-text p{
    margin-bottom: 20 !important;
}

#wrapper .contact-card ul{
    margin: 0px 25px 20px 25px !important;
}

#wrapper .contact-card li{
    padding: 0 !important;
}

#wrapper .contact-card li i:before{
    content: '';
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-color: unset;
    margin-right: 6px;
}

#wrapper .contact-card li i.fa-phone-alt:before{
    background-image: url(./img/icon-phone-red.svg);

}

#wrapper .contact-card li i.fa-envelope:before{
    background-image: url(./img/icon-mail-red.svg);

}

#wrapper .contact-card li a{
    color: var(--primary-color) !important;
}

/* Sponsor-card */

.sponsor-card .fusion-column-wrapper{
    border-radius: 30px !important;
    box-shadow: var(--box-shadow) !important;
    background-color: #fff !important;
    padding: 15px !important;
}

/* Downloads */

.download-element .fusion-builder-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 30px;
}

.download-element .fusion-builder-row .fusion-layout-column{
    border: 2px solid var(--color-off-black);
    border-radius: 30px;
    padding: 30px;
        width: 100%;
            margin: 0 !important;
            height: 100%;

}

.download-element .fusion-builder-row .fusion-layout-column:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}

.download-element .fusion-builder-row .fusion-layout-column:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.download-element .fusion-builder-row .fusion-layout-column:nth-child(3) {
    grid-column: 3;
    grid-row: 1 / 3;
}

.download-element .fusion-builder-row .fusion-layout-column:nth-child(4) {
    grid-column: 1;
    grid-row: 2;
}

.download-element .fusion-builder-row .fusion-layout-column:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
}

.download-element .fusion-builder-row .fusion-layout-column .fusion-column-wrapper{
    height: 100%;
}

.download-element .fusion-builder-row .fusion-layout-column .fusion-title-size-div{
    margin-bottom: auto;
}

.download-element .fusion-builder-row .fusion-layout-column .fusion-title-size-div .fusion-title-heading{
    font-size: var(--fontsize-h4) !important;
    font-weight: 900;
}

.download-element .fusion-builder-row .fusion-layout-column .fusion-title-size-three{
    margin-top: 50px;
}

.download-element .fusion-builder-row .fusion-layout-column .fusion-title-size-three .fusion-title-heading{
    font-size: var(--fontsize-h5) !important;
}

/* Termin ueberseite*/

#wrapper .tribe-events-view,
.single-tribe_events #wrapper #main{
    padding-top: calc(120px + (190 - 120) * ((100vw - 375px) / (1920 - 375)));
    padding-bottom: calc(60px + (120 - 60) * ((100vw - 375px) / (1920 - 375)));
}


#wrapper .tribe-events-view.tribe-common--breakpoint-full .tribe-events-header__events-bar{
    box-shadow: var(--box-shadow);
    border-radius: 50px;
    padding: 5px !important
}

#wrapper .tribe-events-view.tribe-common--breakpoint-full .tribe-events-header__events-bar .tribe-events-c-search__button{
        display: none;
}

#wrapper .tribe-events-view.tribe-common--breakpoint-full .tribe-events-header__events-bar .tribe-events-c-search__input{
    font-size: 16px;
}

#wrapper .tribe-events-view.tribe-common--breakpoint-full #tribe-events-search-container{
      background-color: unset!important;
}

#wrapper .tribe-events-view.tribe-common--breakpoint-full #tribe-events-view-selector-content{
    border-radius: 50px;
    padding: 0 !important;
    margin-right: 5px !important;

}

#wrapper .tribe-events-view.tribe-common--breakpoint-full #tribe-events-view-selector-content ul{
    gap: 5px;
}

#wrapper .tribe-events-view.tribe-common--breakpoint-full #tribe-events-view-selector-content li{
    border-radius: 50px;
    padding: 0;
}

#wrapper .tribe-events-view.tribe-common--breakpoint-full #tribe-events-view-selector-content li.tribe-events-c-view-selector__list-item--day{
    display: none;
}

#wrapper .tribe-events-view.tribe-common--breakpoint-full #tribe-events-view-selector-content li a{ 
    padding: 17px 25px;
    border-radius: 50px;
}

#wrapper .tribe-events-view.tribe-common--breakpoint-full #tribe-events-view-selector-content li:hover a{
    background-color: var(--primary-color);
    color: #fff !important;
}

#wrapper .tribe-events-view.tribe-common--breakpoint-xsmall #tribe-events-view-selector-content{
    border-radius: 25px;
}



#wrapper .tribe-events-view article .tribe-common-g-col img{
    border-radius: 30px;
}

#wrapper .tribe-events-view article .tribe-common-g-col h3,
#wrapper .tribe-events-view article .tribe-common-g-col h4,
#wrapper .tribe-events-view article .tribe-events-calendar-month-mobile-events__mobile-event-details h3 {
    font-size: var(--fontsize-h3) !important;
    line-height: 1.1;
    margin-bottom: 10px !important;
}

.fusion-body .fusion-wrapper #main .tribe-events .tribe-events-calendar-day__event-description, 
.fusion-body .fusion-wrapper #main .tribe-events .tribe-events-calendar-list__event-description{
    margin-top: 5px !important;
}

#wrapper .tribe-events-view .tribe-events-calendar-list__event-cost{
    margin-top: 20px !important;
}

#wrapper .tribe-events-view .tribe-events-calendar-list__event-cost span{
    font-weight: 500 !important;
}

/* termin unterseite */

.single-tribe_events #wrapper #main h2{
    font-size: var(--fontsize-h3) !important;
    margin-bottom: 10px;
}

.single-tribe_events #wrapper #main .tribe-events-schedule *{
    font-size: calc(14px + (20 - 14) * ((100vw - 375px) / (1920 - 375))) !important;
}

.single-tribe_events #wrapper #main .fusion-events-featured-image{
    border-radius: 30px;
    overflow: hidden;
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta .tribe-events-single-section-title, 
.single-tribe_events .sidebar .tribe-events-event-meta .tribe-events-single-section-title{
    border-radius: 25px;
    color: #fff;
}

.single-tribe_events .fusion-theme-sharing-box.fusion-sharing-box{
    border-radius: 25px;
}

.single-tribe_events #main .fusion-content-widget-area:not(.fusion-sticky-sidebar){
    border-radius: 30px;
}

.single-tribe_events #wrapper #main .fusion-theme-sharing-box h4{
    font-size: var(--fontsize-h6);
}

/* Table Tabelle*/

#wrapper .table-1 {
    border: unset;
    box-shadow: var(--box-shadow);
    border-radius: 30px;
    overflow-x: hidden!important
}


#wrapper .table-1 table {
    width: 100%;
    table-layout: fixed
}

#wrapper .table-1 table tr {
    max-width: 100%
}

#wrapper .table-1 * {
    border: unset!important
}

#wrapper .table-1 thead th {
    font-size: 16px!important
}

#wrapper .table-1 td {
    /*width: 50%!important*/
}

#wrapper .table-1 td,
#wrapper .table-1 thead th {
    max-width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap
}

/* Benefit Element */

.benefit-element .fusion-layout-column:not(:last-child):after{
    content: "";
    height: 60%;
    width: 2px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

}

/* Benefit Card */

.benefit-card .fusion-column-wrapper{
    border-radius: 30px !important;
    box-shadow: var(--box-shadow) !important;
    background-color: #fff !important;
    padding-bottom: 10px !important;
    padding: 20px 30px !important;
}

.benefit-card .fusion-column-wrapper h3{
    font-size: var(--fontsize-h5) !important;
}


/* Post Card Load More BTN */

.fusion-post-cards .fusion-load-more-button{
    display: flex;
    justify-content: center;
    width: max-content;
    text-align: center;
    margin: 20px auto;
    height: 55px;
    padding: 10px 25px;
    line-height: 1;
    align-items: center;
    border-radius: 50px;
}

/* Display none */

.display-none{
    display: none !important;
}



@keyframes breathe{
    0% {transform: scale(.5);opacity: 0;}
    50% {opacity: 1;}
    100% {transform: scale(1.2);opacity: 0;}
}




@media screen and (min-width: 1921px) {

    :root {
        /*--content-layout-width: calc(100% - 195px);
        --content-layout-width-big: calc(100% - 40px);
        --content-layout-width-small: 900px;
        */
        --fontsize-h1: 18px;
        --fontsize-h2: 66px;
        --fontsize-h3: 36px;
        --fontsize-h4: 43px;
        --fontsize-h5: 30px;
        --fontsize-h6: 20px;
        --fontsize-body: 18px
    }

    #wrapper .fusion-title h2{
        font-size: 66px !important;
    }

    .fusion-body #wrapper .mini-head .fusion-title-heading, 
    .fusion-body #wrapper .mini-head.fusion-text p{
        font-size: 18px !important;
    }

    .image-board .board .fusion-title .fusion-title-heading{
        font-size: 43px !important;
    }
}

/* < Full Screen */
@media screen and (max-width: 1919px){}

/* < Macbook 1680 x 1050 px = Standard Laptop */
@media screen and (max-width: 1679px){

    /* Opener */

    .opener,
    .main-opener {
        padding: 20px !important;
    }

    /* Header */

    #wrapper .main-header{
        padding-top: 40px;
        padding-right: 40px;
        padding-left: 40px;
    }

    #wrapper .main-header.fusion-sticky-transition{
        padding-top: 20px !important;
    }
}

/* < Standard Laptop 1366 x 768 px = Macbook Air */
@media screen and (max-width: 1366px){

    /* Footer */

    .main-footer .fusion-builder-row .fusion-layout-column{
        width: calc(100% / 3);
    }

    /* News Element Startseite */

    .news-element .news-masonry .fusion-grid{
        margin-top: 30px;
    }

    #wrapper .news-element .news-card .fusion-column-wrapper:before{
        background: linear-gradient(1deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 57%, rgba(0, 0, 0, 0) 100%);
    }

}

/* < Macbook Air 1280 x 800 px = Tablet Landscape */
@media screen and (max-width: 1279px){

    #wrapper .mobile-only {
        display:flex
    }

    /* Menu */

    .main-header .buttons-column{
        display: none !important;
    }

    .main-header>.fusion-builder-row{
        border-width: 1.5px;
        padding: 7px 15px 7px 20px;
    }

    .fusion-body #wrapper .search-mobile.menu-item{
        margin-top: 0 !important;
        margin-bottom: 40px !important;
    }

    /* Menu Navigation */

    nav.awb-menu{
        justify-content: flex-end !important;
    }

     nav.awb-menu button{
        background-color: transparent !important;
        padding: 0 !important;
        margin-right: 10px;
     }
    
    nav.awb-menu .awb-menu__m-collapse-icon-open,
    nav.awb-menu .awb-menu__m-collapse-icon-close,
    nav.awb-menu .awb-menu__m-collapse-icon{
        width: 25px;
        height: 25px;
    }

    nav.awb-menu .awb-menu__m-collapse-icon-open:before,
    nav.awb-menu .awb-menu__m-collapse-icon-close:before{
        content: '' !important;
        width: 25px;
        height: 25px;
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        background-color: unset;
        overflow: visible;
    }

    nav.awb-menu .awb-menu__m-collapse-icon-open:before{
        background-image: url(./img/icon-burger-menu.svg);
    }

    nav.awb-menu .awb-menu__m-collapse-icon-close:before{
        background-image: url(./img/icon-burger-menu-close.svg);
    }

    .main-header .fusion-layout-column {
        width: max-content !important;
    }

    .main-header>.fusion-builder-row{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .main-header>.fusion-builder-row>.fusion-layout-column {
        width: max-content !important;
    }

    nav.awb-menu.collapse-enabled li,
    nav.awb-menu.collapse-enabled li.current-menu-ancestor>a, 
    nav.awb-menu.collapse-enabled li.current-menu-item>a, 
    nav.awb-menu.collapse-enabled li.expanded>a, 
    nav.awb-menu.collapse-enabled li:hover>a,
    nav.awb-menu.collapse-enabled a,
    nav.awb-menu.collapse-enabled li .awb-menu__sub-ul{
        border-bottom: unset !important;
        background: transparent !important;
    }

    .main-header.fusion-sticky-transition nav.awb-menu .awb-menu__m-collapse-icon-close:before,
    .main-header.fusion-sticky-transition nav.awb-menu .awb-menu__m-collapse-icon-open:before,
    .main-header.opaque nav.awb-menu .awb-menu__m-collapse-icon-close:before,
    .main-header.opaque nav.awb-menu .awb-menu__m-collapse-icon-open:before,
    .main-header.active nav.awb-menu .awb-menu__m-collapse-icon-close:before,
    .main-header.active nav.awb-menu .awb-menu__m-collapse-icon-open:before{
        filter: brightness(0) saturate(100%) invert(8%) sepia(0%) saturate(2781%) hue-rotate(145deg) brightness(95%) contrast(71%);
    }


    #wrapper nav.awb-menu #menu-main-menu{
        margin-top: 17px;
        padding: 20px 25px 30px 25px;
        background-color: transparent;
        top: 10vh;
        transform: translateY(0%);
        margin: 0!important;
        max-height: unset !important;
        z-index: -2;
        height: 80vh;
        display: flex;
    }

    #menu-main-menu .menu-item a span {
        font-size: 22px;
        font-weight: 500;    
    }

     nav.awb-menu.collapse-enabled li{
        width: max-content;
        min-width: 210px;
     }

     nav.awb-menu.collapse-enabled li.menu-item-has-children a{
        position: relative; 
     }

     nav.awb-menu.collapse-enabled li.menu-item-has-children button{
        position: absolute; 
        right: -75px;
     }

    nav.awb-menu.collapse-enabled li.menu-item-has-children button:before{
        font-size: 23px;
     }

    nav.awb-menu.collapse-enabled li .awb-menu__sub-ul{
        margin: 5px 0 20px 0 !important;
    }

    nav.awb-menu.collapse-enabled li .awb-menu__sub-ul a{
        min-height: 30px !important;
    }

    nav.awb-menu.collapse-enabled li .awb-menu__sub-ul a span{
        font-size: 18px !important;
    }




    /* Menu Open */


    .main-header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0vh;
        background-color: #fff;
        z-index: 9;
        transition: all 0.3s;
    }

    .main-header.active:after {
        height: 100vh
    }

    #wrapper .main-header .menu-item a .menu-text{
        color: var(--color-off-black);
    }

    .main-header li.menu-item:not(.arrow-btn) a.awb-menu__main-a:before,
    .main-header li.menu-item:not(.arrow-btn) a.awb-menu__main-a:after {
        content: unset !important;
    }

    #wrapper .main-header .menu-item:active a .menu-text,
    #wrapper .main-header .menu-item.current-menu-item a .menu-text,
    #wrapper .main-header .menu-item.current-menu-item a span,
    #wrapper .main-header .menu-item.current-page-ancestor a .menu-text,
    #wrapper .main-header .menu-item.current-menu-ancestor a .menu-text,
    #wrapper .main-header .menu-item.current-menu-parent a .menu-text,
    #wrapper .main-header .menu-item.current-page-parent a .menu-text,
    #wrapper .main-header .menu-item:hover a .menu-text{
        color: var(--primary-color) !important;
    }

    /* Service Element */

    .service-element .service-card .fusion-column-inner-bg + .fusion-column-wrapper div:last-child{
        display: none;
    }

    .service-element .service-card:nth-child(2) .fusion-column-inner-bg:hover + .fusion-column-wrapper .fusion-text {
        height: 50px;
    }

     .service-element .service-card:not(:nth-child(2)) .fusion-column-inner-bg:hover + .fusion-column-wrapper .fusion-text {
        height: 110px;
    }

    .service-element .service-card .fusion-column-wrapper {
        padding: 40px;
    }

    /* News Element */

    #wrapper .news-element .news-card .fusion-column-wrapper{
        padding: 40px;
    }

    .news-element .news-masonry .fusion-grid {
         grid-template-rows: 8fr 7fr;
        gap: 15px;
     }


    /* Event Element */

    #wrapper .event-card:not(:first-child) .fusion-column-wrapper .event-category{
        display: none;
    }

    /* Image Board */

    #wrapper .image-board .fusion-column-wrapper{
        padding: 40px;
    }

    #wrapper .image-board .fusion-column-inner-bg:after{
        right: 40px;
        bottom: 40px;
    }

    /* Contact Card */

    .contact-card{
        width: 50% !important;
    }

    


}


/* < Tablet Landscape 1024 x 768 px = Tablet Portrait */
@media screen and (max-width: 1023px){

    /* Counter Boxes */
        .fusion-counters-box .fusion-counter-box {
        float: left !important;
        width: 33.3% !important;
    }

    .fusion-counters-box .content-box-counter span {
        font-size: 35px;
    }

    .fusion-counters-box .counter-box-content {
        font-size: 14px !important;
    }

    .fusion-counters-box .fusion-counter-box {
        margin-bottom: 0px !important;
        padding: 0 5px !important;
    }

    .fusion-counters-box .fusion-counter-box .counter-box-container {
        padding: 10px !important;
    }


    /* Service Element */

    .service-element .fusion-builder-row {
        grid-template-rows: repeat(2, 250px);
        gap: 15px;
    }

    .service-element .service-card .fusion-column-wrapper {
        padding: 30px;
    }

    .service-element .service-card .fusion-title{
        margin-bottom: 0px !important;
    }

    .service-element .service-card .fusion-column-inner-bg + .fusion-column-wrapper .fusion-text{
        display: none;
    }

     /* News Element */

    #wrapper .news-element .news-card .fusion-column-wrapper{
        padding: 30px;
        min-height: 250px !important;
    }

    #wrapper .news-card .news-category {
        right: 30px;
       top: 30px;
    }

    .news-element .news-masonry .fusion-grid {
        display: flex !important;
    }

    #wrapper .news-card .fusion-column-wrapper h4.fusion-title-heading{
        padding-top: 50px;
    }

       #wrapper .news-card .news-date{
        margin: 0 !important;
        position: absolute;
        left: 30px;
        top: 30px;
    }

    #wrapper .append-news-card .fusion-button {
        margin-top: 0px !important;
    }

    .news-element .news-masonry .fusion-grid{
        margin-top: 10px;
    }

     /* News Element Startseite */

    #wrapper .news-element .news-card .fusion-column-wrapper:before{
        background: linear-gradient(1deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 67%, rgba(0, 0, 0, 0) 100%);    
    }
 

    /* Image Board */
    #wrapper .image-board .board{
        width: 100% !important;
    }

    #wrapper .image-board .fusion-column-wrapper {
     min-height: 200px !important;
     padding: 30px;
    }

    #wrapper .image-board .fusion-column-inner-bg:after{
        right: 30px;
        bottom: 30px;
    }

    .image-board .board .fusion-title-heading {
        opacity: 1 !important;
    }

    /* Footer */

    .main-footer .fusion-builder-row .fusion-layout-column{
        width: calc(100% / 2);
    }

    .main-footer .fusion-builder-row .fusion-layout-column:last-child{
        width: 100%;
    }

    /* Downloads */

    .download-element .fusion-builder-row {
        display: flex !important;
    }

    .download-element .fusion-builder-row .fusion-layout-column{
        width: calc(50% - 15px);
        height: unset;
    }

    .download-element .fusion-builder-row .fusion-layout-column:nth-child(3){
        width: 100%;
    }

    .download-element .fusion-builder-row .fusion-layout-column .fusion-column-wrapper{
        height: unset;
    }

   

}


/* < Tablet Portrait 768 x 1024 px = Smartphone Plus */
@media screen and (max-width:767px) {
    
    /* DSGVO */

    .fusion-body #wrapper .plain-text h1 {
        font-size: 32px !important
    }

    .fusion-body #wrapper .plain-text h2 {
        font-size: 24px !important
    }

    .fusion-body #wrapper .plain-text h3 {
        font-size: 20px !important
    }

    .fusion-body #wrapper .plain-text h4,
    .fusion-body #wrapper .plain-text h5,
    .fusion-body #wrapper .plain-text h6 {
        font-size: 18px !important
    }

    /* Search Site */


    body.search-no-results .fusion-search-form-content,
    body.search-results .search-page-search-form .fusion-search-form-content {
        width: 100%
    }

    body.search-results #posts-container .post .fusion-post-content-wrapper {
        padding: 25px 25px
    }

    /* Reverse */

    .reverse>.fusion-builder-row, 
    .reverse>.fusion-column-wrapper>.fusion-builder-row-inner {
        flex-direction: column-reverse;
    }

    /* Event Element */

    .event-element .fusion-builder-row .fusion-grid {
        display: flex !important;
    }

    #wrapper .event-card{
        width: 100% !important;
    }

    #wrapper .event-card:not(:first-child) .fusion-column-wrapper .event-category{
        display: block;
    }

    #wrapper .event-card .fusion-column-wrapper h3.fusion-title-heading{
        padding-top: 50px;
        font-size: 20px !important;
    }

    .event-element .fusion-builder-row .fusion-grid .event-card .event-date {
        position: absolute;
        left: 0px;
        top: 0px;
        margin: 0 !important;
    }

    .event-element .fusion-builder-row .fusion-grid .event-card{
        min-height: unset !important;
    }

    /* Service Element */

    .service-element .fusion-builder-row{
        display: flex !important;
    }

    .service-element .fusion-builder-row .service-card{
        width: calc(50% - 7.5px) !important;
        height: auto;
        min-height: 200px !important;
        margin: 0;
        border-radius: 25px;
    }


    /* News Element Startseite */

    .news-element .news-masonry .fusion-grid {
        display: flex !important;
    }

    #wrapper .news-element .news-card .news-excerpt p{
        font-size: 14px;
    }

    #wrapper .news-card .fusion-column-wrapper h4.fusion-title-heading {
        padding-top: 70px;
    }


    /* Footer */

    .main-footer .fusion-builder-row .fusion-layout-column{
        width: 100%;
    }

    .social-footer p{
        text-align: center;
    }

    #wrapper .social-footer .fusion-column-wrapper{
        display: flex;
        justify-content: center;
    }

    #wrapper .social-footer .fusion-layout-column:last-child p{
        margin-top: 0 !important;
    }

    /* header */

    .main-header .fusion-builder-row .logo-column img{
        object-fit: contain;
        height: 34px;
        object-position: left
        /*width: 40px;
        ;*/
    }

    /* Tab Trigger */

    #wrapper .news-tab-trigger .fusion-column-wrapper,
    #wrapper .news-overview .fusion-filters {
        gap: 7px;
    }

    #wrapper .news-tab-trigger .tab-trigger,
    #wrapper .news-overview .fusion-filters li a{
        padding: 5px 12px !important;
    }

    /* header */

    .main-header>.fusion-builder-row{
        padding: 9px 12px 9px 15px;
    }

    /* Opener */

    .main-opener .background-image:before,
    #wrapper .opener .opener-background .fusion-imageframe:before {
        background-color: rgb(0 0 0 / .34);
    }

    .opener .fusion-builder-row,
    .main-opener .fusion-builder-row{
        border-radius: 40px ;
    }

    .main-opener .slide-content .heading,
    .main-opener .slide-content .heading .fusion-title{
        margin-bottom: 0 !important;
    }

    .main-opener .slide-content .heading .fusion-title-heading h1,
    .main-opener .slide-content .heading .fusion-title-heading div{
        margin-bottom: 15px !important;
    }

    .main-opener .slide-content .buttons>div {
        margin-top: 15px !important;
    }

    .main-opener .flex-control-nav li{
        margin: 0 4px !important;
    }

    .main-opener .flex-control-nav li a{
        box-shadow: unset !important;
        height: 7px !important;
        width: 7px !important;
    }

    #wrapper .opener .opener-background .fusion-imageframe img{
        object-position: 50% 50%;
    }

    #wrapper .main-opener .background-image{
        background-position: 80% 50%;
    }

    /* Background Positions */

    #wrapper .opener.left-10 .opener-background .fusion-imageframe img{
        object-position: 10% 50%;
    }

    #wrapper .opener.left-20 .opener-background .fusion-imageframe img{
        object-position: 20% 50%;
    }

    #wrapper .opener.left-30 .opener-background .fusion-imageframe img{
        object-position: 30% 50%;
    }

    #wrapper .opener.left-40 .opener-background .fusion-imageframe img{
        object-position: 40% 50%;
    }

    #wrapper .opener.left-45 .opener-background .fusion-imageframe img{
        object-position: 45% 50%;
    }

    #wrapper .opener.right-55 .opener-background .fusion-imageframe img{
        object-position: 55% 50%;
    }

    #wrapper .opener.right-60 .opener-background .fusion-imageframe img{
        object-position: 60% 50%;
    }

    #wrapper .opener.right-70 .opener-background .fusion-imageframe img{
        object-position: 70% 50%;
    }

    #wrapper .opener.right-80 .opener-background .fusion-imageframe img{
        object-position: 80% 50%;
    }

    #wrapper .opener.right-90 .opener-background .fusion-imageframe img{
        object-position: 90% 50%;
    }



    /* Buttons */

    .fusion-button{
        padding: 13px 20px !important;
        font-size: 13px !important;

    }

    
    .fusion-body #wrapper a.transparent-btn,
    .fusion-body #wrapper a.arrow-btn,
    .fusion-body #wrapper .arrow-btn.menu-item a {
        font-size: 13px !important;
        padding: 13px 20px !important;
    }

    .fusion-body #wrapper a.fusion-button.arrow-btn,
    .fusion-body #wrapper .arrow-btn.menu-item a{
        padding-right: 53px !important;

    }

    .fusion-body a.fusion-button.arrow-btn:before,
    .fusion-body #wrapper .arrow-btn.menu-item a:before{
        height: 35px;
        width: 35px;
    }

    .fusion-body a.fusion-button.arrow-btn:after,
    .fusion-body #wrapper .arrow-btn.menu-item a:after {
        height: 35px;
        width: 35px;
        right: 3px;
    }

    /* Image Board */

    #wrapper .image-board .fusion-column-inner-bg:after{
        width: 25px;
        height: 25px;
        padding: 5px;
    }

    /* off Canva */

    .fusion-form-form-wrapper .fusion-form-field input.fusion-form-input,
    .fusion-form-form-wrapper .fusion-form-field select.fusion-form-input{
        height: 43px !important;
    }

    /* newsletter */

    .newsletter form p input[name="email"]{
        height: 43px;
    }

    .newsletter form p input[name="subscribe"] {
        height: 35px;
        width: 35px;
    }

    .newsletter form p:last-child:before {
       right: -3px;
   }

   /* Hostory Element */

   .history-element .fusion-builder-row {
        padding: 25px !important;
        border-radius: 30px;
        min-height: 450px;
    }

     /* Contact Card */

    .contact-card{
        width: 100% !important;
    }

    /* Downloads */


    .download-element .fusion-builder-row .fusion-layout-column{
        width: 100%;
        padding: 25px !important;
    }

    .download-element .fusion-builder-row{
        gap: 15px !important;
    }

    /* Sponsor Grid */

    .sponsor-element .sponsor-card{
        width: 50% !important;
    }

    .sponsor-element .sponsor-card:nth-child(odd) .fusion-column-wrapper{
        margin-right: 7.5px !important;
    }

    .sponsor-element .sponsor-card:nth-child(even) .fusion-column-wrapper{
        margin-left: 7.5px !important;
    }

    /* Benefit Element */

    .benefit-element .fusion-layout-column{
        width: 50% !important;
    }

    .benefit-element .fusion-layout-column:after{
        content: unset !important;
    }

    .benefit-element .fusion-layout-column img{
        width: 100px;
        object-fit: cover;
    }






}


/* < Smartphone 414 x 896 px = Smartphone */
@media screen and (max-width: 414px){}