.elementor-811 .elementor-element.elementor-element-9525bef{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-811 .elementor-element.elementor-element-9525bef:not(.elementor-motion-effects-element-type-background), .elementor-811 .elementor-element.elementor-element-9525bef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0AF2;}.elementor-811 .elementor-element.elementor-element-9525bef::before, .elementor-811 .elementor-element.elementor-element-9525bef > .elementor-background-video-container::before, .elementor-811 .elementor-element.elementor-element-9525bef > .e-con-inner > .elementor-background-video-container::before, .elementor-811 .elementor-element.elementor-element-9525bef > .elementor-background-slideshow::before, .elementor-811 .elementor-element.elementor-element-9525bef > .e-con-inner > .elementor-background-slideshow::before, .elementor-811 .elementor-element.elementor-element-9525bef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000CC;--background-overlay:'';}.elementor-811 .elementor-element.elementor-element-c8fbbe4{--display:flex;}.elementor-811 .elementor-element.elementor-element-454d687 > .elementor-widget-container{border-style:solid;border-width:0px 0px 2px 0px;border-color:#999999;}.elementor-811 .elementor-element.elementor-element-454d687 .elementor-heading-title{font-family:"Inter", Sans-serif;text-transform:uppercase;color:#999999;}.elementor-811 .elementor-element.elementor-element-3b6be04{font-family:"Inter", Sans-serif;font-size:10px;color:#999999;}#elementor-popup-modal-811{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-811 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-811 .dialog-close-button{display:flex;}#elementor-popup-modal-811 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-811 .elementor-element.elementor-element-9525bef{--content-width:80vw;}}/* Start custom CSS for container, class: .elementor-element-9525bef */.elementor-811 .elementor-element.elementor-element-9525bef .elementor-popup__message {
    max-height: 70vh;
    overflow-y: auto;
}

/* Custom Scrollbar für den High-End Look */
.elementor-811 .elementor-element.elementor-element-9525bef ::-webkit-scrollbar {
    width: 5px;
}
.elementor-811 .elementor-element.elementor-element-9525bef ::-webkit-scrollbar-thumb {
    background: #DC2626;
    border-radius: 10px;
}

/* 1. Den äußeren Kreis/Container stylen */
.elementor-811 .elementor-element.elementor-element-9525bef .elementor-close-button {
    background-color: #0A0A0A !important; /* Hintergrundfarbe */
    border: 2px solid #DC2626 !important; /* Dein Kano-Rot */
    border-radius: 50% !important; /* Perfekter Kreis */
    width: 45px !important;  /* Feste Breite */
    height: 45px !important; /* Feste Höhe */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    transition: all 0.3s ease !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 9999 !important; /* Sicherstellen, dass er oben liegt */
}

/* 2. Das Icon im Inneren (SVG oder Font) ansprechen */
.elementor-811 .elementor-element.elementor-element-9525bef .elementor-close-button i,
.elementor-811 .elementor-element.elementor-element-9525bef .elementor-close-button svg {
    fill: #DC2626 !important;   /* Farbe für SVGs */
    color: #DC2626 !important;  /* Farbe für Fonts */
    width: 20px !important;     /* Größe des Icons im Kreis */
    height: 20px !important;    /* Größe des Icons im Kreis */
    font-size: 20px !important;
    line-height: 20px !important;
}

/* 3. Hover-Effekt */
.elementor-811 .elementor-element.elementor-element-9525bef .elementor-close-button:hover {
    background-color: #DC2626 !important;
    transform: scale(1.1);
}

/* 4. Icon-Farbe beim Hover ändern */
.elementor-811 .elementor-element.elementor-element-9525bef .elementor-close-button:hover i,
.elementor-811 .elementor-element.elementor-element-9525bef .elementor-close-button:hover svg {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
}/* End custom CSS */