body{padding: 0; margin: 0; background-color: #fff; font-family: "Circular", sans-serif; 
	background-image: url('../img/backgroundSonnMartinB.png'); background-repeat: no-repeat; 
	background-attachment: fixed; background-position: center;}


.ld_wrapper {width: 90%; margin: 0 auto 0 auto; max-height: 100vh; position: relative;}
.ld_backgroundSonnMartin h2{font-style: italic; }

/*Jubiläumsschrift*/


@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

#jub, #jub2 {
  font-family: 'Great Vibes', cursive;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin: 0px;
  color: #ffd700; /* Goldene Schriftfarbe */	
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Schatten für Kontrast */
}



/* Ende Jubiläum */



@media only screen and (min-width: 800px){
	.ld_backgroundSonnMartin h2{font-size: 28px; margin-top: 50%;}
	#jub{font-size: 28px; margin-top: 20%;}
}
@media only screen and (min-width: 1300px){
	.ld_backgroundSonnMartin h2{font-size: 40px; margin-top: 65%;}
	#jub{font-size: 40px; margin-top: 25%;}

}
@media only screen and (min-width: 1600px){
	.ld_backgroundSonnMartin h2{font-size: 49px; margin-top: 75%;}
	#jub{font-size: 49px; margin-top: 30%;}

}
/**Mobile device**/

@media only screen and (max-width: 800px){
	
	body{background-size: cover;}
	.ld_backgroundSonnMartin h2{width: 100%;  font-size: 33px;}
	
	.ld_backgroundSonnMartin {height: 80%; }
	.ld_backgroundSonnMartin div{width: 100%;}
	.ld_logoImage{height: 20%; margin: 10% 0 10% 0}
	.ld_backgroundSonnMartin h2{text-align: center;}
	
	
	.ld_menu{width: 100%; margin: 0 auto 0 auto;}
	.ld_menu li:last-child li {border: none; border-radius: 0px; border-bottom: 1px solid black; border-top: 1px solid black;}
	.ld_menu li{width: 100%; margin-top: 20px; position: relative;}
	
	.ld_dropDownList {width: 100%; bottom: 100%; left: 0; display: none;}
	.ld_dropDownList li{width: 100%; margin-bottom: 2%;}
	
	#ld_footer{display: block; font-size: 10px; text-align: center; margin-top: 20%;}
	
	#jub{text-align: center; max-width: 100%;}

}

/**desktop version**/

@media only screen and (min-width: 800px){
	
	body{background-size: contain;}
	.ld_backgroundSonnMartin h2{width: 90%;}
	
	.ld_backgroundSonnMartin {display: flex; flex-direction: row; justify-content: space-around; margin: 3% 0 3% 0;}
	.ld_backgroundSonnMartin div{width: 33.3%; min-height: 70vh;}
	.ld_logoImage{height: 60vh;}
	
	.ld_menu{display: flex; flex-direction: row; justify-content: space-around;}
	.ld_menu li{width: 30%; position: relative;}
	
	.ld_menu li a, .ld_menu li p{font-size: 32px;}
	.ld_dropDownList {width: 100%; position: absolute; bottom: 100%; left: 0; display: none;}
	.ld_dropDownList li{width: 100%; margin-bottom: 2%;}
	
	footer ul{display: flex; bottom: 0; right: 0; float: right; flex-direction: row; justify-content: space-around; margin: 3% 0 0 0;}
}



.ld_logoImage{background-image: url('../img/logoSonnMartin.png'); background-position: center; background-repeat: no-repeat; background-size: contain; min-height: 80vh;}

/**Menüstruktur **/

ul{ padding: 0; margin: 0; list-style: none;}
ul li a, ul li p{padding: 16px; text-align: center; display: block; margin: 0; font-size: 26px; text-decoration: none; color: #000;}



/** Element Gestaltung */

.ld_menu li, .ld_dropDownList li{background-color: #fff; border: 2px solid black; border-radius: 5px; height: auto; padding: 0; box-sizing: border-box; box-shadow: 3px 3px 5px grey; font-weight: bold;}
.ld_menu li:hover, .ld_dropDownList li:hover{background-color: #ddd; cursor: pointer; transition: all ease 0.5s; box-shadow: 4px 4px 7px grey;} 


/** Footer Gestaltung **/


footer ul li{display: block;}
#ld_info li a{font-size: 19px;}