/* Allgemeines */

.unfloat {
	clear: both;}
	
	
p, div.views-row>div.views-field {
    font-size: 16px;
	font-weight: normal;
    line-height: 1.5em;
	color: #333;
    margin: 0 0 0.5em 0;
}
 strong {
	font-weight:  bold;
	}
	
 body {
    /*font-family: Arial, Helvetica Neue, Helvetica, sans-serif; /*neues CD, veraltet */
    /*font-family: font-family: var(--bs-body-font-family); /*Variable aus bootstrap 5*/
    font-family: roboto, -apple-system, blinkmacsystemfont, "Segoe UI", helvetica, arial, sans-serif;
    font-size: 16px;
    color: #333333; /*alt*/
	hyphens: auto; /*automatische Silbentrennung aktivieren*/
  }
  
.two-columns {
	column-count: 2;
	} 
	
.div-inline  div{
	display:inline;
	}
	
/* Überschriften */

h1,h2,h3,h4,h5,h6, .node-teaser 
	{color:#4c4c4c;
	 margin: .5em 0;
	 line-height:1.2em}

h2,h3,h4,h5,h6, .node-teaser{
	margin-top: 0.5em; /*13.05.26*/
}


h1,h2,h3,h4, h5
{font-weight:bold}

/*h3,h4,h5 nicht mehr aktuell, gr��en wurden rausgelesen
{font-size:16px}*/

h3,h4
{clear:both} 

 h1
{font-size: 3rem;
  line-height: 1.1;}
	
h2
{font-size: 2rem;
  line-height: 1.2;}	

/*h3  {
	border-bottom:1px solid #b3b3b3;
	color: #333;
	font-size: 16px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	padding-bottom:3px;
	text-transform:uppercase;
}

h3 auslassen, d.h. h3 entspricht CI h4 usw, Nicht mehr aktuell, siehe n�chste Zeile
*/

h3
{/*border-left:3px solid #b3b3b3;Alt*/
	/*padding-left:10px;*/
	font-size: 1.5rem;
  	line-height: 1.2;}

h4
{color:#4c4c4c<;
  font-size: 1.25rem;
  line-height: 1.25;}

h5, h6
	{color:#737373;
	font-style:italic}

h5 {font-size: 1rem;
  line-height: 1.3;}
/*neue h6, nicht im CI, h5 neu bold*/
h6 {font-size: 1rem;
  line-height: 1.25;
  font-weight: normal}


/*Leads, angepasst 09.04.2026, go68tif*/
/*nachbessern, nur .tum-lead-text + Ergänzung um .view-header p, da z.T. auch als lead verwendet*/
.tum-lead-text p,
.tum-lead-text,
.view-header p{
	/*color: #737373;*/
	font-size: 19px;
	margin-bottom: 1.5rem;
	}
	
/* Links */	

a {border-bottom:1px solid #777;
	color:#333;
	line-height:1.6em;
	hyphens: none;
	outline:none;
	padding-bottom:1px;
	text-decoration:none;
	transition:all 100ms linear;
	-webkit-transition:all 100ms linear}

a:hover, a:focus, a[href]:hover,a[href]:focus {
	border-bottom-color:#4889ce;
	border-bottom-width:3px;
	color:#3070b3;
	/*für dunkelcolor: var(--link-hover-color);*/
	text-decoration: none;}
	
a.is-active {
	font-weight: bold;
	}	
	
/* Links ohne Unterstreichung */

header a, header a:hover, header a:focus,
 a.noborderlink,  a.noborderlink:hover,  a.noborderlink:focus,
  .more-link a, .more-link a:hover,  .more-link a:focus,
 .noborderlink a,  .noborderlink a:hover,  .noborderlink a:focus,
thead a[href*="sort=asc"],  thead a[href*="sort=asc"]:hover,thead a[href*="sort=asc"]:focus,
thead a[href*="sort=desc"], thead a[href*="sort=desc"]:hover,thead a[href*="sort=desc"]:focus{
		border: none;
		}
		
/* Links ohne Hovereffekt */	
	
a.nohoverlink:hover,  a.nohoverlink:focus,
.nohoverlink a:hover,  .nohoverlink a:focus {	
	color:#333;
	}
a.nocursorlink:hover,  a.nocursorlink:focus,
.nocursorlink a:hover,  .nocursorlink a:focus	 {
	cursor: default;
	}
	
/* Links ohne externer-Link-Icon */

a.noiconlink svg.ext{
	display: none;
	}


/* Verlinkte Bilder mit Hovereffekt */
  
.tum-image-link-hover-effect a img:hover {
   transform: scale(1.025);
   transition: .3s ease;
	}
	 
/*externe Links, mailto,...*/
a.ext svg.ext {
	display: none !important;
}

