body
{
    font-family: 'Candara', sans-serif;
    background-color: white;
    align-items: center;
}

h2
{
    color: rgb(22 105 176);
}

hr { 
    border: 0;
	height: 5px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

article
{
    background-color: lightgrey;
    margin: 10px;
    padding-top: 1px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;    
}

.flex-container {
  display: flex;
  flex-direction: row;
  background-color: white;
}

.flex-container > div {
  background-color: white;
}

uberschrift
{
    font-size: clamp(0.8rem, 1.5vw, 1.8rem);
    font-weight: bold;
}

.MainBody {
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.InfoBody {
    justify-content: center;
    align-items: center;
    display: block;    
}

.responsive-image-link {
    display: block; /* Macht den Link zu einem Blockelement */
}

.responsive-image-link img {
    max-height: 70vh; /* Maximale Höhe auf 100% der Viewport-Höhe setzen */
    width: auto; /* Breite automatisch anpassen */
    height: auto; /* Höhe automatisch anpassen */
}