/* Momentan auch andere block-Elemente drin, die sich am linken Rand der Seite befinden, 23.12.25, Sebastian*/
/* Haupt-Menu */
.menu-level-0 {
	background-color: var(--tum-primary);
}

.menu-level-1 {
	background-color: var(--tum-secondary);
}

.menu-level-2 {
	background-color: var(--tum-accordion-level-c);
}

/*Überschriebene Klassen von Adaptive Theme */
.pr-main__sidebar-first .rm-block {
	-ms-flex-align: flex-start;
    align-items: flex-start;
	height: auto;
	}
	
/* Normale Klassen */
	
.tum-menu ul {
    border: 0 none;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}

.tum-menu ul a {
    display: block;
    text-decoration: none;
	border: none;
	
}


.tum-menu ul li {
    clear: both;
    /*float: left;*/
    margin: 0;
    padding: 0;
	width: 100%;
	list-style: none;	
}

.tum-menu ul li a {
    display: block;
    font-size: 14px;
    line-height: 1.2em;
    padding: 7px 10px 6px 10px;
    position: relative;
    transition: background-color 0.15s ease-in 0s;
    background-color: var(--tum-primary);
    color: white;
    background-image: none;
}	


.tum-menu ul li a:hover {
    //background-color: #f5f5f5;
	color: var(--link-hover-color);
}
.menu-item--active-trail > .menu-item-wrapper > a,
.tum-menu a.is-active {
	font-weight: bold;
	border-left: 3px solid white;
}

.tum-menu ul li.menu__item--active-trail >span > a {
	font-weight: bold;
	}
/*Untermen  senkrecht*/
.tum-menu ul li ul li a {
    background-color: var(--tum-secondary);
}
/*Untermenü C go68tif, 21.01.26*/
.tum-menu ul li ul li ul li a {
	background-color: var(--tum-accordion-level-c);
}

/*Umrandung Men  links aufgehoben*/
#block-bootstrap-barrio-subtheme-main-menu, .sidebar .block {
	background-color: transparent !important;
	border-color: transparent !important;
}
/*Webadmin-Menü angepasst zu Main Menü*/
.sidebar nav .nav{
	margin: 0;
}
/* Einfache Menu aus Links (z.B. TUM-Systematik) */

.tum-menu--plain ul li {
	list-style-type: none;
 }

.tum-menu--plain .menu__link,
.tum-menu--plain .menu__item:first-child .menu__link {
	color: inherit;
	border-color: inherit;
	display: inline;
 }
 
.tum-menu--plain .menu__item:first-child .menu__link:hover,
.tum-menu--plain .menu__item:first-child .menu__link:focus {
	border-bottom-color:#4889ce;
}


/*Horizontale Navigation in Tabform*/

.tum-nav-horizontal {
	margin-bottom: 20px;
	}

.tum-nav-horizontal span{
	border-bottom: 2px solid #b3b3b3;
	margin: 5px 0 0 0;	
	padding-bottom: 3px;
	}
	
.tum-nav-horizontal  .view-content a {
    text-transform: capitalize;
    font-size: 14px;
    border: none;
    padding: 3px;
    line-height: 1.8em;

}	
	
.tum-nav-horizontal .view-content a.is-active,
.tum-nav-horizontal .view-content a:hover, 
.tum-nav-horizontal .view-content a:focus { 
		border-bottom: 3px solid #3070b3;
		color: #333;
		font-weight: bold;
		margin-bottom:0;
		padding-bottom: 0;
		}

/*Funktionsleiste (graue horizonale Navigation ganz oben)*/

.pr-navbar {
	background-color: #f4f4f4;
	height: 36px;	
	}
.tum-funktionsleiste {
	padding-top: 3px;
	}
	
.tum-funktionsleiste a{
	color: #8f8f8f;
	}
.tum-funktionsleiste ul li {
	list-style-type: none;
	}
	
.tum-funktionsleiste .tum-sprachumschalter .links a,
.tum-funktionsleiste ul,.tum-funktionsleiste li{
	display: inline;	
	}
.pr-navbar .tum-funktionsleiste > div.block{
	margin-left: 1em;
	}
	
