<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">

*{
  text-transform: none !important;
  font-family: Roboto !important;
}

p{
  font-size: 16px!important;
}

.no-space-after{
  padding-bottom: 0px;
}

h1, h2, h1 > span, .title-inner > a{
  margin: 0, 0, 8px, 0;
  font-family: 'Ubuntu', sans-serif !important;
  color: rgba(236, 116, 4, 1);
  font-weight: bold;
}

/*break headings for smaller screen sizes to avoid overflow*/
@media (max-width:500px) { /*max-width set to 500px since overflow appeared at 432px*/

  h1,h2{
    hyphens:auto;
    overflow-wrap: break-word;
  }
}

.form-item input.form-search {
  height: 20px;
}

#header-inside-center img {
  height: 45px!important;
}

/*.node--type-mt-faculty .node--content-container > .node--content > header .node__title{
  display: block;
}*/

.node--type-mt-faculty > .node--content-container > .node--content > header .node__title{
  display: none;
}

ul.links li a:hover, .field--name-field-weiterfuehrende-links > .field__item > a:hover,
.imis-button-light:hover{
  background-color: rgba(0, 97, 122, 1);
  color: white;
}

#accordion{
  margin-top: 25px;
}

.field--type-entity-reference > ul{
  list-style-type: none;
  padding-left: 0px;
}


p > a, ul.links li h2 > a{
  background-color: transparent !important;
  color: rgba(0, 97, 122, 1);
  padding: unset !important;
  font-size: 16px !important;
  margin: 0px !important;
}

ul.links li h2 > a{
  font-weight: bold;
}

p > a:hover, h2 > a:hover{
  color: rgba(0, 145, 168, 1);
}

p, .node--content > a{
  font-size: 16px;
}

a:hover{
  color: rgba(0, 145, 168, 1);
}

.card-header{
	background-color: rgba(0, 97, 122, 1);
  	color: white;
}

 /* Accordion label */
.card-header h3 {
    color: white;
}

 /* Accordion label */
.card-header button {
  color: white;
}

 /* Accordion label */
.card-header button:hover {
  color: RGB(220,220,220);
  text-decoration: none;
}

/* attach this class to elements which should
turn the cursor to a pointer when hovered */
.pointer {cursor: pointer;}

/* the email address text-element */
#mail-container .field__item {
	text-decoration: underline;
  	color: rgba(0, 97, 122, 1);
}

#mail-container:hover .field__item{
    color: rgba(0, 145, 168, 1);
}

/* Scholarly Modifications */
.transparent-bg{
  background-color: rgba(255,255,255,0.63);
}

.transparent-bg *{
  color: #333333;
}

.tp-caption.title a{
  color: #333333;
}

.tparrows{
  background-color: rgba(255,255,255,0.63);
  margin: 1px;
}

.tp-leftarrow{
  border-radius: 3px 0 0 3px;
  margin-right: 2px;
}

.tp-rightarrow{
  border-radius: 0 3px 3px 0;
}

.tparrows:before{
  color: rgba(0, 97, 122, 1);
  font-weight: 600;
}

.tparrows:hover{
  background-color: rgba(255,255,255,1);
}

.card-header > h3{
  margin-top: 0px;
}


/* START Menu for tablet widhts */
#header-top-inside .col-md-4.col_search_show{
  flex: 0 0 100%;
  max-width: 100%;
}

#search-block-form .searchbar_show_search{
  margin: 0px;
}

#edit-keys.searchinput_tablet{
  position: relative;
  left: 35px;
  max-width: 575px;
}

#searchCloseButton{
  position: absolute;
  left: 0;
  width: 35px;
  height: 40px;
  background-color: #004b5a;
  cursor: pointer;
}

#searchCloseButton::before{
  content: "\f00d";
  font-family: "FontAwesome";
  font-size: 18px;
  position: absolute;
  left: 12.5px;
  top: 7px;
}

@media (max-width: 991px) and (min-width: 768px){
  #header-top-inside .col-md-4{
      flex: 0 0 10%;
      max-width: 10%;
  }
  #header-top-inside .col-md-8{
      flex: 0 0 90%;
      max-width: 90%;
  }

  #search-block-form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label{
    display: none;
  }

  #searchbutton_overlay{
    display: block;
    position: absolute;
    opacity: 0;
    width: 50px;
    height: 40px;
    right: 0;
    cursor: pointer;
    z-index: 50;
  }
}
/* END Menu for tablet widhts */

