@media only screen and (max-width:1600px), screen and (min-device-width:321px) and (max-device-width:1600px) and (orientation: portrait) {
	.flex-direction-nav {
    left: 0;
}
.footer-nav .phone-footer {
    margin: 0 10% 0 28px;
}
.footer-nav ul li a {
    margin: 0 20px 0;
}
}
@media only screen and (max-width:1265px), screen and (min-device-width:321px) and (max-device-width:1265px) and (orientation: portrait) {
	.svg_services ul{
	width: calc(100% - 50px);
	float: none;
	}

}

/*                   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Ansicht Smartmenu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*                   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width:1090px), screen and (min-device-width:321px) and (max-device-width:1090px) and (orientation: portrait) {
	.offer-gallery a figure.new-offer {
        width: 80%;
    }
	/****  Navigtion ****/
	.header-nav .phone {
		display: none;
	}
	.mainMenu.active {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 100%;
		position: fixed;
		left: 0;
		top: 0;
	}
	.mainMenu {
		display: none;
	}
	.menuBtn {
		display: block;
	}

	.header-nav {
		padding: 2%  10% 3% !important;
	}
	.bg-white .mainMenu ul li a {
    	color: #fff;
	}

	/**** End Navigtion ****/
.gallery {
    display: table;
    margin: 0 0 0 -10%;
    float: left;
}
.content {
    padding: 100px 0% 100px 5%;
    color: #FFFFFF;
    float: right;
    position: relative;
   width: calc(45% - 20px);
    margin: 0 0% 0 0;
}
.gallery figure {
    height: 200px;
}
.gallery figure:nth-of-type(1) {
    width: calc(60% - 20px);
    margin: 0 20px 20px 0;
}
.gallery figure:nth-of-type(2) {
    margin: 0 0px 20px 0;
	width: 40%;
}
.gallery figure:nth-of-type(3) {
    margin: 0 0px 20px 0;
	width: 40%;
}
.gallery figure:nth-of-type(4) {
width: calc(60% - 20px);
margin: 0 0px 20px 20px;
}
	
	
}


/* #######################################################################################*/
/* 2. Ansicht Tablet +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* #######################################################################################*/

@media only screen and (max-width:1023px), screen and (min-device-width:321px) and (max-device-width:768px) and (orientation: portrait) {


    .footer-nav .phone-footer {
    font-weight: bold;
    display: table;
    float: right;
    margin: 0 0% 0 28px;
    clear: both;
}
.footer-nav ul li a {
    margin: 0 10px 0;
}
header h1 {
    font-size: 35px;
    line-height: 47px;
}
.header-content {
    padding: 100px 10% 140px;
	}
	.fix-bt a,
	.header-content p,
	.flex-direction-nav{
		display: none;
	}
.schedule {
    padding-left: 20px;
    margin: 10px 0 0 -20px;
}
.header-content .schedule strong {
    letter-spacing: 0px;
}
.schedule table td {
padding-right: 8px;
font-size: 12px;
}
.btn-down {
    font-size: 9px;
	width: 180px;
}
h2 {
    font-size: 35px;
    line-height: 46px;
}
h1,
.impressum h1{
    font-size: 35px;
    line-height: 46px;
}
.sub {
    margin: 0 auto 20px;
}
}


/* #######################################################################################*/
/* 3. Ansicht Smartphone +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* #######################################################################################*/

@media only screen and (max-width : 767px), screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .offer-gallery a figure.new-offer {
        width: 110%;
        /* height: 220px; */
    }
h2 {
    font-size: 25px;
    line-height: 36px;
}
h1,
.impressum h1{
    font-size: 25px;
    line-height: 36px;
}
	
.col-6 {
    width: 100%;
    float: none;
}
.skills {
    padding: 50px 10% 25px 10%;
}
#our-work {
    padding: 42px 0%;
}
.flexslider {

    width: 100%;
    margin: 0 0% 60px 0%;
}
	
#our-work{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#our-work .flexslider{
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
#our-work .skills{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}
.about-us:after {
    width: 100%;
    right: 0%;
	}
.about-us-text {
    width: 100%;
    padding: 0 0% 0 0;
}
.about-us {
    padding: 27px 10% 0px;
    margin: 0 auto;
	overflow: hidden;
}
.btn-main {
    width: 100%;
	text-align: center;
}
.about-us figure {
    position: relative;
    height: auto;
    bottom: 0%;
    left: -13%;
    display: block;
    width: 126%;
    padding: 49px 0px 0 0;
    line-height: 0;
}
	
