.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"PT Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"PT Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"PT Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"PT Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Sidebutton – Mobile bleibt eine Bottom-Bar */
.sidebutton{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    background-color: var(--e-global-color-primary); /* BG nur mobil */
    z-index: 9999;
    justify-content: space-around;
    color: white;
}

.sidebutton-icon{
    padding: 20px;
    color: white !important;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0;
}

.sidebutton-icon img{
    width: 25px;
    color: #fff !important;
}

@media screen and (max-width: 1023px){
    .text-hidden{
        margin-left: 10px;
        display: none;
    }
}

/* Desktop: Buttons stehen rechts untereinander, jeder expandiert nur für sich */
@media screen and (min-width: 1024px){
    .sidebutton{
        right: 0;
        top: 50%;
        bottom: unset;
        left: unset;
        flex-direction: column;
        background-color: transparent;        /* WICHTIG: kein globaler BG */
        align-items: flex-end;
        transform: translateY(-50%);
        gap: 10px;
        padding: 0;
    }

    .sidebutton-icon{
        /* eigener Button-Hintergrund */
        background-color: #94A6C8;
        border-radius: 12px 0 0 12px;
        padding: 14px 16px;
        overflow: hidden;                     /* versteckt den Text im eingeklappten Zustand */
        white-space: nowrap;
        transition: padding-right .25s ease;
        gap: 0;
    }

    /* Der Text ist standardmäßig „eingeklappt“ */
    .sidebutton-icon .text-hidden{
        font-size: 18px;
        margin-left: 0;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        display: inline-block;               /* für max-width-Transition wichtig */
        transition:
            max-width .25s ease,
       	    opacity .25s ease,
            margin-left .25s ease;
    }

    /* Nur der gehoverte Link klappt seinen eigenen Text auf */
    .sidebutton-icon:hover{
        padding-right: 24px;
    }
    .sidebutton-icon:hover .text-hidden{
        margin-left: 12px;
        max-width: 260px;                    /* je nach Textlänge anpassen */
        opacity: 1;
    }
}
/* Sidebutton Ende *//* End custom CSS */