/* /////// Height /////// */
@media screen and (max-height: 620px) {
	.nav-menu li a{
		font-size: 1.5rem;
		padding: 10px 0;
	}
}
@media screen and (max-height: 470px) {
	.menu{
		z-index: 11;
	}
	.inner_menu {
		display: block;
		background-color: rgba(158,25,70, 0.7);
		padding: 50px 0;
	}
	.menu-hauptmenu-container, .menu-hauptmenu-englisch-container, .menu-hauptmenu-italienisch-container{
		width: 100%;
		text-align: center;
		padding: 0;
		margin-top: 0;
	}
	.nav-menu{
		width: auto;
		text-align: center;
	}
	.menu_bild_box {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	
	.later_close{
		display: block;
		width: 37px;
		height: 37px;
		position: relative;
		margin: 0 auto;
		cursor: pointer;
		margin-bottom: 20px;
	}
	.later_close span{
		position: absolute;
		left: 0;
		width: 37px;
		height: 2px;
		background-color: #FFFFFF;
		display: block;
		top: 18px;
	}
	.later_close span:first-child {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.later_close span:last-child {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

/* /////// Width /////// */
@media screen and (max-width: 1850px) {

}
@media screen and (max-width: 1650px) {
	
}
@media screen and (max-width: 1600px) {
	
}
@media screen and (max-width: 1500px) {
	
}
@media screen and (max-width: 1360px) {
	
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1270px) {
	
}
@media screen and (max-width:1241px){
	
}
@media screen and (max-width:1200px){

}
@media screen and (max-width:1140px){
	
}
@media screen and (max-width:1100px){
	#languages {
		position: absolute;
		top: 0;
		right: 40px;
	}
	.open_menu{
		width: 260px;
	}
	.flex_box_header {
		gap: 10px;
	}
	
	.header.scrolled #languages{
		top:-10px;
	}
	.header.open #languages {
		top: -30px;
	}
}
@media screen and (max-width:1024px){
	
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 960px) {
	
}
@media screen and (max-width: 950px) {
	.open_menu {
		width: 135px;
	}
	.flex_box_header{
		flex-direction: column;
		transition: all 0.5s ease-in-out;
	}
	.flex_box_header .button{
		width: 100%;
	}
	.flex_box_header .button a{
		font-size: 0.8rem;
	}
	.header.scrolled .w1280{
		align-items: center;
	}
	.header.scrolled .flex_box_header, .header.open .flex_box_header{
		gap: 10px;
		margin-top: 20px;
	}
	.header_logo .header_rose {
		width: auto;
		max-width: 60px;
	}
	.header.open{
		padding: 20px 0 0;
	}
	.header.open #languages {
		top: -10px;
	}

}
@media screen and (max-width: 920px) {
	.zimmer_slider{
		padding: 0;
	}
	.swiper_prev .bg, .swiper_next .bg{
		display: none;
	}
	.swiper_prev{
		padding-left: 20px;
	}
	.swiper_next{
		padding-right: 20px;
	}
}
@media screen and (max-width: 880px) {
	
}
@media screen and (max-width: 850px) {
	.margin_unten {
		margin-bottom: 80px;
	}
	.margin_oben {
		margin-top: 80px;
	}
	.einleitung, .version1 .text_box{
  		font-size: 1.35rem;
	}
	.einleitung h1{
  		font-size: 1.8rem;
	}
	
	.bilder_box{
		margin-bottom: 40px;
		gap: 20px;
	}
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 780px) {
	.table_box{
		font-size: 1rem;
		padding: 8px 15px;
	}
	.flex_box_zimmer{
		flex-direction: column;
		gap: 20px;
		align-items: center;
		margin-top: 30px;
	}
	
	.zimmer_rechts {
		text-align: left;
		flex-wrap: wrap;
		width: 100%;
		flex-direction: row;
	}
	.ab_preis {
		width: 100%;
		flex-shrink: 0;
	}
}
@media screen and (max-width: 750px) {
	.nav-menu li a{
		font-size: 1.5rem;
		padding: 10px 0;
	}
	.inner_menu {
		background-color: rgba(158,25,70, 0.7);
		padding: 50px 0;
	}
	.menu-hauptmenu-container, .menu-hauptmenu-englisch-container, .menu-hauptmenu-italienisch-container{
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.nav-menu{
		width: auto;
		text-align: center;
	}
	.menu_bild_box {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
}
@media screen and (max-width: 715px) {
	
}
@media screen and (max-width: 700px) {
	body{
		font-size: 1.15rem;
	}
	h1, h2, h3, h4, h5, h6, .accordion_box button{
		font-size: 1.6rem;
	}
	.w1280{
		padding: 0 30px;
	}
	.margin_unten {
		margin-bottom: 60px;
	}
	.margin_oben {
		margin-top: 60px;
	}
	.swiper-pagination{
		left: 30px;
	}
	.version1 .text_box{
		font-size: 1.25rem;	
	}
}
@media screen and (max-width: 680px) {
	
}
@media screen and (max-width: 650px) {	
	.swiper_prev svg, .swiper_next svg{
		width: 30px;
		height: 30px;
	}
}
@media screen and (max-width: 625px) {
	
}
@media screen and (max-width: 600px) {	
	.flex_box_header .button{
		display: none;
	}
	.open_menu{
		width: auto;
	}
	#languages {
		position: relative;
		top: auto;
		right: auto;
	}
	.header .w1280{
		align-items: flex-start;
	}
	
	.later_anfrage{
		display: flex;
		justify-content: space-between;
		gap: 1px;
		align-items: center;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #FFFFFF;
	}
	.later_anfrage .button{
		width: 50%;
		text-align: center;
	}
	.later_anfrage .button a{
		padding: 10px 20px;
	}
	
	.input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.input.last{
		margin-bottom: 0;
	}
	.accordion_box button{
		font-size: 1.3rem;
	}
	
	
	.scroll_tabelle{
		width: 100%;
		overflow: scroll;
	}
	.flex_box_tabelle{
		width: 600px;
	}
}
@media screen and (max-width: 580px) {
	
}
@media screen and (max-width: 550px) {
	
}
@media screen and (max-width: 500px){
	.swiper_prev{
		padding-left: 10px;
	}
	.swiper_next{
		padding-right: 10px;	
	}
	.swiper_prev svg, .swiper_next svg{
		width: 20px;
		height: 20px;
	}
}	
@media screen and (max-width: 450px){	
	.header_logo .logo{
		width: 180px;	
	}
}
@media screen and (max-width: 430px){	
	
}
@media screen and (max-width: 400px){	
	
}


/* /////// Print /////// */
@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
}