/* =========================
HEADER
========================= */

/* Schwarzer Header */
.container-header {
background: #000 !important;
}

/* Header-Inhalt (zentriert + eine Zeile) */
.container-header .grid-child {
max-width: 1200px;
margin: 0 auto !important;
padding: 25px 20px !important;
display: flex !important;
align-items: center !important;
gap: 20px !important;
flex-wrap: nowrap !important;
}

/* LOGO */
.header-logo {
display: flex !important;
align-items: center !important;
margin-right: 28px !important; /* Abstand zum Menü */
line-height: 1 !important;
}

.header-logo img {
  display: block !important;
  max-height: 58px !important;
  width: auto !important;
  transform: translateY(5px) !important; /* HIER */
}

/* MENÜ */
.container-header .mod-menu {
display: flex !important;
align-items: center !important;
}

.container-header .mod-menu ul {
display: flex !important;
align-items: center !important;
gap: 18px !important;
margin: 0 !important;
padding: 0 !important;
}

/* Menülinks */
.container-header .mod-menu a {
display: flex !important;
align-items: center !important;
line-height: 1.2 !important;
padding: 0 !important;
}

/* SPRACHE direkt neben Menü */
.container-header .mod-languages {
  display: flex !important;
  align-items: center !important;
  margin-left: 8px !important; /* kleiner Abstand zum Menü */
}

/* KEIN automatisches nach rechts schieben */
.container-header .mod-languages {
  margin-right: 0 !important;
}

/* Sprachliste sauber */
.container-header .mod-languages ul {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Menüfarben */
.container-header a {
color: #fff !important;
}

.container-header a:hover,
.container-header .active > a,
.container-header .current > a {
color: #ffd200 !important;
}

/* =========================
SLIDER
========================= */

/* Link deaktivieren, Text bleibt */
.dj-slide-desc-text a {
pointer-events: none;
color: inherit !important;
text-decoration: none !important;
cursor: default;
}

/* =========================
CONTENT LINKS (GRÜN)
========================= */

main a,
.com-content a,
.item-page a {
color: #2DAB66 !important;
}

main a:hover,
.com-content a:hover,
.item-page a:hover {
color: #238a52 !important;
}

main a:active,
.com-content a:active,
.item-page a:active {
color: #2DAB66 !important;
}

/*===============
ABSTAND ÜS IN CAT VIEW
==================*/
@supports (display:grid) {
    .blog-items .blog-item {
        padding-top: 20px;
    }
}

/* =========================
FOOTER
========================= */

footer,
.container-footer {
background: #000 !important;
color: #fff !important;
}

footer a,
.container-footer a {
color: #fff !important;
}

footer a:hover,
.container-footer a:hover {
color: #ffd200 !important;
}

.container-footer {
padding: 2rem 1rem !important;
border-top: 2px solid #ffd200;
}

/* =========================
MOBILE
========================= */

@media (max-width: 991.98px) {

.container-header .grid-child {
flex-wrap: wrap !important;
gap: 10px 15px !important;
padding: 10px 15px !important;
}

.container-header .mod-menu {
width: 100% !important;
}

.container-header .mod-menu ul {
flex-wrap: wrap !important;
gap: 10px !important;
}

.header-logo img {
max-height: 56px !important;
transform: none !important;
}
}

@media (max-width: 575.98px) {

.container-header .grid-child {
padding: 8px 12px !important;
}

.header-logo img {
max-height: 46px !important;
}

.container-header a {
font-size: 0.95rem !important;
}
}