/* CSS Document */
@media screen and (max-width: 1800px) {
	/* TEAM */
	.team_txt {
		width: 25%;
		top: 90px;
		right: 45px;
	}
}
@media screen and (max-width: 1650px){
	/* KONTAKTFORMULAR */
	#overlay .container {
		padding-top: 60px;
	}
}
@media screen and (max-width: 1450px) {
	/* PRODUKTE */
	.pro_nav li:not(:first-child) a {
		margin-top: 0px;
	}

	/* TEAM */
	#team_img {
		margin: 0;
	}

	.team_txt {
		width: 30%;
	}

	#fancy .def_text{
		padding-right:0px;
	}

	#contentservice1 .serviceinside {
		width: 100%;
	}
	#contentservice1, #contentservice2, #contentservice3 {
		padding-left: 180px;
		padding-right: 180px;
	}
	#contentservice3 .serviceinside:nth-child(2n+1) {
		padding-right: 80px;
	}
	#contentservice3 .serviceinside:nth-child(2n) {
		padding-left: 80px;
	}
	#contentservice3 > div {
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 1350px){
	/* FOOTER */
	.fl {
		padding-bottom: 15px;
	}

	.fr {
		float: left;
		padding: 0px 50px 30px 50px;
		margin: 0px;
	}

	.fr a {
		padding: 0px;
		margin: 0px;
	}
	#contentservice1, #contentservice2, #contentservice3 {
		padding-left: 100px;
		padding-right: 100px;
	}
	#ck_left {
		padding-right: 100px;
	}

	#ck_right {
		padding-left: 100px;
	}
}

@media screen and (max-width: 1300px) {
	.st_vw {
		padding-left: 100px;
		padding-right: 100px;
	}
}

