/* Ändert den globalen Seitenhintergrund */
body {
    background-color: #ffc125 !important; /* Ersetzen Sie #ff0000 mit Ihrer Wunschfarbe */
}



/* 1. Entfernt Rahmen und Schatten des gesamten Headers */
#header, .header, .t3-header, #top-menu {
    border: none !important;
    box-shadow: none !important;
}

/* 2. Entfernt Rahmen und Schatten von Menüleisten im Kopfbereich */
#menu, .navbar, .nav-menu {
    border: none !important;
    box-shadow: none !important;
}

/* 3. Falls die Umrandung um den gesamten Seitenbereich (Wrapper) liegt */
#wrapper, .site-wrapper, .main-wrapper {
    border: none !important;
    box-shadow: none !important;
}

/* Entfernt die schwarze Umrandung und den Schatten vom Header-Container */
#header-wrap, .header-wrap, #header, .header, .t3-header {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Falls das Template ein inneres Container-Element im Header umrandet */
#header .container, .header .container, #header-inner {
    border: none !important;
    box-shadow: none !important;
}


/* 1. Entfernt alle Ribbon-Grafiken und Farbeffekte direkt im Logo-Bereich */
#logo-wrap .ribbon,
.logo-container .ribbon,
.header .ribbon,
#header .ribbon {
    display: none !important;
}

/* 2. Löscht CSS-Pseudoelemente (Dreiecke/Ecken), die das Ribbon erzeugen */
#logo::before, #logo::after,
.logo-img::before, .logo-img::after,
.navbar-brand::before, .navbar-brand::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* 3. Setzt den Logo-Hintergrund komplett auf transparent, falls das Ribbon durch eine Hintergrundfarbe simuliert wird */
#logo, .logo, .logo-img, .navbar-brand {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Entfernt die Ribbons (Ecken) im linken Spaltenbereich (leftcol) */
#leftcol .module h3::before, 
#leftcol .module h3::after,
#leftcol .moduletable h3::before, 
#leftcol .moduletable h3::after,
#leftcol .ribbon {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* Bereinigt den Hintergrund der Überschriften in leftcol */
#leftcol h3, 
#leftcol h3.moduleh3 {
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding-left: 0 !important; /* Schiebt den Text flach nach links */
}

/* 1. Entfernt Rahmen und Schatten von allen Modul-Boxen in der linken Spalte */
#leftcol .module, 
#leftcol .moduletable, 
#leftcol .box {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important; /* Entfernt eventuelle dunkle Hintergrundboxen */
}

/* 2. Entfernt Rahmen und Linien direkt von den Überschriften (h3) in leftcol */
#leftcol h3, 
#leftcol h3.moduleh3 {
    border: none !important;
    border-bottom: none !important; /* Löscht Unterstreichungen */
    box-shadow: none !important;
}

/* ==========================================
   RECHTE SPALTE (rightcol) BEREINIGEN
   ========================================== */

/* 1. Entfernt die Ribbons (Ecken) im rechten Spaltenbereich */
#rightcol .module h3::before, 
#rightcol .module h3::after,
#rightcol .moduletable h3::before, 
#rightcol .moduletable h3::after,
#rightcol .ribbon {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* 2. Bereinigt den Hintergrund der Überschriften in rightcol */
#rightcol h3, 
#rightcol h3.moduleh3 {
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding-left: 0 !important; /* Schiebt den Text flach nach links */
    border: none !important;
    border-bottom: none !important;
}

/* 3. Entfernt Rahmen, Schatten und Hintergründe von allen Modul-Boxen in rightcol */
#rightcol .module, 
#rightcol .moduletable, 
#rightcol .box {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ========================================================
   TOPMENÜ / HAUPTMENÜ RADIKAL SÄUBERN (NUR WEISSE SCHRIFT)
   ======================================================= */

/* 1. Entfernt alle Schattierungen, Text-Schatten und Linien auf JEDER Menü-Ebene */
#topmenu, #mainmenu, .navbar, .nav, .menu, 
#topmenu li, #mainmenu li, .nav li,
#topmenu a, #mainmenu a, .nav a, .navbar a {
    text-shadow: none !important;      /* Löscht den harten Text-Schatten */
    box-shadow: none !important;       /* Löscht Rahmen-Schatten */
    border: none !important;           /* Löscht Linien */
    background-image: none !important; /* Löscht Farbverläufe */
    outline: none !important;
}

