.elementor-2344 .elementor-element.elementor-element-7f1d605b{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1px/2);}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1px/2);}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1px/2);}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1px/2);}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1px/2);}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-icon i{color:var( --e-global-color-5b4a328 );transition:color 0.1s;}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-icon svg{fill:var( --e-global-color-5b4a328 );transition:fill 0.1s;}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-5b4a328 );}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-5b4a328 );}.elementor-2344 .elementor-element.elementor-element-7b1a68b7{--e-icon-list-icon-size:30px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-item > a{font-family:"CS Calibri", Sans-serif;font-size:1rem;font-weight:normal;}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-text{color:var( --e-global-color-5b4a328 );transition:color 0.1s;}.elementor-2344 .elementor-element.elementor-element-7b1a68b7 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-text );}#elementor-popup-modal-2344 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 0px 0px 0px;}#elementor-popup-modal-2344 .dialog-message{height:auto;}#elementor-popup-modal-2344{justify-content:flex-end;align-items:flex-end;}@media(max-width:1024px){#elementor-popup-modal-2344 .dialog-message{width:100px;}}/* Start custom CSS for container, class: .elementor-element-7f1d605b *//*
  Main container for the FAB (Floating Action Button)
  Assuming this element is within the .elementor-2344 popup as per original context.
  If not, you can remove .elementor-2344 from the .elementor-2344 .elementor-element.elementor-element-7f1d605b.
*/
.elementor-2344 .elementor-element.elementor-element-7f1d605b.flag_iconlist,
.elementor-element.elementor-element-7f1d605b.flag_iconlist { /* Added a version without .elementor-2344 for broader applicability */
    position: fixed !important;
    bottom: 24px;    /* Default distance from bottom - WILL BE ADJUSTED BELOW */
    right: 24px;     /* Distance from right */
    width: 64px !important;     /* UPDATED: Diameter of the circle */
    height: 64px !important;    /* UPDATED: Diameter of the circle */
    background-color: #999999 !important; /* UPDATED: Normal background color */
    border-radius: 50% !important; /* Makes it a circle */ /* Nice shadow */
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.25) !important;
    z-index: 9998 !important;   /* Ensure it's above most content */
    display: flex !important;   /* For centering content */
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;      /* Reset padding */
    margin: 0 !important;       /* Reset margin */
    transition: background-color 0.2s ease-in-out !important; /* Only transition for background color */
    overflow: hidden; /* Ensure nothing spills out if dimensions are tight */
}

/* Adjust bottom position to be above a typical Usercentrics banner */
/* Measure your Usercentrics banner height + desired gap (e.g., 20px) */
.elementor-2344 .elementor-element.elementor-element-7f1d605b.flag_iconlist,
.elementor-element.elementor-element-7f1d605b.flag_iconlist {
    bottom: 24px !important; /* Example: 60px banner + 20px gap = 80px. ADJUST THIS! */
}

/* Reset styles on Elementor's inner container structure */
.elementor-element.elementor-element-7f1d605b.flag_iconlist .e-con-inner {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
    border: none !important;
}

/* Reset styles on the widget itself */
.elementor-element.elementor-element-7f1d605b.flag_iconlist .elementor-element.elementor-element-7b1a68b7 {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
    border: none !important;
}

