/*	--------------------
		- BODY -
		-------------------- */
		
			html {
			    /*background:url(images/.jpg) no-repeat fixed;*/
			    background-color: black;
			    background-size:cover;
				max-height:100%;
				margin-bottom: 1px;
				-moz-background-size:cover;
     			-webkit-background-size:cover;
				}
			
			body {
			    max-height:100%;
			    overflow-y: scroll;
				}

			#wrapper {
				font-family: Montserrat, sans-serif;
				text-align: center;
				max-height:100%;
				max-width:100%;
				margin:0 auto;
				}
				
			.clear {
				clear:both;
				}	
			
		/*	--------------------
			- HEADER -
			-------------------- */

			header {
				display: inline-block;
				}

			#up, #middle {
				background-attachment: fixed!;
				background-size: cover!;
				}

			#banner-up {
				background:url(images/up.jpg) no-repeat fixed;
				background-position: center center;
				background-size: cover;
				padding-bottom: 60px;
				}

			@media (min-width: 480px) and (max-width: 1024px) {
			    #banner-up {
			        background-image: url(images/up.jpg);
			    }
			}

			@media (max-width: 480px) {
			    #banner-up {
			        background-image: url(images/up.jpg);
			    }
			}

			.logo {
				margin-top: 20px;
				width: 240px;
				}

			#headline h1 {
				margin-top: 100px;
				color: white;
				}

			.size {
				font-size: 24px;
				}

			.box-header h1 {
				width: 260px;
  				border: 1px solid #d4bd6d;
	  			padding: 20px;
	  			margin-left: auto;
  				margin-right: auto;
				}
			
		/*	--------------------
			- MAIN NAVIGATION -
			--------------------  */

			ul, li {
				padding: 0;
				margin: 0 auto;
				list-style: none;
				text-align: center;
				text-decoration: none;
				}

			nav a, a:visited, a:link {
				text-decoration:none;
				color:#d4bd6d;
				-o-transition:color 200ms ease-out, background 200ms ease-in;
			  	-ms-transition:color 200ms ease-out, background 200ms ease-in;
			 	-moz-transition:color 200ms ease-out, background 200ms ease-in;
			 	-webkit-transition:color 200ms ease-out, background 200ms ease-in;
			 	transition:color 200ms ease-out, background 200ms ease-in;
				}

			.box {
				width: 160px;
	  			padding: 10px;
  				margin: 0px;
  				margin-bottom: 60px
				}

			.text {
				padding-top: 100px;
				font-size: 18px;
				}

			.main-nav li {
				display: inline-block;
				color: white;
				text-decoration: none;
  				border-bottom: 1px solid transparent;
				margin-inline:10px;
				-o-transition: all 200ms ease-in, all 200ms ease-out;
				-ms-transition: all 200ms ease-in, all 200ms ease-out;
				-moz-transition: all 200ms ease-in, all 200ms ease-out;
				-webkit-transition: all 200ms ease-in, all 200ms ease-out;
				transition: all 200ms ease-in, all 200ms ease-out;
				}

			.main-nav :hover {
 	 			border-color: #d4bd6d;;
 	 			color: white;
				text-decoration:none;
				-o-transition: all 200ms ease-in, all 200ms ease-out;
				-ms-transition: all 200ms ease-in, all 200ms ease-out;
				-moz-transition: all 200ms ease-in, all 200ms ease-out;
				-webkit-transition: all 200ms ease-in, all 200ms ease-out;
				transition: all 200ms ease-in, all 200ms ease-out;
				}

			.main-nav img {
				margin-bottom: 10px;
				width: 60px;
				}

		/*	--------------------
			- SECTION -
			-------------------- */

			#banner-middle {
				background:url(images/middle.jpg) no-repeat fixed;
				background-position: center center;
				background-size: cover;
				padding: 4%;
				}

			@media (min-width: 480px) and (max-width: 1024px) {
			    #banner-middle {
			        background-image: url(images/middle.jpg);
			    }
			}

			@media (max-width: 480px) {
			    #banner-middle {
			        background-image: url(images/middle.jpg);
			    }
			}

			@media (max-width: 1200px) {
				  .banner-info-text {
				    flex-direction: column;
				  }
				}

			.banner-info-text {
				padding: 4%;
				/*max-width: 100%;*/
				background: white;
				display: flex;
				text-align: center;
  				justify-content: center;
  				align-items: center;
				}

			.picture {
				/*width: 1000px;*/
				padding: 10px;
				flex: 50%;
				}

			.headline h2 {
				font-size: 26px;
				color:#d4bd6d;
				}

			h2 {
				color:#d4bd6d;
				}

			.opentext-up {
				padding: 10px;
				text-align: left;
				flex: 50%;
				}

			.opentext-up li {
				color: black;
				font-size: 16px;
				text-align: left;
				/*padding-top: 2%;
				padding-bottom: 2%;*/
				}

			.opentext-up .grey {
				color: #d4bd6d;
				/*padding-top: 2%;
				padding-bottom: 2%;*/
				}


			.opentext-middle {
				color: white;
				font-size: 16px;
				/*padding-top: 2%;
				padding-bottom: 2%;*/
				}

			.banner-down {
				padding: 4%;
				max-width: 100%;
				background: white;
				}

			.circle-dennis {
				display: inline-block;
				margin: 2px;
				width: 260px;
				}

			.top a {
				position: fixed;
				bottom: 20px;
				right: 20px;
				width: 0; 
				height: 0; 
				border-left: 15px solid transparent;
				border-right: 15px solid transparent;
				border-bottom: 20px solid #d4bd6d;
				}

			.datenschutz {
				font-size: 26px;
				}

			.hinweise {
				font-weight: bold;
				}

			.bold {
				font-weight: bold;
				font-size: 16px;
				}

			.white {
				text-align: center;
				margin: 0 auto;
				max-width: 800px;
				color: white;
				}

		/*	--------------------
			- footer & kontakt -
			-------------------- */

			.banner-footer {
				padding-top: 40px;
				padding-bottom: 40px;
				}

			.impressum {
				color:#d4bd6d;
				font-size: 16px;
				}

			.kontakt-text {
				color: grey;
				}

			.email a {
				color: white;
				}

			.email img {
				width: 40px;
				}

			.email {
				padding-top: 10px;
				padding-bottom: 20px;
				font-size: 16px;
				margin: 0 auto;
				-o-transition: all 400ms ease-in, all 400ms ease-out;
				-ms-transition: all 400ms ease-in, all 400ms ease-out;
				-moz-transition: all 400ms ease-in, all 400ms ease-out;
				-webkit-transition: all 400ms ease-in, all 400ms ease-out;
				transition: all 400ms ease-in, all 400ms ease-out;	
				}

			.email :hover {
				color: #d4bd6d;
				text-decoration:none;
				-o-transition: all 400ms ease-in, all 400ms ease-out;
				-ms-transition: all 400ms ease-in, all 400ms ease-out;
				-moz-transition: all 400ms ease-in, all 400ms ease-out;
				-webkit-transition: all 400ms ease-in, all 400ms ease-out;
				transition: all 400ms ease-in, all 400ms ease-out;
				}

			/*.googlemaps {
				font-size: 16px;
				margin: 0 auto;
				-o-transition: all 400ms ease-in, all 400ms ease-out;
				-ms-transition: all 400ms ease-in, all 400ms ease-out;
				-moz-transition: all 400ms ease-in, all 400ms ease-out;
				-webkit-transition: all 400ms ease-in, all 400ms ease-out;
				transition: all 400ms ease-in, all 400ms ease-out;	
				}

			.googlemaps a {
				color: #66cc99;
				}

			.googlemaps :hover {
				color: grey;
				text-decoration:none;
				transform: scale(2.0);
				-o-transition: all 400ms ease-in, all 400ms ease-out;
				-ms-transition: all 400ms ease-in, all 400ms ease-out;
				-moz-transition: all 400ms ease-in, all 400ms ease-out;
				-webkit-transition: all 400ms ease-in, all 400ms ease-out;
				transition: all 400ms ease-in, all 400ms ease-out;
				}*/

			.dates a {
				color: white;
				font-size: 12px;
				}

			.dates :hover {
				color: #d4bd6d;
				text-decoration:none;
				-o-transition: all 400ms ease-in, all 400ms ease-out;
				-ms-transition: all 400ms ease-in, all 400ms ease-out;
				-moz-transition: all 400ms ease-in, all 400ms ease-out;
				-webkit-transition: all 400ms ease-in, all 400ms ease-out;
				transition:
				}

			.copyright {
				color:white;
				text-align: center;
				font-size: 10px;
				}