/*
## Ersteller: Udo Kasper
## Erstelldatum: 2020-06-13
## Beschreibung: Formatierung der Profil-Seite
##
## Änderungshistorie
## Datum      Änderer    Änderung
## ---------- ---------- -----------------------------------------------------------------------
## 2022-05-27 Udo Kasper Tabelle aufgenommen
*/

/*
** Zuerst die Definitionen für alle ...
*/
#cont {
	font-family				: var(--schriftArt);
	font-size				: var(--schriftGroesseNormal);
	display					: flex;
	justify-content			: center;
	align-items				: center;
	}
#cont .buttons {
	display					: flex;
	flex-wrap				: wrap;
	justify-content			: space-between;
	}


/*
** Profil (Rahmen)
*/
#Rahmen i,
#Rahmen .fa	{
	width					: 20px;
	}
#Rahmen #Button {
	padding-bottom			: 5px;
	}
#Rahmen #Profil img {
	width					: 100px;
}
#Rahmen #Matrikel ,
#Rahmen #Text	{
	padding-left			: 10px;
	}
#Rahmen #Name {
	font-weight				: bold;
	}
#Rahmen #Adresse ,
#Rahmen #Email ,
#Rahmen #Telefon ,
#Rahmen #Handy ,
#Rahmen #Buero ,
#Rahmen #vCard ,
#Rahmen #Matrikelnummer {
	padding-top				: 15px;	
	}
#Rahmen #Grad {
	padding-bottom			: 5px;
	}

/*
** dann die für das Handy ...
*/
#Rahmen #Profil {
	display					: block;
	}
#Rahmen #Matrikel {
	padding-top				: 15px;
	}

/*
/* ... dann die für das Tablet ...
*/
@media screen and (min-width: 700px) {
	#Rahmen {
		background-color	: rgb(29,80,109,0.1);
		padding				: 50px;
		border				: 1px solid #1D506D;
		box-shadow			: 5px 5px 5px rgb(29,80,109,0.5);
		}
	#Rahmen #Profil {
		display				: flex;
		}
	#Rahmen #Matrikel {
		padding-top			: 0px;
		}
}

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


/*
** DB-Inhalt
*/
#Dbinhalt #textprivates {
	vertical-align			: middle;
	}
#Dbinhalt .inhalt {
	padding-left			: 10px;
	padding-top				: 2px;
	padding-bottom			: 2px;
	}
#Dbinhalt input {
	background-color		: #FFFFFF;
	}
#Dbinhalt #inhaltrang input ,
#Dbinhalt #inhaltmitgliedsart input {
	width					: 1em;
	}
#Dbinhalt #inhaltemail input ,
#Dbinhalt #inhaltlogeAufnahme input ,
#Dbinhalt #inhaltlogeBefoerderung input ,
#Dbinhalt #inhaltlogeErhebung input {
	width					: 12em;
	}
#Dbinhalt #Vorname ,
#Dbinhalt #Name {
	font-weight				: bold;
	}
#Texte textarea {
	width					: 220px;
	height					: 300px;
	}
#Texte .label {
	vertical-align			: top;
	}
#Texte #sonstigesLabel ,
#Texte #sonstigesInhalt {
	padding-top				: 10px;
	}
/*
/* ... dann die für das Tablet ...
*/
@media screen and (min-width: 700px) {
	#Dbinhalt #inhaltemail input ,
	#Dbinhalt #inhaltlogeAufnahme input ,
	#Dbinhalt #inhaltlogeBefoerderung input ,
	#Dbinhalt #inhaltlogeErhebung input {
		width					: 20em;
		}
	#Dbinhalt ,
	#Texte {
		background-color	: rgb(109,60,29,0.1);
		padding-top			: 10px;
		padding-bottom		: 10px;
		padding-left		: 50px;
		padding-right		: 50px;
		border				: 1px solid #6D501D;
		box-shadow			: 5px 5px 5px rgb(109,60,29,0.5);
		}
	#Texte textarea {
		width					: 400px;
		height					: 200px;
		}
}


#Loeschen label{
	display					: block;
}
#Loeschen #LoeschButt ,
#Loeschen .text {
	padding-top				: 10px;
}

/* Tabelle */
#Tabelle											{display			: table;}
#Tabelle>div										{display			: table-row;}
#Tabelle>div>div									{display			: table-cell;}
#Tabelle>div>div:nth-child(n+2)						{padding-left		: 10px;}
#Tabelle>div>div:nth-child(n+2)>div					{padding-left		: 10px;}