.elementor-1286 .elementor-element.elementor-element-e539e35{--display:flex;--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1286 .elementor-element.elementor-element-e539e35:not(.elementor-motion-effects-element-type-background), .elementor-1286 .elementor-element.elementor-element-e539e35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1720;}.elementor-1286 .elementor-element.elementor-element-c57720b{--spacer-size:90px;}.elementor-1286 .elementor-element.elementor-element-2306ccd{--display:flex;}.elementor-1286 .elementor-element.elementor-element-2306ccd:not(.elementor-motion-effects-element-type-background), .elementor-1286 .elementor-element.elementor-element-2306ccd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1720;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1286 .elementor-element.elementor-element-6e1de1e{font-family:"Inter", Sans-serif;font-weight:400;color:#DFDFDF;}.elementor-1286 .elementor-element.elementor-element-cacc370{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;font-family:"Inter", Sans-serif;font-size:10px;font-weight:400;color:#978585;}@media(max-width:767px){.elementor-1286 .elementor-element.elementor-element-6e1de1e{font-size:14px;}.elementor-1286 .elementor-element.elementor-element-cacc370{font-size:14px;}}@media(min-width:768px){.elementor-1286 .elementor-element.elementor-element-e539e35{--content-width:1000px;}.elementor-1286 .elementor-element.elementor-element-2306ccd{--content-width:1000px;}}/* Start custom CSS for container, class: .elementor-element-2306ccd */.neo-calendar-elementor {
    /* Dunkles Farbschema */
    background-color: #0F1720; /* Sehr dunkles Grau */
    color: #e0e0e0; /* Helles Grau für Text */
    font-family: 'Georgia', serif; /* Elegantere, lesbare Serifenschrift */
    padding: 30px;
    border-radius: 10px;
    line-height: 1.6;
    max-width: 100%;
}

/* 2. Titel und Untertitel */
.neo-calendar-elementor h1 {
    color: #00bcd4; /* Türkis/Cyan-Akzentfarbe */
    font-family: 'Helvetica Neue', sans-serif;
    text-align: center;
    border-bottom: 2px solid #333333;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.neo-calendar-elementor .subtitle {
    color: #9e9e9e; /* Gedämpfter Untertitel */
    text-align: center;
    font-style: italic;
    margin-bottom: 40px;
    font-size: 1.1em;
}

/* 3. Abschnittsüberschriften (H2, H3) */
.neo-calendar-elementor h2 {
    color: #ff9800; /* Orange/Bernstein-Akzent für Hauptabschnitte */
    border-left: 5px solid #ff9800;
    padding-left: 15px;
    margin-top: 50px;
    margin-bottom: 20px;
    font-family: 'Helvetica Neue', sans-serif;
}

.neo-calendar-elementor h3 {
    color: #00bcd4;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* 4. Listen und Absätze */
.neo-calendar-elementor p, .neo-calendar-elementor li {
    color: #e0e0e0;
    font-size: 1.05em;
}

.neo-calendar-elementor ul, .neo-calendar-elementor ol {
    margin-left: 20px;
}

/* 5. Formeln (div.formula) - Hervorheben der mathematischen Eleganz */
.neo-calendar-elementor .formula {
    background-color: #2b2b2b; /* Dunklerer Hintergrund für Code/Formeln */
    color: #aed581; /* Heller Grünton für Lesbarkeit */
    padding: 15px;
    margin: 20px 0;
    border-left: 4px solid #ff9800;
    font-family: 'Consolas', 'Courier New', monospace;
    overflow-x: auto; /* Wichtig für Responsivität bei langen Formeln */
}

/* 6. Tabellen-Stil */
.neo-calendar-elementor table {
    width: 100%;
    margin: 25px 0;
    border-collapse: collapse;
    background-color: #252525;
}

.neo-calendar-elementor th, .neo-calendar-elementor td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #3a3a3a;
    color: #e0e0e0;
}

.neo-calendar-elementor thead th {
    background-color: #333333;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
}

/* 7. Spezielle Tabelle für Vorteile/Herausforderungen (comparison-table) */
.neo-calendar-elementor .comparison-table {
    display: flex;
    flex-wrap: wrap; /* Wichtig für Responsivität */
    gap: 20px;
    margin: 30px 0;
}

.neo-calendar-elementor .comparison-card {
    flex: 1 1 calc(33.333% - 20px); /* 3 Spalten auf Desktop */
    background-color: #2b2b2b;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    border-top: 3px solid #00bcd4;
    transition: transform 0.3s, box-shadow 0.3s;
    min-width: 250px; /* Mindestbreite für Karten */
}

.neo-calendar-elementor .comparison-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}

.neo-calendar-elementor .comparison-card h4 {
    color: #ff9800;
    margin-top: 0;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 1.1em;
}

/* 8. Autor-Informationen (Footer) */
.neo-calendar-elementor .author-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-top: 1px dashed #3a3a3a;
    padding-top: 20px;
    margin-top: 50px;
    font-size: 0.9em;
    color: #9e9e9e;
}

.neo-calendar-elementor .author-info strong {
    color: #e0e0e0;
    display: block;
    margin-bottom: 5px;
}

/* 9. Responsive Anpassungen (max-width: 768px für Tablets/Mobile) */
@media (max-width: 768px) {
    .neo-calendar-elementor {
        padding: 20px;
    }

    .neo-calendar-elementor h1 {
        font-size: 1.8em;
    }

    .neo-calendar-elementor h2 {
        font-size: 1.5em;
        padding-left: 10px;
    }

    /* Vergleichskarten auf eine Spalte stapeln */
    .neo-calendar-elementor .comparison-table {
        flex-direction: column;
        gap: 15px;
    }

    .neo-calendar-elementor .comparison-card {
        flex: 1 1 100%;
        min-width: unset;
    }

    /* Autor-Infos untereinander stapeln */
    .neo-calendar-elementor .author-info {
        flex-direction: column;
    }

    .neo-calendar-elementor .author-info > div:first-child {
        margin-bottom: 10px;
    }
}/* End custom CSS */