/* START Forschungsthemen Teaser */
#block-scholarly-content .node--view-mode-teaser .field--name-field-forschungsthema-bild{
  margin: 0 0 0 10px;
}

#block-scholarly-content .node--type-forschungsthema.node--view-mode-teaser h3{
  float: left;
  margin: 8px 0 0 10px;
}

#block-scholarly-content .node--view-mode-teaser .field--name-field-kurzbeschreibung{
  float: left;
  margin: 5px 0 0 10px;
  clear: both;
}

#block-scholarly-content .node--type-forschungsthema.node--view-mode-teaser{
  padding-bottom: 25px;
}

/* END Forschungsthemen Teaser */

/* START Forschungsthemen */
#block-scholarly-content .node--type-forschungsthema.node--view-mode-full .field--name-field-forschungsthema-bild{
  margin: 15px 30px 0 0;
}
#block-scholarly-content .node--type-forschungsthema.node--view-mode-full .field--name-body.field--type-text-with-summary{
  margin-bottom: 60px;
}
/* END Forschungsthemen */

/* START Slideshow */
#slideshow-boxedwidth .tp-caption.more-link{
  top: 10px;
}

@media (max-width: 1200px) and (min-width: 768px){
  #slideshow-boxedwidth .tp-caption.more-link{
    display: none;
  }
  #slideshow-boxedwidth .tp-revslider-slidesli .title-inner a{
    text-decoration: underline;
  }
}

@media (max-width: 1200px) and (min-width: 992px){
  #slideshow-boxedwidth .tp-revslider-slidesli .title-inner a{
    font-size: 26px;
  }
}

@media (max-width: 991px) and (min-width: 768px){
  #slideshow-boxedwidth .tp-revslider-slidesli .title-inner a{
    font-size: 19px;
  }
}
/* END Slideshow */

/* START Institut (Home) responisve */
@media (max-width: 991px) and (min-width: 768px){
  .institut-col{
    max-width: 33.33%;
    flex: 0 0 33.33%;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
/* END START Institut (Home) responisve */

/* START Header Tabletwidth */
@media (max-width: 991px) and (min-width: 768px){
  header #header-inside #header-inside-center img{
    display: none;
  }
}

/* END Header Tabletwidth */

/* START mobile footer */
#footer .footer-container.mobile{
  text-align: left;
}
#footer .footer-container.mobile a{
  color: rgb(210, 210, 210);
  font-size: 12px !important;
}
#footer .footer-container.mobile .info-col p{
  font-size: 12px !important;
  padding-bottom: 5px;
}
#footer .footer-container.mobile .spamspan{
  padding:0 !important;
}
#footer .footer-container.mobile #footer-contact{
  padding:0;
}
#footer .footer-container.mobile #insitute-header{
  font-weight: bold;
}
#footer .footer-container.mobile .link-col .flex-container{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
/* END mobile footer */


