:root {
	/* Variablen für Farben */
	--multuerkis: #00727e;
	--mulsmoke: #3C3C3C;
	--muleurecablue: #0650A0;
	--muleurecapetrol: #077A8A;
	--muleurecahellblau: #2EC4EF;
	--muleurecaorange: #F58220;
	--muleurecagelb: #FFD459;
	--muleurecagruen: #0CB3A0;

	/* Breakpoints */
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--breakpoint-xxl: 1400px;
}

/* Header Logo Redesign Fix */
#main-navbar .navbar-brand img {
	width: 250px;
}

#main-navbar .navbar-brand {
	width: 100%;
}

@media (max-width: 720px) {
	#main-navbar .navbar-brand {
		width: unset;
	}

	#main-navbar .navbar-brand img {
		width: 180px !important;
	}
}

/*17.06.2025 Nico: Auskommentiert, da player sonst nicht angezeigt wird*/
/*23.04.2025 Martinarr: Video Fix Padding*/
/*.ratio {
	padding: 0 !important;
}*/

/*25.01.2025 Martinarrr Button hat keine Farbe und ist bei Mouseover nicht mehr zu sehen*/
.btn:hover {
	background-color: var(--mulsmoke);
}

/*15.01.2025 Slider Styling: Martina*/
.carousel-caption {
	background-color: rgba(0, 110, 114, 0.8);
}

/* 09.01.2025 Bei Bild Text Elementen links großen margin entfernt: Martina*/
.frame-indent-left {
	margin: 0 !important;
}

/* 01.08.2024 Teaser Element Anpassung - Schrift + Button war unter MD zu groß und wurde verkleinert*/
@media only screen and (max-width: 1200px) {
	#content .mu-teaser .text-part h3 {
		font-size: 1.8rem;
	}

	#content .mu-teaser .text-part .btn-secondary {
		padding: 0.5rem 1rem 0.5rem 1rem;
	}

}

/*02.12.2024 Martina: im Texteditor funktioniert das rechts zentrieren nicht klasse nicht gesetzt*/
.text-end {
	text-align: right;
}

/*29.09.2025 Sofia: Auskommentiert, zu viel Padding unter den Videos*/
/*17.11.2024 Martina: Videos werden nicht mehr angezeigt. der Container wird falsch dimensioniert.*/
.video .ratio {
	padding-bottom: 56.25%;
	/* 16:9 Aspect Ratio */
}

/*08.11.24 MU-Teaser Element Wörter brechen nicht gut um Martina*/
.mu-teaser h3 {
	word-break: keep-all;
}

/*06.11.24 beim Paralax Effekt ist ein borderstrich oben drin ich entferne den*/
.frame-ruler-before::before {
	border-top: 0;
}

/*05.11. beim Element Medien ist beim Video obene in rießen Rand bei dem ich nicht weiß wofür ich entferne den - sieht komisch aus.*/
.video .ratio::before {
	padding-top: 0;
}

/* 14.10.2024 Fix, Trennlinie nicht mehr sichtbar nach Typo3 Update */
hr {
	border-top: 1px solid gray !important;
	padding-bottom: 1.5rem;
}

content-divider {
	padding-top: 1.5rem;
}


/* Content */
.content-type-t3sbs_card {
	margin-right: 1.5rem;
}

/* 01.10.2024 Nach Update auf 12.4 wird ein Fehleralert im Frontend für alle angezeigt wenn ein Column oder Container der einen Inhalt erwartet leer bleibt ich blende das aus, das müssen nicht alle sehen.*/
.alert {
	display: none;
}

/* 12.09.2024 Bilder Boxen bei Breakpoint 1200 zu klein*/
@media (min-width: var(--breakpoint-xl)) {
	.contentslider .col-lg-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: var(--breakpoint-xxl)) {
	.contentslider .col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

/* 29.08.2024  beim News Modul erscheint unter den Bilder der Alt text wenn man es aufklappt, der soll nicht erscheinen */
#lightcase-info {
	display: none !important;
}

/* 16.05.2024 Formulare die Umrandung soll nicht h�sslich blau sondern MUL T�rkis sein*/
.form-control:focus {
	border: 2px solid var(--multuerkis);
}

/* 22.03. Bei Ausrichtung des Bildes Links klebt der Text zu nahe am Bild*/
/*26.02.2026 Martina Text umfließt Bild rechts Abstand Fix*/
.ce-left .gallery {
	padding-right: 1rem;
	width: auto !important;
}

