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

}
@media screen and (max-width: 1280px) {
	.main_content{
		width:100%;
	}
}
@media screen and (max-width: 1270px) {
	
}
@media screen and (max-width:1241px){
	
}
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1180px){
	.bild_block {
		height: 450px;
	}
}
@media screen and (max-width:1100px){
	.drei_bilder_slider{
		max-width: 900px;
		margin: 0 auto;
	}
	.slick-slide.slick-slide1 {
		height: 200px;
		width: 247px;
		margin: 30px 0px;
	}
	.slick-slide.slick-slide2 {
		height: 260px;
		width: 427px;
		margin-right: 45px;
	}
	.slick-slide.slick-slide3 {
		height: 195px;
		width: 182px;
		margin: 30px auto;
	}
}
@media screen and (max-width:1080px){
	.bild_block {
		height: 400px;
	}
	.projekt_bild_block{
		height: 300px;
	}
	.slider_text{
		font-size: 50px;
	}
	.greenbox{
		width: 500px;
		position: absolute;
		top: 190px;
		left: 50%;
		margin-left: -250px;
	}
	.innergreen{
		font-size: 25px;
	}
}
@media screen and (max-width:1040px){
	
}
@media screen and (max-width:1024px){
	.slider_big .slick-slide{
		height: 600px;
	}
	.slider_big, .slider_small{
		margin: 0 auto;
	}
	.weitere_zimmer{
		height: 400px !important;
	}
}
@media screen and (max-width: 1000px) {
	.bild_block {
		height: 350px;
	}
	.projekt_vorschau_box, .projekt_vorschau_box_2, .projekt_vorschau_box:nth-child(3n){
		width: calc(50% - 10px);
		margin: 0 20px 20px 0px;
	}
	.projekt_vorschau_box_2, .projekt_vorschau_box:nth-child(2n){
		margin: 0 auto 20px;
	}
	.projekt_vorschau_box_3{
		margin: 0px auto !important;
		width: 100% !important;
	}
	.projekt_vorschau_box_3 .projekt_bild_block{
		height: 400px;
	}
}
@media screen and (max-width: 985px) {
	
}
@media screen and (max-width: 950px) {
	.projekt_bild_block{
		height: 250px;
	}
	
	.h600{
		height: 550px;
	}
	.slick-slide.slick-slide1, .slick-slide.slick-slide2, .slick-slide.slick-slide3 {
		height: 450px;
		width: auto;
		margin: 0px auto;
	}
	.markel {
		position: absolute;
		left: 20px;
		bottom: -70px;
	}
	.markel a{
		font-size: 20px;
		height: 135px;
		width: 135px;
	}
}
@media screen and (max-width: 930px) {
	
}
@media screen and (max-width: 900px) {
	.slider_big .slick-slide, .slider_small .slick-slide{
		height: 550px;
	}
	.h600{
		height: 500px;
	}
	.projekt_vorschau_box_3 .projekt_bild_block{
		height: 350px;
	}
	.social, .portale{
		position: relative;
		left: auto;
		bottom: auto;
		right: auto;
		margin-bottom: 20px;
	}
	.portale a, .social a{
		display: block;
		margin: 20px 10px 0;
		width: 100%;
		text-align: center;
	}
	.footer_icon{
		margin: 0px auto 40px;
	}
	.impressum{
		margin: 0 auto;
		position: relative;
		bottom: auto;
		right: auto;
	}
	.slider_text{
		bottom: 100px;
	}
}
@media screen and (max-width: 880px) {
	
}
@media screen and (max-width: 850px) {
	.bild_block {
		height: 300px;
	}
	.slick-slide.slick-slide1, .slick-slide.slick-slide2, .slick-slide.slick-slide3 {
		height: 400px;
	}
}
@media screen and (max-width: 800px) {
	.h600{
		height: 450px;
	}
	.spalte1, .spalte2{
		width: 100%;
		display: block;
		margin: 0;
		float: none;
	}
	.slider_big .slick-slide{
		height: 500px;
	}
	.projekt_vorschau_box_3 .projekt_bild_block{
		height: 300px;
	}
	.mitarbeiter{
		float: 	none;
		width: 100%;
		text-align: center;
	}
	.mitarbeiter:last-child {
		float: none;
		margin: 30px auto 0px;
	}
	.mitarbeiter img{
		display: block;
		margin: 0px auto 20px;
	}
	.mail {
		float: none;
		width: 100%;
		border-bottom: 1px solid #fff;
		border-right: none;
	}
	.ort {
		float: none;
		width: 100%;
	}
	.ort a{
		padding: 40px 0px 20px;
	}
	.mail a{
		padding: 20px 0px 40px;
	}
	
	.zimmer_text {
		text-align: center;
		padding: 30px 20px;
		width: 100%;
		position: relative;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.zimmer_text .box1{
		height: 100%;
		overflow: visible;
		position: relative;
	}
	.zimmer_text .box2{
		display: block;
		width: auto;
		height: auto;
	}
	.zimmer_text .box3{
		display: block;
		vertical-align: middle;
	}
	.weitere_zimmer{
		width: 100% !important;
		margin: 0 auto 30px;
	}
	.weitere_zimmer:last-child{
		width: 100% !important;
		margin: 0 auto;
	}
	.markel {
		position: absolute;
		left: 10px;
		bottom: -40px;
	}
	.markel a {
		font-size: 16px;
		height: 110px;
		width: 110px;
		padding: 20px;
	}
	.slick-slide.slick-slide1, .slick-slide.slick-slide2, .slick-slide.slick-slide3 {
		height: 350px;
	}

	#header.home_header{
		z-index:9;
		width: 100%;
		margin: 0 auto;
		top: 0px;	
		position: relative;
		text-align: center;
		transition: all .5s ease-in-out;
		padding: 20px 0px;
		background-color: #e5e8e4;
	}
	#header.unterseiten_header, #header.scroll_header{
		position: relative;
		transition: all .5s ease-in-out;
		padding: 20px 0px;
		background-color: #e5e8e4;
		width: 100%;
		z-index: 999;
	}
	
	#header.home_header .header_logo svg#logo_farbe_home.header_logo_icon{
		display: block;
	}
	
	#header.home_header .header_logo svg#logo_weiss, #header.unterseiten_header .header_logo svg.header_logo_text{
		display: none;
	}
	
	#header.home_header .telefon_farbe, #header.home_header .email_farbe, #header.home_header .ort_farbe{
		stroke: #556449;
		fill: none;
		stroke-width: 1.5px;
	}
	#header.home_header #nav-icon3 .menu_text{
		color: #556449;
	}
	#header.home_header #nav-icon3 span{
		background-color: #556449;
	}
	.accordion_box {
		float: none;
		width: 100%;
		margin: 0px 0px 30px 0px;
	}
	h1{
		font-size: 30px;
	}
	.mobilmarkl{
		right: 10%;
		top: 20px;
		width: 100px;
	}
	.slider_text{
		bottom: 100px;
		font-size: 50px;
	}
	.greenbox{
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		margin-left: 0;
		background-color:#556449;
	}
	.innergreen{
		font-size: 20px;
	}
	.innergreen span{
		display:none;
	}
}
@media screen and (max-width: 750px) {
	h1, h2, h3, h4, h5, h6{
		margin: 0px 0px 30px 0px;
	}
	.grid-item {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.w1280{
		margin: 50px auto;
	}
	
}
@media screen and (max-width: 700px) {
	.h600{
		height: 400px;
	}
	.slider_big .slick-slide, .slider_small .slick-slide{
		height: 450px;
	}
	
	.slider_big .slick-prev, .slider_big .slick-next{
		bottom: auto;
		top: 40px;
	}
	.spruch {
		font-size: 35px;
	}
}
@media screen and (max-width: 680px) {
	.w1280{
		padding: 0px 20px;
		margin: 35px 0px;
	}
	.kontakt_leiste{
		margin-bottom: 30px;
	}
	#technische_daten {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 650px) {
	.bild_block {
		width: 100%;
		margin: 0 auto 30px;
		float: none;
	}
	.bild_block_2{
		margin: 0 auto;
	}
	.projekt_vorschau_box, .projekt_vorschau_box_2, .projekt_vorschau_box:nth-child(3n){
		width: 100%;
		margin: 0 auto 20px;
	}
	.projekt_vorschau_box .overlay{
		display: block;
		width: 100%;
		height: auto;
		left: 0px;
		bottom: 0px;
		top: auto;
		position: relative;
		padding: 20px 40px 20px 20px;
		background-color: #fff;
		text-align: left;
	}
	.projekt_vorschau_box .overlay h3{
		margin: 0 auto;
		font-size: 20px;
	}
	.auflistung_zimmer {
		margin-bottom: 30px;
	}
	.wpcf7 .input, .wpcf7 .last{
		margin: 0px 20px 20px 0px;
		width: calc(50% - 10px);
		float: left;
	}
	.wpcf7 .later_input{
		margin: 0 auto 20px;
	}
	.ab_preis {
		right: 0px;
		top: -67px;
	}
}

@media screen and (max-width: 640px) {
	
}
@media screen and (max-width: 600px) {	
	.slider_big .slick-slide, .slider_small .slick-slide{
		height: 400px;
	}
	.text_overlay h1, .text_overlay h2, .text_overlay h3, .text_overlay a{
		font-size: 25px;
	}
	#technische_daten {
		margin-bottom: 20px;
	}
	.header_kontakt {
		float: none;
		margin: 0px auto;
		background-color: #556449;
	}
	.header_kontakt a{
		border-right: 1px solid #fff;
		padding: 10px 38px;
		margin: 0 auto;
	}
	.header_kontakt a:last-child{
		border: none;
	}
	.header_kontakt a.mail_header {
		height: 55px;
		vertical-align: top;
		padding-top: 15px;
	}
	#header{
		padding-bottom: 0px !important;
	}
	#header.home_header .telefon_farbe, #header.home_header .email_farbe, #header.home_header .ort_farbe, #header.scroll_header .telefon_farbe, #header.scroll_header .email_farbe, #header.scroll_header .ort_farbe, #header.unterseiten_header .telefon_farbe, #header.unterseiten_header .email_farbe, #header.unterseiten_header .ort_farbe{
		stroke: #fff;
	}
	#nav-icon3 {
		width: 55px;
		position: absolute;
		left: 0px;
		bottom: 80px;
	}
	#header.home_header .header_logo #logo_farbe_home.header_logo_text, #header.unterseiten_header .header_logo svg.header_logo_text{
		display: block !important; 
	}
	.header_logo{
		width: 100px;
	}
	.weitere_zimmer{
		height: 350px !important;	
	}
}
@media screen and (max-width: 550px) {
	.kontakt_wrapper_open, .kontakt_wrapper{
		display: none;
	}
	.slider_text {
	    font-size: 35px;
	}
	.spruch {
		font-size: 25px;
	}
	.slider_big .slick-prev, .slider_big .slick-next, .slider_small .slick-prev, .slider_small .slick-next, .drei_bilder_slider .slick-prev, .drei_bilder_slider .slick-next{
		width: 30px;
	}
	.slider_big .slick-next, .slider_small .slick-next, .drei_bilder_slider .slick-next{
		left: 65px;
	}
	.slick-slide.slick-slide1, .slick-slide.slick-slide2, .slick-slide.slick-slide3 {
		height: 300px;
	}
}
@media screen and (max-width: 500px){
	.h600{
		height: 350px;
	}
	.slider_big .slick-slide, .slider_small .slick-slide{
		height: 350px;
	}
	h1, h2, h3, h4, h5, h6{
		margin: 0px 0px 20px 0px;
	}
	#technische_daten{
		width: 100%;
		overflow: scroll;
	}
	.inner_daten{
		width: 400px;
	}
}	
@media screen and (max-width: 450px){	
	.wpcf7 .input, .wpcf7 .last{
		margin: 0px 0px 20px 0px;
		width: 100%;
		float: none;
	}
}
@media screen and (max-width: 440px){	
	
}
@media screen and (max-width: 400px){	
	
}
/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

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