/*  */
/* 
*/
/* Bilder Newscontainer auf Seitenverhältnis von 4:3 bringen */

.news-element figure picture img {
   width: 16.5em;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: 50% 50%;
}


/*Katalogsuche+/
/* ---------- Container ---------- */
.kombi-suche {
  margin: 0 0 1em 0;
}
/* ---------- Suchzeile ---------- */
.kombi-suche .suchzeile {
  display: flex;
  width: 100%;
  padding: 12px;
  background-color: #ffffff;
  border: 3px solid #c6c6c6;
  /* typische KIT-Anmutung */
  border-radius: 0 10px 0px 10px;
  box-sizing: border-box;
}
/* ---------- Suchfeld ---------- */
.kombi-suche input[type="search"] {
  flex: 1;
  border: none;
  background: transparent;
  padding: 2px 0;
  margin-right: 6px;
  font-size: 1.2rem;
  color: #000;
}
.kombi-suche input[type="search"]::placeholder {
  color: #6e6e6e;
}
/* Fokus klar, KIT-konform */
.kombi-suche input[type="search"]:focus {
  outline: none;
}
/* ---------- Button ---------- */
.kombi-suche button {
  border: none;
  background: transparent;
  padding: 2px 4px;
  cursor: pointer;
}
.kombi-suche button .fa {
  font-size: 1.2rem;
  color: #000000;
}
/* KIT-Blau bei Hover/Fokus */
.kombi-suche button:hover .fa,
.kombi-suche button:focus-visible .fa {
  color: #005aa9;
}
/* ---------- Katalog-Auswahl ---------- */
.kombi-suche .katalog-auswahl {
  margin-top: 0.75em;
  border: none;
  padding: 0;
}
.kombi-suche .katalog-auswahl label {
  white-space: nowrap;
  margin-right: 0.75em;
  font-size: 0.95rem;
  color: #000;
  cursor: pointer;
}
.kombi-suche .katalog-auswahl input[type="radio"] {
  margin-right: 0.25em;
  vertical-align: middle;
}

/* ---------- Hinweis neuer Tab ---------- */
.kombi-suche .suchhinweis {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-size: 0.9rem;
  color: #666;
}<!--ScriptorEndFragment-->






/* Startseite */

.stage-slider h2 {
    border-bottom: 0px;
}

/* Contentseiten */


.stage-small
{ display: none !important; }

.stage-small a {
    color: #000000 !important;
text-shadow: none !important;
margin-left: 0 !important;
}


/* Footer */

.footer-link-list li { padding: 0 0 0.5em; border-bottom: 1px solid var(--color_brand_secondary) }

.footer-link-list li+li { margin-top: 0.6875em } .footer-link-list a { display: inline-block }


#block1593 {
    display: none;
}







/* Druck CSS */

@media print {
.GlobaleSuchbox { display: none; } .GlobaleInfobox { display: none; } .TranslateBox { display: none; }

img { display: none; }

* { color: black; background-color: white, font-size: text-align: justify; text-shadow: none; }


#main_content a[href]:after { content: " (" attr(href) ")" } #main_content a[href^=http]:not([href*='.kit.edu']):after { display: unset; margin-left: auto; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; } .news-element figure a[href]:after, .news-element .headline a[href]:after { content: none !important } th.sort a[href]:after { content: "" } a,a:visited { text-decoration: underline }
abbr[title]:after { content: " (" attr(title) ")" } a[href^='#']:after,a[href^='javascript:']:after { content: '' }


.contact-box {
    display: none !important;
}
.service-tile { display: none; }
.mobile-entries {
    display: none !important;
}
.watermark { display: none; }



}










/* Icon für externe Links in Suchschlitz ausblenden */

#katalogsuche a::after {
    content: none !important;
}





/* suche oben ausblenden */

/*.navigation-search a:before {
    display: none !important;
} */




/*suche seitlich ausblenden*/

