#pagefooter { font-size: 0.8rem; padding-bottom: 2rem; }
#pagefooter .wrapper {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #CCC;
	display: flex;
	flex-wrap: wrap;
}

#pagefooter .wrapper .box {
	width: 50%;
	flex-shrink: 0;
	flex-grow: 0;
	margin: 0 0 1.3rem 0;
}

#pagefooter .wrapper .box.box50 {
	width: 100%;
}

#pagefooter .wrapper .box.box100 {
	width: 100%;
}

#pagefooter .box .headline {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3rem;
	margin-bottom: 0.5rem;
}

#pagefooter .box.box100 .headline { text-align: center; }
#pagefooter .box.box50 .headline { margin-bottom: 0.8rem; }

#pagefooter .box ul, #pagefooter .box ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#pagefooter .box ul li { padding-right: 0.5rem; }
#pagefooter .box ul li a {
	display: block;
	padding: 0.13rem 0;
}

#pagefooter .box .img_wrapper {
	display: flex;
}

#pagefooter .box .img_wrapper > a, #pagefooter .box .img_wrapper > .Bild {
	width: 80px;
	margin: 0 1.3rem 0 0;
	flex-grow: 0;
	flex-shrink: 0;
	display: block;
}

#pagefooter .box .img_wrapper .Bild img { width: 100%; height: auto; }


#pagefooter .box ul.social { display: flex; justify-content: center; flex-wrap: wrap; }

#pagefooter .box ul.social li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0.4rem;
	color: #444;
}

#pagefooter .box ul.social li a .icon-whatsapp:before { color: #444; }

#pagefooter .box ul.social li a.s-fb:hover { color: #1877f2; }
#pagefooter .box ul.social li a.s-yt:hover { color: #ff0000; }
#pagefooter .box ul.social li a.s-tw:hover { color: #1da1f2; }
#pagefooter .box ul.social li a.s-ig:hover { color: #e96c34; }
#pagefooter .box ul.social li a.s-vi:hover { color: #1ab7ea; }
#pagefooter .box ul.social li a.s-tt:hover { color: #fe2c55; }
#pagefooter .box ul.social li a.s-pin:hover { color: #e60023; }
#pagefooter .box ul.social li a.s-li:hover { color: #0a66c2; }
#pagefooter .box ul.social li a.s-whatsapp:hover, #pagefooter .box ul.social li a.s-whatsapp:hover .icon-whatsapp:before { color: #25d366; }


#pagefooter .box ul.social li i {
	display: block;
	font-size: 2rem;
	padding-bottom: 0.2rem;
}

#pagefooter a { color: #333; }
#pagefooter a:hover { color: #000; }


#pagefooter .partner_wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#pagefooter .interreg {
	display: block;
	max-width: 400px;
/*	margin: 0 auto;*/
}

#pagefooter .interreg img { mix-blend-mode: multiply; }

#pagefooter .allgaeu {
	display: block;
	max-width: 70px;
/*	margin: 0 auto;*/
}

#pagefooter .allgaeu img { mix-blend-mode: multiply; }


/* copyright */

#pagefooter .foot {
	font-size: 0.95em;
	margin-top: 1.5em;
	padding-top: 1.5em;
	padding-bottom: 2em;
	border-top: 1px solid #CCC;
	display: flex;
	justify-content: space-between;
}

@media (max-width: 567px) {
	#pagefooter .foot ul li a {
		display: block;
		padding: 0 0 0.3em 0;
	}
}
@media (min-width: 567px) {
	#pagefooter .partner_wrapper { flex-direction: row; justify-content: space-between; gap: unset;}

}

@media (min-width: 768px) {
	#pagefooter .wrapper { justify-content: space-between; }
	#pagefooter .wrapper .box { width: 24%; }
	#pagefooter .wrapper .box.box50 { width: 49%; }
	#pagefooter .wrapper .box.box100 { width: 100%; }


	#pagefooter .foot ul { display: flex; }
	#pagefooter .foot ul li { margin-right: 5px; }
}

@media (min-width: 1024px) {
	#pagefooter { padding-bottom: 4rem; }
	#pagefooter .foot ul li { margin-right: 10px; }
}

@media (min-width: 1280px) {
	#pagefooter .foot ul li { margin-right: 20px; }
}