.tum-sprachumschalter, .tum-a-z {
	float: right;
	}
	
.tum-sprachumschalter li{
	padding-left: 0.5em;
	}
	
.tum-sprachumschalter a.de__link::after {
    content: " |";
    color: #aaa;
}

/*Info-Box senkrecht
#block-bootstrap-barrio-subtheme-tumkontaktblock,
#block-bootstrap-barrio-subtheme-tumsocialmedia{
	background-color: var(--tum-info) !important;
	border-color: var(--tum-info) !important;
}*/
/*Info-Box senkrecht
#block-bootstrap-barrio-subtheme-tumkontaktblock,
#block-bootstrap-barrio-subtheme-tumsocialmedia{
	background-color: var(--tum-info) !important;
	border-color: var(--tum-info) !important;
}*/

/***********************************/	
/*Blöcke für die linke Seitenleiste*/
/***********************************/
	
.tum-block {
	background-color: #f5f5f5;
	border: none;
    font-size: 14px;
    margin-bottom: 3px;
	margin-top: 0;
	padding: 15px 15px 0 15px;
	}
	
.tum-block a{
	line-height: 1.45em;
	}
	
.tum-block h2{
	border-left: 3px solid #ccc;
	font-size: 15px;
	left: -15px;
    padding: 3px 0 3px 11px;
    position: relative;
	}
	
/*Aktuelles Block */
 
.tum-block--aktuelles h2{
	border-left: 3px solid #e37222;
	}
	
.tum-block--aktuelles .views-row{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e6e6e6;
    line-height: 1.45em;
    margin-bottom: 5px;
    padding-bottom: 5px;
	}

.tum-block--aktuelles .aktuelles-first-line {
	color: #737373;
	font-size: 12px;
	}	
	
.tum-block--aktuelles   a:after {
	background:url("../images/tum_icons/icn_tum_internlink.svg") center no-repeat;
	padding-right:11px;
	content:"";
	margin-left:5px;
	margin-right:3px
	}	
	
.tum-block--aktuelles  .rss a:after {
	background: none;
	}
	
.rss a:before {
    background: rgba(0, 0, 0, 0) url("../images/tum_icons/icn_tum_rss.svg") no-repeat scroll center center;
    content: "";
    margin-right: 5px;
    padding-right: 16px;
}

/*Kontakt Block */
.tum-block--kontakt h2{
	border-left-color: #a0af00;
	color: #a0af00;
	}
.tum-block--kontakt{
	background-color: var(--tum-info);
}

/* Anpassung für www.ub.tum.de */

/* Quicklinks-Block */
.tum-block--quicklinks {
	padding-bottom: 10px;
	}
	
.tum-block--quicklinks figcaption {
	color: white;
	float: right;
	font-size: 14px;
	font-weight: bold;
	padding: 0.2em 10px 0 0;
	}
	
.tum-block--quicklinks figcaption:hover {
	 color: #e6e6e6;
	 }	
	 
.tum-block--quicklinks  figure  {
	background-color: #8f8f8f;
    padding: 0 1px;
	}	

.tum-block--quicklinks figure img {
	width: 20px;
	height: 20px;
	margin-left: 5px;
	}

.tum-block--quicklinks a {
	line-height: 2.25em;
	}	
	
.tum-block--quicklinks  a figure{
	margin-bottom: 1px;
	}

/* Öffnungszeiten-Block */

	
.tum-block--oez table td, .view-oeffnungszeiten-block-neu- table th{
	border-bottom:1px solid #e6e6e6;
	border-top: none;
	border-left: none;
	border-right: none;
	line-height:1.5em;
	padding:3px 15px 3px 0;
	text-align:left
	}		
.tum-block--oez span.office-hours__item-label	{
	display: inline;
	} 
	
/*.office-hours-status--closed {
  height: 10px;
  width: 10px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}

.office-hours-status--open {
  height: 10px;
  width: 10px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}
	
/* Social Media Block */
.tum-block--socialmedia  a,
.tum-block--socialmedia  a:hover
	{
	border-bottom: none;
	margin-right: 10px;	}
