/** ================================
 *  Styles for TUHH Display Contacts 
 * ================================= */
 
 
/**  -------------------------------
 *   Default Styles  
 * --------------------------------- */

@media all {
.mailtoScreen { display: inline;}
.mailtoPrint { display: none;}
}

@media print, tty  {
.mailtoScreen { display: none;}
.mailtoPrint { display: inline;}
}

.legend {
	font-weight:bold;
	color:#DE3123;
	margin-bottom:1rem;
}

/** --------------------------------
 *   Layout 1
 * --------------------------------- */

.assistant_layout1 {
	margin-bottom: 1.0em;
}
/*  Interne Daten  */
tr.visibility_intern td:nth-of-type(3)::after,
tr.visibility_intern td:nth-of-type(5)::after,
td.visibility_intern::after {
	content:" *";
	color:#DE3123;
	font-size:180%;
	line-height:0.5;
}
#content-frame tr.visibility_intern a[href^="mailto"],
#content-frame td.visibility_intern a[href^="mailto"] {
	text-decoration: none;
}

/** --------------------------------
 *   Layout 2
 * --------------------------------- */

.staff_layout2_image img {
	height: 70px;
}
.staff_layout2_text {
	margin: 0 0em 0 7em;
}
.staff_layout2_details {
	margin: 0 0 0 0;
}
.staff_layout2_caption {
	margin: 0 0 0.5em 0;
	font-weight:bold;
	font-size: 120%;
}
.assistant_layout2_details {
	margin: 0 0 0 0;
}
.assistant_layout2_image img {
	height: 70px;
	width:auto;
}
.assistant_layout2_text {
	margin: 0 0em 0 7em;
}
.assistant_layout2_text dt {
	padding-top:0;
}
.assistant_layout2_text dd {
	padding: 4px 0 3px 0;
}
#content .tuhhdisplaycontacts.layout2 dd {
	line-height:normal;
	margin: 0;
	padding: 3px 0 2px 0;
}
#content .tuhhdisplaycontacts.layout2 dt {
	float: left;
	width: 6rem;
	padding-top:1px;
}

/* Interne Daten */

.assistant_layout2_details.visibility_intern {
	background-color: #DEEAEF;
	margin-bottom:1rem;
	padding:0.75rem 0;
}
#content-frame .assistant_layout2_details.visibility_intern .assistant_layout2_text > span.assistant_layout2_name::after{
	content:" *";
	color:#DE3123;
	font-size:180%;
	font-weight:bold;
	line-height:0.5;
	text-decoration: none;
}
.assistant_layout2_details.visibility_intern img {
	margin-bottom:0;
}
.assistant_layout2_details.visibility_intern .assistant_layout2_text dd::after,
.assistant_layout2_details.visibility_intern .assistant_layout2_text span:first-child::after,
.tuhhdisplaycontacts.layout2 dd.visibility_intern::after {
	content:"*";
	color:#DE3123;
	font-size:180%;
	font-weight:bold;
	line-height:0.5;
}


/** --------------------------------
 *   Layout 3
 * --------------------------------- */

.tuhhdisplaycontacts.layout3 div.head {
	background-color:#F3F8F9;
	box-sizing: border-box;
	margin:1em 0;
	padding:1em;
	width:100%;
}
.tuhhdisplaycontacts.layout3 .flexbox {
	border-bottom:1px solid black;
	box-sizing: border-box;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}
.tuhhdisplaycontacts.layout3 .flexbox:last-of-type {
	border-bottom:none;
}
.tuhhdisplaycontacts.layout3 div {
	box-sizing: border-box;
	font-size:100%;
	width:100%;
}
.text div.tuhhdisplaycontacts.layout3 div p,
.text div.tuhhdisplaycontacts.layout3 div p li {
	font-size:140%;
}
/* #content vs .text is for the different layouts tuhhRelaunch Layout01 */
#content .tuhhdisplaycontacts.layout3 dl,
.text .tuhhdisplaycontacts.layout3 dl {
	margin-bottom: 1rem;
	line-height: normal;
}
#content .tuhhdisplaycontacts.layout3 dt,
.text .tuhhdisplaycontacts.layout3 dt {
	background: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#content .tuhhdisplaycontacts.layout3 dd,
.text .tuhhdisplaycontacts.layout3 dd {
	line-height:normal;
	margin: 0;
	padding: 1px 0 3px 0;
}
#content .tuhhdisplaycontacts.layout3 .address dt {
	float: left;
	width: 6rem;
}
.text .tuhhdisplaycontacts.layout3 .address dt {
	float: left;
	width: 3.7rem;
}
.tuhhdisplaycontacts.layout3 .img_right {
	float: left;
	margin-bottom: 1em;
	margin-left: 0;
	max-height: 8rem;
	width:auto;
}

/*  Interne Daten  */
.tuhhdisplaycontacts.layout3 div.visibility_intern {
	background-color: #DEEAEF;
	margin-bottom:1rem;
}
.tuhhdisplaycontacts.layout3 dd.visibility_intern::after,
.tuhhdisplaycontacts.layout3 div.visibility_intern h4::after,
.tuhhdisplaycontacts.layout3 div.visibility_intern .address dd::after {
	content:"*";
	color:#DE3123;
	font-size:180%;
	font-weight:bold;
	line-height:0.5;
}
div.tuhhdisplaycontacts.layout3 div.visibility_intern h4::after {
	font-size:120%;
}


@media screen and (min-width: 801px) {
	.tuhhdisplaycontacts.layout3 .flexbox {
		flex-direction:row;
	}
	.tuhhdisplaycontacts.layout3 .flexbox div {
		width:48%;
	}
	.tuhhdisplaycontacts.layout3 .address {
		order:-1;
	}
	.tuhhdisplaycontacts.layout3 .img_right {
		float: left;
		margin-left: 0em;
	}
}

/**  END LAYOUT 3  **/