@font-face {
    font-family: 'Inter';
    src: url('font/Inter-Regular.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'InterBold';
    src: url('font/Inter-Bold.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: "EamesBold";
    src: url('font/EamesCenturyModern-Bold.woff2') format('woff2');
}

@font-face {
    font-family: "EamesItalic";
    src: url("font/EamesCenturyModern-BoldItalic.woff2") format("woff2");
}

body {
    background-color: #AEE4E9;
    font-family: 'Inter';
    font-size: 16px;
}

.curs {
    font-family: 'EamesItalic';
}

.fat {
    font-family: 'EamesBold';
    font-weight: bold;
}

.footer-wrapper {
    display: flex;
    justify-content: center; /* Horizontal zentrieren */
    align-items: center; /* Vertikal zentrieren */
    height: 100vh; /* Höhe des gesamten sichtbaren Bereichs */
}

/* Footer Container */
.footer {
    margin: 0 auto; /* Zentriert den Footer mittig auf der Seite */
    padding: 0;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column; /* Macht das Bild und den Hintergrundbereich zu Spalten */
    align-items: center; /* Zentriert den Inhalt horizontal */
}

/* Bereich unterhalb des Bildes */
.footer-background {
    width: 100%;
    height: 500px; /* Höhe des farbigen Bereichs unterhalb des Bildes */
    background-color: #ada711; /* Farbe für den Bereich */
}

.footer-background2 {
    background-color: #ada711; /* Farbe für den Bereich */
}

/* Grüner Hintergrund unter dem Footer */
.green-background {
    background-color: #ada711; /* grüner Hintergrund */
    height: 200px; /* Höhe des grünen Bereichs */
    width: 100%; /* Damit es die gesamte Breite einnimmt */
    margin-top: 20px; /* optional, für Abstand nach dem Footer */
}

/* Footer Image */
.footer-image {
    width: 100%; /* Breite des Bildes auf 40% des Footers setzen */
    height: auto; /* Beibehaltung des Seitenverhältnisses */
    display: block; /* Standard-Block-Display für das Bild */
}

.ueberschriftlinks {
    font-weight: bold;
    font-size: clamp(1rem, 5vw, 1.7rem); /* Mindestgröße 1rem, dynamisch bis max. 3rem */
    font-family: 'EamesBold';
    text-align: left;
}

.orangertext {
    color: #FF4519;
}

.gruenertext {
    color: #005E2E;
}

.orangegross {
    font-size: 60px;
}

.hellgruen {
    color: #b1a912;
}

.dick {
    font-weight: bold;
}

.hellgruenfliestextdick {
    color: #b1a912;
    font-weight: bold;
    font-family: 'Inter';
    margin-bottom: 40px;
}

.digitaltext p {
    font-weight: 100;
}

.hrechts {
    font-size: 1.50rem;
}

.gruenerbutton {
    background-color: #ADA711;
    color: white;
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
}
.gruenerbutton:hover {
    background-color: #ADA711;
}

#wood {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 40px;
    background-color: #aee4e9
}

.below-footer {
    background-color: #ada711; /* Grüner Hintergrund unterhalb des Footers */
    height: 200px; /* Höhe des Bereichs unterhalb des Footers */
    width: 100%; /* Volle Breite */
    display: flex; /* Flexbox aktivieren */
    justify-content: center; /* Horizontale Zentrierung des gesamten Inhalts */
    align-items: center; /* Vertikale Zentrierung */
    position: relative; /* Ermöglicht absolute Positionierung von .language-links */
}

.footer-text-container {
    display: flex;
    flex-direction: column; /* Texte untereinander anordnen */
    justify-content: center; /* Vertikale Zentrierung */
    align-items: center; /* Horizontale Zentrierung */
}

.footertext {
    display: flex;
    flex-direction: column; /* Texte untereinander anordnen */
    justify-content: center; /* Vertikale Zentrierung */
    align-items: center; /* Horizontale Zentrierung */
    color: #005E2E;
    font-family: 'Inter';
    text-decoration: none; /* Entfernt die Unterstreichung */
}

.language-links {
    /* display: flex; Flexbox aktivieren */
    align-items: center; /* Vertikale Zentrierung */
    /* gap: 20px;Abstand zwischen den Links */
    position: absolute; /* Position absolut im Container */
    right: 20px; /* Sprach-Links rechts ausrichten */
    top: 50%; /* Vertikale Zentrierung */
    transform: translateY(-50%); /* Korrektur der vertikalen Zentrierung */
}

.footeroben, .footerunten {
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    font-family: Inter;
}

.footeroben {
    font-family: EamesBold;
    margin-bottom: 10px;
    font-weight: 600;
    color: #005E2E;
}

.footertext {
    font-size: 1rm; /* Schriftgröße (optional) */
    text-decoration: none; /* Entfernt die Unterstreichung */
    cursor: pointer; /* Mauszeiger ändern */
    font-family: 'Inter';
    color: #005E2E;
    justify-content: center;
    align-items: center;
    display: flex; /* Flexbox aktivieren */
    flex-direction: column; /* Texte untereinander anordnen */
    height: 100%; /* Höhe des Containers */
    text-align: center; /* Sicherstellen, dass der Text horizontal zentriert ist */
}

.url {
    font-family: 'Inter';
    font-weight: bold;
    margin-bottom: 20px;
}

.abstandunten {
    margin-bottom: 25px;
}