/* /////// 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: 1400px) {
	.swiper_bilder_carousel .swiper-slide {
		padding-top: 35%;
	}
	.swiper_bilder_carousel .swiper-slide span{
		font-size: 0.8rem;
	}
}
@media screen and (max-width: 1280px) {
	.swiper_start_slider .slider_text_box {
		bottom: 60px;
		right: 40px;
	}
	.swiper-pagination{
		left: 40px;
		bottom: 60px;
	}
	.muster{
		right: -5%;
	}
	
	.flex_box_bild_text{
		gap: 50px;
	}
	.flex_box_bild_text .text_box img {
		margin-top: 70px;
	}
	.flex_box_bild_text img.outer_img {
		width: calc(50% - 90px);
	}
	
	
	.gutter-sizer{
		width: 60px;
	}
	.grid-item-etappen, .grid-item-bericht{
		width: calc(50% - 30px);
		margin-bottom: 60px;
	}
	.grid-item-etappen:nth-child(3), .grid-item-bericht:nth-child(3){
		margin-top: 60px;
	}
	.infos{
		padding-left: 0;
	}
	.infos div {
		font-size: 0.8rem;
	}
	.flex_box_weitere_etappen{
		gap: 60px;
	}
	
	.flex_box_berichte_slider{
		gap: 50px;
	}
	.flex_box_berichte_slider .bilder_box{
		width: calc(55% - 25px);
	}
	.flex_box_berichte_slider .text_box, .flex_box_titel_berichte h2, .swiper_berichte_slider .swiper_buttons{
		width: calc(45% - 25px);
	}
}
@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){
	
}
@media screen and (max-width:1024px){
	h1, h2, h3, h4, h5, h6{
		font-size: 3rem;
	}
	.nav-menu li a{
		font-size: 2rem;
	}
	.nav-menu li{
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 960px) {
	.flex_box_footer svg{
		width: 200px;
		height: auto;
	}
	.slider_text_box h2{
		font-size: 2.8rem;
	}
	.flex_box_footer {
		flex-direction: column;
		justify-content: center;
		text-align: center;
		align-items: center;
		gap: 30px;
	}
	.flex_box_footer {
		font-size: 1.15rem;
	}
}
@media screen and (max-width: 950px) {
	.flex_box_etappen {
		display: flex;
		flex-direction: column;
		gap: 80px;
	}
	.flex_box_digitaler_reisefuehrer{
		gap: 40px;
	}
}
@media screen and (max-width: 900px) {
	.flex_box_bild_text, .flex_box_bild_text.reverse_bild_text{
		flex-direction: column;
	}
	.flex_box_bild_text .text_box {
		width: 100%;
		padding: 0 40px;
	}
	.flex_box_bild_text .text_box .w600, .flex_box_bild_text.reverse_bild_text .text_box .w600{
		width: 100%;
		max-width: 100%;
		padding: 0;
		float: none;
	}
	.muster_home{
		bottom: -305px;	
	}
	.bild_box{
		position: relative;
		display: flex;
		align-items: stretch;
		gap: 40px;
		margin-top: 50px;
	}
	.flex_box_bild_text .text_box img{
		width: 60%;
		margin: 0;
		object-fit: cover;
		object-position: center;
	}
	.flex_box_bild_text img.outer_img, .flex_box_bild_text.reverse_bild_text img.outer_img{
		width: 40%;
		position: relative;
		left: auto;
		top: auto;
		transform: none;
	}
	
	.gutter-sizer{
		width: 40px;
	}
	.grid-item-etappen, .grid-item-bericht{
		width: calc(50% - 20px);
		margin-bottom: 40px;
	}
	.grid-item-etappen:nth-child(3), .grid-item-bericht:nth-child(3){
		margin-top: 40px;
	}
	.grid-item-etappen .titel_box h2{
		font-size: 1.25rem;
	}
	.infos div {
		font-size: 0.7rem;
	}
	.flex_box_weitere_etappen{
		gap: 40px
	}
	
	.flex_box_titel_berichte {
		display: block;
		width: 100%;
		margin: 0 auto 30px;
		text-align: center;
	}
	.flex_box_titel_berichte h2{
		width: auto;
	}
	
	.flex_box_berichte_slider {
		align-items: stretch;
	}
	.flex_box_berichte_slider .bilder_box {
		position: relative;
		left: auto;
		bottom: auto;
		top: 0;
		width: 50%;
	}
	.flex_box_berichte_slider .bilder_box img {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 50%;
	}
	.flex_box_berichte_slider .bilder_box .quadrat_bild {
		position: relative;
		height: 50%;
		width: 100%;
		left: auto;
		bottom: auto;
	}
	.flex_box_berichte_slider .bilder_box .quadrat_bild {
		height: 100%;	
	}
	
	.flex_box_berichte_slider .text_box {
		width: 50%;
		margin: 100px auto;
	}
	
	.swiper_berichte_slider .swiper_buttons {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		justify-content: center;
		margin-top: 50px;
	}
}
@media screen and (max-width: 880px) {
	
}
@media screen and (max-width: 850px) {
	.header_logo svg{
		width: 80px;
	}
	.nav-menu li a{
		font-size: 1.5rem;
	}
	.inner_menu {
		height: calc(100% - 103px);
		margin-top: 103px;
	}
	.header{
		padding: 20px 0;
	}
	
	.sub_footer .w1280 {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
	
	
	.flex_box_digitaler_reisefuehrer {
		flex-direction: column;
		text-align: center;
	}
	.flex_box_digitaler_reisefuehrer img{
		width: auto;
	}
	.later_center{
		text-align: center;
	}
	
	.absolute_breadcrums{
		top: 103px;
	}
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 780px) {
 	.flex_box_berichte_slider .text_box {
		margin: 50px auto;
	}
	#filter_box {
		flex-direction: column;
		max-width: 250px;
	}
}
@media screen and (max-width: 755px) {
	.video_block .overlay{
		padding: 80px 0;
		position: relative;
		top: auto;
		left: auto;
		height: auto;
		z-index: 1;
	}
	.video_block video{
		position: absolute;
		top: 0;
		left: 0;
		max-height: auto;
		z-index: -1;
	}
	
	.flex_box_weitere_etappen{
		flex-direction: column;
		gap: 60px;
		text-align: center;
	}
	.etappen_box:last-child {
		margin-top: 0px;
	}
	
	.grid-item-etappen, .grid-item-bericht{
		width: 100%;
		margin-bottom: 40px;
	}
	.grid-item-etappen .bild_box, .etappen_box .bild_box, .grid-item-bericht .bild_box{
		padding-top: 80%;
	}
	.flex_box_variante_etappen .etappen_box .bild_box {
	  padding-top: 80%;
	}
	.grid-item-etappen .text_box, .etappen_box .text_box{
		padding: 30px 0 0 0;
		text-align: left;
	}
	.grid-item-etappen .titel_box, .infos, .etappen_box .titel_box{
		justify-content: flex-start;
	}
	.infos div{
		width: auto;
	}
	.grid-item-etappen:nth-child(3), .grid-item-bericht:nth-child(3){
		margin-top: 0px;
	}
	#term-filters{
		margin: 60px auto;
		justify-content: center;
		gap: 20px;
	}
	.swiper-wrapper .grid-item-etappen .text_box{
		padding: 30px 20px 0;
		text-align: left;
		justify-content:flex-start;
	}
	.swiper-wrapper .infos{
		padding-left: 0;
	}
	.swiper-wrapper .infos div{
		font-size: 1rem;
	}
	.swiper-wrapper .grid-item-etappen .titel_box, .swiper-wrapper .etappen_box .titel_box{
		padding-left: 5px;
		justify-content:flex-start;
	}
}
@media screen and (max-width: 715px){
	
}
@media screen and (max-width: 700px){
	.slider_text_box h2 {
		font-size: 2rem;
		margin-bottom: 20px;
	}
	.footer_box{
		text-align: center;
	}
	.footer_box h2{
		font-size: 2rem;
		margin: 0 auto 20px;
		max-width: 100%;
	}
	.muster{
		display: none;
	}
	
	.flex_box_titel{
		display: flex;
		flex-direction: column;
		gap: 60px;
		text-align: center;
	}

}
@media screen and (max-width: 680px){
	
}
@media screen and (max-width: 650px){
	.open_menu{
		width: 130px;
	}
	.head_right{
		width:130px!important;
	}
	.header_logo svg{
		width: 70px;
	}
	.header .w1280 {
		padding:0 20px;
	}
	.head_right.button a {
	  font-size: 0.6rem;
	}
	.menuwrap {
	  width: 100%;
	  text-align: center;
	  padding: 0 25px;
	}
	.menu-hauptmenu-container {
		width: 100%;
		height: 100%;
		text-align: center;
		position: relative;
		z-index: 2;
		overflow: scroll;
		background-color: rgba(40,40,37, 0.3);
		padding: 50px 25px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.nav-menu{
		text-align: center;
		min-width:inherit;
	}
	.wpml-lang-switcher{
		min-width:inherit;
	}
	.wpml-lang{
		margin: 0 15px;
	}
	.menu_bild_box {
		display:none;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-size: 2.5rem;
		margin-bottom: 20px;
	}
	body{
		font-size: 1.15rem;
	}
	.abschluss{
		font-size: 1.35rem;
	}
	.bg_padding {
		padding: 80px 0;
	}
	.margin_oben{
		margin-top: 80px;
	}
	.margin_unten{
		margin-bottom: 80px;
	}
	
	.video_block .overlay h2{
		text-align: center;
	}
	.flex_box_projekt {
		display: flex;
		flex-direction: column;
		gap: 60px;
		justify-content: center;
	}
	.projekt_text {
		width: 100%;
		text-align: center;
	}
	
	.marquee-box div{
		font-size: 0.8rem;
		gap: 30px;
		padding: 0 15px;
	}
	.w1280{
		padding: 0px 20px;
	}
}
@media screen and (max-width: 625px) {
	#filter_box{
		margin: 40px auto 0;
		max-width: 100%;
	}
}
@media screen and (max-width: 600px) {	
	.bild_box{
		gap: 25px;
	}
	.etappen_nummer{
		font-size: 1.8rem;
		left: -25px;
	}
	
	.flex_box_berichte_slider {
		flex-direction: column;
	}
	.flex_box_berichte_slider .bilder_box {
		width: 100%;
		display: flex;
		align-items: stretch;
	}
	.flex_box_berichte_slider .bilder_box .quadrat_bild{
		height: auto;
	}
	.flex_box_berichte_slider .bilder_box img{
		height: 100%;
	}
	.flex_box_berichte_slider .text_box{
		margin: 0;
		width: 100%;
		padding: 0 40px;
		text-align: center;
	}
	.flex_box_berichte_slider .text_box .inner_text_box .name{
		margin-bottom: 20px;
	}
	.flex_box_berichte_slider .text_box .inner_text_box .button {
		margin-top: 20px;
	}
}
@media screen and (max-width: 580px) {
	h1, h2, h3, h4, h5, h6 {
		font-size: 2rem;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 550px) {
	.footer_logos{
		flex-wrap: wrap;
	}
	
	#term-filters{
		flex-wrap: wrap;
	}
	.swiper_bilder_carousel .swiper-slide{
		padding-top: 75%;
	}
	.breadcrums .w1280{
		gap: 10px;
	}
	.breadcrums{
		font-size: 0.7rem;
	}
}
@media screen and (max-width: 500px){
	.grid-item-etappen .titel_box, .etappen_box .titel_box{
		padding: 0;
		flex-direction: column;
		justify-content: center;
		margin: 0 auto 20px;
		display: block;
	}
	.swiper-wrapper .infos div{
		font-size: 0.8rem;
	}
	.swiper-wrapper .grid-item-etappen .titel_box, .swiper-wrapper .etappen_box .titel_box{
		padding-left: 0;
		justify-content:flex-start;
	}
	.swiper-wrapper .grid-item-etappen .titel_box h2, .swiper-wrapper .etappen_box .titel_box h2{
		font-size: 1.4rem;
	}
	.grid-item-etappen .titel_box svg, .etappen_box .titel_box svg{
		display:none;
	}
}	
@media screen and (max-width: 450px){	
	
}
@media screen and (max-width: 430px){	
	
}
@media screen and (max-width: 400px){	
	.swiper-wrapper .infos div{
		font-size: 0.6rem;
	}
}

/* /////// Height /////// */
@media screen and (max-height: 715px) {
	.nav-menu li a{
		font-size: 2rem !important;
	}
	.nav-menu li{
		margin-bottom: 15px;
	}
}
@media screen and (max-height: 615px) {
	.header_logo svg{
		width: 80px;
	}
	.header{
		padding: 20px 0;
	}
	.nav-menu li a{
		font-size: 1.5rem !important;
	}
	.inner_menu {
		height: calc(100% - 103px);
		margin-top: 103px;
	}
}
@media screen and (max-height: 450px) {
	.inner_menu{
		display: block;
		overflow: auto;
	}
	.menu-hauptmenu-container {
		width: 100%;
		height: 100%;
		text-align: center;
		position: relative;
		z-index: 2;
		overflow: scroll;
		background-color: rgba(40,40,37, 0.3);
		padding: 50px 25px;
		display: block;
	}
	.nav-menu{
		text-align: center;
	}
	.menu_bild_box {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 103px;
		bottom: 0;
		z-index: 1;
	}
} 


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