h1 {
  font-size: 2.1em !important;
  color: #6A3DB8;
  font-weight: 800;
}

h3 {
  font-weight: 600;
}

h4 {
  margin: 20px 0px 10px 0px;
}

p {
  margin: 0px 0px 10px 0px;
}

a {
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.logo a:hover {
   text-decoration: none; 
}

.logo a:focus, .hornav a:focus {
  outline: 2px solid black !important;
  border-radius: 3px;
  outline-offset: 5px !important;
  }

#container_main img {
  border-radius: 7px;
  border: 1px solid #ccc;
  padding: 10px;
}

/* Hauptmenü Farben  */
.hornav ul.menu>li.active>a {
    color: #470A5C;
}

.hornav ul.menu>li>a:hover {
    color: #470A5C;
}

/* Links im Footer */
.legals a {
  font-size: 1.2em;
  color: #ffffff;
  text-decoration: none;
}

.legals a:hover {
  color: #DFDCF5;
}

/* Spruch */
.zitat {
  float: right;         /* Rückt den Container nach rechts */
  max-width: 450px;
  background-color: #470A5C; 
  color: #ffffff;           /* Weiße Schrift */
  font-weight: bold;        /* Fett */
  padding: 30px 40px 30px 30px;       /* Innenabstand (rückt Text ein) */
  margin: 10px 0px 10px 20px;
  border: 2px solid #000055; /* Optional: etwas dunklerer Rahmen */
  border-radius: 15px;      /* Abgerundete Ecken */
  box-sizing: border-box;   /* Wichtig: Padding wird in die 600px eingerechnet */
  }

@media (max-width: 780px) {
  .zitat {
  width: 90%;            /* Breite festlegen */
  margin: 20 auto;        /* Horizontale Zentrierung */
  padding: 20px;       /* Innenabstand (rückt Text ein) */
  display: block;        /* Sicherstellen, dass es ein Block-Element ist */
  float: none;           /* Keinen Float anwenden */
  }
}
    

.infobox {
  margin-left: 20px;        /* Rückt das gesamte DIV von links ein */
  width: 150px;         /* Breite des Containers */
  padding: 10px;        /* Innenabstand im Container */
  background-color: #f0f0f0; /* Optionale Gestaltung */
  border: 1px solid #ccc;
}