@import url("https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900|Oxanium:200,300,400,500,600,700,800&display=swap");

@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
	.responsiveimgright{width:100%; heigth:auto; margin-top:10px; margin-bottom:10px;} 
	.responsiveimgright img{width:100%; heigth:auto;}
	
}




@media (min-width:992px) {
				.responsiveimgright{float:right;  max-width:350px; heigth:auto;}
				.responsiveimgright img{width:100%; heigth:auto;}

				}


		
		body{font-family:"Inter";font-size:14px}
		
		

			


		
		
  html, body {
  height: 100%;
}
   html,body { margin: 0px; padding: 0px; }
   #full { 
       background-color:#FC9; background-image:url(https://cdn.pixabay.com/photo/2018/01/25/15/54/heart-3106457_1280.jpg); background-size:cover; background-attachment:fixed; background-repeat:no-repeat;
       min-height: 100vh;
       }
	  
	 .Preis{font-size:36px; color:white;float:right} 
li{margin-bottom:10px; list-style:none}
.maxwidth{max-width:800px; margin:0 auto}
			
			.schriftboxkleine{font-size:12px; font-weight:bold; color:orange}
			
			.schriftboxgrosse{margin-top:10px;padding:20px; background-color:rgba(0,0,0,0.5);font-size:22px; font-weight:none; color:white; }
			h1,h2,h3{font-family:"Oxanium";}
			
			
			.topheader{ margin:0px;padding:10px;}
			
			
			.defaultpadding{padding:10px;}

			.schraeg1{height:50px; background-color:none; background-image:url(schraeg1.jpg);}

			.schraeg2{height:50px; background-color:none; background-image:url(schraeg2.jpg);}
			.schraeg3{height:50px; background-color:#FC3; background-image:url(schraeg3.jpg);}
			.schraeg4{height:50px; background-color:#FC3; 
			background-image:url(schraeg4.jpg);}


			.schraeg1,			.schraeg2,			.schraeg3{display:none;}





body.poster {
    background-attachment: fixed;
}

.top-5 {
    top: 5px;
}




.Datum{font-weight:bold;}
.Kursart{color:orange;}




.schachtel{-webkit-box-shadow: -2px -1px 18px -8px rgba(0,0,0,0.75);
-moz-box-shadow: -2px -1px 18px -8px rgba(0,0,0,0.75);
                box-shadow: -2px -1px 18px -8px rgba(0,0,0,0.75); padding:15px;margin-bottom:20px;}
           
           
.schachtel h3{color:orange;}
           

.move-image1 { position: relative;  /* Das Bild muss positioniert sein, damit es bewegt werden kann */ animation: move 1s forwards;  /* Die Bewegungsanimation mit einer Dauer von 2 Sekunden */ } 
		
		@keyframes move { from {  transform: translateX(100%);   /* Das Bild beginnt 100% von rechts */ }  to {  transform: translateX(0);   /* Das Bild endet bei 0% (links) */ } }