
@media only screen and (max-width: 1250px) {

	body{
		font-size:			1.5em;
	}
	.anzeigebereich {
		width:				90%; 
	}

	

}

@media only screen and (max-width: 1050px) {
	
	.anzeigebereich {
		width:				100%; 
	}

	#kopf_navi_menue,
	#kopf_navi_kontakt,
	.nextPage,
	#inhalt_leistungen_trenner,
	#inhalt_leistungen,
	#inhalt_preise,
	#inhalt_referenzen_pics,
	#inhalt_referenzen_mehr,
	#block_logoentwicklung,
	#checkbox_div,
	#inhalt_fuss_box_impressum,
	#inhalt_fuss_box_datenschutz,
	#inhalt_fuss,
	#input_form,
	#input_space{
		display:			none;
	}
	
	#kopf_navi_burger,
	#kopf_navi_kontakt_m,
	#inhalt_leistungen_m,
	#inhalt_preiseM,
	#inhalt_referenzen_head,
	#inhalt_referenzen_picsM,
	#inhalt_referenzen_mehrM,
	#checkbox_divM,
	#inhalt_fuss_box_impressumM,
	#inhalt_fuss_box_datenschutzM,
	#inhalt_fussM,
	#inhalt_kontakt_pfeil_div,
	#inhalt_kontakt_head2{
		display:			block;
	}
	
	#kopf {
		height:				300px;
		padding-top:		25px;
	}
	
	#logo{
		width:				100%;
		margin-left:		30px;	
		margin-top:			80px;	
		z-index:			1100;
	}
	
	#kopf_logo{
		width:				55%;
		z-index:			1100;
	}
	
	.kopf_navi{
		position:			absolute;
		width:				100%;
	}
	
	#kopf_navi_kontakt_adress_icon{
		height:				20px;
		margin-left:		12px;
		margin-right:		28px;
	}

	#kopf_navi_kontakt_phone_icon{
		height:				20px;
		margin-left:		14px;
		margin-right:		30px;
	}

	#kopf_navi_kontakt_mail_icon{
		height:				20px;
		margin-left:		8px;
		margin-right:		24px;
	}
		
	
	#inhalt_home{
		height:				400px;
	}
	
	.jahre{
		position:			absolute;
		visibility:			none;
		opacity: 			0;
		width:				70%;
		margin-left:		30px;
		margin-top:			-70px;
		line-height:		130%;
		font-size:			.5em;
	}
	.jahre_load{
		position:			absolute;
		visibility:			display;
		opacity: 			1;
		width:				70% ;
		margin-left:		30px;
		margin-top:			-70px;
		line-height:		130%;
		font-size:			.6em;
		transition: 		visibility 0s, opacity 1.0s 1.0s linear;
		z-index:			990;
	}

	.jahre_pic{
		width:				50%;
	}
	
	.inhalt_home_fingerprint{
		position:			absolute;
		visibility:			hidden;
		right: 				30px;
		bottom: 			120px;
		opacity: 			0;
		width:				60%;
	}

	.inhalt_home_fingerprint_load{
		position:			absolute;
		visibility:			display;
		right: 				30px;
		bottom: 			120px;
		opacity: 			1;
		width:				60%;
		transition: 		visibility 0s, opacity 1.5s 1.5s linear;
	}

	.inhalt_home_slogan_load{
		font-size:			1.1em;
		margin-left:		30px;
		bottom:				50px;
	}
	.inhalt_home_slogan_bold{
		font-size:			1.1em;
	}
	
	#inhalt_unternehmen_text{
		width:				calc(100% - 60px);
		margin-left:		30px;
		padding-top:		40px;
		
	}
	
	.inhalt_unternehmen_slogan_load{
		font-size:			1.2em;
		margin-left:		25%;
	}
	
	.inhalt_unternehmen_slogan_load{
		font-size:			1.2em;
		margin-left:		25%;
	}
	
	#inhalt_magenta{
		min-height:			80px;
	}

	#inhalt_magenta_slogan_pic{
		width:				60%;
		margin-right:		30px;	
	}

	#inhalt_leistungen_text{
		width:				calc(100% - 60px);
		margin-left:		30px;
		margin-top:			50px;
		padding-bottom:		0px;
	}

	.inhalt_leistungen_menue{
		margin-bottom:		150px;
		display:			block;
	}

	.inhalt_leistungen_head_m{
		font-size:			25px;
		font-weight:		bold;
		color:				#9a1f45;
	}

	.inhalt_leistungen_menue_center{
		width:				calc(100% - 40px);
		padding-bottom:		50px;
	}
	
	.picto_l,
	.picto_r{
		width:				calc(100% - 70px);
		float:				none;
		cursor:				pointer;
		margin:				10px 10px 10px 50px;
	}
	.picto_r{
		margin:				10px 50px 10px 10px;
	}
	
	.picto_box{
		display:			block;
		width:				50%;
		float:				left;
	}
	
	.subMenueFrameM{
		position:			absolute;
		top:				-80px;
		bottom:				-200px;
		right:				0px;
		background:			#ddd;
		width:				0px;
		transition:			width 0.5s;
	}
	
	.subMenueFrameM2{
		position:			absolute;
		top:				-80px;
		bottom:				-200px;
		right:				0px;
		background:			#ddd;
		width:				100%;
		transition:			width 0.5s;
	}

	.subMenueFrameWrapperM{
		position:			relative;
		display:			none;
		height:				100%;
	}

	#subMenueHeadM{
		position:			relative;
		left:				25px;
		top:				120px;
	}
	
	.leistungen_slogan{
		width:				calc(100% - 60px);
	}

	#subMenueTextM{
		position:			relative;
		left:				30px;
		top:				170px;
		font-size:			18px;
		color:				#991f45;
		line-height:		140%;
		width:				calc(100% - 60px);
	}

	#subMenueGalleryM{
		position:			relative;
		left:				70px;
		width:				calc(100% - 140px);
		height:				270px;
		margin-top:			190px;
	}

	#leistungsSliderM{
		position:			relative;
	}

	.slick-slide img{
		width:				100% !important;
	}
	
	.inhalt_preise_text{
		width:				100%;
		float:				none;
	}

	#inhalt_preise_head,
	#inhalt_referenzen_head{
		font-size:			25px;	
	}
	
	
	.inhalt_referenzen_pic_frameM{
		width:				calc(100% - 60px);
		text-align:			center;
		margin-left:		30px;
		margin-bottom:		30px;
		font-size:			18px;
	}

	.inhalt_referenzen_pic_frameM2{
		position:			relative;
		margin:				auto;
		width:				calc(100% - 70px);
		text-align:			center;
		font-size:			0.8em;
	}

	.inhalt_referenzen_picM{
		width:				100%;
	}


	.subMenueTextBoldM{
		font-weight:		bold;
		font-size:			18px;
		color:				#991f45;
		line-height:		140%;
	}
	.subMenueTextBoldM2{
		font-weight:		bold;
		font-size:			18px;
		color:				#991f45;
		line-height:		140%;
	}
	.subMenueTextBoldM3{
		font-weight:		bold;
		font-size:			24px;
		color:				#991f45;
		line-height:		140%;
	}
	
	#inhalt_magenta_slogan_pic{
		width:				80%;
	}
	
	#input_mail,#input_tel{
		width:				100%;
		float:				none;
	}
	
	.inhalt_kontakt{
		height:				145px;
		min-height:			0px;
		transition: 		height 1s;
	}
	.inhalt_kontakt2{
		position:			relative;
		height:				950px;
		width:				calc(100% - 60px);
		margin-left:		30px;
		transition: 		height 1s;
	}
	
	#input_name, #input_mess, #input_mail, #input_tel, #checkbox_divM{
		font-size:			0.8em;
	}

	
	#inhalt_kontakt_head{
		font-size:			22px;
		margin:				50px 0 0 0;
	}
	
	#inhalt_kontakt_head2{
		font-size:			22px;
	}
	
	#inhalt_kontakt_slogan{
		display:			none;
	}

	#inhalt_kontakt_senden{
		width:				100%;
	}
	
	#inhalt_repertoire{
		width:				calc(100% - 60px);
		margin:				20px 30px 0 30px;
	}
	
	#inhalt_fuss_box{
		width:				100%;
		margin: 			0;
		padding-top:		30px;
		text-align:			center;
		color:				#fff;
		font-size:			0.8em;
	}
	
	#inhalt_fuss_box_wrapper{
		width:				100%;
		padding-top:		30px;
		padding-bottom:		60px;
		font-size:			0.8em;
	}	
	
	#inhalt_fuss_kontakt_adress_icon{
		vertical-align:		middle;
		height:				48px;
		margin-right:		0px;
		margin-top:			60px;
		padding-bottom:		5px;
	}

	#inhalt_fuss_kontakt_phone_icon{
		vertical-align:		middle;
		height:				48px;
		margin-left:		0px;
		margin-right:		0px;
		padding-bottom:		5px;
	}

	#inhalt_fuss_kontakt_mail_icon{
		vertical-align:		middle;
		height:				48px;
		margin-left:		0px;
		margin-right:		0px;
		padding-bottom:		5px;
	}

	#inhalt_fuss_box_fb{
		position:			relative;
		width:				100%;
		text-align:			center;
		left:				0px;
		bottom:				0px;
		font-size:			0.8em;
	}
		
	#inhalt_fuss_facebook_icon{
		vertical-align:		middle;
		height:				36px;
	}

	#inhalt_fuss_box_cr{
		padding-top:		100px;
		margin-left:		30px;
		color:				#fff;
		width:				calc(100% - 60px);
		text-align:			left;
		font-size:			0.6em;
	}
	
	#inhalt_impressum_head, #inhalt_ds_head{
		font-family: 		'Asap';
		font-size:			25px;
		line-height:		135%;
	}

	#inhalt_impressum{
		font-size:			0.8em;
		line-height:		120%;
	}
	
	a.leistungen_kontakt{
		font-size:			1.5em;
		color:				#9a1f45;
		font-weight:		bold;
	}
}