/* 2. Erzwingt die Farbe Weiß und löscht alle automatischen Formatierungen */
#topmenu a, #mainmenu a, .navbar a, .nav a,
#topmenu li a, #mainmenu li a, .navbar-nav a,
.nav-menu a, .menu a {
    color: #ffffff !important;         /* Schriftfarbe eiskalt auf Weiß setzen */
    font-weight: normal !important;    /* Verhindert ungewolltes Fettgedruckt */
    text-transform: none !important;   /* Verhindert automatische Großbuchstaben */
    text-decoration: none !important;  /* Keine Unterstreichungen */
}

/* 3. Hält die Schrift auch beim Drüberfahren (Hover) und auf aktiven Seiten weiß und schattenfrei */
#topmenu a:hover, #mainmenu a:hover, .nav a:hover,
#topmenu .active a, #mainmenu .active a, .nav .active a,
#topmenu li a:focus, #mainmenu li a:focus {
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* ========================================================
   MENÜ ZENTRIEREN & UNTERMENÜS REPARIEREN
   ======================================================= */

/* 1. Haupt-Container zentrieren */
#mainmenu, #topmenu, .navbar, .nav-menu {
    text-align: center !important;
    display: block !important;
}

/* 2. Nur die erste Ebene (Hauptpunkte) zentrieren und nebeneinander anordnen */
#mainmenu > ul, #topmenu > ul, .navbar > ul, .navbar-nav {
    display: inline-block !important;
    float: none !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

#mainmenu > ul > li, #topmenu > ul > li, .navbar-nav > li {
    display: inline-block !important;
    float: none !important;
}

/* 3. UNTERMENÜS RETTEN: Sie dürfen nicht 'inline-block' sein und werden standardmäßig versteckt */
#mainmenu ul li ul, #topmenu ul li ul, .nav-child, .dropdown-menu {
    display: none !important;        /* Wieder unsichtbar machen */
    position: absolute !important;   /* Über den Inhalt legen statt ihn wegzuschieben */
    text-align: left !important;     /* Text im Untermenü wieder normal linksbündig */
}

/* 4. Untermenü wieder einblenden, wenn man mit der Maus über den Hauptpunkt fährt */
#mainmenu ul li:hover > ul, #topmenu ul li:hover > ul, 
.navbar-nav > li:hover .nav-child, .navbar-nav > li:hover .dropdown-menu {
    display: block !important;       /* Wird beim Hovern wieder sichtbar */
}

/* 5. Die einzelnen Punkte INNERHALB des Untermenüs sauber untereinander listen */
#mainmenu ul li ul li, #topmenu ul li ul li, .nav-child li, .dropdown-menu li {
    display: block !important;       /* Untereinander statt nebeneinander */
    float: none !important;
}

/* ========================================================
   KOOPERATIONEN-MODUL: WEISSER HINTERGRUND
   ======================================================= */

/* Setzt den Hintergrund des Moduls auf Weiß und fügt Innenabstände hinzu */
#leftcol [class*="kooperationen"],
.sidebar-left [class*="kooperationen"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    
    /* Innenabstand, damit Texte und Logos nicht am Rand kleben */
    padding: 15px !important; 
    
    /* Optionale Abrundung der Ecken (falls gewünscht, sonst auf 0px setzen) */
    border-radius: 4px !important; 
}

/* Den Kopfbereich-Container auf die volle Breite (100%) zwingen */
.header .container-md, 
header .container-md, 
.site-header .container-md {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Sicherstellen, dass das Logo/Banner-Bild sich der neuen Breite anpasst */
.header .container-md img, 
header .container-md img {
    width: 100% !important;
    height: auto !important;
}

/* Den gesamten Footer und ALLE inneren Boxen weiß färben */
footer, .footer, .site-footer, 
footer div, .footer div, .site-footer div,
footer section, .footer section, .site-footer section {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #333333 !important;
}

/* Alle Überschriften und Texte im Footer dunkel machen */
footer h1, footer h2, footer h3, footer h4, footer p, footer span {
    color: #333333 !important;
}

/* Links im Footer lesbar (z. B. blau) einfärben */
footer a, .footer a {
    color: #0056b3 !important;
    text-decoration: underline;
}