/* Entfernt Standardabstände und setzt die Grundstile für den Body */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: #86aa74; /* Hintergrundfarbe der Seite */
}

* {
	margin: 0;
    padding: 0;
}

/* Container für das Hintergrundbild */
.background-container {
    height: 100vh;
    width: 100%;
    background-image: url('assets/coming_soon.webp'); /* Hintergrundbild */
    background-size: cover; /* Hintergrundbild skalieren */
    background-position: center; /* Das Bild wird in der Mitte ausgerichtet */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* Für die Platzierung des Logo-Containers */
}

/* Container für das Logo und den Text */
.logo-container {
    display: flex;
    flex-direction: column; /* Hier wird der Inhalt (Logo und Text) vertikal angeordnet */
    justify-content: center;
    align-items: center;
    text-align: center;
	width:60%;
}

/* Das SVG-Logo */
.logo {
    width: 95%; /* Logo-Größe, kann angepasst werden */
    max-width: 2500px; /* Maximalgröße des Logos */
    height: auto;
}

/* Der Coming Soon-Schriftzug unter dem Logo */
.coming-soon {
	box-sizing: border-box;
	width:100%;
	
}



h1{
    font-family: "Manrope", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 100;
    color: #1c468e;
	font-size: 6vw;
	text-align:center;
	padding-top:15px;
	
}