/* md */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	header.header-top[role="header"] .navbar-fixed-top h1 img{ width:100%; margin-top: 8px;}
	h1 img{width: 150px;margin-top:14%;}
	header.header-top[role="header"] hgroup nav ul > li > a{ padding:0 5px 0 9px; font-size:8px;}
	header.header-top[role="header"] section{ top:14%}
	.section-two section article{ padding-right:20px; padding-left:5%; padding-top:20px}
	.pricing > section{ margin:50; width:60%; max-width:60%;height: 60vh;margin-bottom:30px}
	.team-pan section { margin-bottom:30px}
	.team-pan figure img{ margin:0 auto; width:100%; max-width:100%; display:block}
	.contact-form{ padding-left:20px; padding-right:20px}
	.section-one article p br,.slider-pan section article br,.section-five header[role="title-page"] h4 br, .section-five header[role="title-page"] h2 br{ display:none}
	.picleidenschaft{margin: auto; width: 150px; transform: rotate(25deg);}
	.fernwartung{display:none;}
	.row { flex-direction:column;}
	.figure_margin {margin-top:10vh;}
	.modal_content {width: 70vw; height: 70vw;}
	.modal{margin: 15vh auto;}
	.modal_text {font-size: 12px; line-height: auto;}
	.dontshowassp {display:none;}
	.tlpic {width:20vw;}
	.video_home { width: 100%;}
	.pricing>section{}
	.kontaktcenter{height: 250px;}
	.banner_nosp{display: none;}
	.banner_sp{display: block;}
	.rowtl.ltr .text{margin-left: 50px;}
	.rowtl.rtl .text { margin-right: 50px;}
}
/* xs */
@media (max-width: 767px) {
	header.header-top[role="header"] .container{ padding-top:10px; z-index:6}
	header.header-top[role="header"] section h2{ font-size:26px; line-height:28px; margin-bottom:2px}
	header.header-top[role="header"] section p{ font-size:15px; line-height:30px; margin:0 3%; padding-top:5px}
	header.header-top[role="header"] section .video-button{ margin:4% auto; width:65px; height:65px; line-height:65px; font-size:35px}
	header.header-top[role="header"] section a{ font-size:14px; padding:0 20px; line-height:55px}
	header.header-top[role="header"] hgroup{ position:relative}
	header.header-top[role="header"] hgroup nav { margin-top:0}
	header.header-top[role="header"] hgroup nav .navbar-toggle{ position:absolute; margin:0; top:-27px; right:15px}

	header.header-top[role="header"] .navbar-fixed-top h1 img{ width:70%; margin-top: 8px;}
	header.header-top[role="header"] hgroup nav ul{ text-align:center; background-color:rgba(0,0,0,0.8); padding:10px}
	header.header-top[role="header"] hgroup nav ul > li{ display:block;}
	.section-two section article{ padding-left:0; padding-right:0; padding-top:0px}
	.section-two section figure{ background-attachment:scroll; margin-top:20px; margin-bottom:20px}
	.section-two section:last-child article{ padding-left:0}
	.slider-pan section article{ margin:0 4%}
	.slider-pan section article br,.section-five header[role="title-page"] h4 br, .section-five header[role="title-page"] h2 br,.section-one article p br{ display:none}
	.pricing > section{ margin:50; display:block; max-width:100%; margin-bottom:30px; height: 70vh;}
	.section-three header[role="title-page"]{ padding-bottom:20px}
	.team-pan section { margin-bottom:30px}
	.team-pan figure img{ margin:0 auto; width:100%; max-width:100%; display:block}
	.footer{ padding:30px 0}
	.socil-icons a{ margin:0 2px; width:30px; height:30px; font-size:15px; line-height:30px}
	.footer nav{ padding-top:10px}
	.picleidenschaft{margin: auto; width: 150px; transform: rotate(25deg);}
	.fernwartung{display:none;}
	.row { flex-direction:column;}
	.figure_margin {margin-top:5vh;}
	.modal_content {width: 70vw; height: 70vw;}
	.modal{margin: 15vh auto;background-color: rgba(0,0,0,0)}
	.modal_text {font-size: 15px; line-height: 17px;}
	.dontshowassp {display:none;}
	.tlpic{width:20vw;}
	.video_home { width: 100%;}
	.pricing>section{height: 40vh;}
	.kontaktcenter{height: 250px;}
	.banner_nosp{display: none;}
	.banner_sp{display: block;}
	.rowtl.ltr .text{margin-left: 25px;}
	.rowtl.rtl .text { margin-right: 25px;}
}
@media (max-width: 414px) {
	header.header-top[role="header"] section h2{ font-size:36px; line-height:41px}
	.picleidenschaft{margin: auto; width: 150px; transform: rotate(25deg);}
	.fernwartung{display:none;}
	.row { flex-direction:column;}
	.figure_margin {margin-top:30vh;}
	.modal_content {width: 70vw; height: 70vw;}
	.modal{margin: 15vh auto;}
	.modal_text {font-size: 12px; line-height: auto;}
	.dontshowassp {display:none;}
	.tlpic{width:20vw;}
	.video_home { width: 100%;}
	.pricing>section{height: 70vh;}
	.kontaktcenter{height: 250px;}
	.banner_nosp{display: none;}
	.banner_sp{display: block;}
	.rowtl.ltr .text{margin-left: 25px;}
	.rowtl.rtl .text { margin-right: 25px;}
}