/**
 * @author Valentin Alisch, MatterOf <hallo@valentinalisch.de>
 * @version 1.1
 *
 * Designplus Region: Footer
 */

#footer {}

	#footer > .row {
		margin: 0;
	}

	#footer .footer__block_stack {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 0;
	}

	#footer .footer__block_loose-stack {
		padding: 0;
	}

	#footer .footer__block {
		padding: calc( var( --vertical_spacing ) * 1.5 ) calc( var( --horizontal_spacing ) * 1 );
	}

		#footer .footer__block h2 {
			margin-bottom: 0.15em;
		}

		#footer .footer__block .footer__block_content {
			font-size: calc( var( --font_size--regular ) * 0.8 );
		}



	#footer #footer__contact {
		background: var( --salmon );
		color: var( --text_color );
	}

		#footer #footer__contact #footer__ui {
			background: var( --black );
			color: var( --white );
			font-family: 'Rois', sans-serif;
		}

			#footer #footer__contact #footer__ui .image {
				width: 25%;
				margin-bottom: 0.3em;
			}



	#footer #footer__inquiries {
		background: var( --white );
		color: var( --text_color );
	}



	#footer .footer__logo-block {
		display: flex;
		align-items: center;
		/*flex-wrap: wrap;*/
	}

	#footer .footer__logo-block:not( :last-child ) {
		padding-bottom: 0.5em;
	}

	#footer .footer__logo-block + .footer__logo-block {
		padding-top: 0;
	}

	.footer-logo {
		flex: 1;
	}

	.footer-logo:not( :last-child ) {
		margin-right: calc( var( --horizontal_spacing ) * 1.5 );
		/*margin-bottom: calc( var( --horizontal_spacing ) * 1.5 );*/
	}

	.footer-logo#logo-co2 {
		max-width: 9em;
	}

	.footer-logo#logo-gwa {
		flex: 1.25;
	}

	.footer-logo#logo-adgirls {
		flex: 1.4;
	}

	.footer-logo#logo-leaseabike {
		flex: 0.75;
	}

		.footer-logo a {
			display: block;
		}



	#footer #footer__address {
		background: var( --yellow );
		color: var( --text_color );
	}

		#footer #footer__address #footer__links {}

			#footer #footer__address #footer__links .button {
				margin: 0 0.5em 0.6em 0;
			}

			#footer #footer__address #footer__links .button:hover,
			#footer #footer__address #footer__links .button:active,
			#footer #footer__address #footer__links .button.active {
				color: var( --yellow );
			}



	#footer #footer__additional-navigation {
		background: var( --black );
		color: var( --white );
	}

		#footer #footer__additional-navigation a {
			margin: 0 1em 0.6em 0;
			font-size: calc( var( --font_size--regular ) * 0.8 );
			font-weight: var( --fw--regular );
		}

		#footer #footer__additional-navigation .footer__block {
			padding-bottom: calc( var( --vertical_spacing ) * 1.5 - 0.35em );
		}

		#footer #footer__additional-navigation .button {
			--text_color: var( --white );
			color: var( --white );
		}

		#footer #footer__additional-navigation .button:hover,
		#footer #footer__additional-navigation .button:active,
		#footer #footer__additional-navigation .button.active {
			background: var( --white );
			color: var( --black );
		}



/**
 * ——————————————————————————
 * Medium
 */
@media ( min-width: 700px ) {

	#footer .footer__block {
		padding: calc( var( --vertical_spacing ) * 1.75 ) calc( var( --horizontal_spacing ) * 2 );
	}

	#footer #footer__additional-navigation .footer__block {
		padding-bottom: calc( var( --vertical_spacing ) * 1.75 - 0.35em );
	}

}



/**
 * ——————————————————————————
 * Large
 */
@media ( min-width: 1100px ) {

	#footer #footer__additional-navigation .footer__block {
		padding-top: var( --vertical_spacing );
		padding-bottom: calc( var( --vertical_spacing ) - 0.35em );
	}
}