/*
Theme Name: OnkoPass
Description: A <a href='https://roederstein.org'>Child Theme</a> for the Enfold Wordpress Theme.
Version: 1.0
Author: Max
Author URI: http://roederstein.org
Template: enfold
*/



/*Add your own styles here:*/


#top #wrap_all #socket, #top #wrap_all #socket span{
font-size: 12px !important;
}

#top #wrap_all #footer .flex_column p{
font-size: 12px !important;
}

#footer .widgettitle { font-size: 16px !important; }
#footer { padding: 0; }


/* Blog-Übersicht */
.custom-blog-overview {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Blog-Element: Ganze Sektion klickbar */
.custom-blog-item-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* Blog-Element: Bild + Text */
.custom-blog-item {
    display: flex;
    align-items: center;
    gap: 15px; /* Abstand zwischen Bild und Text */
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    transition: background 0.2s ease-in-out;
}

.custom-blog-item:hover {
    background: rgba(0, 0, 0, 0.05); /* Leichter Hover-Effekt */
    cursor: pointer;
}

/* Bildgröße 1:1 */
.custom-blog-image {
    flex: 0 0 70px; /* Breite des Bildes */
    max-width: 70px;
    height: 70px; /* Höhe = Breite für quadratische Bilder */
    overflow: hidden;
    border-radius: 6px; /* Leichte Rundung */
}

/* Bild skalieren, damit es 1:1 bleibt */
.custom-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Sorgt dafür, dass das Bild das Quadrat füllt */
    border-radius: 6px;
}

/* Text-Inhalt */
.custom-blog-content {
    flex: 1;
}

/* Kategorien kompakter & vollständiger Hintergrund */
.blog-category {
    background: #E4EAF6;
    color: #3A4F7A;
    font-size: 9px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 2px;
    text-transform: uppercase;
    display: inline-block; /* Wichtig für die korrekte Hintergrundgröße */
    min-width: fit-content; /* Passt sich der Textlänge an */
    max-width: 180px; /* Verhindert, dass es zu breit wird */
    white-space: nowrap; /* Kein Umbruch in der Kategorie */
    text-align: center;
    line-height: 1.3;
}



/* Verhindert, dass sich zu viele Kategorien stapeln */
.custom-blog-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 4px; /* Abstand zwischen den Boxen */
    max-width: 100%; /* Verhindert, dass sich zu viele Kategorien untereinander stapeln */
}


/* Titel größer machen und normale Schreibweise */
.custom-blog-content h2 {
    font-size: 16px; /* Vorher 14px → Jetzt besser lesbar */
    margin: 3px 0;
    font-weight: 600;
    text-transform: none !important; /* Erzwingt normale Groß-/Kleinschreibung */
}

/* Falls der Titel-Link ebenfalls betroffen ist */
.custom-blog-content h2 a {
    text-transform: none !important;
}


/*[aria-label="Header"] {
    display: none !important;
}
*/