/* Stylesheet fuer das IfS neu */




/* Margin & Padding */


.module.extended .module-content {
    padding: 21px 21px px 21px !important;
}
.module.extended.no-border .module-content {
    padding: 0 !important;
}
.module.extended .module-content header {
    margin: 0px 0 11px !important;
}

.module.extended .module-content .teaserfigure {
    float: right !important;
    margin: 0px 0px 21px 21px !important;
    max-width: 48% !important;
}

.module.short .teaserfigure + header,
.module.extended .teaserfigure + header, 
.module.extended .teaserfigure ~ .teaser {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 31px !important;
}
.module.extended .module-content .fullwidth-tablet:first-child {
    margin-top: -21px !important;
}


.module-content h1 {
    margin-top: 16px;
	margin-bottom: 16px;
}
.module-content h2 {
    margin-top: 16px
}
.module-content .fullwidth + h2 {
    margin-top: 16px
}
.module-content .subhead {
    margin-top: 21px;
}


@media all and (max-width:37.5em) {
	.module.extended .module-content > .fullwidth,
    .module.extended .module-content > .teaserfigure.margined, 
	.lang_kurz > .module:nth-child(3n+1) .module-content > .teaserfigure.margined, 
	.kurz_lang > .module:nth-child(3n) .module-content > .teaserfigure.margined {
		margin: 0px 0px 21px 0px !important;
		width: 100%;
		max-width: 100% !important;
		float: left !important;
	}
/*	
	.module.extended .module-content > .teaserfigure.margined img, 
	.lang_kurz > .module:nth-child(3n+1) .module-content > .teaserfigure.margined img, 
	.kurz_lang > .module:nth-child(3n) .module-content > .teaserfigure.margined img {
		max-height: 350px;
		object-fit: cover;
		object-position: center;
	}
*/
	.module-content > .fullwidth:first-child,
	.module-content > .fullwidth-desktop:first-child,
	.module-content > .fullwidth-tablet:first-child {
		margin: 0;
	}
	.module.extended > .module-content.h-card > .indent,
	.module.extended > .module-content.h-card > .teaser	{
		max-width: 100% !important;
		padding-left: 0px;
	}
}
@media all and (min-width:37.5em) {
	.module-content:first-child .teaserfigure:first-child, 
	.module-content:first-child .flv_container:first-child, 
	.module-content:first-child .module-content > .h-card .teaserfigure:first-child, 
	.module-content:first-child .module-content > .h-card .flv_container:first-child {
		margin-top: -21px;
	}
/*	
	.module-content:first-child .teaserfigure:first-child, 
	.module-content:first-child .flv_container:first-child, 
	.module-content:first-child .module-content > .h-card .teaserfigure:first-child, 
	.module-content:first-child .module-content > .h-card .flv_container:first-child {
		max-height: 250px;
		object-fit: cover;
		object-position: center;
	}
*/
	.nav-apps-container {
		-o-column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.sun {
		width: 98.3871% !important;
	}
}

/*.module-content > .fullwidth:first-child, 
.module-content > .fullwidth-desktop:first-child, 

.module-content > .teaserfigure:first-child, 
.module-content > .flv_container_vip:first-child, 
.videoportal .main .module-content > .flv_container_vip:first-child, 
.main #videofenster .module-content > figure:first-child {
    margin: -21px -21px;
}
*/





.module.extended .teaser {
    float: left !important;
}

/* Layout 2017 - Padding größer im Footer nach unten */

footer .row.upper .module {
    padding-bottom: 21px;
}

/* Layout 2017 - Tabellenpositionierung */

.js .tabs > li > .element-content {
    padding-left: 0;
}
.content table {
	width: 100% !important;
}



/* EINZELNE SEITEN*/

/* STARTSEITE */

/* Foto-Logoschriftzug Startseite */

.module.wwu_owlcarousel .lazyloaded {
    transition: 0ms;
}
.module.wwu_owlcarousel figcaption.owl-caption {
    padding-top: 12px !important;
	padding-bottom: 7px !important;
	margin-top: -16px;
}
.owl-caption::before {
	height: 35px;
}


/* SuN-Seite - Link-Button */

.sun {
	margin-left: 1.6129%;
	float: left;
	width: 96.77419%;
	display: block;
}
.sun .linkliste {
	background-color: #b22222;
	border-color: #b22222;
	outline:0;
	list-style: none;
	padding-top: 18px;
	padding-bottom: 16px;
	margin-bottom: 0;
}
.sun .linkliste:hover {
	background-color: #931212;
	border-color: #931212;
	outline:0;
}
.sun .linkliste::after {
	position: absolute;
	right: 21px;
	margin-top: -26px;
	content: "\f0a9";
	display: inline-block;
	font: normal normal 400 2.2em/1 wwu_symbol,MetaWebPro,Verdana,sans-serif;
	color: #fff;
}
.sun .linkliste a {
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-left: -18px;
	display: block;
}
.sun .linkliste a:active, .sun .linkliste a:focus, .sun .linkliste a:visited {
	background-color: transparent;
}



/* ZIELGRUPPENNAVIGATION */

#zielgruppennavigation {
	display:  !important;
}

