@charset "UTF-8";

/* footer */
div#footerbox {
	background-color: #f3f4f0;
	
	/*padding: 10px 15px 10px 15px;*/
	/*padding: 1% 2%;*/
	/*margin: 0px 0px 0px 0px;*/
	text-align: left;
	/*width: 970px;*/
	margin-bottom: 0px;
	position: relative;
	z-index: 1;
}

div#footerbox_upperpart2 {
	margin-top: 45px;
}

span.footerbox_heading3 {
	color: #006;
	font-size: 1em;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

ul.footerbox {
	border-top: 1px solid #006;
	float: left;
	/*width: 210px;*/
	width: 90%;
	margin: 0;
	padding: 0;
}

/* Border für den Kontakt-Block (Desktop) */
#footer-block-12 .footerbox_contact_wrapper:first-child {
	border-top: 1px solid #006;
	padding-top: 0.4rem;
}

ul.footerbox li {
	list-style-image: url(../images/system/icon_arrow_green.gif);
	list-style-position: inside;
	margin-left: 12px;
	font-size: 1em;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #444;
	line-height: 1.5em;
}

ul.footerbox li.noArrow {
	list-style-image: none;
	list-style-type: none;
}

ul.footerbox li a {
	font-size: 1em;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #444;
	line-height: 1.5em;
	text-decoration: none;
}

ul.footerbox li a:hover {
	color: #B2CD1B;
}

img.footerbox_ihk {
	/*width: 90%;*/
	width: 78%;
	/*width: 140px;*/
	/*height: 94px;*/
	border: 0;
}

img.footerbox_hwk {
	 /*width: 90%;*/
	 width: 140px;
	 /*height: 23px;*/
	 padding-top: 20px;
	 border: 0;
}

img.footerbox_textilesVertrauen {
	/*width: 100%;*/
	width: 140px;
	/*height: 77px;*/
	padding-top: 15px;
	border: 0;
}

img.footerbox_hp {
	/*width: 100%;*/
	width: 140px;
	/*height: 43px;*/
	padding-top: 15px;
	border: 0;
}

img.footerbox_ups {
	width: 37px;
	padding-top: 15px;
	border: 0;
}

img.footerbox_dachser {
	width: 100px;
	/*height: 35px;*/
	float: right;
	padding-top: 15px;
	border: 0;
}

img.footerbox_dpd {
	width: 90px;
	/*height: 46px;*/
	float: left;
	border: 0;
}

img.footerbox_samsung {
	float: right;
	border: 0;
}

img.footerbox_expand {
	float: left;
	height: 46px;
	border: 0;
}

img.footerbox_complott {
	padding-top: 15px;
	float: left;
	height: 46px;
	border: 0;
}

img.footerbox_xgloo {
	float: right;
	width: 90px;
	border: 0;
}

img.footerbox_kinderschutzbund {
	 /*width: 100%;*/
	 width: 140px;
	 padding-top: 10px;
	 border: 0;
}

img.footerbox_xing {
	padding-top: 10px;
	float: left;
	width: 70px;
	max-height: 28px;
	border: 0;
}

img.footerbox_fb {
	padding: 12px 0px 0px 5px;
	float: left;
	width: 25px;
	/*height: 25px;*/
	border: 0;
}

img.footerbox_wa {
	padding: 12px 0px 0px 5px;
	float: left;
	width: 25px;
	/*height: 25px;*/
	border: 0;
}

h4.footerbox {
	color: #ACC90A;
	font-size: 1em;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #ACC90A;
	margin: 0;
}

p.footerbox_info {
	font-size: 1em;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #444;
	line-height: 1.7em;
	margin: 0;
	padding: 0;
}

div#footerbox_xcitegrp,div#footerbox_environment  {
	/*float: left;*/
	/*width: 210px;*/
	/*overflow: hidden;*/
}

div#footerbox_information, div#footerbox_hotline, div#footerbox_partner, div#footerbox_socialmedia, div#footerbox_engagement {
	/*float: left;*/
	/*width: 210px;*/
	/*margin-left: 40px;*/
}

div#footerbox_ausbildung, div#footerbox_socialmedia {
	/*float: right;
	width: 210px;
	margin-left: 40px;*/
}

div#footerbox_bottom {
	/*margin-top: 1em;*/
	padding: 0% 2%;
}

.footer_wrapper .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.footer_wrapper .row {
	margin-left: 0;
	margin-right: 0;
}

