.ShowUbersicht {
	width: 90%;
	height: 100vh;


  margin: auto;

	min-height: 400px;

	font-family: Bangla Sangam MN, Calibri;
	/* font-size: 17px; */


}


.ShowUbersicht {
	width: 90%;
	height: 100vh;


	margin: auto;


	display: grid;
	grid-gap: 0px;

	grid-template-columns: 1fr 1fr;

	grid-template-rows: minmax(auto, 1fr) minmax(auto, 1fr);

	grid-template-areas:
		/* 'Ubersicht_A Ubersicht_B' */
		/* 'Ubersicht_C Ubersicht_D'; */

		'Ubersicht_A Ubersicht_BD'
		'Ubersicht_C Ubersicht_BD';

		/* 'Ubersicht_CD Ubersicht_CD'; */


	min-height: 400px;
  }


.ShowUbersicht.mobile {

	grid-template-columns: 1fr ;

	grid-template-rows: minmax(auto, 1fr) minmax(auto, 1fr) minmax(auto, 1fr) minmax(auto, 1fr);

	display: block;

	/* grid-template-areas:
    'Ubersicht_A'
		'Ubersicht_B'
    'Ubersicht_C'
		'Ubersicht_D'; */

		/* grid-template-areas:
	    'Ubersicht_A'
			'Ubersicht_B'
			'Ubersicht_CD'; */


		grid-template-areas:
	    'Ubersicht_A'
			'Ubersicht_BD'
	    'Ubersicht_C';


	/* grid-gap: 10px; */
}





.Ubersicht_A{
	grid-area: Ubersicht_A;

  /* background-color: rgba(226, 97, 25, 1); */

	margin: 0px 5px 0px 0px;
}


.Ubersicht_B{
	grid-area: Ubersicht_B;

  /* background-color: rgba(17, 168, 233, 1); */

	margin: 0px 0px 0px 5px;

	/* display: none; */

}


.Ubersicht_B.mobile{
	grid-area: Ubersicht_B;

  /* background-color: rgba(17, 168, 233, 1); */

	margin: 20px 0px 0px 5px;
}

.Ubersicht_CD{
	grid-area: Ubersicht_CD;

  /* background-color: rgba(167, 118, 173, 1); */

  display: none;

	margin: 5px 0px 0px 0px;
}

.Ubersicht_BD{
	grid-area: Ubersicht_BD;

  /* background-color: rgba(167, 118, 173, 1); */

  /* display: none; */

	display: flex;
	flex-direction: column;

	justify-content: space-between;

	/* margin: 5px 0px 0px 0px; */
}

.Ubersicht_BD.mobile{
	grid-area: Ubersicht_BD;

  /* background-color: rgba(167, 118, 173, 1); */

  /* display: none; */

	/* display: flex;
	flex-direction: column;

	justify-content: space-between;

	margin: 5px 0px 0px 0px; */
}


.Ubersicht_C{
	grid-area: Ubersicht_C;

  /* background-color: rgba(191, 214, 7, 1); */
  flex: 1;

  /* display: none; */

	margin: 5px 5px 0px 0px;
}

.Ubersicht_C.mobile{
	grid-area: Ubersicht_C;

  /* background-color: rgba(191, 214, 7, 1); */
  flex: 1;

  /* display: none; */

	margin: 50px 5px 0px 0px;
}

.Ubersicht_D{
	grid-area: Ubersicht_D;

  /* background-color: rgba(25, 16, 173, 1); */
  /* flex: 1; */

	margin: 5px 0px 0px 5px;
	/* display: none; */

}


.Ubersicht_D.mobile{
	grid-area: Ubersicht_D;

  /* background-color: rgba(25, 16, 173, 1); */
  flex: 1;

	margin: 50px 0px 0px 5px;
}

.Ubersichtsdetail{
	/* padding: 0px 0px 10px 0px; */
	/* font-family: Ubuntu; */

	/* background-color: rgba(242, 206, 145, 0.42); */

	/* padding: 15px 0px 10px 0px; */
	padding: 0px 0px 10px 0px;

}

/* #BerichtUbersicht .Header,
#TerminUbersicht .Header{ */

.Ubersichtsdetail .Header{
	display: flex;

	/* background-color: rgba(86, 144, 232, 0.40); */
	background-color: var(--BG_Color_Headline);
	color: var(--Headline-txt-color);

	/* padding-top: 10px; */
	padding: 10px 0px 0px 10px;
	margin: 10px 0px 0px 0px;

	/* font-size: 20px; */
  	font-size: 1.5rem;
	font-weight: 700;
	font-family: Bangla Sangam MN, Calibri;
}

.Ubersichtsdetail .Header.laufend{
	color: red;
}

#BerichtUbersicht .EDateTime{
	/* background-color: yellow; */

	/* font-family: Ubuntu; */
	font-family: Bangla Sangam MN;

	margin: 0px 0px -5px 0px;


}

#BerichtUbersicht .Einsatzdetail{
	/* background-color: rgb(81, 230, 110); */
	/* display: flex; */

	/* padding: 5px 0px 5px 15px; */
	/* margin: 5px 20px 0px 10px; */
}

/*
#BerichtUbersicht .Einsatzdetail.Single{
	padding: 5px 0px 20px 15px;
}
 */


/* #BerichtUbersicht .Einsatzdetail.SingleLaufend{

	padding: 5px 0px 0px 15px;
}
*/


