.elementor-12 .elementor-element.elementor-element-bdcec0b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-12 .elementor-element.elementor-element-43be79f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-da92315{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-menu-toggle{margin:0 auto;}.elementor-12 .elementor-element.elementor-element-99a7c75{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-bdcec0b{--width:1520px;}}/* Start custom CSS for image, class: .elementor-element-fa6156c *//* ==========================================================
   COMPONENT
   TerhalleLogo

   Version : 5.0.0
   Status  : Premium
========================================================== */

.elementor-12 .elementor-element.elementor-element-fa6156c{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    width:250px !important;

    min-width:250px !important;

    margin:0 !important;

    padding:0 !important;

    background:none !important;

    border:none !important;

    box-shadow:none !important;

    overflow:visible !important;

    transition:
        transform .35s ease,
        filter .35s ease !important;

}


/* ==========================================================
   IMAGE
========================================================== */

.elementor-12 .elementor-element.elementor-element-fa6156c img{

    width:100% !important;

    height:auto !important;

    display:block !important;

    transition:
        transform .35s ease,
        filter .35s ease !important;

}


/* ==========================================================
   HOVER
========================================================== */

.elementor-12 .elementor-element.elementor-element-fa6156c:hover img{

    transform:scale(1.04) !important;

    filter:
        drop-shadow(0 10px 22px rgba(0,0,0,.12)) !important;

}


/* ==========================================================
   XXL
========================================================== */

@media(max-width:1600px){

.elementor-12 .elementor-element.elementor-element-fa6156c{

    width:235px !important;

    min-width:235px !important;

}

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(max-width:1200px){

.elementor-12 .elementor-element.elementor-element-fa6156c{

    width:215px !important;

    min-width:215px !important;

}

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

.elementor-12 .elementor-element.elementor-element-fa6156c{

    width:185px !important;

    min-width:185px !important;

}

.elementor-12 .elementor-element.elementor-element-fa6156c:hover img{

    transform:scale(1.03) !important;

}

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

.elementor-12 .elementor-element.elementor-element-fa6156c{

    width:155px !important;

    min-width:155px !important;

}

.elementor-12 .elementor-element.elementor-element-fa6156c:hover img{

    transform:none !important;

    filter:none !important;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43be79f *//* ==========================================================
   COMPONENT
   HeaderLeft

   Version : 3.0.0
   Status  : Premium
========================================================== */

.elementor-12 .elementor-element.elementor-element-43be79f{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    align-self:center !important;

    width:auto !important;

    min-width:0 !important;

    flex:0 0 auto !important;

    margin:0 !important;

    padding:0 !important;

    overflow:visible !important;

    z-index:10 !important;

}


/* ==========================================================
   XXL
========================================================== */

@media(max-width:1600px){

.elementor-12 .elementor-element.elementor-element-43be79f{

    margin-right:6px !important;

}

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(max-width:1200px){

.elementor-12 .elementor-element.elementor-element-43be79f{

    margin-right:2px !important;

}

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

.elementor-12 .elementor-element.elementor-element-43be79f{

    margin-right:0 !important;

}

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

.elementor-12 .elementor-element.elementor-element-43be79f{

    justify-content:flex-start !important;

    width:auto !important;

    min-width:0 !important;

}

}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6a93827 *//* ==========================================================
   COMPONENT
   NavMenu

   Version : 6.1.0
   Status  : Premium
========================================================== */

.elementor-12 .elementor-element.elementor-element-6a93827{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    flex:1 1 auto !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

}


/* ==========================================================
   DESKTOP WRAPPER
========================================================== */

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu--main{

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:100% !important;

}


/* ==========================================================
   PREFIX
========================================================== */

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu--main::before{

    content:"Vereinsheime";

    display:flex;

    align-items:center;

    margin-right:26px;

    padding-right:26px;

    color:#7A858F;

    font-family:Inter,sans-serif;

    font-size:13px;

    font-weight:700;

    letter-spacing:.12em;

    text-transform:uppercase;

    white-space:nowrap;

    border-right:1px solid rgba(15,106,78,.10);

}


/* ==========================================================
   MENU
========================================================== */

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu{

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:0 !important;

    margin:0 !important;

    padding:0 !important;

    list-style:none !important;

}


/* ==========================================================
   ITEMS
========================================================== */

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>li{

    position:relative;

    display:flex;

    align-items:center;

}


/* ==========================================================
   SEPARATOR
========================================================== */

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>li:not(:last-child)::after{

    content:"•";

    margin:0 20px;

    color:rgba(35,53,66,.18);

    font-size:10px;

    font-weight:700;

}


/* ==========================================================
   LINKS
========================================================== */

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>li>a{

    position:relative !important;

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    color:#233542 !important;

    font-family:Inter,sans-serif !important;

    font-size:15px !important;

    font-weight:600 !important;

    letter-spacing:.02em !important;

    text-decoration:none !important;

    transition:
        color .30s ease,
        transform .30s ease !important;

}


/* ==========================================================
   HOVER
========================================================== */

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>li>a:hover{

    color:#BC071B !important;

    transform:translateY(-1px);

}


/* ==========================================================
   ACTIVE
========================================================== */

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>.current-menu-item>a,
.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>.current_page_item>a{

    color:#74901F !important;

}


/* ==========================================================
   UNDERLINE
========================================================== */

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>li>a::after{

    display:none !important;

}


/* ==========================================================
   NOTEBOOK
========================================================== */

@media(max-width:1200px){

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu--main::before{

    margin-right:18px;

    padding-right:18px;

    font-size:12px;

}

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>li:not(:last-child)::after{

    margin:0 14px;

}

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>li>a{

    font-size:14px !important;

}

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu--main::before{

    display:none;

}

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>li:not(:last-child)::after{

    margin:0 10px;

}

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu>li>a{

    font-size:13px !important;

}

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

/* Elementor übernimmt hier komplett */

.elementor-12 .elementor-element.elementor-element-6a93827 .elementor-nav-menu--main{

    display:none !important;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da92315 *//* ==========================================================
   COMPONENT
   NavMenue

   Version : 2.0.0
   Status  : Premium
========================================================== */

.elementor-12 .elementor-element.elementor-element-da92315{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    flex:1 1 auto !important;

    min-width:0 !important;

    width:100% !important;

    height:100% !important;

    margin:0 !important;

    padding:0 18px !important;

    overflow:visible !important;

    z-index:5 !important;

}


/* ==========================================================
   PREMIUM DIVIDER
========================================================== */

.elementor-12 .elementor-element.elementor-element-da92315::before{

    content:"" !important;

    position:absolute !important;

    left:0 !important;

    right:0 !important;

    bottom:-18px !important;

    height:1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(15,106,78,.06) 12%,
            rgba(15,106,78,.14) 50%,
            rgba(15,106,78,.06) 88%,
            transparent
        ) !important;

    opacity:0 !important;

    transition:opacity .35s ease !important;

}


/* ==========================================================
   XXL
========================================================== */

@media(max-width:1600px){

.elementor-12 .elementor-element.elementor-element-da92315{

    padding:0 16px !important;

}

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(max-width:1200px){

.elementor-12 .elementor-element.elementor-element-da92315{

    padding:0 12px !important;

}

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

.elementor-12 .elementor-element.elementor-element-da92315{

    justify-content:flex-end !important;

    padding:0 6px !important;

}

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

.elementor-12 .elementor-element.elementor-element-da92315{

    flex:0 0 auto !important;

    width:auto !important;

    padding:0 !important;

    justify-content:flex-end !important;

}

.elementor-12 .elementor-element.elementor-element-da92315::before{

    display:none !important;

}

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b2f1ac *//* ==========================================================
   COMPONENT
   DFBLogo

   Version : 1.0.0
   Status  : Premium
========================================================== */

.elementor-12 .elementor-element.elementor-element-7b2f1ac{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:82px !important;

    min-width:82px !important;

    margin:0 !important;

    padding:0 !important;

    transition:
        transform .35s ease,
        opacity .35s ease !important;

}


.elementor-12 .elementor-element.elementor-element-7b2f1ac img{

    width:100% !important;

    height:auto !important;

    display:block !important;

    transition:
        transform .35s ease,
        filter .35s ease !important;

}


.elementor-12 .elementor-element.elementor-element-7b2f1ac:hover img{

    transform:scale(1.05) !important;

    filter:

        drop-shadow(0 8px 18px rgba(0,0,0,.12))

        !important;

}


/* ==========================================================
   XXL
========================================================== */

@media(max-width:1600px){

.elementor-12 .elementor-element.elementor-element-7b2f1ac{

    width:78px !important;

    min-width:78px !important;

}

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(max-width:1200px){

.elementor-12 .elementor-element.elementor-element-7b2f1ac{

    width:72px !important;

    min-width:72px !important;

}

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

.elementor-12 .elementor-element.elementor-element-7b2f1ac{

    width:64px !important;

    min-width:64px !important;

}

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

.elementor-12 .elementor-element.elementor-element-7b2f1ac{

    width:52px !important;

    min-width:52px !important;

}

.elementor-12 .elementor-element.elementor-element-7b2f1ac:hover img{

    transform:none !important;

    filter:none !important;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99a7c75 *//* ==========================================================
   COMPONENT
   HeaderRight

   Version : 1.0.0
   Status  : Premium
========================================================== */

.elementor-12 .elementor-element.elementor-element-99a7c75{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-end !important;

    flex:0 0 auto !important;

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

    z-index:10 !important;

}


/* ==========================================================
   XXL
========================================================== */

@media(max-width:1600px){

.elementor-12 .elementor-element.elementor-element-99a7c75{

    padding-right:2px !important;

}

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(max-width:1200px){

.elementor-12 .elementor-element.elementor-element-99a7c75{

    padding-right:0 !important;

}

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

.elementor-12 .elementor-element.elementor-element-99a7c75{

    justify-content:flex-end !important;

}

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

.elementor-12 .elementor-element.elementor-element-99a7c75{

    justify-content:flex-end !important;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bdcec0b *//* ==========================================================
   COMPONENT
   HeaderInner

   Version : 5.0.0
   Status  : Premium Signature Edition
========================================================== */

.elementor-12 .elementor-element.elementor-element-bdcec0b{

    position:relative !important;

    pointer-events:auto !important;

    width:min(1640px,calc(100% - 48px)) !important;

    margin:0 auto !important;

    display:grid !important;

    grid-template-columns:
        260px
        minmax(0,1fr)
        130px !important;

    align-items:center !important;

    column-gap:34px !important;

    min-height:92px !important;

    padding:14px 30px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.86) 0%,
            rgba(255,255,255,.72) 100%
        ) !important;

    backdrop-filter:
        blur(24px)
        saturate(170%) !important;

    -webkit-backdrop-filter:
        blur(24px)
        saturate(170%) !important;

    border:1px solid rgba(255,255,255,.55) !important;

    border-radius:28px !important;

    overflow:hidden !important;

    box-shadow:

        0 20px 60px rgba(0,0,0,.10),

        0 6px 18px rgba(0,0,0,.05),

        inset 0 1px 0 rgba(255,255,255,.75)

        !important;

    transition:
        all .35s ease !important;

}


/* ==========================================================
   GLASS LIGHT
========================================================== */

.elementor-12 .elementor-element.elementor-element-bdcec0b::before{

    content:"" !important;

    position:absolute !important;

    inset:0 !important;

    border-radius:inherit !important;

    pointer-events:none !important;

    background:

        linear-gradient(

            135deg,

            rgba(255,255,255,.36),

            rgba(255,255,255,.08) 26%,

            transparent 52%,

            rgba(255,255,255,.10) 82%,

            rgba(255,255,255,.26)

        ) !important;

}


/* ==========================================================
   SIGNATURE LINE
========================================================== */

.elementor-12 .elementor-element.elementor-element-bdcec0b::after{

    content:"" !important;

    position:absolute !important;

    left:0 !important;

    right:0 !important;

    bottom:0 !important;

    height:2px !important;

    background:

        linear-gradient(

            90deg,

            rgba(188,7,27,.75) 0%,

            rgba(188,7,27,.25) 18%,

            rgba(255,255,255,.95) 50%,

            rgba(116,144,31,.25) 82%,

            rgba(116,144,31,.75) 100%

        ) !important;

}


/* ==========================================================
   HOVER
========================================================== */

.elementor-12 .elementor-element.elementor-element-bdcec0b:hover{

    transform:translateY(-1px) !important;

    box-shadow:

        0 26px 70px rgba(0,0,0,.12),

        0 10px 24px rgba(0,0,0,.06),

        inset 0 1px 0 rgba(255,255,255,.82)

        !important;

}


/* ==========================================================
   XXL
========================================================== */

@media(max-width:1600px){

.elementor-12 .elementor-element.elementor-element-bdcec0b{

    width:min(1500px,calc(100% - 40px)) !important;

    grid-template-columns:
        235px
        minmax(0,1fr)
        120px !important;

    min-height:86px !important;

    padding:12px 24px !important;

    column-gap:28px !important;

}

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(max-width:1200px){

.elementor-12 .elementor-element.elementor-element-bdcec0b{

    width:calc(100% - 30px) !important;

    grid-template-columns:
        215px
        minmax(0,1fr)
        105px !important;

    min-height:78px !important;

    padding:10px 20px !important;

    column-gap:20px !important;

    border-radius:24px !important;

}

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

.elementor-12 .elementor-element.elementor-element-bdcec0b{

    width:calc(100% - 20px) !important;

    grid-template-columns:
        185px
        minmax(0,1fr)
        90px !important;

    min-height:70px !important;

    padding:8px 16px !important;

    column-gap:14px !important;

    border-radius:20px !important;

}

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

.elementor-12 .elementor-element.elementor-element-bdcec0b{

    width:100% !important;

    grid-template-columns:
        155px
        1fr
        auto !important;

    min-height:64px !important;

    padding:8px 16px !important;

    column-gap:10px !important;

    border-radius:0 !important;

    border-left:none !important;

    border-right:none !important;

    border-top:none !important;

}

.elementor-12 .elementor-element.elementor-element-bdcec0b::before{

    display:none !important;

}

}/* End custom CSS */