/*  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 / ve2 / ho4 / ve7;
align-content: space-around;
}
#elm_04 {
grid-area: ho3 / ve1 / ho4 / ve2;
padding-top: 0.2em;
}
#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);
}
.img_mblock {
	width: 80%;
	max-width: 20em;
	margin-bottom: 1em;
}

/* ================  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;
}
#elm_03 {
grid-area: ho3 / ve1 / ho4 / ve7;
}
#elm_04 {
display: none;
}

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

}