
/* BEGIN: SECTION - KONTAKT ------------------------------------------------- */


.subtitle {
	margin: var( --content-gap ) 0;
	margin-bottom: calc( var( --content-gap ) * 0.5 );
	font-weight: 800;
}

/*footer.section > .content > address > div:not(:first-child) {
	margin-top: var( --content-gap );
}

footer.section > .content > address > div > div:not(.subtitle) {
	margin-left: var( --content-gap );
	margin-left: 1.25em;
}*/

#kontakt > address > div > div:not(.subtitle) {
/* 	border: 4px solid black; */
	margin-left: 1.25em;
}

#footer-address,
#footer-nav {
	display: grid;
}


#footer-copyright {
	align-items: center;
	display: flex;
	font-weight: 800;
	margin-top: calc( var( --content-gap ) * 1 );
	margin-bottom: calc( var( --content-gap ) * -0.5 );
}

	#footer-copyright > span {
		font-size: 1.5em;
		font-weight: 600;
		margin-bottom: -0.0625em;
		margin-right: 0.125em;
	}

#footer-nav {
	justify-items: start;
}

#footer-nav > a:not(:first-child) {
/* 	color: red; */
		padding-left: calc( var( --content-gap ) * 1 );
		padding-bottom: calc( var( --content-gap ) * 0.25 );
		padding-top: calc( var( --content-gap ) * 0.25 );
}

#footer-nav > a:nth-of-type(1) {
	font-weight: 800;
	margin-top: calc( var( --content-gap ) * 0.75 );
}


@media screen and ( min-width: 640px ) {

	#footer-address,
	#footer-nav {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}

	#footer-address-company_name {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	#footer-address-headquarters {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

	#footer-address-identifiers {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}

	#footer-address-office {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	#footer-address-phones {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}

	#footer-address-email {
		grid-column: 2 / 3;
		grid-row: 4 / 5;
	}

	#footer-nav > a:first-child {
		grid-column: 1 / 3;
	}

}


		@media screen and ( min-width: 1060px ) {

			#footer-address,
			#footer-nav {
				grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
			}

				#footer-address-phones > div.title:nth-of-type(1) {
					display: none;
				}

				#footer-address-phones > div.title:nth-of-type(2) {
					display: block;
				}

				#footer-address-email {
					grid-column: 3 / 4;
					grid-row: 3 / 4;
				}

				#footer-address-email > div.title {
					display: block;
				}

			#footer-nav > a:first-child {
				grid-column: 1 / 4;
			}

		}

/* END: SECTION - KONTAKT --------------------------------------------------- */
