/* Monitore breiter als 1920px */

@media screen and (min-width: 2000px){
	
	body{
		font-size:1.2em;
	}
}


@media screen and (min-width: 2200px){ 
	
	body{
		font-size:1.4em;
	}
}

/* Monitore schmaler als 1200px */
/* Monitore schmaler als 1024px */

@media screen and (max-width: 1920px){
	.hero .circle {
	  top: calc(100vh - 14vw);	
	} 
	.content.oeffnungszeiten .block{
		width:80%;
	}
	
	.content.oeffnungszeiten .hinweis{
		//width:80%;
	}

}	
@media screen and (max-width: 1600px){
	
	body{
		font-size:0.9em;
	}
	
	.hero .mainblock {
	  margin-top: -150px;
	}	
	
	.hero .mainblock a img {
	  width: 200px;
	}	
	.hero .mainblock a:hover img{
		width:210px;
	}
	.hero .circle {
	  top: calc(100vh - 16vw);	
	} 
		.content.oeffnungszeiten{
		padding:40px;
		width:calc(100% - 40px);
		margin:60px;
	}
	
	.content.oeffnungszeiten h2{
		font-size:3em;
	}
	
	.content.oeffnungszeiten .block {
		flex-direction:column;
		width:calc(100% - 20px);
	}		
	
	.content.oeffnungszeiten .block > div{
		padding:0px;
		margin-top:20px;
		border:0px !important;
		text-align:center;
	}	
	.content.oeffnungszeiten .block > div > div{
		flex-direction:row;
	}		
	
	.content.oeffnungszeiten .hinweis{
		width:calc(100% - 40px);
		padding:0;
		margin-top:20px;
	}
	
	.content.ncl h2{
		font-size:3em;
	}

	.content.programm{
		width:80%;
		margin-top:60px;
	}
	
	
}

/* Geräte schmaler als 800px */
@media screen and (max-width: 800px){

	.content{
		max-width:calc(100vw - 20px);
	}
	
	.content.menu {
		flex-direction:column;
		justify-content: space-around;
		height:75px;
	}	
	
	.content.menu .main-menu, .content.menu .social-menu{
		opacity:0;
		filter:alpha(0);
	}	
		
	.content.menu.active-menu{
		height:100vh;
	}

	.content.menu.active-menu .main-menu, .content.menu.active-menu .social-menu{
		opacity:1;
		filter:alpha(1);
	}	

	.hamburger {
		display: inline-block;
	}
	
	.menu .main-menu {
		flex-direction:column;
		align-items:center;
		font-size:2em;
		gap:2em;
	}

	.content.hero{
		height:auto;
		position:relative;
	}
	.hero .circle {
		bottom: -180px;
		top:auto;
		width:100px;
		height:100px;
		font-size: 1.4em;
	}
	.hero .mainblock{
		margin-top:0;
	}

	.hero .mainblock a img {
		width: calc(60vw);
	}

	.content.erlebniswelten {
	  padding-top: 200px;
	}
	
	.content.erlebniswelten .headlines {
	  padding: 0px 0px;	
	}
	
	.content.erlebniswelten .headlines .reh{
		width:60px;
		height:60px;
	}
	.content.erlebniswelten h2{
		font-size:5em;
	}
	.content.erlebniswelten h3{
		font-size:2em;
		margin-bottom:40px;
	}
	
	.content.erlebniswelten .block {
		display: flex;
		flex-direction: column;
		gap:0;
	}
	
	.content.erlebniswelten .block > div {
	  width: 100%;
	  height: 300px;
	  background-size:cover;
	}	
	
	.content.erlebniswelten .block > div:hover{
		background-size:cover !important;
	}
	.content.erlebniswelten .block.bilder .welt-text{
		display:flex;
		margin-bottom: 40px;
		font-size:1.8em;
		border-bottom:1px solid #cba456;
	}	
	.content.erlebniswelten .block.texte{
		display:none;
	}
	
	.content.galerie .bilder .bild {
		width: 100%;
		min-height: 400px;
		height: 400px;
	}
	
	.content.galerie .bilder .bild a .img{
		background-size:cover;
	}
	.content.galerie .bilder .bild a:hover .img{
			background-size:cover;
	}	
	
	.content.reservierung {
		padding:40px 0;
	}	
	.content.reservierung h2 {
		font-family: "Unna";
		font-weight: 400;
		width: calc(100% - 80px);
		text-align: left;
		padding: 20px 40px;
	}	
	
	.content.reservierung .block {
		flex-direction:column;
	}
	
	.content.reservierung .block .links {
		width: 100%;
		padding: 40px;
		padding-bottom:100px;
	}
	
	.content.reservierung .block .rechts {
	  width: 100%;
	  height:300px;
	}
	.content.reservierung .block .reh_circle {
		background: url("../img/reh_circle.svg");
		width: 100px;
		height: 100px;
		top:auto;
		bottom: 250px;
		left: calc(50% - 50px);
	}
	
	.content.newsletter {
		padding: 100px 0;
		flex-direction: column;
	}
	
	.content.newsletter h2 {
		font-size:3em;
	}
	
	.content.newsletter > div, .content.newsletter > div > div{
		width:100% !Important;
	}
	
	.content.newsletter .reh {
		width: 100%;
		background-position:0 0;
	}
	
	.content.newsletter > div:nth-child(2) > div {
		flex-direction:column;
	}
	
	.content.newsletter > div:nth-child(2) > div p {
		width: 100%;
	}
	.content.newsletter > div:nth-child(2) > div form {
		width: 100%;
	}
	
	.content.footer {
		width: 100%;
		padding: 40px;
		flex-direction:column;
	}
	
	.content.footer .block{
		width:100%;
		text-align:center;
	}	
	
	.content.oeffnungszeiten{
		width:calc(100% - 20px);
		padding:40px 20px;
	}
	
	.content.oeffnungszeiten h2{
		font-size:2em;
	}
	
	.content.oeffnungszeiten .block {
		flex-direction:column;
		width:calc(100% - 0px);
	}		
	
	.content.oeffnungszeiten .block > div{
		padding:0px;
		margin-top:20px;
		border:0px !important;
		text-align:center;
	}	
	.content.oeffnungszeiten .block > div > div{
		flex-direction:row;
	}		
	
	.content.oeffnungszeiten .hinweis{
		width:calc(100% - 40px);
		padding:0;
		margin-top:20px;
	}
	
	
	.content.ncl{
		flex-direction:column;
		padding:40px;
		width:calc(100% - 40px);
		gap:20px;
		margin:40px 0;
	}
	.content.ncl > div:first-child{
		order:2;
		width:90%;
		text-align:center;
	}	
	
	.content.ncl > div:nth-child(2){
		width:40%;
	}	
	
	.content.programm{
		width:calc(100% - 40px);
		margin-top:60px;
		flex-direction:column;
	}	
	
	.content.programm .block{
		width:100% !important;
	}	

	.content.partner{
		width:calc(100% - 40px);
		padding:60px 0;
		flex-direction:column;
	}	
	
	.content.partner h2{
		font-size:3em;
	}
	.content.partner p{
		width:100% !important;
	}	
	
	.content.partner .logos{
		padding-top:40px;
	}
	.content.partner .logos .partnerlogo {
		height: auto;
		max-height: 200px;
		max-width: calc(50% - 20px);
	}
}

/* Geräte schmaler als 600px */
@media screen and (max-width: 600px){
	

	
}