/* 22.03.2024 Bulletpoint Ausrichtung korrigiert*/
#content ul li::before {
	position: relative;
	top: -2.5px !important;
	left: unset;
	right: .35rem;
}

/* 22.03.2024 Probst ruft an: Bei Erscheinungsbild Bootstrap-Color funktioniert grau nicht. Klasse war in css. nicht mehr definiert*/
.bg-cgrey {
	background-color: #fafafa;
}

/* 9.02.2024 Referenzierte Kontaktboxen haben immer einen doofen Rand den habe ich weggemacht und eine Klasse für diese Boxen erstellt*/
.kontaktbox-styling .container {
	padding: 0px !important;
}

div.news-single div.article p.myaddstyle {
	display: none !important;
}

/* Externer Link mit Font Awesome */

.external-link::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f35d";
	/*color: var(--multuerkis)*/
	;
	margin-right: 0.2em;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}


/* für Ingo: https://ict.unileoben.ac.at/services-mitarbeiter/software */
div#c66160 {
	width: 330px;
	height: 330px;
}

div#c66160 .mu-button {
	display: none;
}

@media screen and (max-width: var(--breakpoint-xxl)) {
	div#c66160 {
		width: 235px;
		height: 235px;
	}
}

@media screen and (max-width: var(--breakpoint-xl)) {
	div#c66160 {
		width: 330px;
		height: 330px;
	}
}

@media screen and (max-width: var(--breakpoint-md)) {
	div#c66160 {
		width: 240px;
		height: 240px;
	}
}

@media screen and (max-width: var(--breakpoint-sm)) {
	div#c66160 {
		width: 516px;
		height: 310px;
	}
}

/* 29.06.2023 Fix Element Zitatbild in Handyansicht soll linksbündig sein*/
.blockquote .text-right {
	text-align: left !important;
}

.back-to-top {
	color: var(--multuerkis);
}

#content .mu-teaser .img-part img {
	max-width: 110%;
}

/* Department Kunststofftechnik Teamseiten fix fürs Handy (Bilder werden kleiner)*/
#page9266 a,
#page10478 a,
#page9351 a,
#page9373 a,
#page9413 a,
#page9424 a {
	word-break: break-word;
}

/* Campuspläne Element Dateilinks Fix*/
#page-3027 .content-uploads a:not(.content-uploads-thumbnail)::before {
	color: var(--multuerkis) !important;
}

#page-3027 #content .content-uploads a {
	color: var(--mulsmoke) !important;
}


h1 {
	font-weight: normal !important;
}


/* Martinas Effekte*/

.shadow-martina-hover:hover {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.shadow-martina {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.martina-grow {
	transition: all .2s ease-in-out;
}

.martina-grow:hover {
	transform: scale(1.1);
}

/*Martinas Personal Boxen stylen - Breite von Boxen begrenzen*/
.maximalbreite {
	width: 250px !important;
}

;

.maximalbreite-m {
	width: 300px !important;
}

.maximalbreite-l {
	width: 400px !important;
}

.personalbox {
	width: 150px;
}

;


/* MINT Blog Datum ausblenden in Absprache mit Jana Strubbegger*/
.embed-ltr-1emft81 .e10w4sq00 {
	display: none;
}


/* Grüne Boxen Kontrast Error weiß auf grün fix */
#c49660 .mul-tile-title span {
	padding: 0.5rem 0.5rem;
	font-size: 1.1rem;
	color: var(--multuerkis);
	font-weight: bold;
}

/*ZID Website Tutorial Bildbeschreibung größer*/
#page-10488 .content-image-caption {
	font-size: 1rem;
}

#page-10488 .image-caption {
	font-size: 1rem;
}

.hintergrundfarbe-infotage {
	background-color: grey !important;
}

/* Cookie Plugin */
div.tx-cookieoptin .p-4 {
	padding: 1.5rem !important;
}

/* Ankündigungselement Bug
https://materials.unileoben.ac.at/social-media*/

#page-10238 .content-row {
	width: 100%;
}

#page-10238 .card>img {
	width: 100% !important;
	height: 100% !important;
}

/* News Datum Fix */
span.news-list-date {
	font-size: 1rem;
	color: #212529;
	font-weight: bold;
	float: none;
}

#content .news-single .news-footer {
	margin-top: 1rem;
}

