@charset "utf-8";

#colophon{
	background: #272227 !important;
	color: #fff;
	font-family: Poppins;
	font-weight: 400;
} 
#colophon h4{
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#colophon .content{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-left: 60px;
	padding-right: 60px;

}
#colophon .footer-logo-nav{
	width: calc(100% - 700px);
	margin-bottom: 40px;
}

#colophon .width100{
	width: 100%;
}

  
#colophon .footer-logo img{
	width: 240px;
} 

#colophon .footer-newsletter-menu{
	width: calc(100% - 500px);
}
#colophon .footer-newsletter{
	width: 700px;
	color: #fff;
}
#colophon .footer-newsletter input[type="email"]{
	width: 100%;
	padding: 15px 20px;
	background: none;
	border: 1px solid #ddd;
	font-size: 20px;
	color: #ddd;
	border-radius: 0;
	border-right: none;

}
#colophon #menu-footer{
	justify-content: left;
}
#colophon .footer-newsletter input[type="submit"]{
	border: 1px solid #ddd;
	background: none;
	color: #ddd;
	padding: 15px 20px;
	font-size: 20px;
	border-radius: 0;
}
#colophon .footer-newsletter .footer-newsletter-header{
	font-family: Poppins; font-weight: 800;
	font-size: 30px;
	letter-spacing: 1px;
	margin-bottom: 8px;
	margin-bottom: 15px;
}
#colophon .footer-newsletter-forms{
	display: flex;
}
#colophon .footer-nav-menu{
	font-size: 20px;
}
#colophon .footer-nav-menu li{
	margin-bottom: 20px;
	width: 100%;
}
#colophon .footer-nav-menu{
	columns: 1;
	max-width: 600px;
}
#colophon .footer-nav-menu a{
	color: #fff;
	line-height: 130%;
}
#colophon ul li{
	padding-left: 0px;
	padding-right: 0px;
}

#colophon .cta-footer-text{
	font-family: Poppins; font-weight: 800;
	font-size: 30px;
	color: #fff;
	line-height: 120%;
	text-transform: uppercase;
}

.footer-wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 100px;
	width: 100%;
}

#colophon .footer-title{
	font-weight: 400;
	margin-bottom: 25px;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	
}


#colophon .footer-opening th{
	font-weight: 400;
	text-align: left;
	padding-right: 15px;
	padding-bottom: 10px;
}

#colophon #leistungen-footer-navigation{
	width: 200px;
	
}

#colophon .btn-primary:hover{
		color: #000;
}





#colophon #leistungen-footer-navigation li{
	margin-bottom: 30px;
}
#colophon #leistungen-footer-navigation li:last-child{
	margin-bottom: 0px;
}
#colophon #leistungen-footer-navigation li a{

	display: block;
	display: flex;
	border-bottom: 1px solid #fff;
	padding-top: 0px;
	padding-bottom: 10px;
}
#colophon #leistungen-footer-navigation li a:hover{
	color: #E04350;
	border-bottom: 1px solid #E04350;
}

#colophon #leistungen-footer-navigation .menu-item-wrapper{
	display: block;
	width: 100%;
}
#colophon #leistungen-footer-navigation .menu-content{
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    gap: 20px;
	width: 100%;
	justify-content: space-between;
}


#colophon #leistungen-footer-navigation li a  .menu-content::after {
    content: "→";
    font-size: 18px;
	
}

#colophon #leistungen-footer-navigation li a img{
	width: 30px;
}

#colophon .footer-opening-text tr td:first-child{
	padding-right: 20px;
	font-family: Poppins; font-weight: 800;
	text-transform: uppercase;
}
#colophon .footer-contact tr td:first-child{
	padding-top: 2px;
}
#colophon .footer-contact tr td:last-child{
	padding-left: 20px;
}
#colophon .footer-contact tr td{
	padding-bottom: 10px;
}

#colophon .footer-opening-text,
#colophon .footer-contact{
	line-height: 150%;
}

#colophon .icon{
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	display: block;
	background: #fff;
	mask-repeat: no-repeat;
	mask-size: contain;	
}
#colophon .icon.icon-email{
	mask-image: url(../fa-images/footer-icon-mail.svg) ;
}
#colophon .icon.icon-phone{
	mask-image: url(../fa-images/footer-icon-phone.svg) ;
}

#colophon .icon.icon-adress{
	mask-image: url(../fa-images/footer-icon-adress.svg) ;
}



#footer-navigation{
	padding-top: 50px;
}
#footer-navigation #menu-law{
	justify-content: flex-start !important;
}
#colophon .footer-links{
	flex-grow: 2;
}

#footer-navigation #menu-law li:first-child a {
	font-size: 14px;
}


@media(max-width: 1500px){
	#colophon .content{
		padding-left: 40px;
		padding-right: 40px;

	}
}
@media(max-width: 1400px){
	
	.footer-wrapper{
		gap: 70px;
	}
}

@media(max-width: 1200px){
	#colophon .cta-footer-text,
	#colophon .footer-cta{
		text-align: center;
	}
	#colophon #leistungen-footer-navigation{
		width: 100%;
	}
	#colophon .footer-wrapper{
		gap: 60px;
	}
	#colophon .footer-cta{
		width: 100%;
		padding: 40px;
		border-radius: 8px;
		border: 3px solid #fff;
	}
	#colophon .footer-cta br{
		display: none;
	}
	#colophon .content{
		padding-left: 30px;
		padding-right: 30px;

	}
}

@media(max-width: 1024px){
	#colophon .footer-cta br:first-child{
		display: block;
	}

}
@media(max-width: 768px){
	
	
	#colophon .content{
		padding-left: 20px;
		padding-right: 20px;

	}
	#colophon .cta-footer-text{
		font-size: 25px;
	}
	#colophon .footer-links{
		width: 100%
	}
	
}

@media(max-width: 480px){
	#colophon .cta-footer-text{
		font-size: 23px;
	}
	#colophon .footer-cta br{
		display: block;
	}
	#colophon .footer-cta{
		padding: 30px 20px;
	}
	.footer-cta .btn-primary{
		font-size: 15px;
	}
		#colophon .content{
		padding-left: 15px;
		padding-right: 15px;

	}
	
}