.elementor-6606 .elementor-element.elementor-element-1672525{--display:flex;}.elementor-6606 .elementor-element.elementor-element-8a60b1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1672525 */body {
    padding-bottom: 90px;
}

/* NAV FIX POSITION */
.floating-mobile-nav {
    position: fixed;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 20px);
    max-width: 700px;
    z-index: 999999;
}

/* GLASS NAV */
.floating-mobile-nav-inner {
    display: flex;
    justify-content: space-around;
    align-items: center;

    padding: 12px 10px calc(12px + env(safe-area-inset-bottom));

    background: rgba(15,15,15,0.82);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border-radius: 24px;
    border: 1px solid rgba(255,255,255,0.08);

    /* 👇 Emoji-Größe zentral steuerbar */
    --icon-size: 17px;
}

/* NAV ITEMS */
.nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;

    color: rgba(255,255,255,0.75);
    text-decoration: none;

    font-size: 10px;
    font-weight: 500;
}

/* ICONS */
.nav-item .icon {
    font-size: var(--icon-size);
    line-height: 1;
    margin-bottom: 4px;

    /* verhindert iOS/Android “verschobene Emojis” */
    display: inline-block;
    transform: translateY(1px);
}

/* optional active state */
.nav-item.active {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26db131 *//* =========================
   MODERN GLASS HEADER
========================= */

.glass-header{
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999;

    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);

    border-bottom: 1px solid rgba(255,255,255,0.25);

    box-shadow: 0 12px 35px rgba(0,0,0,0.10);
}

/* INNER FLEX LAYOUT */
.glass-inner{
    max-width: 1200px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;

    padding: 14px 24px;
}

/* LOGO (links bleibt stabil) */
.glass-header .logo{
    justify-self: start;
}

.glass-header .logo a{
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    color: #111;
    letter-spacing: 0.3px;
}

/* NAV (echte MITTE!) */
.glass-nav{
    justify-self: center;

    display: flex;
    gap: 22px;
    align-items: center;

    background: rgba(255,255,255,0.25);
    padding: 8px 14px;
    border-radius: 999px;

    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

    border: 1px solid rgba(0,0,0,0.06);
}

/* LINKS */
.glass-nav a{
    text-decoration: none;
    color: #111;
    font-weight: 500;
    font-size: 14px;

    padding: 6px 10px;
    border-radius: 8px;

    transition: all 0.25s ease;
}

/* Hover Effekt moderner */
.glass-nav a:hover{
    background: rgba(0,0,0,0.06);
    transform: translateY(-1px);
}

/* CTA rechts */
.glass-nav .cta{
    background: #111;
    color: #fff !important;

    padding: 8px 14px;
    border-radius: 999px;

    margin-left: 6px;
}

.glass-nav .cta:hover{
    opacity: 0.85;
    transform: translateY(-1px);
}

/* RECHTS SPACE (für Balance) */
.glass-inner::after{
    content: "";
    justify-self: end;
}

/* =========================
   MOBILE / TABLET AUS
========================= */

@media (max-width: 1024px){
    .glass-header{
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a60b1f *//* =========================
   MODERN CENTER GLASS NAV
========================= */

.glass-header{
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999;

    display: flex;
    justify-content: center;

    padding: 14px 0;

    background: transparent;
}

/* GLASS NAV CONTAINER */
.glass-nav{
    display: flex;
    align-items: center;
    gap: 18px;

    padding: 10px 18px;

    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);

    border: 1px solid rgba(255,255,255,0.7);

    border-radius: 999px;

    box-shadow:
        0 10px 40px rgba(0,0,0,0.10),
        inset 0 1px 1px rgba(255,255,255,0.8);
}

/* LINKS */
.glass-nav a{
    text-decoration: none;
    color: #111111;

    font-size: 14px;
    font-weight: 500;

    padding: 8px 12px;

    border-radius: 999px;

    transition: all 0.25s ease;
}

/* Hover */
.glass-nav a:hover{
    background: rgba(0,0,0,0.05);
    color: #000000;

    transform: translateY(-1px);
}

/* CTA BUTTON */
.glass-nav .cta{
    background: #FF9F1C;
    color: #FFFFFF !important;

    padding: 8px 14px;
    border-radius: 999px;

    box-shadow: 0 6px 20px rgba(255,159,28,0.25);
}

.glass-nav .cta:hover{
    background: #ffad33;
    opacity: 1;

    transform: translateY(-1px);
}

/* =========================
   MOBILE / TABLET AUS
========================= *//* End custom CSS */