body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
}


a:visited {  text-decoration: none;  color : blue; }
a:active {  text-decoration: none;  color : blue; }
a:link {  text-decoration: none;  color : blue; }
a:hover { text-decoration: none; color : red; }

  	a.verlinkung:link {color: black;}
	a.verlinkung:visited {color: black;}
	a.verlinkung:active {color: black;}
	a.verlinkung:hover {text-decoration: none; color: grey;}

* {
    box-sizing: border-box;
}

.main {
	margin: auto;
	z-index: 2;
	position: relative;
	max-width: 850px;
	text-align: center;
	font-size: 1.2em;
	hyphens: auto;
	padding: 20px;
	}
	
.mainindex {
	margin: auto;
	z-index: 2;
	position: relative;
	max-width: 850px;
	text-align: center;
	font-size: 1.2em;
	hyphens: auto;
	padding: 20px;
	}	
	
.left {
	text-align: left;
	}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 20%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #40E0d0;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 4;
  border: none;
  outline: none;
  background-color: #40E0d0;
  color: black;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  }

#myBtn:hover {
  background-color: #ffffb3;
  color: #40E0d0;
}

.flotte {
  margin: auto;
  max-width: 400px;
  font-size:1.2em;
  text-align:center;
  hyphens:auto;
  padding:10px;
 }

h2 {margin-top: -10px;margin-bottom: -10px;}

.mySlides {display:none;}
	
img {max-width:100%; height:auto;}


.schatten{
	-moz-box-shadow: 10px 10px 20px gray;
    -webkit-box-shadow: 10px 10px 20px gray;
    box-shadow: 10px 10px 20px gray;
}



	@media screen and (min-width: 1025px) {

	body,html {
	max-width: 2000px;
	margin: auto;
	}

	.box1 {
	  display: inline-block;
	  width: 49%;
	  margin-left: 5px;
	  font-size: 18px;
	  height: 50px;
	  padding-top: 5px;
	  }

	.box2 {
	  display: inline-block;
	  width: 49%;
	  margin-right: 0px;
	  font-size: 40px;
	  text-align: right;
	}

	}

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

	  .box1 {
	  display: inline-block;
	  width: 49%;
	  margin-left: 5px;
	  font-size: 18px;
	  height: 50px;
	  }

	  .box2 {
	  display: inline-block;
	  width: 49%;
	  margin-right: 0px;
	  font-size: 40px;
	  text-align: right;
	}

			}

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

				.main {
					margin: auto;
					z-index: 2;
					position: relative;
					max-width: 850px;
					text-align: center;
					font-size: 1.2em;
					hyphens: auto;
					padding: 20px;
					margin-top: -50px;
					}
				}


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

					  .box1 {
					  display: inline-block;
					  width: 40%;
					  margin-left: 5px;
					  font-size: 18px;
					  }

					  .box2 {
					  display: inline-block;
					  width: 55%;
					  margin-right: 0px;
					  font-size: 40px;
					  text-align: right;
					  }
						}
					


						@media screen and (max-height: 450px) {
						  .overlay a {font-size: 20px}
						  .overlay .closebtn {
							font-size: 40px;
							top: 15px;
							right: 35px;
						  }
						}


							@media screen and (min-width: 1025px) {

							.bg-img {
								min-height: 450px;
								position: relative;
								background-position: center;
								background-repeat: no-repeat;
								background-size: cover;
								}
							}


								@media screen and (min-width: 480px) and (max-width: 1024px) {

								.bg-img {
									min-height: 350px;
									position: relative;
									background-position: center;
									background-repeat: no-repeat;
									background-size: cover;
									}
								}


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

									.bg-img {
										min-height: 280px;
										position: relative;
										background-position: center;
										background-repeat: no-repeat;
										background-size: cover;
										}
										
										.none {
										display: none;
										}

									}