/*
 Theme Name:   Windeln.de Bricks Child
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Grundlegende Formatierung für den Artikel */
.article-conclusion {
    background-color: #ffe5e7; /* Hintergrundfarbe */
    margin: 20px; /* Außenabstand */
    padding: 20px; /* Innenabstand */
    border-radius: 5px; /* Ecken abrunden */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Schatten hinzufügen */
}

/* Formatierung für den Titel */
.article-conclusion .node-title {
    font-size: 24px; /* Schriftgröße */
    font-weight: bold; /* Fettschrift */
    margin-bottom: 20px; /* Abstand nach unten */
    border-bottom: 2px solid #333; /* Unterstreichung */
    padding-bottom: 10px; /* Abstand unter dem Text */
}

/* Formatierung für die Liste */
.article-conclusion .list {
    margin-top: 20px; /* Abstand nach oben */
}

/* Formatierung für die Listenelemente */
.article-conclusion .list-item {
    font-size: 18px; /* Schriftgröße */
    margin-bottom: 10px; /* Abstand nach unten */
    padding-left: 10px; /* Abstand links */
    position: relative; /* Positionierung für das Listensymbol */
}

/* Hinzufügen eines Kreissymbols vor den Listenelementen */
.article-conclusion .list-item:before {
    content: '•'; /* Kreissymbol */
    position: absolute; /* Absolute Positionierung */
    left: 0; /* Links ausrichten */
    top: 50%; /* Vertikal zentrieren */
    transform: translateY(-50%); /* Vertikale Zentrierung korrigieren */
    font-size: 24px; /* Schriftgröße des Symbols */
    color: #333; /* Farbe des Symbols */
}
/* Grundlegende Formatierung für den Artikel */
.article-tipps {
    background-color: #e6f7ff; /* Hintergrundfarbe */
    margin: 20px; /* Außenabstand */
    padding: 20px; /* Innenabstand */
    border-radius: 5px; /* Ecken abrunden */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Schatten hinzufügen */
    display: flex; /* Flexbox für Layout */
    align-items: center; /* Vertikale Ausrichtung der Inhalte */
}

/* Formatierung für das Icon */
.icon-free-text {
    width: 60px; /* Breite */
    height: 60px; /* Höhe */
    margin-right: 20px; /* Abstand zum Inhalt */
    background-color: #007acc; /* Hintergrundfarbe des Icons */
    border-radius: 50%; /* Kreisform */
    position: relative; /* Positionierung für das Hintergrundelement */
}

.icon-free-text-bg {
    position: absolute; /* Absolute Positionierung */
    top: 50%; /* Vertikale Zentrierung */
    left: 50%; /* Horizontale Zentrierung */
    transform: translate(-50%, -50%); /* Korrektur der Zentrierung */
    /* Hier können Sie ein Hintergrundbild oder ein SVG-Icon hinzufügen */
}

/* Formatierung für den Titel */
.article-tipps .node-title {
    font-size: 20px; /* Schriftgröße */
    margin-bottom: 10px; /* Abstand nach unten */
    display: flex; /* Flexbox für Layout */
    align-items: center; /* Vertikale Ausrichtung der Inhalte */
}

/* Formatierung für das "Tipps"-Label */
.tipp-label {
    background-color: #007acc; /* Hintergrundfarbe */
    color: #ffffff; /* Textfarbe */
    padding: 5px 10px; /* Innenabstand */
    border-radius: 3px; /* Ecken abrunden */
    margin-right: 10px; /* Abstand zum Titel */
}

/* Formatierung für den Autor */
.tipp-author {
	margin-left: 10px;
    font-weight: bold; /* Fettschrift */
    color: #333; /* Textfarbe */
}

.tipp-author::before {
	content: '';
}
/* Formatierung für die Liste */
.article-tipps ul {
    margin-top: 20px; /* Abstand nach oben */
    padding-left: 20px; /* Abstand links */
}

/* Formatierung für die Listenelemente */
.article-tipps li {
    font-size: 18px; /* Schriftgröße */
    margin-bottom: 10px; /* Abstand nach unten */
}
.article-audit.default.clearfix {
    display: none !important;
}

#block-duedatecalcblock { 
 display: none !important;
}

.icon-instagram {
    font-family: Font Awesome\ 6 Solid; /* Font Awesome Brands-Schriftart */
    font-size: 24px !important; /* Größe des Symbols */
    content: "\f16d" !important; /* Unicode für das Instagram-Symbol in Font Awesome */
}

/* Entfernen des icon-free-text-Divs */
.article-tipps .icon-free-text {
    display: none;
}

/* Hinzufügen eines Leerzeichens zwischen "von" und dem Autor */
.article-tipps .node-title .tipp-author::before {
    content: ' ' !important; /* Leerzeichen hinzufügen */
}

/* Erhöhter Abstand zwischen Punkt und Text in den Listenpunkten */
.article-conclusion .list-item {
    padding-left: 20px; /* Hier können Sie die gewünschte Abstandsbreite einstellen */
}

/* Verstecken der Icons */
.user-info ul li a {
    display: none;
}

/* Anzeigen des Namens des sozialen Netzwerks */
.user-info ul li a.icon-instagram::before {
    content: "Instagram" !important;
	background: red;
    display: inline !important; /* Um den Text anzuzeigen */
}

.user-info ul li a.icon-facebook::before {
    content: "Facebook" !important;
    display: inline !important; /* Um den Text anzuzeigen */
}

.icon-instagram::before {
    content: "Website" !important;
    display: inline !important; /* Um den Text anzuzeigen */
}