.vorspann {
  font-size: 21px;
}

/* ---------------- Mitgliedschaften -------------- */
.mitgliedschaft-element {
  display: block;
  justify-content: center;
  align-items: center;
}

@media (min-width: 520px) {
.mitgliedschaft-element {
  display: flex;
}
}
.mitgliedschaft-element .image {
  height: auto;
  margin-bottom: 20px;
  padding-right: 15px;
  width: 100%;
}
.mitgliedschaft-element .image img {
  height: auto;
  max-width: 100%;
}

@media (min-width: 520px) {
.mitgliedschaft-element .image {
  margin-bottom: 0;
  width: 60%;
}
}

@media (min-width: 768px) {
.mitgliedschaft-element .image {
  width: 30%;
}
}
.mitgliedschaft-element .name {
  padding-right: 15px;
  display: none;
}

@media (min-width: 520px) {
.mitgliedschaft-element .name {
  display: block;
}
}

@media (min-width: 768px) {
.mitgliedschaft-element .name {
  line-height: 1;
}
}
.mitgliedschaft-element .text {
  line-height: 1.4;
  width: 100%;
}

@media (min-width: 520px) {
.mitgliedschaft-element .text {
  width: 70%;
}
}
/* ---------------- Banner -------------- */
nav#page.no-title {
  position: absolute;
  right: 0;
}

@media (min-width: 768px) {
nav#page.no-title {
  right: 15px;
}
}
section.banner {
  background: none;
  margin-bottom: 0;
}

@media (min-width: 768px) {
section.banner {
  background: #F5F5F5;
}
}
section.banner .container {
  padding: 0;
}

@media (min-width: 768px) {
section.banner .container {
  padding-right: 15px;
  padding-left: 15px;
}
}
.banner figure > figcaption {
  padding: 20px 15px;
  font-size: 20px;
}

@media (min-width: 768px) {
.banner figure > figcaption {
  padding: 20px;
  font-size: 23px;
}
}
.banner figure img {
  width: 150%;
  height: auto;
  max-width: 150%;
}

@media (min-width: 768px) {
.banner figure img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
}
/* ---------------- Slider -------------- */
.slider-horizontal .bxslider li .caption > h2 {
  font-size: 21px;
  line-height: 1.2;
}

@media (min-width: 520px) {
.slider-horizontal .bxslider li .caption > h2 {
  font-size: 28px;
  line-height: 1.5;
}
}
.slider-horizontal {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
.slider-horizontal {
  margin-bottom: 0;
}
}
@media (min-width: 992px) {
.slider-horizontal .bxslider li .caption {
  padding: 25px 40px;
}
}

@media (min-width: 768px) and (max-width: 992px) {
.slider-horizontal .bx-pager {
    bottom: -10px;
}
}

@media (min-width: 992px) {
.slider-horizontal .bx-controls-direction {
    display: block;
}
}

.slider-horizontal .bx-pager .bx-pager-item > a {
    background-color: #DDD;
}

/* ---------------- Breadcrumb -------------- */
.breadcrumb {
  padding: 8px 15px 8px 0;
}
@media (min-width: 768px) {
.breadcrumb {
 padding: 8px 15px;
}
}
/* ---------------- Header -------------- */
.navbar-brand {
  padding: 10px 15px 10px 0;
}
@media (min-width: 768px) {
 .navbar-brand {
 padding: 15px;
}
}
nav.navbar > .container .navbar-header {
  min-height: 65px;
}
nav.navbar#sticky {
    -webkit-box-shadow: 0px -6px 6px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px -6px 6px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -6px 6px 6px rgba(0, 0, 0, 0.2);
}
nav.navbar#sticky .container {
  padding: 0;
}

nav.navbar > .container .navbar-header .logo {
  margin-top: 0;
  margin-left: 15px;
}


nav.navbar#sticky .logo img {
  max-width: 75px;
}
@media (min-width: 768px) {
  nav.navbar > .container .navbar-header .logo {
    padding-left: 0;
    margin-left: 0;
  }

  nav.navbar > .container .navbar-header .logo img {
    max-width: 115px;
    height: auto;
  }
  nav#top { margin-top: 0; }
}

nav.navbar#sticky .logo img {
  max-width: 75px;
}
@media (min-width: 992px) {
  nav.navbar > .container .navbar-header .logo img {
    max-width: 144px;
    height: auto;
  }
  nav#top { margin-top: 10px; }
}

