/*
Theme Name: divi child
Version: 1.0
Description: A child theme of Divi
Template: Divi
Author: Administrator
Text Domain:  divi-child
*/
/****** ANFANG STARTSEITE ******/

/******* CSS, WELCHES FÜR CRITICAL CSS IDENTIFIZIERT WURDE ******/
/* Emoji-Bilder */
/* Rotierender Text auf der Startseite */

/* Emoji-Bilder */
.emojifeier {
    padding-top: 10px !important;
}
.emoji-zeigefinger-daumen {
    padding-top: 10px !important;
}

@media (max-width: 767px) {
    .post-67 .et_pb_row_0 {
        padding-top: 0 !important;
    }
    .post-67 .et_pb_section {
        padding-top: 0 !important;
    }
}
/******* ENDE CSS, WELCHES FÜR CRITICAL CSS IDENTIFIZIERT WURDE ******/

/******* RESTLICHES CSS STARTSEITE *******/

/* Vierecke mit unterschiedlich formatierten Seiten (rotateskewed) */

@media all and (min-width: 10px) {
.rotateskewed-1, .rotateskewed-2, .rotateskewed-3 {
    position: relative; /* Wichtig, damit der Blob am Text klebt */
    background: transparent !important; /* Wir entfernen die harte Box-Farbe */
    padding: 60px 40px !important;
    z-index: 1; /* Text nach oben */
}

.rotateskewed-1::before, 
.rotateskewed-2::before, 
.rotateskewed-3::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%; /* Größe des Blobs im Verhältnis zum Text */
    height: 80%;
    border-radius: 50%; /* Startet als Kreis */
    filter: blur(40px); /* Der magische Weichzeichner für den Wolken-Effekt */
    opacity: 0.8; /* Schön dezent */
    z-index: -1; /* Hinter den Text legen */
}

/* Individuelle Farben und Formen für die Blobs */
.rotateskewed-1::before {
    background: #f3eafd;
    border-radius: 60% 40% 70% 30%; /* Macht den Kreis ungleichmäßig */
}

.rotateskewed-2::before {
    background: #c0d3f4;
    border-radius: 40% 60% 30% 70%;
    width: 90%; /* Darf ruhig etwas variieren */
}

.rotateskewed-3::before {
    background: #fcf2f9;
    border-radius: 50% 50% 60% 40%;
}


}

/* ENDE Vierecke mit unterschiedlich formatierten Seiten */

@media (max-width: 767px) {
    .wie-text-startseite {
        padding-top: 30px !important;
        margin-bottom: -10px !important;
    }
}
/****** ENDE STARTSEITE *********/