/* Hauptmenü */
.t4-megamenu .navbar-nav > li > a,
.t4-megamenu .nav-link,
.t4-megamenu .mega-nav > li > a {
    font-size: 16px !important;
}

/* Megamenü-Unterpunkte */
.t4-megamenu .dropdown-menu a,
.t4-megamenu .mega-nav a {
    font-size: 16px !important;
}

/* Höhe der Hauptpunkte im Megamenü */
.t4-megamenu .navbar-nav > li > a,
.t4-megamenu .nav-link,
.t4-megamenu .mega-nav > li > a {
    font-size: 16px !important;
    line-height: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding-top: 5 !important;
    padding-bottom: 5 !important;
}

/* Höhe der Untermenü-Einträge */
.t4-megamenu .dropdown-menu a,
.t4-megamenu .mega-nav a {
    font-size: 16px !important;
    line-height: 24px !important;
    min-height: 24px !important;
    padding-top: 5 !important;
    padding-bottom: 5 !important;
}

/* Globalen Abstand für alle Module auf 10 Pixel reduzieren */
.t4-module, 
.module, 
div[class*="module-"], 
.card.t4-module {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 02px !important;
}

/* Verhindert, dass umschließende Container zusätzlichen Abstand erzwingen */
.t4-palette-row .t4-module {
    margin-block-start: 10px !important;
    margin-block-end: 10px !important;
}

/* Voller Reset für das DJClassifieds Kategoriemodul im T4 Framework */
.dj-classifieds-menu,
.dj-classifieds-menu * {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Erzwingt, dass die Listenpunkte untereinander stehen */
.dj-classifieds-menu li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin-bottom: 8px !important; /* Kleiner Abstand zwischen den Hauptkategorien */
}

/* Stellt sicher, dass die Links sauber als Block gerendert werden */
.dj-classifieds-menu li a {
    display: block !important;
    width: auto !important;
    white-space: normal !important;
}

/* --- DJClassifieds Menu: Sanftes Aufklappen & Trennlinie --- */

/* 1. Basis-Einstellungen für die Unterebenen (starten geschlossen und unsichtbar) */
.dj-classifieds-menu ul ul {
    display: block !important; /* Muss block sein, damit die Animation greift */
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    padding-left: 15px !important;
    /* Steuert die Geschwindigkeit: 0.5s = halbe Sekunde (Wert anpassen für schneller/langsamer) */
    transition: max-height 1.5s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s;
}

/* 2. Wenn der User über die Kategorie fährt: Sanft nach unten auffahren lassen */
.dj-classifieds-menu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    max-height: 500px; /* Ein ausreichend hoher Wert, damit alle Unterpunkte Platz haben */
}

/* 3. Zeiger-Symbol und Abstand für bessere Bedienung */
.dj-classifieds-menu li {
    cursor: pointer;
}

/* 4. Eine saubere Trennlinie (hr) NUR unter diesem spezifischen Modul einfügen */
#.dj-classifieds-menu {
#    position: relative;
#    padding-bottom: 20px !important; /* Abstand zum Strich */
#}

#.dj-classifieds-menu::after {
#    content: "";
#    position: absolute;
#    bottom: 0;
#    left: 0;
#    width: 100%;
#    height: 1px;                  /* Dicke der Linie */
#    background-color: #cccccc;    /* Farbe der Linie (hier ein dezentes Grau, passend zu DEAL4YOU) */
#}

/* Erzwingt Ihre Farbe für alle Menü-Links und deren Symbole */
.dj-classifieds-menu li a,
.dj-classifieds-menu li.parent > a,
.dj-classifieds-menu li.has-child > a,
.dj-classifieds-menu ul li a {
    color: #e00073 !important; /* Setzt Text und Pfeil auf Ihr Pink */
}

/* Stellt sicher, dass die Farbe auch beim Drüberfahren (Hover) stabil bleibt */
.dj-classifieds-menu li a:hover,
.dj-classifieds-menu li.parent > a:hover {
    color: #e00073 !important;
}

#dj-classifieds .profile_outer {
#    display: none !important;
#}

/* Zitat-Box mit Magenta und großem Anführungszeichen */
blockquote {
    position: relative;
    font-size: 16px;
    font-style: italic;
    color: #d80073; /* Textfarbe an das Pink angepasst */
    background-color: #f3f3f3; /* Leicht grauer Hintergrund laut Screenshot */
    border-left: 5px solid #d80073; /* Linker Balken in Magenta */
    
    /* Perfekt ausbalancierte Abstände */
    padding: 15px 20px 15px 55px; 
    margin: 25px 0;
}

/* Entfernt die automatische Leerzeile/Abstand des Textes nach unten */
blockquote p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    display: inline; /* Verhindert, dass der Absatz umbricht */
}

/* Das große Anführungszeichen */
blockquote::before {
    content: "“";
    position: absolute;
    top: -2px; /* Leicht nach oben verschoben für eine bessere Optik */
    left: 15px;
    font-size: 60px;
    font-family: "Georgia", serif;
    line-height: 1;
    color: #d80073; 
#    opacity: 0.4; /* Edle Transparenz */
}

/* Dem Upload-Feld die volle Breite geben, damit der Text Platz hat */
input[type="file"] {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important; /* Erlaubt den Textumbruch, falls nötig */
}