.footer h4, .footer P, .footer A {color: #ffffff;font-family: "Play",sans-serif;font-size: 17px;}
.footer h4 {margin: 20px 0;}
.footer A {text-decoration: none;}
.footer ul {list-style-type: none;margin-left: 0;padding-left: 0;}
.footer ul li {}


.footer {background-color: #111111;padding: 48px 0 0 0;position: relative;z-index: 999;}
.footer .logo,
.footer .company {box-sizing: border-box;}
.footer .logo {position: absolute;top: -78px;overflow:hidden;}
.footer .logo img{position:relative;}
.footer .company {display:inline-block;}
.footer .company .fa {margin-top: 10px;margin-right: 13px;}
.footer.mobile .company a {font-size:100%;}
.footer .company .contact{position:relative;}
.footer .company .contact a:last-child {display:none;}
.footer .company .contact .qrcode {position:absolute;bottom:0;right:0;}
.footer .company .contact .qrcode img {width: 150px;}

.footer .menu {box-sizing: border-box;}
.footer .menu nav {float:left;}
.footer .menu h4 {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: default;}

.footer .copyrightContainer {clear: both;float: none;border-top: 1px solid #ff3f00;padding: 20px 80px;color: #ffffff;height: 22px;}
.footer .copyrightContainer > * {margin:0;}
.footer .copyrightContainer .copyright {float:left;}
.footer .copyrightContainer .imprint {float:right;display:none;}

.footer #btnTop{top: -21px;left: 50%;position: absolute;}
.footer #btnTop span{position:relative;right:21px;cursor: pointer;margin: 0;color: #ffffff;background-color: #e23b22;-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);border-radius: 30px;font-size: 18px;padding: 12px 15px;}
@media only screen and (min-width: 1200px){
	.footer {margin: 150px 0 0 0;}
	.footer .logo,
	.footer .company {max-width: 580px;width: 36%;}
	.footer .logo img{left: 50px;}
	.footer .company {padding-left: 80px;}

	.footer .menu {padding-right: 80px;float: right;width: 64%;display: flex;justify-content: flex-end;}
	.footer .menu Div {height: 250px;}
	.footer .menu nav + nav {}
}
@media only screen and (min-width: 1600px){
	.footer .menu div + div {margin-left: 10%;}
}
@media only screen and (max-width: 1599px) and (min-width: 1200px){
	.footer .menu nav + nav {margin-left: 5%;}
}
@media only screen and (max-width: 1329px) and (min-width: 1000px){
	.footer .menu nav h4{max-width: 170px;height: 30px;}
}
@media only screen and (max-width: 1199px) and (min-width: 900px){
	
}
@media only screen and (max-width: 999px) and (min-width: 900px){
	.footer .menu nav h4{max-width: 120px;height: 50px;}
}
@media only screen and (max-width: 1199px) and (min-width: 700px){
	.footer.mobile h4, .footer.mobile P, .footer.mobile A {font-size: 27px;}
	.footer.desktop .company {width: 270px;position: absolute;}
	.footer.desktop .company .contact a:last-child {display: inline-block;}
	.footer.desktop .company .contact .qrcode {display: none;}
	.footer.mobile .company .contact .qrcode img {width: 250px;}
	
	.footer.desktop .menu {display: inline-block;width: 100%;padding: 0 30px 0 270px;}
	.footer.mobile .menu {padding:0 30px;}
	.footer.mobile .menu nav {width:50%;min-width:270px;height:300px;}
	.footer.mobile .menu nav h4{max-width: none;height:50px;}
	.footer.mobile .menu nav:nth-child(even) {text-align:right;}
}
@media only screen and (max-width: 1199px) and (min-width: 900px){
	.footer.desktop .menu nav {width: 25%;}
}
@media only screen and (max-width: 899px) and (min-width: 700px){
	.footer.desktop .menu nav,
	.footer.desktop .menu nav .csc-header::after {transition-duration:1s;transition-timing-function:ease-in-out;}
	.footer.desktop .menu nav {float:none;overflow:hidden;margin-bottom:10px;padding-bottom:0;position:relative;transition-property:padding-bottom;}
	.footer.desktop .menu nav.open {padding-bottom:200px;}
	.footer.desktop .menu nav .csc-header {padding:10px 45px 10px 15px; border:1px solid #ffffff;position:relative;}
	.footer.desktop .menu nav .csc-header::after {position:absolute;right:19px;content:" ";display:block;width:15px;height:15px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;top:6px;transform: rotate(-45deg) rotateX(0deg) rotateY(0deg);transition-property:top transform;}
	.footer.desktop .menu nav.open .csc-header::after{top:17px;transform: rotate(-45deg) rotateX(180deg) rotateY(180deg);}
	.footer.desktop .menu nav .csc-header h4 {margin:0;}
	.footer.desktop .menu nav .csc-menu {position:absolute;}
	.footer.desktop .copyrightContainer .imprint {display:block;}
}
@media only screen and (max-width: 1199px){
	.footer {margin: 80px 0 0 0;}
	.footer .logo,
	.footer.mobile .company {max-width: 1200px;width:100%;}
	.footer .company,
	.footer .copyrightContainer {padding: 20px 30px;}
	
	.footer.mobile .fa-2x {font-size: 2.5em;}
}
@media only screen and (min-width: 900px){
	.footer .menu a {color: #aaa;transition: color 0.5s;}
	.footer .menu a:hover {color: #fff;}
}
@media only screen and (min-width: 700px){
	.footer .menu {height: 250px;}
}
@media only screen and (max-width: 699px){
	.footer .company {width:100%;padding-right:30px;margin-bottom:20px;}
	.footer .menu {display:block;margin:0 30px;}
	.footer .menu nav,
	.footer .menu nav .csc-header::after {transition-duration:1s;transition-timing-function:ease-in-out;}
	.footer .menu nav {float:none;overflow:hidden;margin-bottom:10px;padding-bottom:0;position:relative;transition-property:padding-bottom;}
	.footer .menu nav.open {padding-bottom:200px;}
	.footer .menu nav .csc-header {padding:10px 45px 10px 15px; border:1px solid #ffffff;position:relative;}
	.footer .menu nav .csc-header::after {position:absolute;right:19px;content:" ";display:block;width:15px;height:15px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;top:6px;transform: rotate(-45deg) rotateX(0deg) rotateY(0deg);transition-property:top transform;}
	.footer .menu nav.open .csc-header::after{top:17px;transform: rotate(-45deg) rotateX(180deg) rotateY(180deg);}
	.footer .menu nav .csc-header h4 {margin:0;}
	.footer .menu nav .csc-menu {position:absolute;}
	.footer .copyrightContainer .imprint {display:block;}
	.footer #btnTop{top:12px;left:initial;right:9px}
}
@media only screen and (max-width: 419px){
	.footer.desktop .company .contact .qrcode {position:relative;}
	.footer.mobile .company .contact .qrcode {display:none;}
}
@media only screen and (max-width: 329px){
	.footer .copyrightContainer {height: 100%;}
	.footer .copyrightContainer > * {text-align:center;}
	.footer .copyrightContainer .copyright {float:none;margin-bottom:10px;}
	.footer .copyrightContainer .imprint {float:none;}
}