@media screen and (orientation: portrait){
    #top_wrapper{
        margin-top: -60vh;
    }
    .bx-wrapper .bx-controls-direction a{
        top:50vh;
    }
}
@media screen and (max-width: 1400px){
    #footer_fixed{
        padding:0px 15px;
    }
    .nav > li > a{
        margin-right: 20px;
    }
    .hrtop, .hrbottom{
        display: none;
    }
    .slide{
        width:calc(100% - 300px);
    }
    #content_middle > div:nth-child(2n+1) .grid_txt, #content_middle > div:nth-child(2n) .grid_txt{
        padding:45px 15px;
    }
	#impressionen{
		padding-left:15px;
		padding-right:15px;
	}
    .center{
        padding: 0px 40px;
    }
    .tablewraper{
        float: none;
    }
}
@media screen and (max-width: 1200px){
    #home_animation{
        left: 32%;
        font-size: 62px;
    }
    #img_home_animation{
        width: 111px;
    }
    .teaser_wrapper{
        width: 305px;
    }
    .txtimg_left{
        padding-left:30px;
    }
    .txtimg_right{
        padding-right:0px;
    }
    .txtimg_right img{
        max-width: none;
        width:100%;
    }
    .xlhide{
        display: none;
    }
    .nav > li > a{
        color: #FCFC47;
        margin-right: 11px;
    }
	.bx-wrapper .bx-controls-direction a{
		top:73vh;
	}
	.bx-wrapper .bx-prev{
		left:25px;
	}
	.bx-wrapper .bx-next{
		right:25px;
	}
    #background_home{
        padding-top: 155px;
    }
    .slide{
        width:calc(100% - 410px);
    }
	#cat{
		padding:25px 25px 90px;
	}
	#content_bottom span{
		width:50%;
	}
    h1{
        font-size:30px;
        line-height: 40px;
    }
    #header{
        padding-top: 30px;
    }
    #form1{
        width:100%;
        border: none;
    }
    #form1 .button_white{
        margin-bottom: 60px;
    }
    .form2{
        width: 47%;
    }
    .form2:last-child{
        margin-left: 6%;
    }
    .formfeld, .simpliform input[type="text"], .simpliform select, .oderitem{
        width: 100% !important;
    }
    .big_title{
        line-height: 33px !important;
    }
    #logo_footer{
        display: none;
    }
}
@media screen and (max-width: 992px){
    #img_home_animation{
        width: 47px;
        top: 101px;
        left: 29px;
    }
    #home_animation {
      top: 80px;
      left: 100px;
      font-size: 55px;
    }
    #background_home {
      padding-top: 202px;
    }
    .teaser_wrapper {
      width: 287px;
      padding-left: 39px;
    }
    .section {
      padding-top: 85px;
    }
    .txtimg_right img{
        max-width: 100%;
        width:auto;
        margin-left: 15px;
    }
    .img_more_box{
        width:50%;
    }
    #content_div_2{
        max-width:100%;
        width:280px;
    }
    /* NAV */
    .subnav{
        top:71px;
        padding:5px 15px;
    }
    #btn_nav{
		display: block;
		float: right;
		z-index: 30;
        color: #FCFC47;
        top: -15px;
        margin-right: 20px;
	}
    .mobnav{
        position: fixed;
        top:71px;
        left:0px;
        width:100%;
        height:calc(100% - 71px);
        background:#000;
        padding:15px;
        z-index: 250;
        overflow: auto;
    }
    .mobnav a{
        color:#6A6A6A;
    }
    .mobnav > li ul{
        display: none;
        padding-left:25px;
        font-size:18px;
    }
    .mobnav > li{
        margin-bottom:15px;
    }
    .mobnav a.act, .mobnav a:hover{
        color:#FCFC47;
        text-decoration: none;
    }
    .mobnav > li a.act + ul{
        display: block;
    }
    .c-hamburger span::before, .c-hamburger span::after{
        background-color: #FCFC47;
        content: "";
    }
    .c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after, .c-hamburger span{
        background:  #FCFC47;
    }
    #header.black{
        padding: 30px 0px 5px 0px;
    }
	.nav{
		overflow: auto;
		display: none;
		background: #000;
		width: 100%;
		right: 0px;
		top: 0;
		z-index: 30;
		height: 390px;
        padding-left: 20px;
        margin-top: 10px;
	}
	.nav li{
		margin-bottom:30px;
		width: calc(100%);
	}
    .subnav{
        display: none;
    }
}
@media screen and (max-width: 768px){
    #img_home_animation{
        display: none;
    }
    #home_animation {
      font-size: 50px;
      left: 25px;
    }
    .footernav > li{
        width:50%;
        margin-bottom:25px;
    }
    .footernav > li > ul{
        margin-bottom:0px;
    }
    .center{
        padding:0px 15px;
    }
    .section .cwrappwer.grey{
        padding:25px 0px;
    }
    .big_title:before{
        display: none;
    }
    .section{
        padding-top:55px;
    }
    #orderform{
        padding-top: 0px;
    }
    .tablewraper{
        margin-bottom:0px;
    }
    .big_title{
        font-size:20px;
        margin-bottom:15px;
    }
    .txtsmall{
        font-size: 14px;
        line-height: 24px;
    }
    .tablewraper{
        width:100%;
    }
}
@media screen and (max-width: 575px){
    .teaser_wrapper{
        width:100%;
        padding:10px;
        height: 120px;
    }
    .teaser_title{
        margin-bottom:15px;
        font-size:25px;
    }
    .teaser_wrapper br{
        display: none;
    }
    .teaser_wrapper .button_white{
        width:calc(50% - 65px);
        float: left;
        margin:0px;
        margin-right:15px;
    }
    .teaser_wrapper .button_black{
        width:calc(50% + 50px);
        float: left;
        margin:0px;
        clear: none;
    }
    .type_outer::after {
      margin-left: 3px;
      margin-right: 3px;
    }
    #home_animation {
      font-size: 35px;
      left: 10px;
    }
    .txtimg img{
        display: none;
    }
    .home_div_content, #content_div_1, #content_div_2{
        position: relative;
        float: left;
        width:100%;
        left:inherit;
        top:inherit;
    }
    .txtimg_right{
        padding-left:30px;
    }
    .footernav > li{
        width:100%;
        margin-bottom:15px;
    }
    .form2{
        width:100%;
    }
    .form2:last-child{
        margin-left:0px;
    }
    .black_form{
        margin-right:0px;
    }
    .img_more{
        width:100%;
        margin-left:0px;
    }
    .img_more_box{
        width:100%;
    }
    #garantie{
        right:25px;
    }
}
@media screen and (max-width: 380px){
    #home_animation {
        font-size: 30px;
        left: 10px;
    }
}