/* START Professur Full */
/* Layout */
.node--type-professur.node--view-mode-full .field--name-field-mitarbeiter-der-professur .student-content-wrapper{
  padding-left: 0px;
  padding-right: 0px;
}
.node--type-professur.node--view-mode-full h1{
  color: #00617a;
}
@media (max-width: 767px){
  .node--type-professur.node--view-mode-full .titelbild-col{
    padding: 0;
  }
}
.node--type-professur.node--view-mode-full .quote-container{
  margin-top: 15px;
}
.node--type-professur.node--view-mode-full .quote-symbol{
  line-height: 0.9;
  height: 35px;
  float: left;
  margin-right: 10px;
}
.node--type-professur.node--view-mode-full .quote-text{
  padding-top: 20px;
  padding-bottom: 5px;
}
@media (min-width: 768px)  {
  .node--type-professur.node--view-mode-full .mitarbeiter-col .node--type-mt-faculty{
    float: left;
  }
  .node--type-professur.node--view-mode-full .mitarbeiter-col .faculty-teaser-container{
    height: 170px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .node--type-professur.node--view-mode-full .mitarbeiter-col .faculty-content-col{
    padding: 0 15px 0 0;
  }
  .node--type-professur.node--view-mode-full .mitarbeiter-col .faculty-photo-col{
    padding-left: 0;
  }
  .node--type-professur.node--view-mode-full .mitarbeiter-col .faculty-teaser-container{
    width: 672px;
  }
}
@media (min-width: 992px) {
  .node--type-professur.node--view-mode-full .prof-profile-col{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .node--type-professur.node--view-mode-full .prof-profile-col .quote-container{
    margin-top: 45px;
  }
  .node--type-professur.node--view-mode-full .prof-profile-col .field__items{
    margin-bottom: 0px;
  }
  .node--type-professur.node--view-mode-full .prof-profile-col .student-content-wrapper{
    padding-left: 0px;
    padding-right: 0px;
  }
  .node--type-professur.node--view-mode-full .prof-profile-col .faculty-teaser-container{
    padding-left: 0px;
    height: auto;
  }
  .node--type-professur.node--view-mode-full .prof-profile-col .faculty-photo-col{
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .node--type-professur.node--view-mode-full .prof-header-col{
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .node--type-professur.node--view-mode-full .mitarbeiter-col .node--type-mt-faculty{
    width: 464px;
  }
}
@media (min-width: 1200px) {
  .node--type-professur.node--view-mode-full .mitarbeiter-col .node--type-mt-faculty{
    width: 554px;
  }
}

/* Professur Teaser */
.node--type-professur.node--view-mode-teaser{
  width: 100%;
}

/* Theme */
.node--type-professur.node--view-mode-full h2{
  color: #00617a;
}
.node--type-professur.node--view-mode-full .divider-line{
  border-color: #f7c79b;
}
.node--type-professur.node--view-mode-full .header-underline{
  width: 60%;
  margin-left: 0;
  border: 1px #5D5D5D solid;
  margin-top: 0px;
}
.node--type-professur.node--view-mode-full .quote-symbol{
  font-size: 120px;
  font-family: 'PT Serif', Georgia, Times, Times New Roman, Serif;
  color: #EC7404;
}
.node--type-professur.node--view-mode-full .quote-text{
  font-style: italic;
}
.node--type-professur.node--view-mode-full .field--name-field-professor-in .faculty-border-top{
  display: none;
}
.mitarbeiter-divider-line{
  border-top: 2px solid #dbdbdb;
  margin-bottom: 10px;
  width: 60%;
}
.node--type-professur.node--view-mode-full .projekte-divider-line{
  border-top: 1px solid #dbdbdb;
}
.node--type-professur.node--view-mode-full .projekte-divider-line:last-child{
  display: none;
}
@media (min-width: 768px) {
  .mitarbeiter-divider-line{
    display: none;
  }
}
/* END Professur Full */

/* START Publikationen Teaser */
  /* Theme */
  .node--type-publikation.node--view-mode-teaser a{
    color:rgba(0, 97, 122, 1);
    min-width: 0px;
    background: none;
    font-size: 16px;
    padding: 0px;
    display: inline;
  }
  .node--type-publikation.node--view-mode-teaser a:hover{
    color: rgba(0, 145, 168, 1);
    background: none;
    text-decoration: underline;
  }
/* END Publikationen Teaser */

/* START Mitarbeiter-Teaser */
  /* Layout */
  .node--type-mt-faculty.node--view-mode-teaser .faculty-photo-col{
    margin-top: 15px;
  }
  .node--type-mt-faculty.node--view-mode-teaser .faculty-photo{
    display: flex;
    justify-content: center;
  }
  .node--type-mt-faculty.node--view-mode-teaser .faculty-photo > *{
    margin: 0;
  }
  .node--type-mt-faculty.node--view-mode-teaser .faculty-titel{
    padding: 0;
    margin: 0 0 8px 0;
  }
  .node--type-mt-faculty.node--view-mode-teaser .faculty-role{
    padding: 0;
    margin: 0 0 8px 0;
    line-height: 1.2;
  }
  .node--type-mt-faculty.node--view-mode-teaser .faculty-mail{
    padding: 0;
    margin: 0;
  }
  @media (max-width: 767px){
    .node--type-mt-faculty.node--view-mode-teaser .faculty-photo-col{
      width: 100%;
    }
  }
  @media (min-width: 768px){
    .node--type-mt-faculty.node--view-mode-teaser .faculty-photo-col{
      margin-bottom: 15px;
      display: flex;
    }
    .node--type-mt-faculty.node--view-mode-teaser .faculty-photo{
      align-items: center;
    }
    .node--type-mt-faculty.node--view-mode-teaser .faculty-content-col{
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
    }
  }
  @media (max-width: 991px){
    .node--type-mt-faculty.node--view-mode-teaser .faculty-content-col{
      margin: 20px 0 15px 0;
    }
  }
  @media (min-width: 992px){
    .node--type-mt-faculty.node--view-mode-teaser .faculty-teaser-container{
      height: 165px;
    }
    .node--type-forschungsprojekt .node--type-mt-faculty.node--view-mode-teaser .faculty-teaser-container{
      height: auto;
    }
    .node--type-mt-faculty.node--view-mode-teaser .faculty-titel,
    .node--type-mt-faculty.node--view-mode-teaser .faculty-role{
      margin: 0;
    }
  }
  /* Theme */
  .node--type-mt-faculty.node--view-mode-teaser a{
    background-color: white;
    padding: 0px;
    min-width: unset;
    color: rgba(0, 97, 122, 1);
    margin: 0px;
    text-align: left;
  }
  .node--type-mt-faculty.node--view-mode-teaser a:hover{
    background-color: unset;
    color: rgba(0, 145, 168, 1);
    text-decoration: underline;
  }
  .node--type-mt-faculty.node--view-mode-teaser .faculty-photo img:hover{
    opacity: 0.5;
  }
  @media (max-width: 767px){
    .node--type-mt-faculty.node--view-mode-teaser .faculty-content-col, .node--type-mt-faculty.node--view-mode-teaser .titel-link{
      text-align: center;
    }
    .node--type-mt-faculty.node--view-mode-teaser .faculty-border-top{
      margin: auto;
      width: 60%;
    }
  }
/* END Mitarbeiter-Teaser */


/* ## RESTRUCTURE local-base.css ## */

/* ## START elements.css */
h2 a:hover {
  text-decoration: underline;
}

p{
  hyphens: auto;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a {
  color: rgba(0, 97, 122, 1);
}

/* title of blocks in teams */
.block-views-blockprofessorinnen-und-professoren-block-2 .title,
.block-views-blocksekretariat-block-1 .title,
.block-views-blocktechnik-block-1 .title,
.block-views-blockwissenschaftliche-mitarbeiter-block-1 .title,
.block-views-blockstudentische-und-wissenschaftliche-hilfskraefte-block-1 .title {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #dee2e6;
  padding-bottom: 8px;
  margin-bottom: 30px !important;
  color: rgba(236,116,4,1);
  font-weight: bold;
}

#header-inside-left img {
  height: 35px;
}

#header-inside-center img {
  height: 45px;
}

#header-inside-right img {
  height: 80px;
}
/* ## END elements.css */

/* ## START layout.css */
#main-content {
  padding: 10px 0;
}

#header-top{
  margin-bottom: 10px;
}