/* Zielgruppennavigation - Unterbinden von Menue-Rollout/Dropdown (Bspw. bei 'Promovierende')*/

#zielgruppennavigation .nav-item-audience .nav-main-rollout {
	display: none !important;
}

/* Zielgruppennavigation - Hintergundfarbe der einzelnen li-Elemente (#b22222 ist die rote Grundfarbe)*/

.nav-audience > li:nth-child(1) > a {
	background: #670202	!important;
}
.nav-audience > li:nth-child(1):hover {
	border-bottom-color: #670202 !important;
}
.nav-audience > li:nth-child(2) > a {
	background: #870F0F !important;
}
.nav-audience > li:nth-child(2):hover {
	border-bottom-color: #870F0F !important;
}
.nav-audience > li:nth-child(3) > a {
	background: #9E1A1A !important;
}
.nav-audience > li:nth-child(3):hover {
	border-bottom-color: #9E1A1A !important;
}
.nav-audience > li:nth-child(4) > a {
	background: #b22222 !important;
}
.nav-audience > li:nth-child(4):hover {
	border-bottom-color: #b22222 !important;
}
.nav-audience > li:nth-child(5) > a {
	background: #14171A !important;
}
.nav-audience > li:nth-child(5):hover {
	border-bottom-color: #14171A !important;
}
.nav-audience > li:nth-child(6) > a {
	background: #3e3e3c !important;
}
.nav-audience > li:nth-child(6):hover {
	border-bottom-color: #3e3e3c !important;
}


/* PERSONEN-SEITEN - GLOBAL */

/* Link-Symbol vor Professur/Organisationseinheit ausblenden */

.module-content.h-card a.int::before {
    display: none;
}

/* Position Name/Foto/Adresse */

.module.extended .module-content.h-card .indent {
	width: 64% !important;
	padding-left: 0 !important;
}
.module.extended .module-content.h-card .teaserfigure {
    float: left !important;
	margin: 0px !important;
	padding-bottom: 21px;
}
/* Für Personenseite mit Foto */
.module.extended .module-content.h-card figure + .teaser {
	max-width: 100% !important;
	width: 64% !important;
	float: right !important;
}
/* Für Personenseite ohne Foto */
.module.extended .module-content.h-card header + .teaser {
	max-width: 100% !important;
	width: 100% !important;
	float: left !important;
}


/* GLOBAL */


/* Kalender - Farben barrierefrei */

.row.calendar, .row.calendar a, .row.calendar .p-name {
    color: #4d4d4d;
}

/* Link-Button-Farbe (rechte Spalte) */

.nav-apps-container .nav-app {
	background-color: #b22222 !important;
	border-color: #b22222;
}
.nav-apps-container .nav-app:hover {
	background-color: #931212 !important;
	border-color: #931212;
}
.nav-apps-container .nav-app a.toggle:hover, .nav-apps-container .nav-app a.nav-app-links:hover, .nav-apps-container .nav-app a.nav-app-contact:hover, .nav-apps-container .nav-app a.nav-app-literature:hover, 
.nav-apps-container .nav-app a.nav-app-termine:hover, .nav-apps-container .nav-app a.nav-app-map:hover, .nav-apps-container .nav-app a.nav-app-mywwu:hover, .nav-apps-container .nav-app a.nav-app-index:hover, 
.nav-apps-container .nav-app a.nav-app-offiziell:hover, .nav-apps-container .nav-app a.nav-app-download:hover,
.nav-apps-container .nav-app a.toggle:focus, .nav-apps-container .nav-app a.nav-app-links:focus, .nav-apps-container .nav-app a.nav-app-contact:focus, .nav-apps-container .nav-app a.nav-app-index:focus,
.nav-apps-container .nav-app a.nav-app-termine:focus, .nav-apps-container .nav-app a.nav-app-map:focus, .nav-apps-container .nav-app a.nav-app-mywwu:focus, .nav-apps-container .nav-app a.nav-app-literature:focus, 
.nav-apps-container .nav-app a.nav-app-offiziell:focus, .nav-apps-container .nav-app a.nav-app-offiziell:focus {
	background-color: #931212 !important;
	border-color: #931212;
	outline:0;
}

.nav-apps-container .nav-app.active{
	background-color: #4d4d4d !important;
	border-color: #4d4d4d;
}
.nav-apps-container .nav-app.active:hover {
	background-color: #666666 !important;
	border-color: #666666;
}
.nav-apps-container .nav-app.active a.toggle:hover, .nav-apps-container .nav-app.active a.toggle:focus{
	background-color: #666666 !important;
	border-color: #666666;
	outline:0;
}


/* Sub-Navigation (rechte Spalte) */

.nav-level-nplusone .nav-item > a[href] {
	width: 101%;
}


/* Link-Listen-Modul (rechte Spalte) - Groesse des Megafons und Abstand zum Text */

.nav-app-offiziell:before{
	font-size: 90% !important;
	padding-right: 25px !important;
}