#content .news-list-view .news-full-list .news-img-wrap {
	min-height: 100px;
}


/*25.11.21 Bei schmalen Headerbildern, ist am Handy der Abstand zur Breadcrumb sehr groß*/
.jumbotron {
	min-height: auto;
}

/* 27.10.21 Anpassung Kacheln, gleichmäßiger Rand 
https://starter.unileoben.ac.at/info-beratung/studieren-probieren*/
#page-9240 .mul-tile-image img {
	padding-top: 1rem;
}

#page-9240 .mul-tile-title span {
	font-size: 2rem;
}

#page-9240 h2 {
	margin-bottom: 1.5rem;
}

div.ce-left div.ce-bodytext {
	padding-left: 10px;
}

/* 28.09.2021 https://www.unileoben.ac.at/pchem/en/subwebs/chairs/institutes/chair-of-physical-chemistry/research/projects#c18096 */
#page-5761 h3 {
	font-size: 1.8rem !important;
}

/*Corona Ampel bei Zulassung kleiner*/
#page-3489 #content .mu-teaser .img-part img {
	max-width: 27vw;
}

/*Physik 120 die reichlich referenzierten Boxen, die von der News seite ausgehen, haben oben einen grauen padding, den habe ich weggemacht*/

#c33315 {
	padding-top: none;
}

hr {
	border: none;
}

/* Element Dateilinks Fix*/
#page-8965 #content .content-uploads a {
	color: var(--multuerkis);
}

#page-8965 #content .content-uploads a:not(.content-uploads-thumbnail)::before {
	display: none;
}

/*Allgemeiner News Container über ganze Breite Fix*/

#content .news-list-view .news-full-list .article {
	width: 100%;
}


/* 
FOOTER SOCIAL ICONS
*/

/*Auswahl des gesamten Rahmens*/
.wrapper-icons {
	width: 310px;
	margin: auto;
}

.wrapper-icons .col-md-3 {
	width: auto;
}


/*grow Effekt einzelne Icons*/
.wrapper-icons img {
	transition: all .2s ease-in-out;
	margin: 0 6px 0 6px;
}

.wrapper-icons img:hover {
	transform: scale(1.1);
}

.wrapper-icons .content-image,
.content-media {
	margin-bottom: 0;
}

/* Text in div zentrieren */
.zentrieren {
	margin: auto 0 auto 0;
}

.commulity-height {
	height: 60px !important;
	width: auto !important;
}

/*
ENDE
*/


/*news-carousel Datum ausblenden*/
#news-carousel .news-list-date {
	display: none;
}



body#page-334 iframe,
body#page-10270 iframe {
	min-height: 144px;
}

body#page-6897 label.control-label {
	font-weight: bold;
}

h3 {
	margin-bottom: 1.5rem;
}

.infobox-header a {
	color: white;
}

figure.video,
div#c27688 div.content-image {
	margin: 0rem;
}

.no-underline {
	text-decoration: none !important;
}

#page-8594 #content .news .more {
	float: left;
}

#page-8595 div#c22211 h4 {
	padding: 10px;
	color: #FFFFFF;
}

#page-8595 div#c22211 div#c22209 h4 {
	background-color: #fbba00;
}

#page-8595 div#c22211 div#c22212 h4 {
	background-color: #e94a2d;
}

#page-8595 div#c22211 div#c22214 h4 {
	background-color: var(--multuerkis);
}

#page-8595 div#c22211 div#c22218 h4 {
	background-color: #00a9cd;
}

div#c22470 div.clearfix p,
div#c22474 div.clearfix p,
div#c22481 div.clearfix p,
div#c22488 div.clearfix p,
div#c22492 div.clearfix p {
	font-weight: bold;
}

div#c22470 div.clearfix h2,
div#c22474 div.clearfix h2,
div#c22481 div.clearfix h2,
div#c22488 div.clearfix h2,
div#c22492 div.clearfix h2 {
	font-size: 2rem;
}

div#c22488 fieldset.form-group legend,
div#c22492 fieldset.form-group legend {
	font-size: 1rem;
	font-weight: bold;
}

form span.help-block {
	font-size: 0.8rem;
	font-style: italic;
}

form label.control-label {
	font-weight: bold;
}

form label span {
	font-weight: bold;
}


body#page-347 figure>div,
body#page-8700 figure>div {
	background: var(--multuerkis);
	color: #FFFFFF;
}

