﻿/* ======================================= Startseite Grid Layout ======================================= */
.impressum-gridcontainer {
	display: grid;
	width: 100%;
	grid-gap: 12px;
}

.impressum-gridheader {
	grid-area: impressumsheader;
}

.impressum-gridimpressumstext {
	grid-area: impressumstext;
}

.impressum-platzLi {
	grid-area: impressumsplatzLi;
}

.impressum-platzRe {
	grid-area: impressumsplatzRe;
}

/******************************************************* Smartphone *******************************************************/
@media screen and (max-width: 535px) {
	.impressum-gridcontainer {
		grid-template-columns: 30px auto 30px;
		grid-template-rows: 50px 100%;
		grid-column-gap: 65px;
		grid-row-gap: 55px;
	}
}

/******************************************************* Tablet *******************************************************/
@media screen and (min-width: 536px) and (max-width: 1279px) {
	.impressum-gridcontainer {
		grid-template-columns: 30px auto 30px;
		grid-row-gap: 75px;
	}
}

/******************************************************* Laptop *******************************************************/
@media screen and (min-width: 1280px) and (max-width: 1800px) {
	.impressum-gridcontainer {
		grid-template-columns: 80px auto 80px;
		grid-row-gap: 55px;
	}
}

/******************************************************* Desktop *******************************************************/
@media screen and (min-width: 1801px) {
	.impressum-gridcontainer {
		grid-template-columns: 100px auto 100px;
		grid-row-gap: 85px;
	}


	h4 {
		margin: 30px 0 .4em 0;
	}
}

/******************************************************* Allgemein *******************************************************/

.impressum-gridcontainer {
	grid-template-areas: 
		". impressumsheader ." 
		". impressumstext .";
		grid-template-rows: 120px auto 20px;
	grid-column-gap: 65px;
}

.impressumsimage {
	width: 211px; 
	height: 79px; 
	padding: 30px 0;
	margin: 0 auto;
}

.impressumslinie {
	background-color: #ecf0f1;
	color: #ecf0f1;
	border: #ecf0f1;
	height: 1px;
	margin: 20px 0;
}

a:hover, a:focus, a:active {
	color: #000060;
}