.copyright-footer {
	padding: 20px 0;
	font-size: 0.8em;
}

.subfooter {
	padding: 40px 0;
	background: var(--color-grey-light);
	color: var(--color-grey-medium-dark);
	font-size: 0.8em;
	position: relative;
	overflow: hidden;
}

	.subfooter:before {
		content: "";
		display: block;
		position: absolute;
		height: 5px;
		top: -5px;
		width: 100%;
		left: 0;
		box-shadow: 0 0 15px rgba(0,0,0,.2);
	}

	.subfooter .fzs-newsletter-form {
		max-width: 300px;
	}

	.subfooter h3 {
		color: var(--color-green);
		font-weight: var(--font-default-weight);
		text-align: left;
		font-size: 1rem;
		margin-top: 3em;
	}

	.subfooter .width {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

		.subfooter .width > div {
			width: calc(100% / 3 - 10px);
		}

		.subfooter .logo-zivilgesellschaft {
			display: block;
			background: url(../img/footer/logo-itz.png) no-repeat left center / contain;
			width: 230px;
			height: 64px;
			margin: 40px 0 0;
		}

	.subfooter .menu-social li a {
		font-weight: inherit;
		font-size: inherit;
		color: var(--color-grey-medium-dark);
		min-width: 59px;
		line-height: 1;
	}

		.subfooter .menu-social li a:hover {
			color: var(--color-green);
		}

		.subfooter .menu-social li.facebook a:before {
			background-image: url(../img/social-icons/facebook_grey.svg);
		}

		.subfooter .menu-social li.instagram a:before {
			background-image: url(../img/social-icons/instagram_grey.svg);
		}

		.subfooter .menu-social li.linkedin a:before {
			background-image: url(../img/social-icons/linkedin_grey.svg);
		}

		.subfooter .menu-social li.twitter a:before {
			background-image: url(../img/social-icons/twitter_grey.svg);
		}

		.subfooter .menu-social li.youtube a:before {
			background-image: url(../img/social-icons/youtube_grey.svg);
		}

			.subfooter .menu-social li.facebook a:after {
				background-image: url(../img/social-icons/facebook_green.svg);
			}

			.subfooter .menu-social li.instagram a:after {
				background-image: url(../img/social-icons/instagram_green.svg);
			}

			.subfooter .menu-social li.linkedin a:after {
				background-image: url(../img/social-icons/linkedin_green.svg);
			}

			.subfooter .menu-social li.twitter a:after {
				background-image: url(../img/social-icons/twitter_green.svg);
			}

			.subfooter .menu-social li.youtube a:after {
				background-image: url(../img/social-icons/youtube_green.svg);
			}

	.subfooter button {
		margin-top: 5px;
		width: 100%;
		max-width: 305px;
	}

	.subfooter .fzs-newsletter-form {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		max-width: 300px;
	}

		.subfooter .fzs-newsletter-form label,
		.subfooter .fzs-newsletter-form button {
			margin-top: 10px;
			width: 100%;
		}

		.subfooter .fzs-newsletter-form label.half {
			width: calc(50% - 3px);
		}

		.subfooter .fzs-newsletter-form label input {
			width: 100%;
			max-width: unset;
			box-sizing: border-box;
		}

			.subfooter .fzs-newsletter-form label input[type="checkbox"] {
				width: auto;
			}

		.subfooter .fzs-newsletter-form label.privacy-checkbox {
			font-size: 11px;
		}

		.subfooter .fzs-newsletter-form .fzs-newsletter-message {
			width: 100%;
		}

			.subfooter .fzs-newsletter-form .fzs-newsletter-message > div {
				padding: 10px 0 5px;
			}

			.subfooter .fzs-newsletter-form .fzs-newsletter-message .fzs-newsletter-message-error {
				color: red;
				font-weight: var(--font-condensed-weight-bold);
			}

			.subfooter .fzs-newsletter-form .fzs-newsletter-message .fzs-newsletter-message-success {
				color: var(--color-green);
				font-weight: var(--font-condensed-weight-bold);
			}

	body.website-area-peru .subfooter .width,
	body.website-area-ukraine .subfooter .width,
	body.website-area-colombia .subfooter .width {
		flex-wrap: wrap;
	}

		body.website-area-peru .subfooter .width > .social,
		body.website-area-ukraine .subfooter .width > .social,
		body.website-area-colombia .subfooter .width > .social {
			width: 100%;
			margin-bottom: 40px;
			text-align: center;
		}

	@media ( max-width: 1000px ) {

		.subfooter .width {
			flex-wrap: wrap;
		}

			.subfooter .width .social {
				width: 100%;
				margin-bottom: 60px;
			}

			.subfooter .width .contact,
			.subfooter .width .donate {
				width: calc(50% - 20px);
			}

	}

	@media ( max-width: 680px ) {

		.subfooter .width .social {
			margin-bottom: 0;
		}

		.subfooter .width .contact {
			width: 100%;
			margin-top: 40px;
		}

		.subfooter .width .donate {
			width: 100%;
			margin-top: 40px;
		}

		body.website-area-peru .subfooter .width > div,
		body.website-area-ukraine .subfooter .width > div,
		body.website-area-colombia .subfooter .width > div {
			width: 100%;
			margin-top: 2em;
		}

			body.website-area-peru .subfooter .width > .social,
			body.website-area-ukraine .subfooter .width > .social,
			body.website-area-colombia .subfooter .width > .social {
				margin-bottom: 0;
				text-align: left;
			}

	}

	@media ( max-width: 480px ) {

		.subfooter .menu-social li a {
			min-width: 0;
			margin-right: 5px;
		}

	}

.footer {
	background: var(--color-grey);
	height: 38px;
	font-family: var(--font-condensed-family);
	font-size: 14px;
	text-transform: uppercase;
	color: var(--color-grey-medium-dark);
	box-sizing: border-box;
	border-top: 1px solid var(--color-grey-dark);
}

	.footer .width {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.footer .copyright {
		text-align: right;
	}

	.footer .menu {
		margin-left: -5px;
	}

		.footer .menu li {
			display: inline;
		}

			.footer a {
				display: inline-block;
				padding: 12px 5px;
				color: var(--color-grey-medium-dark);
			}

				.footer a:hover {
					color: var(--color-green-light);
				}

			.footer .current-menu-item a {
				font-weight: var(--font-condensed-weight-bold);
				color: var(--color-green-light);
			}

	@media ( max-width: 680px ) {

		.footer {
			height: auto;
		}

			.footer .width {
				flex-wrap: wrap;
				padding-bottom: 10px;
			}

				.footer #menu-footer {
					margin: 0 auto 5px;
				}

				.footer .copyright {
					width: 100%;
					text-align: center;
				}

	}