/* grid vom body */

body {
	display:grid;
	grid-template-columns: 100%;
	grid-template-rows:120px auto;
}

header {
	grid-column:1/2;
	grid-row:1/2;
	display:grid;
}

main {
	grid-column:1/2;
	grid-row:2/3;
}

/* grid Articel */
@media (max-width: 69em) {
	.article {
		display:grid;
		grid-template-columns:1fr ;
	}
	
	.article div {
		/* oben , rechts, unten, links  */		
		margin:10px 10px 10px 0;		
	}

}

@media (min-width: 70em) {
	.article {
		display:grid;
		grid-template-columns:33% 34% 33% ;
	}
		
	.article div {
		/* oben , rechts, unten, links  */		
		margin:10px 10px 10px 0;		
	}
}


@media (min-width: 59em) {
	
	.article2 {
		display:grid;
		grid-template-columns:auto auto ;
		grid-template-rows:auto ;
		color:white;
		
		.article2_a {
			grid-column:1/2;
			grid-row:1/2;
			display: grid;
		}
		
		.article2_b {
			grid-column:2/3;
			grid-row:1/2;
			padding:10px 50px 10px 0;
			/* displ_ay: flex;
			al_ign-items: center; /* Zentriert alle direkten Kinder vertikal */
		}
	}
}

@media (max-width: 60em) {
	
	.article2 {
		display:grid;
		grid-template-columns:auto;
		grid-template-rows:auto auto;
		color:white;
			
		.article2_a {
			grid-column:1/2;
			grid-row:1/2;
			display: grid;
		}
		
		.article2_b {
			grid-column:1/2;
			grid-row:2/3;
			padding:0 25px 10px 25px;
			/*display: flex;
			align-items: center; /* Zentriert alle direkten Kinder vertikal */
		}
	}
}