form {
  width: 100%;
}

.content {
  max-width: 50em;
  margin: 0 auto;
}
body {
  padding: 2%;
  color: rgb(48, 48, 48);
  font-family: "GT-Eesti-Display-Regular", Arial;
} 
a {
  color: #ee1117;
}
a:hover {
  color: #000;
}

.logo {
  width: 75%;
}

.lightblue {
  background-color: #e0f7fa;
}
.form-select {
  margin-right: 0;
  margin-top: 0.375rem;
  margin-bottom: 1rem;
}
.footer {
  margin-top: 2em;
  bottom: 0;
  width: 100%;
}
.navbar {
  background-color: var(--bs-gray-dark);
  color: var(--bs-light);
}

fieldset {
  padding: 1em;
  margin-top: 1em;
  border: 1px solid black;
}
.tox-promotion,
.tox-menubar,
.tox-statusbar {
  display: none !important;
}
.flex-box {
  display: flex;
  align-items: center;
  column-gap: 20px;
  /* border: 1px solid black; */
  margin-bottom: 1rem;
  justify-content: start;
}
.jmodal {
  max-width: 700px; border-radius: 75px;
}
caption{ color: #ee1117 !important; font-weight: 700;}
.offer_detail_headline{color: #ee1117 !important; text-align: center;}
.center-text{text-align: center;}
.box {
  flex: 1 1 30%;  /* Setzt die grundlegende Flex-Größe der Boxen */
  background-color: #e5e5e5; 
  border: 1px solid #ccc; 
  border-radius: 30px;
  /* padding: 20px; */
  text-align: center;
}
img.st_logo {
  /* max-width: 320px; */
  position: relative;
  /* left: -65px; */
  z-index: -1;

}

img.pht_logo{width:100px;}

.main {
  padding-top: 3rem;
}
h6 {margin-bottom:0;}
.psycho-container {
  display: flex; /* Aktiviert Flexbox für den Container */
  flex-wrap: wrap; /* Erlaubt, dass die Boxen in die nächste Zeile umbrechen, wenn der Platz nicht ausreicht */
  justify-content: space-evenly; /* Verteilt den Platz gleichmäßig zwischen den Boxen */
  gap: 10px; /* Fügt einen Abstand zwischen den Boxen hinzu */
}

a.no_hover {
  text-decoration: none; /* Entfernt die Unterstreichung */
  color: inherit; /* Behält die Standardfarbe des Links bei */
  cursor: pointer; 
}
a.no_hover:hover {
  text-decoration: none; /* Entfernt die Unterstreichung */
  color: inherit; /* Behält die Standardfarbe des Links bei */
cursor: pointer;
 }

.foerderer {
  max-width: 25%;
}
/* Medienabfrage für schmale Bildschirme */
@media (max-width: 768px) {
  img.st_logo {display:none;}
}

.no_padding > p {margin-bottom: 0;}

.flex-container {
  display: flex;
  flex-wrap: wrap; /* Erlaubt das Umbrechen der Elemente in die nächste Zeile */
  /*gap: 10px;  Fügt einen Abstand zwischen den Boxen hinzu */
}

.flex-item {
  flex: 1 1 23%; /* Jede Box nimmt 23% der Breite ein, um Platz für Abstände zu lassen */
  text-align: center;
  /* Zusätzliche Stile für die Boxen */
  padding: 15px;
}

img {
  max-width: 100%; /* Stellt sicher, dass die Bilder nicht aus ihrer Box herausragen */
  height: auto; /* Erhält das Seitenverhältnis */
}
img.teaser-img{padding-top: 30px;
    padding-bottom: 9px;}
.teaser-text{padding-bottom:30px;}
.left-col {max-width:25%;}


/* Medienabfrage für schmalere Bildschirme */
@media (max-width: 768px) {
  .flex-item {
    flex: 1 1 100%; /* Jede Box nimmt 100% der Breite ein, wodurch sie untereinander angeordnet werden */
  }
}