/* Variablen für Farben */

:root {
  --multuerkis: #006e6e;
  --mulsmoke: #3C3C3C;
}

@media (min-width: 1200px) {
#c20017 .col-lg-3 {
flex: 0 0 25%;
flex: 0 0 20%;
}
}

/* 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;
}

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

.back-to-top {
	color: #00737e;
}

#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: 370px;
    margin: 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;}


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: 150px;
  margin: auto;
}

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

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

@media screen and (max-width: 576px) {
 .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: 1200px) {
  .jumbotron .container {
    padding-top: 20px;
  }
}

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

@media screen and (max-width: 576px) {
 .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: 1200px) {
    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: 1200px) {
	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: 1500px) {
div.usiwater div.muheader::after {
	width: 90px;
	height: 130px;
    background-size: 90px 130px;
	} 
}  

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

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

@media screen and (max-width: 576px) {
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;
}