/* Define a new font face */
@font-face {
    font-family: 'Aptos';
    src: url(/fonts/aptos-light.ttf);
}
@font-face {
    font-family: 'SitkaBanner';
    src: url(/fonts/sitkaBanner2.ttf);
}

html {
    min-height: 100%;
}

body {
    margin: 0;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* mindestens die gesamte Viewport-Höhe einnehmen */
}

main {
    flex: 1;
    bottom: 300px;
    top: 30px;
}

.text-decoration {
    color: #163E6E;
    font-family: 'Aptos', sans-serif;
    font-weight: bolder;
    display: block;
    flex-direction: row; /* Zeilenlayout für Text links und Bild rechts */
    align-items: flex-start; /* Text oben ausrichten */
    justify-content: space-between; /* Platz zwischen Text und Bild */
    margin-top: 20px; /* Abstand nach oben */
}

h2 {
    font-family: 'Aptos';
    color: #BA9C78;
}

h3 {
    font-family: 'Aptos', sans-serif;
    color: #BA9C78;
    font-size: larger;
    font-weight: bold;
}

.h1main {
    font-family: 'SitkaBanner', sans-serif;
    font-weight: lighter;
    font-size: 25px;
}

#h2main {
    font-family: 'SitkaBanner', sans-serif;
    font-weight: lighter;
    font-size: 25px;
    color: #163E6E;
}

#h3main {
    font-family: 'Aptos', sans-serif;
    font-size: 16px;
}

#top {
    color: #BA9C78;
}



.content {
    text-align: left; /* NEU */ 
    padding-left: 90px;
    padding-top: 10px; /* Padding oben für die gesamte Inhalt */
    padding-bottom: 30px; /* Padding unten für die gesamte Inhalt */
    padding-right: 190px;
    height: auto;
}

.line {
    border: 1.1px solid #BA9C78;
    width: calc(100% - 240px); /* Breite des hr-Elements dynamisch anpassen */
    margin: 0 20px;
    position: relative;
}

/* Grafik im Header  */
.logo {
    width: 180px; /* Breite des Logos */
    height: auto; /* Automatische Höhe, um das Seitenverhältnis beizubehalten */
    position: absolute; /* Absolute Positionierung innerhalb des Headers */
    top: 10px; /* Abstand vom oberen Rand des Headers */
    right: 20px; /* Abstand vom rechten Rand des Headers */
    display: block; /* Standardmäßig anzeigen */
}

#mainlogo {
    margin: 0;
    height: 15px; /* Höhe des Containers für das Logo */
}

#number-impressum {
    margin-top: 0px;
}
#mail-impressum {
    margin-top: 0px;
    margin-bottom: 0px;

}