.elementor-30 .elementor-element.elementor-element-f32b0ef{--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;--margin-top:0px;--margin-bottom:-200px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:200px;--padding-right:0px;--z-index:100;}.elementor-widget-theme-site-logo .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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-f32b0ef *//* Shrinking Header Section */
.shrink-header.elementor.shrink-header.elementor-sticky--effects {
    background: rgba(199, 199, 199, 0.01); /* Transparent mit leichter Tönung */
    height: 10vh !important;
    width: 100% !important; /* Header immer 100% Breite */
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    transition: all 0.5s linear !important; 
}

/* Menu font-size adjustments */
.menu {
    font-size: 1.2rem !important;
    transition: font-size 0.3s linear !important; /* Präziser: Übergang nur für font-size */
}

.shrink-header.elementor-sticky--effects .menu {
    font-size: 1.1rem !important;
}

/* Changing color of the menu items */
.shrink-header.elementor-sticky--effects .elementor-nav-menu a {
    color: #333 !important;
    transition: color 0.3s linear !important; /* Übergang nur für Farbe */
}

/* Shrinking Logo */
.logo img {
    width: 8vh !important;
    transition: width 0.5s linear !important; /* Präziser: Übergang nur für Breite */
}

.shrink-header.elementor-sticky--effects img {
    width: 7vh !important;
}

/* Shrinking menu image for specific screen sizes */
.menu-image-title-hide {
    width: 100%;
    max-width: 800px;
    transition: width 0.3s ease-in-out;
}

@media screen and (max-width: 1750px) {
    .menu-image-title-hide {
        max-width: 600px;
        width: 80%;
    }
}

@media screen and (max-width: 1200px) {
    .menu-image-title-hide {
        max-width: 400px;
        width: 70%;
    }
}

/* Tablet and Mobile Menu Adjustments */
@media screen and (max-width: 1024px) {
    .shrink-header.elementor-sticky--effects {
        height: 8vh !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .shrink-header.elementor-sticky--effects img {
        width: 6vh !important;
    }

    .shrink-header.elementor-sticky--effects ul li a {
        font-size: 1rem !important;
        color: black !important; /* "font-color" ist falsch; sollte "color" sein */
    }

    .shrink-header.elementor-sticky--effects .elementor-button {
        padding: 10px 32px !important;
        transition: padding 0.2s linear !important;
    }
}

/* Mobile Adjustments */
@media screen and (max-width: 460px) {
    .shrink-header.elementor-sticky--effects {
        height: 8vh !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .shrink-header.elementor-sticky--effects img {
        width: 5vh !important;
    }

    .shrink-header.elementor-sticky--effects ul li a {
        font-size: 1rem !important;
        color: black !important; /* "font-color" ist korrigiert zu "color" */
    }

    .shrink-header.elementor-sticky--effects .elementor-button {
        padding: 10px 32px !important;
    }
}


/* Standardgröße des Bildes */
.menu-image.menu-image-title-hide {
    width: 100% !important;
    max-width: 150px; /* Maximale Breite im normalen Modus */
    transition: width 0.3s ease-in-out; /* Sanfter Übergang */
}

/* Verkleinerung für Tablet (Bildschirmbreiten bis 1024px) */
@media screen and (max-width: 1024px) {
    .menu-image.menu-image-title-hide {
        max-width: 70px; /* Tablet-Größe */
        width: 70%; /* Relative Breite */
    }
}

/* Verkleinerung für Mobile (Bildschirmbreiten bis 460px) */
@media screen and (max-width: 460px) {
    .menu-image.menu-image-title-hide {
        max-width: 50px; /* Mobile-Größe */
        width: 50%; /* Relative Breite */
    }
}/* End custom CSS */