/* Reset styles on the widget container */
.elementor-element.elementor-element-7f1d605b.flag_iconlist .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Reset styles on the UL */
.elementor-element.elementor-element-7f1d605b.flag_iconlist .elementor-icon-list-items {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Reset styles on the LI */
.elementor-element.elementor-element-7f1d605b.flag_iconlist .elementor-icon-list-item {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Style the link (A tag) to fill the button and center its content (the icon) */
.elementor-element.elementor-element-7f1d605b.flag_iconlist .elementor-icon-list-item a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 64px !important;
    padding: 0 !important;
    text-decoration: none !important;
    color: inherit !important;
}

/* Hide the text "Kontakt" */
.elementor-element.elementor-element-7f1d605b.flag_iconlist .elementor-icon-list-text {
    display: none !important;
}

/* Style the icon wrapper */
.elementor-element.elementor-element-7f1d605b.flag_iconlist .elementor-icon-list-icon {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0;
}

/* Style the SVG icon itself */
.elementor-element.elementor-element-7f1d605b.flag_iconlist .elementor-icon-list-icon svg {
    width: 26px !important;  /* ADJUSTED: Icon size for 55px button */
    height: 26px !important; /* ADJUSTED: Icon size for 55px button */
    fill: #ffffff !important; /* Example icon color: White - CHANGE THIS if needed */
}

/* Hover effect for the button - only background color change */
.elementor-element.elementor-element-7f1d605b.flag_iconlist:hover {
    background-color: #808080 !important; /* UPDATED: Hover background color */
}

@media (max-width: 768px) {
    .sticky_flags .elementor-element.elementor-element-7f1d605b.flag_iconlist,
    .elementor-element.elementor-element-7f1d605b.flag_iconlist {
        width: 64px !important;   /* NEU: Durchmesser des Kreises */
        height: 64px !important;  /* NEU: Durchmesser des Kreises */
        right: 24px !important;    /* Abstand rechts beibehalten oder anpassen */
        bottom: 24px !important;   /* BITTE ANPASSEN: Usercentrics Mobilhöhe + gewünschter Abstand */
    }

    .sticky_flags .elementor-element.elementor-element-7f1d605b.flag_iconlist .elementor-icon-list-icon svg,
    .elementor-element.elementor-element-7f1d605b.flag_iconlist .elementor-icon-list-icon svg {
        width: 20px !important;   /* NEU: Angepasste Icon-Größe für 44px Button (ca. 45% des Durchmessers) */
        height: 20px !important;  /* NEU: Angepasste Icon-Größe für 44px Button */
    }
}

@media (min-width: 585px) and (max-width: 768px) and (orientation: landscape) {
    .sticky_flags .elementor-element.elementor-element-7f1d605b.flag_iconlist,
    .elementor-element.elementor-element-7f1d605b.flag_iconlist {
        right: 40px !important;
        bottom: 88px !important;
    }
}


/*
  Versuch, die Eingangsanimation des Elementor Popups (ID 2344) zu unterdrücken.
  Dies zielt auf das gesamte Popup-Fenster, nicht nur auf den Button darin.
*/
#elementor-popup-modal-2344,
#elementor-popup-modal-2344 .dialog-widget-content {
    animation: none !important;
    animation-name: none !important;
    animation-duration: 0s !important;
    animation-fill-mode: none !important;
    animation-iteration-count: 1 !important; /* Wichtig, um Endlosschleifen bei manchen Animationen zu stoppen */
    animation-play-state: running !important; /* Stellt sicher, dass es nicht pausiert ist und "hängt" */

    transition: none !important;
    transition-property: none !important;
    transition-duration: 0s !important;

    /* Elementor fügt oft eine initiale Unsichtbarkeit hinzu und transformiert für Slide-Animationen */
    opacity: 1 !important; /* Sicherstellen, dass es sichtbar ist */
    transform: none !important; /* Jegliche Transformation zurücksetzen */
    visibility: visible !important; /* Sicherstellen, dass es nicht versteckt ist */
}

/* Elementor verwendet oft Klassen wie .animated oder spezifische Animationsklassen */
#elementor-popup-modal-2344.animated,
#elementor-popup-modal-2344 .dialog-widget-content.animated,
#elementor-popup-modal-2344.elementor-animated-item--slideInRight, /* Spezifisch für slideInRight */
#elementor-popup-modal-2344 .dialog-widget-content.elementor-animated-item--slideInRight {
    animation: none !important;
    animation-name: none !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* Manchmal wird eine initiale .elementor-invisible Klasse verwendet */
#elementor-popup-modal-2344.elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important; /* Falls es über opacity gesteuert wird */
}

#elementor-popup-modal-2344,
#elementor-popup-modal-2344 .dialog-widget-content {
    animation: none !important;
    animation-name: none !important;
    animation-duration: 0s !important;
    animation-fill-mode: none !important;
    animation-iteration-count: 1 !important;
    animation-play-state: running !important;

    transition: none !important;
    transition-property: none !important;
    transition-duration: 0s !important;

    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;

    box-shadow: none !important; /* <<< HINZUGEFÜGT: Entfernt Schatten vom Popup-Modal */
    background: transparent !important; /* <<< HINZUGEFÜGT: Macht Hintergrund des Popup-Modals transparent */
    border: none !important; /* Sicherstellen, dass kein Rand einen Schatteneffekt erzeugt */
}/* End custom CSS */