body#page-347 figure>div>figcaption,
body#page-8700 figure>div>figcaption {
	margin-left: 7px;
}

.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
	background-color: #ffec64;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ffaa22;
	display: inline-block;
	cursor: pointer;
	color: #333333;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 9px 44px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffee66;
	margin-bottom: 10px;
	margin-left: 10%;

	top: 50%;
	left: 50%;

}

.myButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
	background-color: #ffab23;
}

div#c8633 h6 {
	display: none;
}

div#c23109 h1 {
	font-size: 3rem;
}

/*div#c26374 h1 {font-size: 3rem;}*/
div#c21363 h1 {
	font-size: 3rem;
}

/* ISFK */
body#page-347 div.row {
	float: left;
}

body#page-8700 div.row {
	float: left;
}

body#page-8757 #content .mu-icon .faicon {
	font-size: 4rem;
}

div#c25261 {
	display: flex;
	justify-content: center;
	align-items: center;
}

body#page-3022 div.tx-events h1 {
	display: none;
}

/* Fico */


/* AMAT */
body#page-8904 {
	background-image: url("/fileadmin/shares/amat/images/P78A9267-6.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bg-grey {
	background-color: #888888 !important;
}

#nav.breadcrumb div.container {
	display: none;
}

/* Weiterbildung */
body div#c5480 {
	margin-top: 2rem;
}

/* Alumni */
body#page-14 #content div.mu-teaser .text-part h3 {
	font-size: 2.5rem;
	text-transform: unset;
}

body#page-14 #content .mu-teaser .img-part img {
	max-width: 39vw;
}


div.rounded img,
img.rounded {
	border-top-left-radius: 50% 50% !important;
	border-top-right-radius: 50% 50% !important;
	border-bottom-right-radius: 50% 50% !important;
	border-bottom-left-radius: 50% 50% !important;
}

table.MsoTableGrid {
	clear: both;
}

div.infotage table th {
	color: #000 !important;
}

/*Fördertechnik und Konstruktionstechnik*/
#page-9210 h3,
#page-9211 h3,
#page-9207 h3 {
	font-size: 1.6rem;
}

#c28788 img {
	margin-bottom: 80px;
	margin-right: 80px;
}

/*
News Fix Datum mittig
https://materials.unileoben.ac.at/news?tx_news_pi1%5Baction%5D=detail&tx_news_pi1%5Bcontroller%5D=News&tx_news_pi1%5Bnews%5D=2330&cHash=3d2a8aa8e7484b1225ab214ef463f79a
*/
#page-1827 .news-list-date {
	margin-top: -60px;
}


/*Industrielogistik Newscontainer Fix*/
#news-container-31644 .article {
	width: 100%;
}

#news-container-31542

/*Department Werkstofftechnik*/
#page-6730 h4 {
	font-size: 1.4rem;
}

/*Cookie Popup*/
div.tx-cookieoptin button.btn:hover,
div.tx-cookieoptin a.btn:hover {
	color: var(--multuerkis);
}

/*Department Werkstofftechnik*/
.icons-werkstoffwissenschaften {
	width: 250px;
	margin: auto;
}

.icons-werkstoffwissenschaften div.col-md-4 {
	padding-right: 15px;
}

.icons-werkstoffwissenschaften .myaddstyle {
	display: none !important;
}

.icons-werkstoffwissenschaften img {
	transition: all .2s ease-in-out;
	margin: 2px;
}

.icons-werkstoffwissenschaften img:hover {
	transform: scale(1.1);
}

@media screen and (max-width: var(--breakpoint-sm)) {
	.icons-werkstoffwissenschaften {
		width: 55%;
		margin: 0px;
	}
}


/*InOut*/
#page-9314 #inout-30166 div.clearfix p {
	font-size: 0.8rem;
}

#page-9314 .muheader .muheader-info {
	position: unset;
}

/*CD-Labor*/
#page-6185 h3 {
	font-size: 1.6rem;
}

/*HEADER FIX*/
.muheader .muheader-info p.header {
	font-size: 3rem;
}

@media screen and (max-width: var(--breakpoint-xl)) {
	.jumbotron .container {
		padding-top: 20px;
	}
}

@media screen and (max-width: var(--breakpoint-md)) {
	.muheader .muheader-info p.header {
		font-size: 1.7rem;
	}
}

