/*
Theme Name:  BüroRettung
Theme URL:   https://buerorettung.de
Description: Write here theme description.
Author:      commoda1 | Michael Schnepper
Author URL:  https://buerorettung.de
Template:    Divi
Version:     1.0.0
*/

* Globale Row-Breite für alle Rows in Divi */
/* Start */
.et_pb_row {
    max-width: 1080px; /* Oder alternativ 90% für flexiblere Breite */
    width: 90%;
    margin: auto;
}
/* Ende */

/* Falls du möchtest, dass bestimmte Rows auf volle Breite gehen 
Start
.et_pb_row.fullwidth {
    max-width: 100%;
    width: 100%;
}
*/

/* Falls du den Abstand zwischen den Spalten reduzieren willst 
Start
.et_pb_row {
    padding-left: 15px;
    padding-right: 15px;
}
Ende */

/* 🔹 HARMONISCHE ABSTÄNDE ZWISCHEN SECTIONS & ROWS */

/* Verringert Abstand zwischen Sektionen */
.et_pb_section {
    padding: 15px 0 !important; /* Weniger Abstand nach oben und unten */
}

/* Reduziert Abstand zwischen Rows */
.et_pb_row {
    padding: 0px !important;
    margin-bottom: 5px !important; /* Weniger Abstand zwischen den Rows */
}

/* Entfernt übermäßige Abstände in Spalten */
.et_pb_column {
    padding: 0px !important;
    margin: 0px !important;
}

/* Verringert Standardabstände für Textelemente */
.et_pb_text {
    margin-bottom: 5px !important;
    padding: 0px !important;
}

/* Falls Buttons oder andere Module zu viel Abstand haben */
.et_pb_module {
    margin-bottom: 5px !important;
}

/* 🔹 CALL-TO-ACTION (CTA) BUTTONS OPTIMIEREN */

/* Basis-Stil für CTA-Buttons */
.cta-button {
    display: inline-block;
    padding: 12px 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

/* Haupt-CTA (Rot-Orange für mehr Aufmerksamkeit) */
.cta-button.primary {
    background-color: #f04e30;
    color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.cta-button.primary:hover {
    background-color: #d84315;
}

/* Sekundärer CTA (Grün für Vertrauen & Beruhigung) */
.cta-button.secondary {
    background-color: #28a745;
    color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.cta-button.secondary:hover {
    background-color: #218838;
}

/* Zentrierung der Buttons */
.cta-container {
    text-align: center;
    margin: 10px 0;
}

/* 🔹 MOBILE OPTIMIERUNG FÜR KLEINE BILDSCHIRME */
@media (max-width: 768px) {
    .et_pb_section {
        padding: 10px 0 !important;
    }

    .et_pb_row {
        margin-bottom: 3px !important;
    }

    .cta-button {
        font-size: 16px;
        padding: 10px 15px;
    }
}