.footer_wrapper .col-12.col-lg-10 {
	background-image: linear-gradient(to top, #006 15%, #034593 100%);
}

div#footer {
	/* float: left; */
	/*width: 1000px;*/
	height: 100%;
	/*background: url('../images/system/bg_footer.png') no-repeat;*/
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	color: #fff;
	font-size: 0.85em;
	padding: 8px 0;
	/*background-color: #acc90a;*/
	/*background-image: linear-gradient(to top, #ACC90A 0%, #FFF 100%);*/
	/*background-image: linear-gradient(to top, #006 15%, #034593 100%);*/
	/*margin-top: 1em;*/
	margin-top: 0px;
}

div#footer a {
	text-decoration: none;
	color: #fff;
	float: left;
}

div#footer a:hover {
	color: #B2CD1B;
}

div#footer span.footer_seperator {
	float: left;
	padding: 0px 6px 0px 6px;
}
div#footer span.footer_copyright {
	float: left;
	/*padding: 0px 0px 0px 36px;*/
}
div#footer ul {
	list-style: none;	
	float: left;
	margin-top: 0px;
	padding-left: 0px;
}
div#footer ul li {
	display: inline;
	float: left;
}

ul.footerbox_contact {
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding-top: 5px;
}

span.footerbox_ul_heading {
	font-weight: bold;
}

/* Neue Kontakt-Block Struktur */
.footerbox_contact_wrapper {
	margin-bottom: 1rem;
}

.footerbox_contact_heading {
	font-weight: bold;
	padding-top: 0.5rem;
	text-align: left;
}

/* Footer Collapse Header */
.footerbox-header {
	cursor: pointer;
	user-select: none;
}

.footerbox-chevron {
	transition: transform 0.3s ease-out;
	font-size: 0.9em;
}

/* Footer Collapse Content */
.footerbox-content {
	transition: max-height 0.3s ease-out;
	overflow: hidden;
}

.footerbox-content.collapsed {
	max-height: 0;
}

hr.footerbox_contact_divider {
	border: 0;
	border-top: 1px solid #006;
	margin: 0.4rem 0 0.5rem 0;
}

ul.footerbox_contact_list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.footerbox_contact_list li {
	line-height: 1.5em;
}

ul.footerbox i {
	font-size: 1.7em;
	float: left;
	padding-right: 1em;
	padding-top: 1em;
}


/* xxs */
@media (max-width: 480px) {
	div#footer {
		/*font-size: 8px;*/
	}
}

/* m */
@media (max-width: 960px) {
	div#footer {
		height: 100%;
		/*font-size: 0.7em;*/
	}
}

/* Mobile Footer Optimierungen */
@media (max-width: 767px) {
	/* Kleinere Schriftgröße wie in der Top Bar */
	div#footerbox {
		font-size: 0.65em;
	}
	
	/* Padding entfernen für besseres Layout */
	div#footerbox .pe-2,
	div#footerbox .ps-2 {
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}
	
	/* Abstand zwischen den Footer-Blöcken */
	div#footerbox .col-12 {
		padding-bottom: 0.5rem;
	}
	
	/* Kontakt-Spalte auf Mobile linksbündig */
	div#footerbox .text-lg-end {
		text-align: left !important;
	}
	
	/* Kleinere Überschriften */
	span.footerbox_heading3 {
		font-size: 0.95em;
		display: block;
		margin-bottom: 0;
	}
	
	/* Trennstrich direkt unter Überschrift, dann Abstand zum Inhalt */
	ul.footerbox {
		margin-top: 0;
		padding-top: 0.4rem;
		float: none !important;
		width: 100% !important;
	}
	
	/* Weniger Zeilenabstand */
	ul.footerbox li {
		line-height: 1.3em;
	}
	
	ul.footerbox li a {
		line-height: 1.3em;
	}
	
	/* Copyright-Bereich Schriftgröße anpassen */
	div#footer {
		font-size: 0.65em;
	}
}

/* Kontakt-Block: Zentrierung nur auf Mobile (max-width: 767px) */
.col-mobile-spacer {
	flex: 0 0 0%;
	max-width: 0%;
}

.col-mobile-content {
	flex: 0 0 100%;
	max-width: 100%;
}

@media (max-width: 767px) {
	.col-mobile-spacer {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	
	.col-mobile-content {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

/* Desktop Media Query für Footer */
@media (min-width: 768px) {
	/* Footerbox Überschriften auf Desktop linksbündig */
	span.footerbox_heading3 {
		text-align: left;
	}
}

/* footer end */