@import url("/fonts2/schriftart.css");

body {


font-family: 'space_grotesk';
font-size:18px;
line-height: 1.5;
background-color: white;
color: black;
/*background-image: url('/fotos/logos/Flugplatz-MFC-Mettingen.png');
background-repeat: no-repeat;
background-attachment: inherit;
background-size: cover;
background-position: center;
background-blend-mode: multiply; 
text-shadow: -2px 0 2px black, 0 2px 2px black, 2px 0 2px black, 0 -2px 2px black, 0 0 10px black, 0 0 5px black;}
*/
padding: 40px 0;
#startseite_bild {max-width:100%;height:auto;border: /*3px solid #da251d;box-sizing: border-box;*/}


h1, h3 {margin-top: 18px;margin-bottom: 18px;}

}




#webcam{
max-width: 100%;
height: auto;
/*border: 3px solid black;*/
box-sizing: border-box;
border-radius: 15px;
}

  #bannerBild{
max-width: 100%;
height: auto;
/*border: 2px solid black;*/
box-sizing: border-box;
border-radius: 15px;
  }

  #bannerText{
    margin-top: -5px;
    font-size: 15px;
  }

  #container-zeitraffer {
    background-color: rgb(245, 245, 245);
    border-radius: 32px;
    padding: 10px;
    text-align: center;
    display: inline-block; /* Hinzugefügt */
  }
  
  #ladeButton {
    font-size: 16px;
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid red;
    border-radius: 999px;
    text-decoration: none;
    color: black;
    background-color: transparent;
    cursor: pointer;
  }

#elementeContainer {
  margin-top: 10px; /* Hinzugefügt */
}

#Zeitraffer,
#Zeitraffer-fortlaufend {
  font-size:16px;
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid red;
  border-radius: 999px;
  text-decoration: none;
  color: black;
  display: inline-block; /* Hinzugefügt */

}
#ladeButton:hover,
#Zeitraffer:hover,
#Zeitraffer-fortlaufend:hover {
  background-color: red;
  color: white;
}
@media only screen and (max-width: 412px) {
#Zeitraffer {
  margin-bottom: 10px;
}



}
@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
        color: white;
    }
    #container-zeitraffer {
    	background-color: rgb(40, 40, 40);
    }
    #ladeButton {
    	color: white;
  	}
    #Zeitraffer,#Zeitraffer-fortlaufend {
		color: white;
	}
}