/*Sprachumschalter formatieren
#lang-switcher img {
  width: 30px !important;
  height: auto !important;
  margin-left: 10px !important;
  margin-right: 20px !important;
  transition: transform 0.2s;
}

#lang-switcher img:hover {
  transform: scale(1.15);
}


/* Sprachumschalter nur auf Mobilgeräten sichtbar */
/* Standard: Sprachumschalter ausblenden */
#lang-switcher {
  display: none !important;
}

/* Nur auf kleinen Smartphones einblenden */
@media (max-width: 768px) {
  #lang-switcher {
    display: block !important;
  }
}



/* Auzählungspunkte beim Flaggensymbol entfernen*/
#lang-switcher ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 1px;
}

#lang-switcher li {
  list-style: none;
}

/* Menü Button in Mobilansicht verschieben */
/*
@media (max-width: 768px) {
  header .menu-toggle {
    position: absolute !important;
    top: 1rem !important;
    left: 1rem !important;
    right: auto !important;
    z-index: 1000 !important;
  }

  #lang-switcher {
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;
    z-index: 1001 !important;
  }
}
*/

/* Sprachumscchalter in Mobilansicht verschieben*/
@media (max-width: 768px) {
  #lang-switcher {
    position: absolute !important;
    top: 3.5rem !important;          /* optisch weiter unten */
    right: 1rem !important;
    z-index: 9999 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #lang-switcher img {
    width: 28px !important;
		height: auto !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
  }
}

#lang-switcher img:hover {
  transform: scale(1.15);
}

/*"Menü" Text vor Hamburger löschen */
.menu-toggle {
  text-indent: -9999px !important;
  overflow: hidden !important;
  position: relative !important;
}

.menu-toggle::after {
  content: "☰";
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  font-size: 1.5rem;
  line-height: 1;
  color: inherit;
}

/* Anzeige Seiten-Tiel unterdrücken */
.site-title {
  display: none !important;
}

/****** Text im  Header anzeigen */
.custom-header-text {
  text-align: left;
  font-size: 1.8rem;
  margin-top: 1rem;
  font-weight: bold;
	padding-left: 1rem;
  padding-right: 4rem; /* Abstand zu den Flaggen */
  max-width: 90%;       /* Optional: auf 90 % der Breite begrenzen */
  box-sizing: border-box;
	color: #006400;
}
/* Standardgröße (Desktop) */
.custom-header-text {
  font-size: 1.8rem;
}

/* Mobilansicht: kleinere Schrift ********/
@media (max-width: 768px) {
  .custom-header-text {
    font-size: 1.4rem;
  }
}


/****** Darstellung der Beitragsbilder in der Vorschau optimieren, grauen Schleier entfernen */
/* Zunächst das Overlay des Systems entfernen*/

.wp-block-newspack-blocks-homepage-articles .post-thumbnail::before,
.wp-block-newspack-blocks-homepage-articles .post-thumbnail::after {
  content: none !important;
  background: none !important;
  display: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
}

/* Entferne auch eventuelle Overlay-Filter */
.wp-block-newspack-blocks-homepage-articles .post-thumbnail img {
  filter: none !important;
  opacity: 1 !important;
}


/* Dann Helligkeit des Bildes etwas reduzieren für Lesbarkeit der Schrift */
.wp-block-newspack-blocks-homepage-articles .post-thumbnail img {
  filter: brightness(0.65) !important;
}


/********* Abstand zwischen Header und Inhalt verringern */
/* Abstand UNTER dem Header verringern */
@media (max-width: 768px) {
	header {
  padding-bottom: 0.5rem !important; /* oder 0, wenn du ganz eng willst */

/*Abstand VOR dem Hauptinhalt verringern */
main {
  padding-top: 0.5rem !important; /* ebenfalls anpassbar */
}

/* Schriftgröße in Titeln mobil anpassen */
	@media (max-width: 600px) {
  h1,
  .wp-block-post-title {
    font-size: 2.8rem !important; /* oder z. B. 24px */
  }

  h2 {
    font-size: 1.8rem !important; /* oder z. B. 20px */
  }
}