.elementor-717 .elementor-element.elementor-element-0473aad{--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;--align-items:center;}.elementor-717 .elementor-element.elementor-element-5aa0de6{--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;}.elementor-717 .elementor-element.elementor-element-4a6d4d6{--spacer-size:80px;}:root{--page-title-display:none;}/* Start custom CSS */.custom-alert {
    /* Allgemeine Layout-Eigenschaften für alle Alerts */
    padding: 1rem 1rem;       /* Innenabstand (oben/unten | links/rechts) */
    margin-bottom: 1rem;      /* Abstand nach unten */
    border: 1px solid transparent; /* Standard-Rahmen, der später eingefärbt wird */
    border-radius: 0.25rem;   /* Abgerundete Ecken */
    font-size: 1rem;
}

.custom-alert-success {
    /* Farben für den Erfolgszustand (Bootstrap-Grün-Schema) */
    
    /* 1. Hintergrundfarbe */
    background-color: #d1e7dd; 
    
    /* 2. Textfarbe */
    color: #0f5132;           
    
    /* 3. Rahmenfarbe */
    border-color: #badbcc;    
}

.custom-alert-danger {
    /* Farben für den Erfolgszustand (Bootstrap-Grün-Schema) */
    
    /* 1. Hintergrundfarbe */
    background-color: #f8d7da; 
    
    /* 2. Textfarbe */
    color: #842029;           
    
    /* 3. Rahmenfarbe */
    border-color: #f5c2c7;    
}


.custom-alert a {
    /* Link-Stil innerhalb der Meldung */
    color: #0f5132;
    text-decoration: underline;
}

.button-warning,
.button-warning:hover,
.button-warning:active {
all: unset; color: #000000; background-color: #cda40e;    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    width: 200px;   
    margin: 0 auto;
	text-align: center;
}

/* Basis-Card-Container */
.custom-card {
    border: 1px solid #dee2e6; /* Rahmenfarbe wie bei Bootstrap (hellgrau) */
    border-radius: 0.25rem;    /* Abgerundete Ecken */
    margin-bottom: 1.5rem;     /* Abstand nach unten */
    background-color: #fff;    /* Weiße Hintergrundfarbe */
    max-width: 400px;          /* Beispielbreite */
}

/* Karten-Header-Bereich */
.custom-card-header {
    padding: 0.75rem 1.25rem;   /* Innenabstand (oben/unten | links/rechts) */
    margin-bottom: 0;           /* Wichtig: Entfernt den Standardabstand */
    background-color: #f8f9fa;  /* Hellgrauer Hintergrund für den Header */
    border-bottom: 1px solid #dee2e6; /* Trennlinie zum Body */
    
    /* Stellt sicher, dass nur die oberen Ecken abgerundet sind */
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    
    font-weight: 600; /* Leichte Fettschrift für den Header-Text */
}

/* Karten-Body-Bereich */
.custom-card-body {
    padding: 1.25rem; /* Innenabstand für den Hauptinhalt */
}/* End custom CSS */