@media screen and (max-width: var(--breakpoint-sm)) {
	.muheader .muheader-info p.header {
		font-size: 1.5rem;
	}
}

/*Werkstofftechnik*/
body#page-116 #content .news-list-view .carousel .carousel-control-prev {
	bottom: -2.5rem !important;
	top: unset !important;
	left: 0;
}

body#page-116 #content .news-list-view .carousel .carousel-control-next {
	bottom: -2.5rem !important;
	top: unset !important;
	right: 0;
}



/*Headerproblem*/
header.header-32956,
header.header-32969,
header.header-32968,
header.header-32988,
header.header-33001,
body#page-4109 header,
header.header-40436,
body#page-3991 header,
body#page-4096 header,
body#page-6820 header,
body#page-3978 header,
body#page-2511 header,
body#page-6921 header,
body#page-6826 header,
body#page-5968 header,
body#page-5967 header,
body#page-3742 header {
	display: none;
}

body#page-3493 #page-footer,
body#page-3493 nav.breadcrumb {
	display: none;
}

body#page-3493 main.main-content {
	margin-top: 40px;
}

/*addmanu*/
.addmanu a.pure,
.addmanu a.muonline,
.addmanu a.opensearch,
.addmanu a.mr-2 {
	display: none;
}

.addmanu #main-navbar .navbar-brand img {
	width: 235px;
}

.addmanu div#c41115 h5 {
	height: 50px;
}

/*Integra*/

div#c35285 h3 {
	font-size: 1.9rem;
}



body.layout-2 #content h1,
body.layout-2 #content h2,
body.layout-2 #content h3,
body.layout-2 #content h4,
body.layout-2 #content h5,
body.layout-2 #content h6 {
	color: #5c79bb;
}

body.layout-2 .muheader .muheader-info {
	background-color: #5c79bb !important;
	#bottom: 10rem !important;
}

body.layout-2 .muheader .muheader-info::after {
	background-color: #fff !important;
}

body.layout-2 .muheader .muheader-info h1 {
	color: #FFFFFF !important;
}

body.layout-2 .btn-primary {
	background-color: #5c79bb;
	border-color: #5c79bb;
}

body.layout-2 .btn-primary:hover {
	color: #F0F0F0;
}

/*Terminals*/
.terminal nav.breadcrumb {
	display: none;
}

.terminal div#content {
	margin-top: 60px;
}

/*VIU*/

body.viu #main-navbar .navbar-brand img {
	width: 100px;
}

body.viu #content h1,
body.viu #content h2,
body.viu #content h3,
body.viu #content h4,
body.viu #content h5,
body.viu #content h6 {
	color: #339966 !important;
}

body.viu div#content a {
	color: #339966 !important;
}

body.viu @media only screen and (max-width: var(--breakpoint-xl)) {
	body.mba .muheader .muheader-info {
		bottom: 1rem !important;
	}
}

body.viu .muheader .muheader-info {
	background-color: #339966 !important;
}

body.viu .muheader .muheader-info::after {
	background-color: #fff !important;
}

body.viu .muheader .muheader-info h1 {
	color: #FFFFFF !important;
}

body.viu #page-footer .footer-main-menu {
	background-color: rgb(51, 153, 102) !important;
}

body.viu .jumbotron:before {
	background: linear-gradient(0deg, #339966 0, #339966 100%) !important;
}

body.viu .navbar-shadow {
	background: rgba(51, 153, 102, 0.85) !important;
}

body.viu #content .accordion-default .card-header button {
	background-color: #339966 !important;
	color: #FFF !important;
}

body.viu #content .accordion-default .card-header button:after {
	color: #FFF !important;
}

body.viu #content .accordion-default .card-header button:hover {
	background-color: #339966 !important;
}

body.viu #main-navbar .navbar-nav .active .nav-link {
	color: #339966 !important;
}

body.viu .dropdown-item.active,
.dropdown-item:active {
	background-color: #339966;
}

body.viu #main-navbar .dropdown-menu .dropdown-item:hover,
body.viu #main-navbar .dropdown-menu .dropdown-item:active,
body.viu #main-navbar .dropdown-menu .dropdown-item:focus,
body.viu #main-navbar .dropdown-menu .dropdown-item:visited,
body.viu #main-navbar .dropdown-menu .dropdown-item:target,
body.viu #main-navbar .dropdown-menu .dropdown-item.parent-active {
	background: #339966 !important;
}

