/*
## Ersteller: Udo Kasper
## Erstelldatum: 2020-07-28
## Beschreibung: Formatierung der Mitglieder-Seite
##
## Änderungshistorie
## Datum      Änderer    Änderung
## ---------- ---------- -----------------------------------------------------------------------
## 2021-03-26 Udo Kasper Formatierung .table aufgenommen
*/

/*
** Zuerst die Definitionen für alle ...
*/

.bilderBlock {
	display				: flex;
	flex-flow			: row wrap;
	justify-content		: center;
	}
.bilderBlock figure {
	margin				: 0px;
	font-family			: var(--schriftArt);
	font-size			: var(--schriftGroesseKlein);
	color				: var(--schriftFarbe);
	}
.bilderBlock figure img {
	height				: 100px;
	width				: 100px;
	}
.bilderListe {
	border				: 0px solid #0000FF;
	width				: 100px;
	box-shadow			: 3px 3px 3px #888888;
	padding				: 5px;
	margin-top			: 10px;
	margin-left			: 5px;
	}
.textBlock {
	font-family			: var(--schriftArt);
	font-size			: var(--schriftGroesseKlein);
	color				: var(--schriftFarbe);
	}
.matrikelKopf {
	font-weight			: bold;
	}
.matrikelNr,
.matrikelName,
.matrikelVorname,
.matrikelGebdat,
.matrikelDat {
	padding-left		: 4px;
	padding-right		: 4px;
}
.sort {
	background-color	: #FFFFFF;
	}
.buttonsBlock {
	padding-top			: 10px;
	}
.buttonsElement {
	padding-bottom		: 10px;
	padding-left		: 5px;
	}
#einfuegenContainer {
	display				: flex;
	justify-content		: center;
	}
#einfuegenBlock {
	display				: inline;
	width				: 300px;
	}
#einfuegenBlock .titel{
	font-weight			: bold;
	padding-bottom		: 10px;
	padding-top			: 50px;
	}
#einfuegenBlock #Mnr{
	width				: 5em;
	}
#einfuegenBlock .item{
	padding-bottom		: 5px;
	}
#einfuegenBlock .insButton{
	padding-bottom		: 15px;
	}
#einfuegenBlock .table{
	border-spacing		: 5px 5px;
	}

/* Tabellen */
.liste {
	padding-top			: 25px;
	padding-left		: 10px;
	}
.table{
	display				: table;
	}
.table>div:hover {
	background-color	: rgb(0,150,150,0.1);
	}
.table>div{
	display				: table-row;
	}
.table>div>div									{
	display				: table-cell;
	font-family			: var(--schriftArt);
	}
.table>div>div:nth-child(n+2){
	padding-left		: 10px;
	}
.table>div>div:nth-child(n+2)>div{
	padding-left		: 10px;
	}
.table .rechts{
	text-align			: right;
	}


/* Für die Info-Box*/
#cont .overlay {
	display				: none;
	}


/*
** dann die für das Handy ...
*/
.buttonsSortGroup ,
.buttonsFuncGroup ,
.buttonsMatrikelGroup {
	display				: flex;
	flex-flow			: row wrap;
	justify-content		: center;
	}
.buttonsFuncGroup ,
.buttonsMatrikelGroup {
	padding-top		: 10px;
	}
.textBlock {
	border-spacing		: 0px 10px;
	}
.table .matrikelArt {
	display			: none;
	}
@media screen and (max-width: 400px) {
	.table .matrikelDat {
		display			: none;
		}
	.bilderListe {
		box-shadow		: 0px 0px 0px #000000;
		padding			: 0px;
		}
	.hiddenProfile {
		width			: 80%;
	}
}



/*
/* ... dann die für das Tablet ...
*/
@media screen and (min-width: 700px) {
	#cont {
		grid-template-columns: 150px 1fr;
		width			: 700px;
		}
	.buttonsBlock {
		padding-left	: 5px;
	}
	.buttonsSortGroup {
		padding-top		: 15px;
	}
	.buttonsFuncGroup ,
	.buttonsMatrikelGroup {
		padding-top		: 25px;
	}
	.textBlock {
		border-spacing		: 0px 0px;
		}
}


/*
/* ... und zum Schluss die für den PC
*/
@media only screen and (min-device-width: 1200px) {
	#cont {
		width			: 1010px;
		}
}