@charset "UTF-8";

body {
    margin:0;
    background-color: #ffffff;
    font-family: Georgia, 'Times New Roman', serif;    
    color:#1E2846;
}


a {
    color:#ffffff;
}


img {
    max-width:100%;
}




/* Header */

header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 170px;
            background-color:#141E3C;
            z-index: 9999;
        }

header img {
            display: block;
            margin: 0 auto;
            height: 100%;
            max-height: 150px;
            transition: max-height 0.3s ease;
        }

.header-small {
            height: 90px;
        }

.header-small img {
            max-height: 80px;
        }

.header-hidden {
            opacity: 0;
            pointer-events: none;
        }



/* Main */

main {
    padding-top: 170px;
}

.blau {
    background-color:#1E2846;
}



/* Footer */

.footer {
    background-color: #141E3C;
    color: #5A698D;
}

.footer a {
    color: #5A698D;
    text-decoration: none;
}

.footer a:hover {
    color: #6C7BAF;
}


.cookie-banner {
    z-index: 1050; /* Überlagert andere Inhalte */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Leichter Schatten für Trennung */
    transition: transform 0.3s ease; /* Sanfter Übergang beim Schließen */
    background-color:#FDEB19;
    color:#000000;
}

.cookie-banner.hidden {
    transform: translateY(100%); /* Ausblenden durch Verschieben nach unten */
}