#BerichtUbersicht .Einsatzdetail.Liste{
	/* background-color: rgb(81, 230, 110); */
	/* display: flex; */
	/* background-color: magenta; */

	/* padding: 5px 0px 5px 15px; */
	margin: 10px 0px 0px 10px;
}

#BerichtUbersicht .Einsatzdetail a{
	text-decoration: none;

	font-family: inherit, Calibri;
}

#BerichtUbersicht .Einsatzbezeichnung{
	/* background-color: red; */
	padding: 3px 0px 0px 0px;

	display: flex;
	flex-direction: row;
	flex-grow: 1;
}

#BerichtUbersicht .Einsatzbezeichnung .Detail{
	/* background-color: rgba(142, 76, 132, 0.68); */
	display: flex;
	flex-direction: column;

	align-self: center;
}



#BerichtUbersicht .EArt{
	padding: 0px 0px 0px 5px;
	/* font-family: Tahoma; */

	/* font-family: Arial Rounded MT Bold; */
	/* font-family: Helvetica; */
	font-family: Verdana;

	display: flex;
	align-items: center;

	font-size: 1.6rem;
	letter-spacing: 1px;
	font-weight: bold;
	/* background-color: lightgreen; */

	min-height: 40px;

}


#BerichtUbersicht .EArt.TE{

	color: rgba(var(--color-TE-Einsatz), 1);

}


#BerichtUbersicht .EArt.BE{

	/* color: var(--color-be-einsatz_tmp); */
	color: rgba(var(--color-BE-Einsatz), 1);
}


#BerichtUbersicht .EArt.SE{

	/* color: var(--color-be-einsatz_tmp); */
	color: rgba(var(--color-SE-Einsatz), 1);
}


#BerichtUbersicht .EDateTime{

	/* background-color: yellow; */
	padding: 0px 0px 0px 0px;

	/* font-size: 20px; */
	font-size: 1.1rem;
	font-weight: inherit;
}

#BerichtUbersicht .ETitel{
	padding: 0px 0px 0px 10px;

	font-size: 1.1rem;
	font-weight: inherit;

	/* background-color: rgb(136, 166, 19); */
}

#BerichtUbersicht .EZusatz{

	padding: 0px 0px 0px 5px;

	font-size: 16px;
	font-style: italic;

	/* background-color: rgb(217, 144, 80); */

}

#BerichtUbersicht .InfoDate{
	/* padding: 6px 10px; */
	padding: 10px 10px 0px 10px;

	/* font-size: 20px; */
	font-size: 20px;
	font-weight: inherit;
}

#BerichtUbersicht .InfoTitel{
	/* padding: 6px 10px; */
	padding: 10px 10px 0px 10px;

	/* font-size: 20px; */
	font-size: 20px;
	font-weight: inherit;
}

#BerichtUbersicht .BerichtInfo{
	/* padding: 6px 10px; */
	padding: 5px 10px 0px 30px;

	/* font-size: 20px; */
	font-size: 18px;
	font-weight: inherit;

	text-indent: -20px;
}


#BerichtUbersicht .BerichtInfo a{
	text-decoration: none;

	font-family: inherit, Calibri;
}

#TerminUbersicht .Termin{
	padding: 3px 0px 0px 0px;
	/* margin: 3px 0px 0px 0px; */

	/* background-color: lime; */
	/* font-family: Ubuntu; */
	/* font-family: Poppins; */

}

/* #TerminUbersicht .Termin .Header{

	display: flex;
	flex-direction: row;

	/* background-color: blue; */

	/* font-size: 17px; */
	/* font-weight: unset; */
	/* font-family: Ubuntu; */

	/* padding: 3px 0px; */

/* }  */


#TerminUbersicht .Eintrag{
	display: flex;
	flex-direction: row;

	padding: 3px 0px;

}



#TerminUbersicht .Termin .DateTime{
	/* background-color: yellow; */

	padding: 0px 0px 0px 10px;

	/* font-family: Ubuntu; */
	/* font-family: Poppins; */
}


#TerminUbersicht .Termin .Date{
	/* background-color: green; */

	padding: 0px 0px 0px 10px;

	width: 80px;

	display: flex;
	justify-content: center;

	/* font-family: Ubuntu; */
	/* font-family: Poppins; */
}

#TerminUbersicht .Termin .Time{
	/* background-color: yellow; */

	padding: 0px 0px 0px 10px;

	width: 40px;

	display: flex;
	justify-content: center;


	/* font-family: Ubuntu; */
	/* font-family: Poppins; */
}



#TerminUbersicht .Termin .Titel{
	/* background-color: green; */

	padding: 0px 0px 0px 10px;
}

#TerminUbersicht .Termin .Info{

	/* background-color: red; */

	margin: 2px 0px 0px 0px;
	padding: 3px 0px 3px 5px;

	border-top: 2px solid;
	/* border-radius: 5px */

	animation: fadein 1s;
}

@keyframes fadein {
	 from { opacity: 0; }
	 to   { opacity: 1; }
}

#TerminUbersicht .Termin .DropDown{
	/* background-color: red; */

	display: flex;
	flex: 1;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;

	margin: 0px 10px 0px 5px;

}

#TerminUbersicht .Termin .Arrow{

	height: 15px;
	transform: rotate(90deg);

}

/*
#TerminUbersicht .Termin .Arrow_black{

	height: 15px;
	image: url(../arrow_B.png);
}

#TerminUbersicht .Termin .Arrow_white{

	height: 15px;
	image: url(arrow_W.png);
} */

#TerminUbersicht .Header .Down{

	transform: rotate(90deg);
}