/* Eigenes Icon sauber definieren */
a.ext::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 0.35em;
	vertical-align: text-bottom;
	background-image: url("../../images/tum_icons/link-external.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	/*filter: brightness(0) invert(1);*/
}
/*Problem svg Farbe verändern, gewünscht weiß, Trick -> mit Filter schwarz und dann invertiert*/
.button.ext::after,
.opac-button.ext::after {
  filter: brightness(0) invert(1);
}

/*svg.mailto, span.mailto {
    background: rgba(0, 0, 0, 0) url("../images/tum_icons/icn_tum_mail.svg") no-repeat scroll 2px center;
    height: 10px;
    padding-right: 18px;
    text-decoration: none;
    width: 10px;
}*/
a.mailto svg.mailto {
	display: none !important;
}

/* Eigenes Icon sauber definieren */
a.mailto::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 0.35em;
	vertical-align: text-bottom;
	background-image: url("../../images/tum_icons/envelope.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

}

.button.mailto::after {
	filter: brightness(0) invert(1);
}

.tum-info {
	vertical-align: middle;
	padding: 1px 5px;
	border: 1px solid #ccc;
	margin-left: 10px;
	}

/* verlinkte h3 ähnlich Aktuelles ohne Größenänderung*/
h3 a:not(.noborderlink), .tum-link-arrow a{
	border-bottom: none;
	text-transform: none;
	}
	
h3 a:not(.noiconlink)::after, :not(.noiconlink) h3 a::after.tum-link-arrow a::after, a.tum-link-arrow::after {
    background: rgba(0, 0, 0, 0) url("../images/tum_icons/icn_tum_internlink.svg") no-repeat scroll center center;
    content: "";
    margin-left: 5px;
    margin-right: 3px;
    padding-right: 11px;
}	
/******************/	
/* Buttons   */
/******************/	
button, .button, a.button,
button:visited, .button:visited, a.button:visited {
	background-color: #3070b3;
    background-image: none;
	border: none;
	box-shadow: none;
	color: #fff;
	opacity: 1;
	height: auto;
	padding: 0.2rem 0.625rem;
}

input.button {
	padding: 0.625rem;
}

button svg.ext, .button svg.ext{
background: rgba(0, 0, 0, 0) url("../images/tum_icons_ub/icn_tum_externlink_white.svg") no-repeat scroll 2px center;}

button:hover, .button:hover, a.button:hover {
	background-color: #4889ce;
    background-image: none;
	color: white;
	border: none;
	}	
/******************/	
/* Dropbuttons   */
/******************/

.dropbutton-wrapper.open .dropbutton-widget, 	
.dropbutton-widget, .dropbutton-widget:hover, .dropbutton-widget:focus{
	background: white;
    border: 1px solid #b3b3b3;
    border-radius: 0px;	
	}

.dropbutton-multiple .dropbutton,
.dropbutton .secondary-action {
    border-color: #b3b3b3;
}
	
.dropbutton .dropbutton-toggle button,	
.dropbutton .dropbutton-toggle button:hover,
.dropbutton .dropbutton-toggle button:focus,
.dropbutton .dropbutton-toggle button:active	 {
	background-color: #8f8f8f;
	border-radius: 0;
	opacity: 1;
	}


.dropbutton-arrow {
    color: white;
}	

.js .dropbutton-multiple .dropbutton-widget {
	width: 100%;
	}
	
/******************/	
/* Aufzählungen */
/******************/

p.ullead {
	font-weight: bold;
	margin-bottom: 0.5em;
	}

ul li, ul li.item-list__item {
    list-style-type: square;
	list-style-image: none;
}

ol, ul, dl {
    line-height: 1.6em;
    list-style-position: outside;
    margin-bottom: 1em;
    padding: 0;
	}
	
ul.liststylenone,  ul.liststylenone li,
.liststylenone ul, .liststylenone ul li
 {
	list-style-type: none;	
	margin-left: 0;
 }


ol, ul {
	margin-left: 1.1em;
	}
	
dd {margin-left: 0;}	

dt {font-weight: bold;}
/**************************/
/*Dropdowns select      */
/***********************/
select {
    border: 1px solid #e6e6e6;
	border-top: 1px solid #b3b3b3;
    box-shadow: none;
	line-height: 1em;
	width: auto;
}
/******************/	
/* Accordions 	detail/summary */
/******************/
details {	
	background: none;
	border: none;
	outline: 1px solid #b3b3b3;
	margin-bottom: 20px;
	max-height: none;
	}
	
details > summary {
	font-weight: bold;
	font-size: 16px;
	padding-right: 1.5rem;
	padding-left: 0.5rem;
	}
details > summary > h3 {
	border-left: none;
	clear: none;
	padding-top: 3px;
	}	
	
.js details[open] {
	overflow: auto;}
	
/* .js details:not([open]) > summary::before {
    content: url("../../images/tum_icons/icn_tum_circleplus.svg");
}	

.js details[open] > summary::before {
    content: url("../../images/tum_icons/icn_tum_circleminus.svg");
} */

