.mod-logo {
	padding-left: 16px;
}
.mod-logo ul li {
	vertical-align:top;
}
.mod-logo ul li.special-logo a {
	height: 80px;
	padding:  0 ; 
}
.mod-logo a img {
	width:50%;
	padding: 5px 0 0 4px; 
}
.mod-logo ul.right {
	margin-top: 27px;
}
.mod-logo ul.right li:last-child a {
	padding: 0 12px 0 0; 
}



/* CSS für Highlight-Titel */
/* Schwarz, kleines Icon */
h2.highlight {
	padding-left: 45px;
	height: 40px;
	font-size: 1.625rem;
	line-height: 1.2;
	font-weight: 600;
	color: rgba(var(--c-black),1);
	margin-bottom: 1em;
	scroll-margin: 1.5rem;
}

/* blau, grösseres Icon */
h2.highlight_gross {
	padding-left: 50px;
	line-height: 40px;
	color: #0028a5;
	height:40px;
}

h2.aha {
	background-image: url(/dam/jcr:f157c8e3-2503-4f6a-b345-17fc154427ae/light-bulb-on_black.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 35px;
	padding-top:7px;
}


h2.fragen {
	background-image: url(/dam/jcr:95488dcd-0a2e-49be-8bc2-1ebf57c205d0/question-circle_black.svg);
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-size: 35px;
	padding-top:5px;
}

h2.achtung {
	background-image: url(/dam/jcr:3697bb44-0810-4762-bf93-9dcc8292f256/alert-warning_black.svg);
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-size: 35px;
	padding-top:5px;
}

h2.wizard {
	background-image: url(/dam/jcr:238b2181-a959-4e24-8ffe-974a9100fe4c/magic-wand_black.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 35px;
	padding-top: 10px;
}

h2.service {
	background-image: url(/dam/jcr:fb91bb12-9d17-4063-b650-4a3a9f92cbd4/service-bell_black.svg);
	background-repeat: no-repeat;
	background-position: 0 7px;
	background-size: 35px;
	padding-top: 12px;
}


.mod-text hr {
	border-top: 1px solid #000;
}

/* Styles for resource listst */
/* =========================================================== */


.ub-resource-list .ub-title {
	display:grid;
	grid-template-columns: auto auto 200px;
}

.ub-resource-list ul li {
	border-top: 1px solid #c8ced4;
	padding: 0.5em 0 1em 0;
	list-style-type: none;
	clear:left;
}

h3.ub-title {
	margin-top: 0;
	padding: 0.5em 0;
}

h3.ub-short {
	font-weight:normal;
}

span.ub-note, span.ub-licence {
	font-weight:normal;
}

span.ub-note {
	margin-right: 1em;
	text-align: right;
}

span.ub-licence {
	text-align: right;
}

.ub-long ul {
	margin: .4em 0 .6em 1em;
}

.ub-long ul li {
	margin:0;
	padding:0;
	border-top:none;
}

/*
.ub-long ul li:before {
	content:unset;
}
*/

.ub-description {
	display: grid;
	grid-template-columns: 80px 1fr;
	background-image: url(/terrific/assets/img/div/dot_line_table.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0.5em 0;
	margin-top: 0.6em;
}

.ub-label {
	font-weight:bold;
	margin: 0.3em 0 0.6em 0;
	hyphens:auto;
}

.ub-text {
    margin: 0.3em 0 0.6em 0;
}

dl.ub-left {
	width: auto;
	float: left;
	margin: 5px 20px 5px 0;
}

.ub-resource-list .media {
	width: unset;
	max-width:unset;
	float: left;
	margin: 5px 20px 5px 0;
}

/* Styles for accordion in resource lists */
/* =========================================================== */

/* normal UH accordion icon */
h3.ub-short button:before {
	content: '';
	position: absolute;
	margin-top: 2px;
	margin-left: 0;
	display: inline-block;
	background: url(/terrific/assets/img/sprite/sprite.png?20150331135517) no-repeat 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
	background-position: -99px -75px;
	width: 10px;
	height: 13px;
}

h3.ub-short button.accordion__trigger {
	position:relative;
	padding-left:13px;
	font-weight:normal;
	font-size:inherit;
	height:auto;
}

h3.ub-short {
	margin-top:0;
	padding:0.5em 0;
}


/* Styles for accordion functionality */
/* =========================================================== */

.mod-text p {
	margin-top: 0;
	margin-bottom: 0;
}

h3.accordion__heading {
	padding:0.5em 0;
}

/*
.accordion__trigger:before {
	content: '';
	position: absolute;
	margin-top: 2px;
	margin-left: -13px;
	display: inline-block;
	background: url(/terrific/assets/img/sprite/sprite.png?20150331135517) no-repeat 0 0;
	background-position-x: 0px;
	background-position-y: 0px;
	background-position: -99px -75px;
	width: 10px;
	height: 13px;
}
*/

.accordion__trigger:before {
	content: '\21F3';
	position: absolute;
	margin-top: -7px;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height:27px;
	border-radius:15px;
	left:0;
	text-align: center;
	font-size:30px;
	font-weight:normal;
	
}

button.accordion__trigger {
	border:none;
	display: inline-block;
	text-align: left;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:35px;
	background-color:#ffffff;
	font-size:14px;
}

ul.accordion__panel + h3 {
   margin-top: 0;
}

ul[aria-hidden="false"]  {
   margin-bottom: 1.6em;
}

ul.accordion__panel {
  padding: 7px 5px;
}

ul.accordion__panel a {
	color: #000000;
	padding-top: 2px;
	display: block;
	background: transparent url(/terrific/assets/img/sprite/icon/arrow-right.png) 0 4px no-repeat;
}

.accordion__panel {
	max-height: 0vh;
	overflow: hidden;
	position: relative;
	visibility: hidden;
	z-index: 1;
}

.accordion__panel > :last-child {
	margin-bottom: 0;
}

ul.accordion__panel li {
	padding-left: 8px;
	padding-bottom: .4em;
}

.accordion__panel[aria-hidden="false"] {
	max-height:400vh;
	overflow: auto;
	visibility: visible;
}

h4.accordion__heading, .program h4 {
	padding: 0.6em 0;
	margin: 0;
}

.program h4 {
	padding: 0.6em 0;
	font-weight:normal;
	font-style:normal;
	font-size:14px;
	line-height:1.2em;
}

.program h4, .program.accordion p {
	margin: 0 0 0 33px;
}

.program.accordion h4 {
	margin:0;
}

/* section colors */

h3[data-content="Geschichts- und Kulturwissenschaften"] button:before, h3[data-content="History and Cultural Studies"] button:before  {
	background-color: rgb(172 163 156);
}

h3[data-content="Mathematik und Informatik"] button:before, h3[data-content="Mathematics and Informatics"] button:before  {
	background-color: rgb(154 207 180);
}

h3[data-content="Medizin und Gesundheit"] button:before, h3[data-content="Medicine and Healthcare"] button:before  {
	background-color: rgb(234 131 107);
}

h3[data-content="Naturwissenschaften"] button:before, h3[data-content="Natural Sciences"] button:before  {
	background-color: rgb(153 181 194)
}

h3[data-content="Rechts- und Wirtschaftswissenschaften"] button:before, h3[data-content="Law and Economics"] button:before  {
	background-color: rgb(220 212 204);
}

h3[data-content="Sozialwissenschaften"] button:before, h3[data-content="Social Sciences"] button:before  {
	background-color: rgb(250 223 145);
}

h3[data-content="Sprach- und Literaturwissenschaften"] button:before, h3[data-content="Linguistics, Literature and Communication"] button:before  {
	background-color: rgb(109 156 181)
}

h3[data-content="Theologie und Religionswissenschaft"] button:before, h3[data-content="Theology and Religious Studies"] button:before  {
	background-color: rgb(107 153 126);
}



/* Styles for social media buttons in teaser */
/* =========================================================== */

.mod-teaser a.facebook, .mod-teaser a.linkedin, .mod-teaser a.xing, .mod-teaser a.twitter, .mod-teaser a.instagram, .mod-teaser a.youtube, .mod-teaser a.issuu {
    width: 21px;
    height: 21px;
    display: inline-block;
    overflow: hidden;
	margin-right:3px;
}

.mod-teaser a.facebook {
    background-image: url(/dam/jcr:8abc494c-9259-41c5-b681-2f74d879e912/facebook.png);
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	display: inline-block;
	text-decoration:none;
}

.mod-teaser a.twitter {
    background-image: url(/dam/jcr:62f4cd7b-4235-435e-90df-f447a11f3eb6/twitter.png);
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
    display: inline-block;
	text-decoration:none;
}

.mod-teaser a.instagram {
    background-image: url(/dam/jcr:31a37ed7-8a93-417c-a254-96872e10276a/instagram.png);
	background-repeat: no-repeat;
	background-size: 100%;
    content: "";
    display: inline-block;
	text-decoration:none;
}

.mod-teaser a.youtube {
    background-image: url(/dam/jcr:03044c23-e457-4815-9ae3-ede17670e773/youtube.png);
	background-repeat: no-repeat;
	background-size: 100%;
 	content: "";
    display: inline-block;
	text-decoration:none;
}

.mod-teaser a.linkedin {
    background-image: url(/dam/jcr:07aa677e-7b22-4f60-b1e8-a6b0538c598f/linkedin.png);
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
    display: inline-block;
	text-decoration:none;
}

.mod-teaser a.xing {
    background-image: url(/dam/jcr:b6bc7a53-94d2-4ecd-8367-4321fc05b3f0/xing.png);
    background-repeat: no-repeat;
    background-size: 100%;
	content: "";
    display: inline-block;
	text-decoration:none;
}

.mod-teaser a.issuu {
    background-image: url(/dam/jcr:011ffc2f-7a1d-4efe-b4fb-9f1448d5c768/issuu.png);
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
    display: inline-block;
	text-decoration:none;
}

/* reset visited-links */ 
.mod-linklist a:visited {
	color:#000000!important;
}

/* NEW */
/*
.richtext h3.ub-title a::before {
	top:0.6rem;
}
*/


.richtext .ub-resource-list ul > li::before, .HTML .ub-resource-list ul > li::before {
	content:unset;
	background:none;
}

.richtext .media a.image {
	padding-left:0;
}

.richtext .media a.image img {
	padding-left:0;
}

.ub-resource-list.TextImage {
	padding-left:0;
	padding-right:0;
}

.ub-resource-list .TextImage--accordionButton + * {
  border-bottom: none;
}

.ub-resource-list .media {
	width: 150px;
	max-width:unset;
	float: left;
	margin: 5px 30px 5px 0;
}

.ub-resource-list .media a::before {
	content:unset;
}

.g-col-flex {
  float: none;
  overflow: hidden;
}

.ub-resource-list.richtext a[href]:hover {
  background-size: 100% 0px;
}



@media screen and (max-width:812px) {

	.ub-resource-list ul {
		margin-left:0;
		padding-left:0;
	}
	
	/* fix width of special logo */
	.mod-logo ul li.main-logo img {
		max-width: 190px;
	}
}