.side-widgets .search a:before {
    display: none !important;
}


li.search .side-widgets.visible {
    visibility: hidden !important;
}

ul.side-widgets.visible {
    visibility: hidden !important;;
}




span.headline-text {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    font-weight: 700;
    height: 1.45em;
    line-height: 1.45em;
    padding-right: 5px;
}





/* Element ausblenden, z.B. Pseudo-Sprungziel "Kontakt" */
/*.displaynone {display: none !important;}*/
.displaynone {visibility: hidden;}


/* Link ohne Unterstreichung 2020 */
.nodecoration {text-decoration: none; }


/* Grafik-Rahmen */
.imgborder {border: 1px solid #cccccc; }


/* Zentrieren / Blocktext */
.center_horizontal {text-align: center;}
.center_vertikal {vertical-align: middle;}
.blocktext {margin-left: auto; margin-right: auto;}


/* Listeneinträge, Absaetze etc. : Abstand */
.Mb050 {margin-bottom: 0.5em;}
.Mb075 {margin-bottom: 0.75em;}
.Mb100 {margin-bottom: 1em;}
.Mb125 {margin-bottom: 1.25em;}
.Mb150 {margin-bottom: 1.5em;}
.Mb175 {margin-bottom: 1.75em;}
.Mb200 {margin-bottom: 2em;}
.Mb225 {margin-bottom: 2.25em;}
.Mb250 {margin-bottom: 2.5em;}
.Mb275 {margin-bottom: 2.75em;}
.Mb300 {margin-bottom: 3em;}


/* Listeneintraege mit gruenem Bullet fuer aktuelle Meldung Startseite 2020 */
/* .AktuellLi { list-style-image: url(/neu/img/intern/dynimg.php?color=00876c)!important; }*/
.AktuellLi {}
.AktuellLi li {margin-bottom: 0.75em;}


/* Sortierte Liste : Einrueckung */
div.text ol {margin-left: 2em !important;}


/* Liste ohne Bullets */
ol.lnone {list-style-type: none !important;}
ul.lnone {list-style-type: none !important;}
li.lnone {list-style-type: none !important;}


<!-- Anpassung des FAQ-Klappmenues - Groesse der Ueberschrift, Abstand 2020
.toggle-head { padding: 0.625rem 0 0.75rem 0 !important; font-weight:550 !important; border-bottom: 0px !important;} -->




/* Standardformular  2020 : OT Formulargenerator CSS */
.formular .note { font-size: 0.8em; color: #808080; }
.formular .required, .formular .error { color: #ff0000; }
.formular table { width: 100%; }
.formular fieldset,.preview fieldset { padding: 4px 8px; }
.formular fieldset legend, .preview fieldset legend { padding: 0 1em; float: none !important; }
.formular td.form_desc { vertical-align:top; padding: 0.5em 0 0.5em 0; min-width: 200px; width: 240px; }
.formular td.form_values { vertical-align:top; padding: 0.5em 0 0.5em 50px; min-width: 200px; }
.formular td.form_values .form_value_radio { text-indent:-19px; margin-left:19px; }
.formular td.form_values .form_value_checkbox { text-indent:-19px; margin-left:19px; }
.formular input, .formular select, .formular textarea { background-color: #e5e5e5; padding: 2px 4px; }
.formular input[type="submit"], .preview input[type="submit"] { background: linear-gradient(to bottom, #009682 0%, #b3e0da 100%); border-radius: 8px 0; border-color: #808080; font-weight: bold; padding: 4px 8px; cursor: pointer; color: #ffffff; } .formular input[type="submit"]:hover, .preview input[type="submit"]:hover { color: #000000; } .preview { margin: 0 0 1em 0; } .preview .odd { background-color: #e5e5e5; }
.preview td { vertical-align: top; padding: 4px 1em; }



/* Farbe / Background weiss */
.Color000 {color: #FFFFFF;}
.BColor000 {background-color: #FFFFFF;}
.Color000link {color: #FFFFFF !important; text-decoration: none !important;}
.Color000linkdecoration {color: #FFFFFF !important; text-decoration: underline;}

/* Farbe / Background schwarz-grau*/
.Color100 {color: #000000;}
.Color110 {color: #4D4D4D;}
.Color120 {color: #808080;}
.Color130 {color: #B3B3B3;}
.Color140 {color: #D9D9D9;}
.Color150 {color: #E5E5E5;}
.Color160 {color: #F1EFEC;}

.BColor100 {background-color: #000000;}
.BColor110 {background-color: #4D4D4D;}
.BColor120 {background-color: #808080;}
.BColor130 {background-color: #B3B3B3;}
.BColor140 {background-color: #D9D9D9;}
.BColor150 {background-color: #E5E5E5;}
.BColor160 {background-color: #F1EFEC;}


 
/* Farbe / Background gruen */
.Color200 {color: #00876C;}
.Color210 {color: #4CB5A7;}
.Color220 {color: #7FCAC0;}
.Color230 {color: #B2DFD9;}
.Color240 {color: #D9EFEC;}
 
.BColor200 {background-color: #00876C;}
.BColor210 {background-color: #4CB5A7;}
.BColor220 {background-color: #7FCAC0;}
.BColor230 {background-color: #B2DFD9;}
.BColor240 {background-color: #D9EFEC;}


/* Farbe / Background blau */
.Color300 {color: #4664AA;}
.Color310 {color: #7D92C3;}
.Color320 {color: #A2B1D4;}
.Color330 {color: #C7D0E5;}
.Color340 {color: #E3E8F2;}

.BColor300 {background-color: #4664AA;}
.BColor310 {background-color: #7D92C3;}
.BColor320 {background-color: #A2B1D4;}
.BColor330 {background-color: #C7D0E5;}
.BColor340 {background-color: #E3E8F2;}


/* Farbe / Background gelb */
.Color400 {color: #FCE500;}
.Color410 {color: #ffff99;}
.Color420 {color: #ffffcc;}

.BColor400 {background-color: #FCE500;}
.BColor410 {background-color: #ffff99;}
.BColor420 {background-color: #ffffcc;}

/* Farbe / Background orange */
.Color500 {color: #DF9B1B;}
.BColor500 {background-color: #DF9B1B;}

/* Farbe / Background braun */
.Color600 {color: #A7822E;}
.BColor600 {background-color: #A7822E;}

/* Farbe / Background rot */
.Color700 {color: #A22223;}
.BColor700 {background-color: #A22223;}

/* Farbe / Background lila */
.Color800 {color: #A3107C;}
.BColor800 {background-color: #A3107C;}

/* Farbe / Background cyan-blau */
.Color900 {color: #23A1E0;}
.BColor900 {background-color: #23A1E0;}




/* Translate-Box fuer die automatische uebersetzten Seiten */
.TranslateBox {
background-color: #E5E5E5;
padding: 12px 6px 6px 6px;
margin-bottom: 6px;
border: 1px solid #CCCCCC;
}


/* Globale Infobox in der rechten Kolumne */
.GlobaleInfobox {
padding: 8px; border-radius: 8px; background-color: #00876c; font-weight: bold; display:block; color: #fff !important;
}
.GlobaleInfobox a {color: #FFFFFF !important;}
.GlobaleInfobox a:hover {text-decoration: underline !important;}


/* (Zitate)Boxen 2020 */

/*Box-Definitionen */

.BoxBody  {
padding: 2.5rem 3.125rem;
color: #fff;
font-size: 1.2rem;
line-height: 1.2;
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
}

.BoxBodyBig  {
padding: 3.5rem 3.125rem;
color: #fff;
font-size: 1.2rem;
line-height: 1.2;
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
}

.BoxBodySmall  {
padding: 1.5rem 3.125rem;
color: #fff;
font-size: 1.2rem;
line-height: 1.2;
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
}


/* Box-Schriftgröße */

.BoxBig {font-size: 1.75rem; font-weight: bold;}
.BoxMiddle {font-size: 1.25rem; font-weight: bold;}
.BoxSmall {font-size: 1rem; font-weight: bold;}



/* Box-Liste : Bullet weiß erzwingen */

.BoxBody ul.bullets li::before, .BoxBody ul li::before, ul.list li::before { background-color: #fff !important; }


/*Box-Links */

.BoxBody a:link {color: white !important; text-decoration: underline;}
.BoxBody a:hover {color: white !important; text-decoration: none;}
.BoxBody a:visited {color: white !important; text-decoration: underline;}

.BoxBodyBig a:link {color: white !important; text-decoration: underline;}
.BoxBodyBig a:hover {color: white !important; text-decoration: none;}
.BoxBodyBig a:visited {color: white !important; text-decoration: underline;}

.BoxBodySmall a:link {color: white !important; text-decoration: underline;}
.BoxBodySmall a:hover {color: white !important; text-decoration: none;}
.BoxBodySmall a:visited {color: white !important; text-decoration: underline;}


/* Box-Hintergrundfarbe */

/* Nur Rahmenfarbe */
.BoxColorRahmen  {background-color: transparent; border: 0.3125rem solid #00876c !important;}

/* Farbe Lila */
.BoxColor100  { background-color:  #a3107c; }

/* Farbe grüngrau */
.BoxColor200  { background-color:  #00876c; }

/* Farbe hellgrün */
.BoxColor300  { background-color:  #77a200; }

/* Farbe braun */
.BoxColor400  { background-color:  #a7822e; }


/* Farbe grau-braun (Gmelin-Ausstellung) */
.BoxColor410 {background-color: #BFB486;}


/* Farbe hellblau */
.BoxColor500  { background-color: #079ede; }

/* Farbe dunkelblau */
.BoxColor600  { background-color: #4664aa; }

/* Farbe dunkelrot */
.BoxColor700  { background-color: #a22223; }

/* Farbe ocker */
.BoxColor800  { background-color: #df9b1b; }

/* Farbe grau */
.BoxColor900  { background-color: #adadad; }

/* Farbe dunkelgrau */
.BoxColor910  { background-color: #727272; }

/* Farbe schwarz */
.BoxColor1000  { background-color: #000000; }


/* Textbox für Slider */
.SliderTextBoxSmall { padding: 1rem; background-color: #fff; font-size: 1.2rem; line-height: 1.2;}


/* Formatierung der Sitemap-Ueberschrift bei Bereichsseiten */
.sitemap h1 {font-size: 1.0909em; !important; border-bottom: 1px #ccc dotted !important; margin-top: -1em !important;}


/* Font Awesome skalieren */

.fawesome120 {font-size: 120%; margin-right:-5px;}
.fawesome130 {font-size: 130%; margin-right:-5px;}
.fawesome140 {font-size: 140%; margin-right:-5px;}
.fawesome150 {font-size: 150%; margin-right:-5px;}
.fawesome160 {font-size: 160%; margin-right:-5px;}
.fawesome180 {font-size: 180%; margin-right:-5px;}
.fawesome200 {font-size: 200%; margin-right:-5px;}
.fawesome220 {font-size: 220%; margin-right:-5px;}
.fawesome240 {font-size: 240%; margin-right:-5px;}
.fawesome260 {font-size: 260%; margin-right:-5px;}
.fawesome280 {font-size: 280%; margin-right:-5px;}
.fawesome300 {font-size: 300%; margin-right:-5px;}


/* Themify skalieren */

.themify120 {font-size: 120%; margin-right:-5px;}
.themify130 {font-size: 130%; margin-right:-5px;}
.themify140 {font-size: 140%; margin-right:-5px;}
.themify150 {font-size: 150%; margin-right:-5px;}
.themify160 {font-size: 160%; margin-right:-5px;}
.themify180 {font-size: 180%; margin-right:-5px;}
.themify200 {font-size: 200%; margin-right:-5px;}
.themify220 {font-size: 220%; margin-right:-5px;}
.themify240 {font-size: 240%; margin-right:-5px;}
.themify260 {font-size: 260%; margin-right:-5px;}
.themify280 {font-size: 280%; margin-right:-5px;}
.themify300 {font-size: 300%; margin-right:-5px;}


/* Tabelle/-Zelle mit KIT-grauen Linien ohne padding 2020 */
table.table100 { border: 5px solid #e6e6e6; border-collapse: collapse; }
table.table100 td {line-height: 120%; border: 5px solid #e6e6e6; padding: 8px !important ; margin:4px !important ; border-collapse: collapse; }


/* Rechte Kolumne : Infobox : Links/E-Mail-Adressen : Pfeile entfernen */
.infobox-inner a { background: none !important; margin-left: -5px !important;}

/* Rechte Kolumne : Kontaktbox : Links/E-Mail-Adressen : ausrichten */
.infobox-normal a { background: none !important; margin-left: 0 !important;}

/* Rechte Kolumne : Veranstaltungskalender : Links : ausrichten (Aufheben der o.g. Anweisung fuer E-Mail-Adressen (Pfeile) */
.infobox-inner table td a { margin: 0 !important; }
.infobox-inner table td ul li a { margin: 0 !important; }



/* Druck CSS */

@media print {
.GlobaleSuchbox { display: none; }
.GlobaleInfobox { display: none; }
.TranslateBox { display: none; }
}


/* CSS zur Anzeige von Telefonnummern: als Text bei "normalen" Endgeräten und als Link bei mobilen Endgeraeten */

a[href^='tel'] {
text-decoration: none !important;
cursor: default !important;
color: #000000 !important;
}
 
@media only screen and (max-device-width: 480px) { a[href^='tel'] {
text-decoration: underline !important;
cursor: pointer !important;
color: #00876C !important; }
}


/* KSP */

div.KSPtitleView img {
float: left;
width: 96px;
height: 138px;
margin-right: 1em;
border: 1px solid rgb(180,180,180);
margin-bottom: 0px;
}

div.KSPtitleView p.clear {
clear: both;
margin-bottom: 30px;
}
 
/* Schleier Kopfbilder*/
.stage:after {
    background: none !important;
}

/* Button */

.buttonBIB {
    display: inline-block;
    padding: 0.625rem 0.9375rem;
    background: #00876c;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color .2s !important;
    -o-transition: background-color .2s;
    transition: background-color .2s !important;
}

.button-bigBIB {
    display: inline-block;
    padding: 2.5rem 3.125rem;
    border-top-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    background: #00876c;
    color: #ffffff !important;
    font-size: 1.75rem;
    font-weight: 700 !important;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color .2s !important;
    -o-transition: background-color .2s;
    transition: background-color .2s !important;
}

.buttonBIB:hover {
    background-color: #007755;
  }

.button-bigBIB:hover {
    background-color: #007755;
  }

/* Button KSP */

.buttonKSP {
    display: inline-block;
    padding: 0.625rem 0.9375rem;
    background: #a3107c;
border-color:#ffffff;
border-style:solid;
border-width:0.3rem;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color .2s !important;
    -o-transition: background-color .2s;
    transition: background-color .2s !important;
}


.buttonKSP:hover {
    background-color:#600a49;
  }


/* Content-Wrap (Seitenränder) an kit.edu anpassen */

body.oe-page main .content-wrap {
    max-width: 1720px !important;
    padding: 0 2.1875rem;
    margin-right: auto;
    margin-left: auto;
}

/* Button Chatbot */

#mibew-agent-button {
position: fixed;
right: 1rem; bottom: 15rem;
z-index: 89;

}

div.mibew-chat-wrapper {
z-index: 100;

}
 
/*  */