details > summary::before {
	margin: 2px 7px 0.5rem 0px;;
	}

details > summary div.field {
	margin-bottom: 0;
}

details > div {
	 padding: 0 10px 10px 15px;
	}
/*************/	
/* Tabellen  */
/*************/	

table {
	margin-bottom: 25px;
		}
thead, tbody, tr, th, td {
	border-width: 0px;
	background-color: transparent !important;
	color: black !important;
}
	
table td, table th{
	border-bottom:1px solid #e6e6e6;
	border-top: none;
	border-left: none;
	border-right: none;
	line-height:1.5em;
	padding:5px 20px 5px 0px;
	text-align:left
	}
	
table th {
    border-bottom-width: 2px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2em;
	}
thead > tr{
	border-bottom: 2px solid #e6e6e6 !important;
}

tr, tr:hover,
thead tr, thead tr:hover {
	background: none;
	}
	
/*Sortierbare Spalten */	
table th a[href*="sort=asc"] {
	white-space: nowrap;
	}	

table th a[href*="sort=asc"]:after,
table th a[href*="sort=desc"]:after	{
	background-image:	url("../images/tum_icons/icn_tum_arrowup.svg"),
						url("../images/tum_icons/icn_tum_arrowdown.svg");
	background-position: top, bottom;
	background-repeat: no-repeat, no-repeat;
	padding-right:10px;
	content:"";
	margin-left:10px;
	top: 5px;
	}
.tablesort--desc::after, 
.tablesort--asc::after {
	content:"";	
	}
	
/*Breiten*/
.width-70 {
	width: 70%;
}

/*****************************************/	
/* Exposed Filter/Suche/Sortierung       */
/*****************************************/	
.views-exposed-form {
	border: 1px solid #b3b3b3;
    padding: 0.5em 1em;
    margin-bottom: 1em;
	}
	
.views-exposed-form form {
	margin: 0;
}

.views-exposed-form label {
	float: none;
	width: auto;
	}
	
.views-exposed-form .form-type-select__select-wrapper:not(.is-multiple){
	width: auto;
	}
	
	
.views-exposed-form .form-type-select__select-wrapper:not(.is-multiple) .form-select {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	}
	
.views-exposed-form .form--inline .form-actions {
	clear: none;
	margin-top: 1.5rem;
}

/******************/	
/* Icons          */
/******************/
 a.tum-add:before {
	background:url("../images/tum_icons/icn_tum_plus.svg") center no-repeat;
	padding-right:11px;
	content:"";
	margin-left:5px;
	margin-right:3px
	}

/******************/	
/* Webforms       */
/******************/	

label, .form-composite > legend {
	font-weight: normal;
	/*float: left;deaktiviert, 08.05.26*/
	vertical-align: top;
	width: 33%;
	}
.webform-type-fieldset > legend{
	font-size: 1.5rem;
	font-weight: bold;
}
.webform-type-radios > legend .fieldset-legend {
	font-size: 16px;
}
.form-required::after {
	color: #e37222;
	}
		
		
.form-type-radio .option, .form-type-checkbox .option {
    padding: 0 0.1rem;
	}

.form-radios, .form-item.form-type-radio,
.form-checkboxes, .form-item.form-type-checkbox {
	margin:0;
	}
	
label.option	{
	float: none;
	max-width: 60%;
	width: auto;
	}	
	
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"],
.select2-container--default .select2-selection--single{
	border: 1px #b3b3b3 solid;
	border-radius: 0;
	width: auto;
	}
	
input.required{
	background-color: #f9e2d2;
	}
	
input[type="checkbox"], input[type="radio"] {
       bottom: 0.125rem;
	   }
.form-item textarea {
	display: inline;
	padding:0;
	width: 65%;
	}	
	
form .description {
	color: #8a8a8a;
	/*margin-left: 33%; deaktiviert, 08.05.26*/
	width: 50%;
	}
	
form .webform-section-wrapper > .description {	
	margin-left: 0;
	margin: -1em 0 1em;
	}
	
/*Select-Dropdowns mit "Select2" */	
.form-type-select__select-wrapper:not(.is-multiple) {
	width: 64%;	
	}

.form-type-select__select-wrapper:not(.is-multiple)::after {
	content: "";
	}
	
/* Zeichenzähler*/
.text-count-wrapper {
	display: inline;
	margin-left: 1em;
	}
	
 .text-count-wrapper.webform-counter-warning {
	color: #e37222;
	}
	
input.webform-counter-warning, input.form-text.webform-counter-warning, textarea.webform-counter-warning, textarea.form-textarea.webform-counter-warning {
    border-color: #e37222;
    background: #f9e2d2;
}
	
	
/* Buttons */	
.form-actions {
	float: right;
	}