.tum-block--socialmedia{
	background-color: var(--tum-info) !important;
}
/*First-Level-Hotline Block*/
/*.block-block-content{
	background-color: var(--tum-info) !important;
}*/
.sidebar h2{
	border-bottom: none;
}



/*Test Main navigation, go68tif, 12.03.2026*/
.menu {
  list-style: none;
  padding-left: 0;
}

.menu-item-wrapper {
	display: flex;
	align-items: flex-start;
	width: 100%;
	gap: 12px;
}
.menu-item-wrapper > a {
	flex: 0 1 auto;
	white-space: nowrap;
	padding-right: 30px;
	min-width: 0;
}

/* Plus rechts fixiert */
.menu-toggle {
	flex: 0 0 auto;
	margin-left: auto;
	padding-right: 12px;
	border: none;
	background: none;
	font-size: 1.2rem;
	cursor: pointer;
	color: white;
	line-height: 1;
}
/*Breite Menü*/
.pr-main__sidebar-first,
.region-sidebar-first {
	width: 320px !important;
	max-width: 320px !important;
	flex: 0 0 320px !important;
}
.layout-sidebar-first .col-md-3 {
	flex: 0 0 320px !important;
	max-width: 320px !important;
}


.menu ul {
  display: none;
  padding-left: 0;
}
/*menu bleibt offen bei Seitenaufruf*/
.menu-item.open > ul {
  display: block;
}
/*Aktivierung und Platzierung + und -  */
.menu-toggle::before {
	content: "+";
}

.menu-item.open > .menu-item-wrapper .menu-toggle::before {
	content: "−";
}
.menu-toggle {
	color: white;
	padding-right: 10px;
}
.menu-toggle:hover {
	color: var(--link-hover-color);
	background: transparent;
}
/*Zeilenumbruch Menü
.tum-menu a {
	word-break: break-word;
}*/
/* Anpassung mobile version, seitenbreite*/
#mobileMenu {
	max-width: 100vw;
}

#mobileMenu .offcanvas-body {
	overflow-x: hidden;
}


@media (max-width: 768px){
	#mobileMenu .offcanvas-body{
		background-color: var(--tum-primary);
		text-decoration: none;
		padding-left: 0;
	}

	.offcanvas-body ul li ul{
		background-color: var(--tum-secondary);
	}
	.offcanvas-body ul li ul li ul{
		background-color: var(--tum-akkordeon-open);
	}
	#mobileMenu .offcanvas-body ul{
		margin-left: 0;
		padding-left: 0;
	}

	/*Menüs, bis auf Main-Menü, bei smartphone ausgeblendet. go68tif, 28.01.26*/
	#block-bootstrap-barrio-subtheme-quicklinks,
	#block-bootstrap-barrio-subtheme-tools,
	#block-bootstrap-barrio-subtheme-manuelsspielwiese,
	#block-bootstrap-barrio-subtheme-tumkontaktblock,
	#block-bootstrap-barrio-subtheme-tumsocialmedia,
	#block-bootstrap-barrio-subtheme-search-form-narrow,
	#block-bootstrap-barrio-subtheme-account-menu{
		display: none;
	}
	#mobileMenu .offcanvas-body ul li{
		/*list-style-type: unset;*/
		list-style: none;
		margin: 20px 0;
	}
	#mobileMenu .offcanvas-body ul li a{
		color: white;
		border-bottom: none;
		padding-left: 15px;
	}
	/* Sidebar und Content untereinander auf Mobile */
	.row-offcanvas {
		display: flex;
		flex-direction: column;
	}

	/* Sidebar volle Breite */
	.pr-main__sidebar-first,
	.region-sidebar-first,
	.layout-sidebar-first .col-md-3,
	.sidebar_first {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

	/* Main Content volle Breite */
	.main-content,
	main.col {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}

	/* Kein horizontaler Overflow */
	body,
	.row-offcanvas {
		overflow-x: hidden;
	}
	#block-bootstrap-barrio-subtheme-main-menu{
		margin-bottom:0;
	}
	#content, .search-container{
		margin-top: 0 !important;
	}
}