nav.navbar#sticky nav.language, nav.navbar#sticky nav#top {
    padding: 0;
    margin-top: 8px;
    line-height: 0;
}

nav.language > ul > li { padding: 0; }
nav.language > ul > li > a {
  display: block;
  padding: 25px 15px;
  height: 50px;
}

@media (min-width: 768px) {
  nav.language > ul > li > a { padding: 5px 15px; }
}
@media (min-width: 992px) { 
 nav.language > ul > li > a { padding: 15px; }
}

nav.navbar#sticky nav.language .search, nav.navbar#sticky nav#top .search {
  padding-top: 15px;
  height: 50px;
  width: 50px;
}
nav#top > ul > li {
  padding: 13px 15px;
}

nav.navbar#sticky .moblienavi-open {
  padding: 15px;
  margin: 0;
  margin-top: 8px;
  height: 50px;
  width: 50px;
}
/* ---------------- Menü -------------- */
@media (min-width: 768px) {
  #dropdown .container > ul > li.item-5 > ul > li > a, #dropdown .container > ul > li.item-5 > ul > li > ul > li > a, #dropdown .container > ul > li.item-5 > ul > li > ul > li > ul > li > a {
    font-size: 16px;
  }
  #dropdown .container > ul > li.item-5 > ul > li > a { padding-right: 10px; }
}
@media (min-width: 1200px) {
  #dropdown .container > ul > li.item-5 > ul > li > a, #dropdown .container > ul > li.item-5 > ul > li > ul > li > a, #dropdown .container > ul > li.item-5 > ul > li > ul > li > ul > li > a {
    font-size: 18px;
  }
}  
  
/* ---------------- Mobile Menü -------------- */
.cd-dropdown h2 { background-size: 75px; padding: 33px; }
.cd-dropdown-content, .cd-dropdown-content ul { padding-top: 65px !important; }
.cd-dropdown .cd-close { top: 8px; }
li.go-back { background: #3568a6; }

.cd-dropdown-content ul > li > ul > li > ul > li > a {
    text-transform: none;
}

/* ---------------- Suche -------------- */
#search > .container .search-input {
    padding: 13px 50px 13px 40px;
}
#search > .container .search-close {
    right: 30px;
    top: 25px;
}
#search > .container .search-button > a {
    margin: 18px 0 0 0;
}
/* ---------------- Forschung -------------- */
@media (min-width: 768px){
.fokusthemen > .container .fokusthema-row .fokusthema-element > .overlay > .topic {
    font-size: 21px;
}
}
@media (max-width: 400px) {
.fokusthemen > .container .fokusthema-row .fokusthema-element > .overlay > .topic {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
}

/* ---------------- Highlights-Slider -------------- */
.slider-vertical h2 {
font-size: 23px;
line-height: 1.2;
}
@media (min-width: 768px) {
 .slider-vertical .bxslider > li .csc-type-text {
 padding: 10px 70px 10px 0px;
}
 .slider-vertical h2 {
 font-size: 23px;
line-height: 1.2;
}
}
@media (min-width: 600px) {
 .slider-vertical .bxslider > li .csc-type-text {
 padding: 10px 70px 10px 0px;
}
}
@media (min-width: 768px) {
 .slider-vertical .bxslider > li .csc-type-text {
 padding: 10px 70px 0px 0px;
}
}
@media (min-width: 768px) {
 .slider-vertical .bx-pager {
 right: 15px;
}
}
@media (min-width: 992px) {
 .slider-vertical .bx-pager {
 right: 15px;
}
}

/* ---------------- Employee -------------- */
.employee-single { padding-bottom: 15px; }
.employee-single > h2:before { font-size: 42px; }
.employee-single > div.email, .contactbox > div.email {
    margin-top: 3px;
}

/* ---------------- Layer -------------- */
.panel-inner .return-link, .panel-inner .close {
  width: 50px;
  height: 48px;
}
.close { font-size: 26px; }

.panel-inner .return-link:before, .panel-inner .close:before {
    left: 11px;
    top: 11px;
}

@media (min-width: 992px) {
  .panel-inner .return-link, .panel-inner .close {
    width: 30px;
    height: 28px;
  }
  .close { font-size: 21px; }

  .panel-inner .return-link:before, .panel-inner .close:before {
    left: 5px;
    top: 3px;
  }
}