/* Grundlegendes Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
	-webkit-text-size-adjust: 100%; /* Für Chrome und Safari */
    text-size-adjust: 100%; /* Standard */
	font-family: Arial, sans-serif;
	line-height: 1.6;
	margin: 0;
    height: auto;
    overflow: auto;
}
    body::-webkit-scrollbar {
    display: none; /* Versteckt die Scrollbar in Webkit-Browsern */
}

@media screen and (max-width: 420px) {
.container {
    max-width: 420px; /* Maximal 420px breit */
    margin-top: 0 auto; /* Zentriert den Inhalt */
	box-sizing: border-box;
	display: flex;
  	flex-direction: column;
  	height: 100%;
}
.content {
    margin-top: 85px;
    background: url('logo_background.jpg') repeat-y center top 0px;
    background-size: contain; /* Bild bleibt vollständig sichtbar */
    height: 100vh; /* Beispielhöhe */
}

.bild {
    max-width: 100%;
    min-width: auto;
    height: auto;
}
 .overlay {
	margin-top: 0px;
   	background-size: contain; /* Bild bleibt vollständig sichtbar */
	height: 100vh;
	overflow-y: auto;
	background-color: rgba(192, 192, 192, 0.5); /* Adjust color and transparency */
	font-family: Segoe UI Semibold;
	-webkit-text-fill-color: #000000;
	-webkit-text-stroke: 1px #2e2e2e;
}
.overlay::-webkit-scrollbar {
    display: none; /* Versteckt die Scrollbar in Webkit-Browsern */
}

h2 {
  font-size: 24px; /* Schriftgröße von 24px */
  color: white;
}
section {
	text-align: center;
    padding: 10px;
/*    margin: 10px;*/
    color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
}
section:target {
	padding-top: 150px;
}
.section-link {
    justify-content: center; /* Horizontal zentrieren */
    font-family: Segoe UI Semibold;
	-webkit-text-fill-color: #000000;
	-webkit-text-stroke: 1px #2e2e2e;
	text-decoration: none;
}
.section-link:hover {
    font-family: Segoe UI Semibold;
    -webkit-text-fill-color: #d5dce8;
	-webkit-text-stroke: 1px #d5dce8;
	text-decoration: none;
}