@media screen and (max-width: 1150px) {
	#product_txt, .page, .nav_bottom, #pn_content, #ofooter, .nav_bottom, #team_wrapper, #team_nav, #content_wrapper, #ptxt_wrapper {
		padding-left: 50px;
		padding-right: 50px;
	}


	/* TEAM */
	#team_img.team1{
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		height: auto;
	}

	.team_txt {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		width: 100%;
	}

	.team_txt h1 {
		margin: 15px 0px;
		font-size: 36px;
	}

	#team_nav a {
		padding: 0px;
	}

	#team_wrapper {
		margin-bottom: 0px;
	}

	#team_nav a:nth-child(3n+1) img, #team_nav a, #team_nav a:nth-child(3n+2) img, #team_nav a:nth-child(3n) img {
		padding-left: 0px;
		padding-right: 0px;
	}

	.sig {
		height: 100px;
	}

	#ck_wrapper {
		width: 85%;
	}

	#ck_left {
		padding-right: 80px;
	}

	#ck_right {
		padding-left: 80px;
	}

	.st_vw li {
		width: calc(50% - 15px);
	}

	.st_vw li:nth-child(2n) {
		margin-left: 15px;
		margin-right: 0px;
	}

	.st_vw li:nth-child(2n+1) {
		margin-left: 0px;
		margin-right: 15px;
	}


}
@media screen and (max-width: 992px){
	.pro_nav li{
		float: left;
		width:100%;
		position: relative;
		margin-bottom:25px;
	}
	.pronav_txt .word{
		font-size:90px;
	}
	.pro_nav{
		padding:0px;
	}
	.pro_nav li a img{
		width:100%;
		margin-left:0px;
	}
	.team_box{
		position: relative;
		float:left;
		width:100%;
		margin-bottom:15px;
		height:25px;
		line-height:25px;
	}
	#fav_proj .team_box:nth-child(1) img{
		top:130px;
	}
	#fav_proj .team_box:nth-child(2) img{
		top:90px;
	}
	body .cursor{
		pointer-events:inherit;
	}
	body .cursor__ball{
		display:none;
	}
	*{
		cursor:default;
	}

	/* KONTAKTFORMULAR */
	#overlay .container {
		padding-top: 80px;
		padding-left: 80px;
	}

	/* TEAM */
	#team_img {
		height: auto;
		width: 100%;
	}

	/* FOOTER */
	#ofooter {
		float: none;

		margin-right: auto;
		margin-left: auto;
	}

	.fl, .fr .footer_nav li {
		padding: 0px;
		float: none;
	}

	.fr {
		float: left;
		padding: 30px 50px 30px 0px;
	}

	#contentservice2 .serviceinside, #contentservice3 .serviceinside {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#ht_left {
		float: left;
		margin-bottom: 50px;
	}

	#st_wrapper .st_pad h2 {
		margin-bottom: 30px;
	}

	#st_bottom {
		margin-top: 80px;
	}

	#st_bottom > div:not(:last-child) {
		margin-bottom: 50px;
	}


	.st_title, .stcont_bottom > div {
		margin-bottom: 20px;
	}

	#st_quote > div {
		width: 100%;
	}

	#st_quote {
		margin-top: 150px;
	}

	#ck_left {
		padding-right: 0px;
	}

	#ck_right {
		padding-left: 0px;
		border: none;
	}

	.ck_text {
		margin-bottom: 60px;
	}

	#ck_wrapper {
		width: 90%;
		padding-top: 200px;
	}


}
@media screen and (max-width: 768px){
	.stcont_bottom {
		display: block;
	}
	#newsletter input{
		width:100%;
	}
	.pro_nav li a img{
		width:80%;
		margin-left:10%;
	}
	#team_wrapper{
		padding-top:140px;
	}
	/* STYLES */
	#product_txt, .page, .nav_bottom, #pn_content, #ofooter, .nav_bottom, #team_wrapper, #team_nav, #content_wrapper, #ptxt_wrapper {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#team_wrapper, .nav_bottom, #ofooter, #content_wrapper, .pro_nav, #othersp, #content_wrapper, #product_txt, #ptxt_wrapper, #pn_content, #opinion_wrapper, #projektseite {
		float: left;
		clear: both;
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}
	#fancy{
		position: relative;
	}
	#logo, #slogo {
		left: 20px;
		/*top: 29px;*/
        top:40px;
		width: 160px;
		position: absolute;
	}

	#content_wrapper > img {
		margin-top: 30px;
	}

	#product_txt > img, #team_nav a  {
		margin: 30px 0px;
	}

	#ptxt_wrapper {
		margin-top: 60px;
	}

	.def_text:not(:last-child) {
		margin-bottom: 60px;
	}

	#end {
		display: none;
	}

	/* KONTAKTFORMULAR */
	#overlay .container {
		width: 100%;
		padding: 80px 20px 30px 70px;
	}

	#anmeldung {
		width: 100%;
	}

	/* KONTAKT */
	.contact_txt {
		display: block;
	}

	/* PRODUKTE */
	.pro_nav li a {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	#product_txt {
		display: block;
		height: auto;
	}

	#opinion_wrapper .opinions {
		width: 255px;
	}

	.opinions span {
		font-size: 30px;
		line-height: 33px;
	}

	#projektseite .hideme:first-child {
		padding-top: 0px;
	}

	#projektseite .hideme, #diacontent.black .pro_nav {
		padding-bottom: 60px;
	}

	/* POP-UP */
	#popup {
		width: 90%;
	}
	#ofooter{
		padding-bottom:50px;
	}
	#ofooter.footerb{
		padding-top:20px;
	}
	/* NAV BOTTOM */
	.nav_bottom {
        /*
		padding-top: 60px;
		padding-bottom: 90px;
        */
		display: flex;
		justify-content: center;
	}

	.nav_bottom li {
		width: auto;
		margin:0px 10px;
	}

	.nav_bottom li:not(:last-child){
		padding-right: 30px;
	}
	.nav_bottom a:hover{
		font-size:22px;
	}
	.nav_bottom li a {
		padding: 0px;
		margin: 0px;
		font-size:22px;
	}

	#p_back {
		/*
        float: left;
		margin-right:50px;
        */
        margin-right:20px;
        overflow: hidden;
	}
    #p_back_outer {
        margin-right:10px;
        width:90px;
    }
    #p_next_outer {
        margin-right:20px;
        width:90px;
        text-align: right;
    }
	/* FOOTER */
	.fl, .fr .footer_nav li {
		padding: 0px;
		float: none;
	}

	#header {
		display: none;
	}
	#mobnav_wrapper {
		display: block;
	}
	#logo, #slogo, #serviceicon {
		top: 78px;
	}

	#cat {
		left: auto;
		right: 0px;
	}
	#serviceicon {
		top: 55px !important;
	}

	#contentservice1, #contentservice2, #contentservice3, .st_pad {
		padding-left: 40px;
		padding-right: 40px;
	}


	#contentservice3 > div, #contentservice1 {
		margin-bottom: 50px;
	}

	#contentservice2 {
		margin-bottom: 0px;
	}

	#service {
		margin-top: 50px;
	}

	#st_wrapper .serviceimg {
		margin-bottom: 50px;
	}

	#contentservice3 {
		padding-top: 50px;
	}
	.simg_txt > h2 {
		font-size: 65px;
		line-height: 72px;
	}

	#inner_cat, #cat {
		display: none;
	}

	#st_quote h3 {
		font-size: 30px;
		line-height: 40px;
	}

	.stcont_bottom > div {
		padding: 0px !important;
	}

	.st_vw li {
		width: 100%;
		margin: 0px 0px 20px 0px !important;
	}

	.st_vw {
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 50px;
	}
}

@media screen and (max-width: 500px){
	#team_img.team1{
		display:none;
	}
	#team_img.team2{
		display:block;
		width:calc(100% + 40px);
		margin-left:-20px;
	}
	#team_wrapper{
		padding-top:20px;
	}
	.team_txt{
		margin-top:35px;
	}
	#ton{
		right:100px;
	}
	.id1 #logo {
		top: -60px;
	}
}