.contact{
	padding: 0px 0% 0px;
	margin: 100px auto 46px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.contact-address{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
	padding: 39px 10% 68px;
	position: relative;
	margin: 0 auto 36px;
}
.contact-text{
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
	padding: 0 10% 0;
}
.contact-address:after {
    width: 100%;
}
.col-5 {
    width: 100%;
}
footer ul li {
    display: block;
    float: none;
    clear: both;
}
	.footer-nav ul li:nth-of-type(1) a,
	.footer-nav ul li a{
    margin: 0 0px 0 0;
}
.footer-nav {
    padding: 40px 10% 10px;
	}
.footer-nav .phone-footer {
    display: table;
    float: none;
    margin: 0px 0;
    clear: both;
    padding: 10px 0;
}
	
.service {
    padding: 50px 0% 0px;
}
.services header {
    padding: 20px 10%;
}
.services header:after {
    content: "";
    background: rgba(239, 148, 17, 0.1);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
	height: 100%;
}
.service{
	padding: 0px 0% 0px;
	margin: 50px auto 0px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.gallery{
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
display: table;
margin: 0 0 0 0%;
float: none;
width: 100%;
}
.gallery figure:nth-of-type(1),
.gallery figure:nth-of-type(2),
.gallery figure:nth-of-type(3),
.gallery figure:nth-of-type(4){
    width: 100%;
    margin: 10px 0px 0 0;
	height: auto;
}
.gallery figure img {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    -moz-transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
}
.content{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
padding: 34px 10% 42px;
color: #FFFFFF;
float: right;
position: relative;
width: 100%;
margin: 0 0% 0 0;
}
.content:after {
    width: 100%;
}
.about-us-page {
    position: relative;
    overflow: visible;
    padding: 0px 0% 0;
    display: table;
    max-width: 1560px;
    margin: 0 auto;
}
.about-us-page figure {
    width: 100%;
    margin: 0 0% 0 0%;
    overflow: hidden;
    float: left;
    position: relative;
    left: 0;
    top: 0;
    line-height: 0;
    height: auto;
	display: none;
}
.about-us-page figure img {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0%;
    -moz-transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
}
.about-us-page .about-content {
    padding: 50px 10% 0;
    width: 100%;
    float: none;
}
.about-content > strong {
    margin: 0 0 27px;
}
.team {
    position: relative;
    overflow: visible;
    padding: 50px 0% 0px;
    display: table;
    max-width: 1560px;
    margin: 0 auto;
}
	.team:after{
		display: none;
	}
	.team > h2{
		background: rgba(239, 148, 17, 0.1);
		padding: 27px 10% 0;
		text-align: left;
	}
	.team > strong{
		background: rgba(239, 148, 17, 0.1);
		padding: 0px 10% 30px;
		text-align: left;
		margin: 0 auto 0px;
	}
.team-gallery figure:nth-of-type(3n+1),
.team-gallery figure{
    margin: 0 auto 10px;
	width: 100%;
}
.team-gallery figure figcaption {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #EF9411;
    color: #fff;
    visibility: visible;
    opacity: 1;
	text-align: left;
	line-height: 30px;
}
.team-gallery figure figcaption > strong{
		line-height: 12px;
	margin: 0 auto 15px;
	}
.partner {
    text-align: left;
    padding: 20px 10% 50px;
	display: table;
}
.partner figure{
    display: table;
    padding: 0 5% 0;
    width: 50%;
    float: left;
    height: 50px;
    position: relative;
}
.partner figure img{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    max-width: 80%;
}
	
.contact-header:after {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}
	.contact-page .contact{
margin: 10px auto 0;
	}
	
.header-nav .logo img{
    width: 140px;
    margin: 10px auto 0;
}
	.team-gallery figure > *{
		overflow-y: hidden;
	}
	
	.video video{
	max-width: 1024px;
	width: 100%;
	margin: 100px 0 98px 0;
}
.video .video_text{
	width: 100%;
	transform: none;
    padding: 30px;
    color: #FFFFFF;
    right: 0;
    top: auto;
    bottom: 0;
	height: auto;
}
	.svg_services{
	font-size: 14px;
    float: right;
    position: relative;
    width: 100%;
    margin: 0 0% 0 0;
	padding: 50px 0 50px 10%;
	}
	.svg_services span{
		font-size: 14px;
	}
	.svg_services ul{
		width: 42%;
		float: left;
	}
	.svg_services ul:nth-of-type(2){
	width: 45%;
	float: left;
	}
}

@media only screen and (max-width : 430px), screen and (min-device-width : 320px) and (max-device-width : 430px) {
	.svg_services ul{
	width: calc(100% - 50px);
	float: none;
	}
	.svg_services span{
		width: 200%;
	}
	
}