#footer{
  box-shadow: none!important;
}

#page {
  min-height: calc(100vh - 304.6px);
}

@media (max-width: 767px) {
  #page {
    min-height: calc(100vh - 559px);
  }
}
/* ##  END layout.css */

/* ## START Custom Classes */
.text-formatted {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;

  -ms-word-break: break-all;
  word-break: break-all;

  /* Non standard for WebKit */
  word-break: break-word;
}

@media (max-width: 767px) {
  /* Forschungsprojekt-Full TODO extract twig-template inline css and remove !important tags from the following */
  .btn-projectwebpage {
    position: relative!important;
    left: 0!important;
    margin-bottom: 10px!important;
  }
}

/* Forschungsprojekt-Teaser */
.line-height-sm{
  line-height: 20px;
}

/* Mitarbeiter Profile auf Forschungsprojekten und Stellenanzeigen (TODO Content-Type 'Mitarbeiter (Teaser)' verwenden*/
.no-margin-before {
  margin-top: 0;
}

.img-profile {
  object-fit: cover;
  width: 141px;
  height: 141px;
}

.img-border {
  border: 1px solid #e5e5e5;
}

.profile-small{
  padding: 10px 0px 10px 0px
}

/* Forschungsprojekt Teaser */
.img-project {
  max-height: 100px;
}

