/*
Theme Name:   Hello Elementor Child
Template:     hello-elementor
Version:      1.0.0
Description:  Child Theme
*/

/* ==========================================================
   Mitglieds-Schulen
   Gilt NICHT im Logo-Grid (.logo-grid) und NICHT im
   Elementor-Editor (body.elementor-editor-active).
   ========================================================== */

/* Rahmen */
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    border: 5px solid #c9ae6f;
    background: #fff;
}

/* Direkt aufeinanderfolgende Mitglieder: Rahmen verschmelzen */
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) + .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) {
    margin-top: 0;
    border-top: 0;
}

body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) > .e-con-inner,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) > .elementor-element {
    box-sizing: border-box;
    max-width: 100%;
}

/* Beschriftung oben rechts */
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item)::before {
    content: "GERMAN TAP SCHULMITGLIED";
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 12px;
    background: #c9ae6f;
    color: #000;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    z-index: 2;
}

/* 1. Basis: alle Texte schwarz */
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .elementor-widget-container,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .elementor-widget-container *,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .elementor-heading-title,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .elementor-widget-text-editor,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .elementor-widget-text-editor * {
    color: #000 !important;
}

/* 2. Gold: Überschriften, Links, Schulname (überschreibt Basis) */
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .elementor-widget-heading .elementor-heading-title,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .elementor-widget-heading .elementor-heading-title a,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .elementor-widget-container a,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .elementor-widget-container a *,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .schulname,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .schulname *,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .schulname .elementor-heading-title,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .schulname .elementor-widget-container,
body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) .schulname .elementor-widget-container * {
    color: #b08d3c !important;
}

/* Tablet (bis 1024px): Label unten rechts und kleiner */
@media (max-width: 1024px) {
    body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item) {
        padding-bottom: 0;
    }

    body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item)::before {
        top: auto;
        bottom: 0;
        right: 0;
        padding: 5px 10px;
        font-size: 12px;
    }
}

/* Mobil (bis 767px): Label noch etwas kleiner */
@media (max-width: 767px) {
    body:not(.elementor-editor-active) .e-loop-item.ist-schulmitglied:not(.logo-grid .e-loop-item)::before {
        padding: 4px 8px;
        font-size: 10px;
    }
}