@media only screen and (max-width : 1285px) {

	.text {font-size: 2.6vh;}
}






#aktivitaettabelle {margin-left: -2vw;font-family: 'Quicksand'; background-image: linear-gradient(130deg, #82ccdd, #60a3bc); margin-bottom: 4vh; text-align: center; border-radius: 3vh;}

html {scroll-behavior: smooth;}
body {font-family: 'Quicksand', sans-serif; margin: 0; padding: 0; }

.slideshow {width: 100vw; height: 80vh; object-fit: cover;}
#slideshow {width: 100vw;}
.text {width: 86%; margin-left: 7%; margin-right: 7%; text-align: justify; margin-top: 50px; }
table img {width: 100%; overflow: hidden; border-radius: 3vh;}
table {margin: 7vw; width: 86vw;}
.title {font-size: 7vw; font-family: 'Dancing Script', cursive; color: white;}
#footer {margin: 0; width: 100vw; height: 40vh; padding: 10vw; color: white; background-color: #2c3e50; margin-top: 100px; font-size: 25px;}
#next {z-index: 3; position: absolute; right: 0; top: 45vh; font-size: 3vw;border-radius: 3vh 0px 0px 3vh; background-color: white; padding: 2vh; padding-right: 10vw; cursor: pointer; transition: 500ms;}
#previous {z-index: 3; position: absolute; left: 0; top: 45vh; font-size: 3vw;border-radius: 0vh 3vh 3vh 0vh; background-color: white; padding: 2vh; padding-left: 10vw; cursor: pointer; transition: 500ms;}
#next:hover {box-shadow: 0 0 20px black; padding-right: 9vw}
#previous:hover {box-shadow: 0 0 20px black; padding-left: 9vw;}