/*  Extra-Stylesheet für index-page  */

/*  INHALT - Styles und Formatierung für den Inhaltsbereich (= alles zwischen header und footer)  */

#elm_first {
grid-area: ho1 / ve1 / ho2 / ve6;
}
#elm_02 {
grid-area: ho2 / ve1 / ho3 / ve7;
}
#elm_03 {
grid-area: ho3 / ve1 / ho4 / ve7;
}
#elm_04 {
grid-area: ho4 / ve1 / ho5 / ve7;
}
#elm_05 {
grid-area: ho5 / ve1 / ho6 / ve7;
}
#elm_last {
grid-area: ho8 / ve1 / ho9 / ve7;
}
	
.Uschr {
	font-size: smaller;
}
.Umbruchsausgleich {
	height: 2.2em;
}
.pic_team {
	width: 100%;
}
.pic_team:hover {
 background: transparent;
}
.pic_r {
	width: 100%;
	border-radius: var(--cornerRad, 5px);
}

/* ================  LAYOUT-Anpassungen für schmalere Bildschirme, Tablets und Handys  ======================== */

@media screen and (max-width: 74rem) {

.Umbruchsausgleich {
	height: 2.1em;
}

}

/*  ab hier Anpassungen für Smartphones etc.  */

@media screen and (max-width: 44rem) {

#elm_first {
grid-area: ho1 / ve1 / ho2 / ve7;
}

.Umbruchsausgleich {
	height: auto;
}
.pic_team {
	width: 40%;
	margin-top: 0.2em;
}

}