body.viu #main-navbar .navbar-nav .nav-item:hover .nav-link {
	background: #FFF;
	color: #339966 !important;
}

body.viu #main-navbar .dropdown-menu {
	border-bottom: 2px solid #339966;
}

body.viu #content .infobox h5.infobox-header {
	background-color: #339966;
}

body.viu #page-footer .footer-main-menu a:hover {
	background-color: #fff;
	color: #339966;
}


/* Tablett und Handy */


@media only screen and (max-width: var(--breakpoint-xl)) {
	body.viu #main-navbar {
		background: #339966 !important;
	}
}


body.viu #main-navbar .navbar-nav {
	background-color: transparent !important;
}

/*cookie Banner*/
body.viu .cc-color-override--1120755139.cc-window {
	background-color: #339966 !important;
}

body.viu .cc-color-override--1120755139 .cc-btn {
	background-color: #339966 !important;
}

/* Header zu viel Abstand am Handy */
body.viu .jumbotron {
	min-height: auto;
}

/* li elemente umfärben*/
body.viu #content ul li::before {
	color: #339966;
}

/* Pfeile Accordion */
body.viu #content .accordion-default .card-header button:hover::after {
	background-color: transparent;
}

body.viu .btn-primary {
	background-color: #339966;
	border-color: #339966;
}

body.viu .btn.btn-primary:hover {
	color: white;
}

/*BVÖ*/
.bvo #content .news-list-view .news-full-list .teaser-text {
	margin-left: 0px !important;
}

.bvo #content .news .more {
	float: left !important;
}

body#page-566 h2 {
	font-size: 2.2rem
}

body#page-566 h3 {
	font-size: 1.8rem
}

body#page-566 p.content-sub-headline {
	float: right;
}


/*ÖPG*/
div#c44103 div.clearfix p {
	font-size: 0.8rem;
	font-style: italic;
}

/*USI*/

body#page-764 div.infobox-content {
	display: none;
}

body#page-764 h5.infobox-header {
	margin-bottom: 0rem;
}

body#page-612 #content .text-white h2 {
	color: #FFF;
}

div.usiwater div.muheader {
	position: relative;
}

div.usiwater div.muheader::after {
	display: block;
	content: "";
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 174px;
	height: 250px;
	background-image: url(/fileadmin/shares/unileoben/usi/Social_Media_Icons/usi-logo-white.png);
	background-repeat: no-repeat;
	background-size: 174px 250px;
	z-index: 100;
}

@media screen and (max-width: var(--breakpoint-xxl)) {
	div.usiwater div.muheader::after {
		width: 90px;
		height: 130px;
		background-size: 90px 130px;
	}
}

@media screen and (max-width: var(--breakpoint-xl)) {
	div.usiwater div.muheader::after {
		width: 90px;
		height: 130px;
		background-size: 90px 130px;
	}
}

@media screen and (max-width: var(--breakpoint-md)) {
	div.usiwater div.muheader::after {
		width: 62px;
		height: 90px;
		background-size: 62px 90px;
		right: 10px;
		bottom: 10px;
	}
}

@media screen and (max-width: var(--breakpoint-sm)) {
	div.usiwater div.muheader::after {
		width: 48px;
		height: 70px;
		background-size: 48px 70px;
		right: 10px;
		bottom: 10px;
	}
}

/*FORMULARE*/

fieldset {
	padding: 1rem;
	margin: 1rem;
	border: 1px solid #212529;
}

legend {
	width: auto;
	font-size: 1.3rem;
}

/*FILE UPLOADS, Datei/Symbol/Vorschaubild anzeigen auf Dateiname stellen */
#content .content-uploads a {
	color: #212529;
	font-size: 1.1rem;
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 0.8rem;
	line-height: 1.2rem;
}

#content .content-uploads a>div {
	width: 90%;
	width: calc(100% - 45px);
}

#content .content-uploads a .content-uploads-file-name {
	font-weight: bold;
	display: block;
	padding-bottom: 4px;
	padding-top: 4px;
	/*word-wrap: break-word;*/
	hyphens: auto;
}

#content .content-uploads a:not(.content-uploads-thumbnail)::before {
	font-size: 2rem;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	line-height: 2.4rem;
}

#content .content-uploads a span {
	margin-top: 0;
}

#content .content-uploads a .content-uploads-description {
	font-size: 0.85rem;
	color: #999;
	margin-left: 0;
	display: block;
}