/* ## Others */
.field--name-body{
  text-align: justify;
}

.btn-primary {
  background-color: unset;
  color: rgba(0, 97, 122, 1);
  border: 1px solid rgba(0, 97, 122, 1);
  border-radius: 3px;
  padding: 10px 23px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.btn-primary:hover {
  background-color: rgba(0, 97, 122, 1);
  color: #fff;
}

#slideshow-boxedwidth .tp-caption.more-link a,
.field--name-field-weiterfuehrende-links > .field__item > a,
.imis-button-light,
.field--name-field-projekthomepage a{
  background-color: unset;
  color: rgba(0, 97, 122, 1);
  border-style: solid;
  border-radius: 3px;
  border-width: 1px;
  border-color: rgba(0, 97, 122, 1);
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 23px;
  padding-right: 23px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

#slideshow-boxedwidth .tp-caption.more-link a:hover,
.field--name-field-weiterfuehrende-links > .field__item > a:hover,
.imis-button-light:hover,
.field--name-field-projekthomepage a:hover{
  background-color: rgba(0, 97, 122, 1);
  color: white;
  text-decoration: none;
}

.field--name-field-projekthomepage a{
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 15px;
  white-space: nowrap;
}

@media (max-width: 767px){
  .field--name-field-projekthomepage a{
    position: relative;
  }
  .field--name-field-projekthomepage {
    margin: 25px 0 10px 0;
  }
}

/* CV-View in Mitarbeiter Full */
.field--name-field-cv .field__item:last-child .border-bottom{
  padding-bottom: 8px !important;
  border-bottom-width: 0px !important;
}

.field--name-field-cv .field__item{
  margin-bottom: 10px;
}

/* Mitarbeiter Full*/
.field--name-field-weiterfuehrende-links{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.field--name-field-weiterfuehrende-links .field__item{
  display: inline-flex;
}

/* Start Accordion team profile */
.new-accordion {
  margin-top: 30px;
}

.new-accordion .card{
  margin-bottom: 0.75rem;
}

.new-accordion  label{
  margin-bottom: 0px;
}

.new-accordion input:checked ~ label .fa-plus {
  display: none
}

.new-accordion input:not(:checked) ~ label .fa-minus {
  display: none
}

.new-accordion input {
  display: none;
}

.new-accordion input:not(:checked)~label:hover .card-header {
  background-color: rgba(0, 75, 90, 1);
}

.new-accordion input:not(:checked)~label .card-header {
  border-radius: calc(-1px + 0.25rem);
}

.new-accordion .new-accordion-body {
  transform: scaleY(0);
  max-height: 0;
  overflow: hidden;
  transition: all 0.25s;
  transform-origin: top;
}

.new-accordion input:checked ~ article {
  transform: scaleY(1);
  max-height: 100000px;
}

.new-accordion label {
  cursor: pointer;
}

.fa-plus,
.fa-minus {
  margin-right: 15px;
}

.card-body {
  padding: 0 1.25rem 0 1.25rem;
}

@media (min-width: 992px) {
  .new-accordion .card-expanded .new-accordion-body {
    transform: scaleY(1);
    max-height: 100000px;
  }
  .new-accordion .card-expanded input:checked ~ .new-accordion-body {
    transform: scaleY(0);
    max-height: 0;
  }
  .new-accordion .card-expanded input:checked ~ label .fa-minus,
  .new-accordion .card-expanded input:not(:checked) ~ label .fa-plus {
    display: none
  }
  .new-accordion .card-expanded input:checked ~ label .fa-plus,
  .new-accordion .card-expanded input:not(:checked) ~ label .fa-minus {
    display: inline-block;
  }
  .new-accordion .card-expanded input:checked ~ label .card-header {
    border-radius: calc(-1px + 0.25rem);
  }
  .new-accordion .card.card-expanded  label .card-header {
    border-radius: calc(-1px + 0.25rem) calc(-1px + 0.25rem) 0 0;
  }
}
/* End Accordion team profile */

/* ## END Custom Classes */