@charset "UTF-8";
/**
 * MHB Fontane
 *
 * Inhalts Stylesheets
 *
 * @copyright       Copyright 2015 Marco Both, Rostock, http://www.marcoboth.de
 * @contact         kontor@marcoboth.de
 * @version         1.0
 */

/* ubuntu-300 - latin */

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ubuntu-v14-latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Ubuntu Light'), local('Ubuntu-Light'), url('../fonts/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/ubuntu-v14-latin-300.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/ubuntu-v14-latin-300.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/ubuntu-v14-latin-300.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/ubuntu-v14-latin-300.svg#Ubuntu') format('svg');
  /* Legacy iOS */
}

/* ubuntu-regular - latin */

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v14-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('../fonts/ubuntu-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/ubuntu-v14-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/ubuntu-v14-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/ubuntu-v14-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/ubuntu-v14-latin-regular.svg#Ubuntu') format('svg');
  /* Legacy iOS */
}

/* ubuntu-700 - latin */

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v14-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('../fonts/ubuntu-v14-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/ubuntu-v14-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/ubuntu-v14-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/ubuntu-v14-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/ubuntu-v14-latin-700.svg#Ubuntu') format('svg');
  /* Legacy iOS */
}

/* lato-regular - latin */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v16-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/lato-v16-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/lato-v16-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/lato-v16-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/lato-v16-latin-regular.svg#Lato') format('svg');
  /* Legacy iOS */
}

/* lato-700 - latin */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v16-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/lato-v16-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/lato-v16-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/lato-v16-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/lato-v16-latin-700.svg#Lato') format('svg');
  /* Legacy iOS */
}

/* damion-regular - latin */

@font-face {
  font-family: 'Damion';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/damion-v9-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Damion'), url('../fonts/damion-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/damion-v9-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/damion-v9-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/damion-v9-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/damion-v9-latin-regular.svg#Damion') format('svg');
  /* Legacy iOS */
}

/* Grundraster / -elemente
-------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
  font-family: 'Lato', sans-serif;
}

body {
  background-color: #efefef;
  color: #000;
  font-family: 'Lato', sans-serif;
}

.invisible {
  display: none;
}

.container {
  background-color: #fff;
}

.container.main_content {
  min-height: 800px;
}

/* Überschriften / Texte / Listen / Buttons
-------------------------------------------------- */

h1, h2, h3 {
  color: #000;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  line-height: 1.3em;
}

h1 {
  font-size: 1.85em;
  margin: 1.2em 0 1.2em 0;
  line-height: 1.3em;
}

h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 1em;
}

h3 {
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 500;
  margin-top: 0;
}

a, a:link, a:visited {
  color: #c4121d;
}

a:focus, a:active, a:hover {
  color: #c4121d;
}

p {
  margin-bottom: 1em;
  line-height: 1.7em;
}

p.info {
  color: #000;
  font-size: 0.9em;
  margin-bottom: 0 !important;
}

p.error {
  color: #c51415;
}

p.confirm {
  font-weight: 700;
}

.cite {
  color: #696969;
  font-style: italic;
  font-size: 20px;
  padding: 0 2em 0 2em;
  text-align: justify;
}

.cite::first-letter {
  font-size: 70px;
  font-weight: 300;
  color: #c31b26;
}

.more a span, .back a span {
  background-color: #c4121d;
  color: #fff !important;
  display: inline-block;
  padding: 5px 16px;
  text-transform: uppercase;
  font-weight: 700;
}

.more a:hover, .back a:hover {
  background-color: #1D1D1B;
  text-decoration: none;
}

.more a:hover span, .back a:hover span {
  background-color: #1D1D1B;
  color: #fff !important;
}

.header_claim {
  display: block;
  float: right;
  font-family: 'Lato', sans-serif;
  font-size: 1.6em;
  line-height: 1.2em;
  padding-top: 29px;
  padding-right: 0;
}

.page_title {
  background-color: #c51415;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  line-height: 30px;
  font-size: 32px;
  padding: 74px 20px 16px 20px;
  text-transform: uppercase;
}

.page_title h1 {
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 30px;
  font-size: 32px
}

.info_headline {
  margin: 0;
  margin-bottom: 1em;
  margin-top: 1px;
  padding: 0;
  line-height: 1.2em;
}

.in-text-image {
  margin: 0;
  width: 100%;
  float: none;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ce_text ul, .accordion ul {
  margin-left: 18px;
  margin-bottom: 1em;
}

.ce_text ul li, .accordion ul li {
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0;
  list-style-type: disc;
}

ul.file {
  margin: 0 !important;
  padding: 0 !important;
}

ul.file li {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
}

p, li, span, h1, h2, h3, blockquote, cite, div {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* Video
-------------------------------------------------- */

.ce_plyer video {
  height: auto;
  width: 100%;
}

/* Cookie
-------------------------------------------------- */

.cc-window {
  opacity: 1;
  transition: opacity 1s ease
}

.cc-window.cc-invisible {
  opacity: 0
}

.cc-animate.cc-revoke {
  transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
  transform: translateY(0)
}

.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s
}

.cc-link, .cc-revoke:hover {
  text-decoration: underline
}

.cc-revoke, .cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Helvetica, Calibri, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999
}

.cc-window.cc-static {
  position: static
}

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column
}

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row
}

.cc-revoke {
  padding: .5em
}

.cc-header {
  font-size: 18px;
  font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
  cursor: pointer
}

.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em
}

.cc-link:hover {
  opacity: 1
}

.cc-link:active, .cc-link:visited {
  color: initial
}

.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap
}

.cc-banner .cc-btn:last-child {
  min-width: 140px
}

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline
}

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75
}

.cc-close:focus, .cc-close:hover {
  opacity: 1
}

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em
}

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: 0em;
  border-top-right-radius: 0em
}

.cc-revoke.cc-left {
  left: 3em;
  right: unset
}

.cc-revoke.cc-right {
  right: 3em;
  left: unset
}

.cc-top {
  top: 1em
}

.cc-left {
  left: 1em
}

.cc-right {
  right: 1em
}

.cc-bottom {
  bottom: 1em
}

.cc-floating>.cc-link {
  margin-bottom: 1em
}

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  flex: 1
}

.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center
}

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0
}

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0
}

.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1
}

.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between
}

.cc-compliance>.cc-btn {
  -ms-flex: 1;
  flex: 1
}

.cc-btn+.cc-btn {
  margin-left: .5em
}

@media print {
  .cc-revoke, .cc-window {
    display: none
  }
}

@media screen and (max-width:900px) {
  .cc-btn {
    white-space: normal
  }
}

@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape) {
  .cc-window.cc-top {
    top: 0
  }

  .cc-window.cc-bottom {
    bottom: 0
  }

  .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
    left: 0;
    right: 0
  }

  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1
  }

  .cc-window.cc-floating {
    max-width: none
  }

  .cc-window .cc-message {
    margin-bottom: 1em
  }

  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset
  }
}

.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 0px;
  background-color: #e3e3e3 !important;
  color: #000 !important;
  border-radius: 0;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none
}

.cc-theme-classic .cc-btn {
  border-radius: 0px
}

.cc-theme-classic .cc-btn:last-child {
  min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block
}

.cc-theme-edgeless.cc-window {
  padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
  margin-left: 0
}

.cc-grower {
  margin: 0 auto;
  max-height: auto;
  max-width: 100%;
}

a.cc-link {
  display: none !important;
}

.cc-btn {
  background-color: #c51415 !important;
  color: #fff !important;
  padding: 5px 16px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  border-radius: 0 !important;
  border: 0 none !important;
}

.cc-btn:hover {
  background-color: #fff !important;
  color: #58585a !important;
  text-decoration: none !important;
}

.cc-banner {
  background-color: #e3e3e3 !important;
  color: #000 !important;
  border-radius: 0 !important;
  border: 0 none !important;
}

.cc-message {
  font-size: 11px;
  line-height: 16px;
}

.cc-window.cc-banner {
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.cc-window {
  background-color: #e3e3e3 !important;
  color: #000 !important;
  border-radius: 0 !important;
}

@media (min-width: 415px) {
  .cc-compliance {
    margin-left: 25px;
    margin-top: 7px;
  }
}

@media (min-width: 768px) {
  .cc-grower {
    max-width: 750px;
  }
}

@media (min-width: 992px) {
  .cc-grower {
    max-width: 970px;
  }
}

@media (min-width: 1200px) {
  .cc-grower {
    max-width: 1120px;
  }
}

/* Newsteaser
-------------------------------------------------- */

.cell {
  background-color: #fafafa;
  border: 1px solid #dbdbdb;
  padding: 20px;
  margin: 0px;
  height: auto;
  width: 400px;
}

.brick {
  background-color: #fafafa;
  border: 1px solid #dbdbdb;
  width: 350px;
  /*width: 221.2px;*/
}

.brickbox {
  padding: 20px;
}

.brickbox figure.image_container {
  margin-bottom: 12px;
}

/* FEATURE-LIST-BOX
-------------------------------------------------- */

.feature_list_box {
  background-color: #efefef;
  padding: 15px;
  font-size: 15px;
}

.feature_list_box ul {
  margin: 0 0 0 10px;
  padding: 0;
}

.feature_list_box ul li {
  list-style: none;
  margin: 4px 0 4px 25px;
}

.feature_list_box ul li::before {
  content: "✚";
  margin: 0 0 0 -25px;
  font-family: Arial;
  color: #c51415 !important;
  display: inline-block;
  width: 25px;
}

/* Teaser
-------------------------------------------------- */

.teaser_block {
  background-color: #c51415;
  color: #fff;
  display: table;
  height: 250px;
  margin-bottom: 15px;
  padding: 20px;
  padding-top: 15px;
  position: relative;
  width: 100%;
}

.grey .teaser_block {
  background-color: #58585a;
}

.teaer_date, .teaser_headline, .teaser_text, .teaser_link {
  display: block;
}

.teaser_headline {
  font-size: 1.7em;
  line-height: 1.25em;
  padding-top: 5px;
  padding-bottom: 10px;
}

.teaser_text {
  line-height: 1.5em;
}

.teaser_link {
  background-color: #58585a;
  color: #fff !important;
  float: right;
  padding: 5px 16px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: none;
}

.grey .teaser_link {
  background-color: #c51415;
}

.teaser_link:focus, .teaser_link:hover, .teaser_link.active {
  background-color: #fff !important;
  color: #58585a !important;
  text-decoration: none;
}

.special .teaser_block {
  background: url(/resources/img/teaser_bg_immafeier.jpg) no-repeat center center #1a3059;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.special .teaser_link {
  background-color: #1152eb;
  text-shadow: none;
}

/* Linkteaser */

.mhb_lt_box {
  background-color: #efefef;
  color: #000;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  height: calc(100% - 80px);
  justify-content: space-between;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.mhb_lt_box ul {}

.mhb_lt_box ul li {
  font-size: 18px;
  list-style: none;
  margin: 4px 0 4px 25px;
}

.mhb_lt_box ul li::before {
  content: "✚";
  font-family: Arial;
  display: inline-block;
  width: 25px;
  color: rgb(197, 20, 21) !important;
  margin: 0px 0px 0px -25px;
}

.mhb_lt_name {
  background-color: #efefef;
  color: #000;
  font-size: 14px;
  padding: 10px;
}

.mhb_lt_link {
  align-items: center;
  background-color: #bccf00;
  color: #ffffff !important;
  display: flex;
  font-size: 20px;
  font-weight: 900;
  height: 65px;
  justify-content: center;
  margin: 30px 0;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mhb_lt_link:hover, .mhb_lt_link:focus {
  background-color: #000000;
}

@media only screen and (min-width: 992px) {
  .mhb_lt_wrapper {
    display: flex;
    flex-wrap: wrap;
  }

  .mhb_lt_padding {
    padding-right: 0;
  }

  .mhb_lt_link {
    margin: 15px 0 0 0;
  }
}

/* STAGE OVERLAY
-------------------------------------------------- */

#stage_overlay {
  overflow: hidden;
  padding: 0 15px 0 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#stage_overlay_inner {
  position: relative;
  margin-top: -100%;
  background-image: url(/files/Bilder/Overlay/mhb_psychologie_bewerben_bg.jpg);
  background-size: 100% 100%;
  background-color: #c51415;
  width: 100%;
  height: 100%;
}

#stage_overlay_content {
  padding: 55px 15px;
}

#stage_overlay_image {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.stage_overlay_link {
  position: absolute;
  bottom: 0;
  display: block;
  width: 50%;
  height: 100%;
}

.stage_overlay_link.le {
  left: 0;
}

.stage_overlay_link.re {
  right: 0;
}

#stage_overlay_inner span.teaser_headline {
  color: #ffffff;
  font-size: 3em;
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: center;
}

#stage_overlay_inner span.teaser_text {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 1.7em;
  margin-top: 15px;
}

/* Bilder
-------------------------------------------------- */

img, .image_container img {
  height: auto;
  width: 100%;
}

.mod_pageImage img {
  width: 100%;
}

.bg_slider {
  background: transparent url('../images/bg_slider.jpg') no-repeat center center;
  background-size: cover;
  padding-top: 93px;
  padding-bottom: 0px;
}

ul.bxslider {
  margin: 0;
  padding: 0;
}

.bxslider img {
  margin-top: 0;
}

.image_list {
  /* display: flex; */
  margin: 0;
  margin-left: 0 !important;
  padding: 0;
}

.image_list_item {
  margin: 0 auto;
  margin-bottom: 2% !important;
  padding: 0;
  list-style-type: none !important;
  width: 100%;
}

.image_list_item img {
  height: auto;
  width: 100%;
}

@media only screen and (min-width: 400px) {
  .image_list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .image_list_item {
    max-width: initial;
    text-align: center;
    width: 49%;
  }

  /* .image_list_item:first-of-type {
    text-align: left;
  }
  .image_list_item:last-of-type {
    text-align: right;
  } */
  .image_list_item img {
    width: 100%;
  }
}

/* Video
-------------------------------------------------- */

.elastic-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 0;
  overflow: hidden;
  margin-bottom: 1em;
}

.elastic-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ce_player video {
  height: auto;
  width: 100%;
}

/* Status
-------------------------------------------------- */

.status_circle {
  width: 50%;
}

.status_circle_s {
  width: 20px;
}

/* Partner
-------------------------------------------------- */

.partner_logo {
  padding: 32px 0 50px 0;
  text-align: center;
}

.partner_logo img {
  max-width: 100%;
}

.partner_image {
  margin-bottom: 1em;
}

.partner_image img {
  width: 100%;
}

#map, #map-canvas {
  margin-bottom: 10px;
  height: 500px;
  width: 500px;
}

#map {
  width: 100%;
}

.close_map {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

#map_form {
  margin-bottom: 89px;
}

#map_form.contact_form select {
  margin-bottom: 20px;
}

.gm-style img {
  max-width: none !important;
}

.btn_map_campus {
  display: inline-block;
  margin: 10px;
}

.btn_map_campus:first {
  margin-left: 0;
}

.btn_map_campus:last {
  margin-right: 0;
}

/* Formulare
-------------------------------------------------- */

.contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="number"], .contact_form input[type="tel"], .contact_form textarea, .contact_form select {
  background-color: #f2f1f2;
  border: none;
  color: #000;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 11px;
  padding: 10px 12px;
  width: 100%;
  -webkit-appearance: none;
}

.contact_form textarea {
  height: 80px;
  margin-bottom: 14px;
}

.contact_form .submit {
  background-color: #c4121d;
  border: none;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 26px;
  text-transform: uppercase;
}

.contact_form .submit:hover, .contact_form .submit:focus, .contact_form .submit.active {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

#JobFilter select {
  background-color: #f2f1f2;
  border: none;
  color: #000;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 11px;
  padding: 10px 12px;
  width: 100%;
  -webkit-appearance: none;
}

.contact_form select, #JobFilter select {
  background: #f2f1f2 url('../img/bg_select.png') no-repeat right top;
  cursor: pointer;
}

input::-webkit-input-placeholder {
  color: #696969;
}

input:-moz-placeholder {
  /* FF 4-18 */
  color: #696969;
}

input::-moz-placeholder {
  /* FF 19+ */
  color: #696969;
}

input:-ms-input-placeholder {
  /* IE 10+ */
  color: #696969;
}

textarea::-webkit-input-placeholder {
  color: #696969;
}

textarea:-moz-placeholder {
  /* FF 4-18 */
  color: #696969;
}

textarea::-moz-placeholder {
  /* FF 19+ */
  color: #696969;
}

textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #696969;
}

.contact_form.formfix textarea:hover, .contact_form.formfix input[type='text']:hover, .contact_form.formfix input[type='number']:hover, .contact_form.formfix input[type='email']:hover, .contact_form.formfix input[type='search']:hover, .contact_form.formfix fieldset:hover, .contact_form.formfix textarea:focus, .contact_form.formfix input[type='text']:focus, .contact_form.formfix input[type='number']:focus, .contact_form.formfix input[type='email']:focus, .contact_form.formfix input[type='search']:focus {
  border: 0px solid #fff;
}

/* Newsletter */

.mod_subscribe input[type="text"], .mod_unsubscribe input[type="text"] {
  background-color: #f2f1f2;
  border: none;
  color: #000;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 11px;
  padding: 10px 12px;
  width: 48%;
  -webkit-appearance: none;
}

.mod_subscribe .submit, .mod_unsubscribe .submit {
  background: #c51415 url('../img/accordeon_open.svg') no-repeat right 5px;
  background-size: 30px;
  border: 0px solid #c51415;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 5px;
  padding-right: 25px;
  width: 49%;
  float: right;
}

.mod_subscribe .submit:hover, .mod_subscribe .submit:focus, .mod_unsubscribe .submit:hover, .mod_unsubscribe .submit:focus {
  background: #000 url('../img/accordeon_open_hover.svg') no-repeat right 5px;
  background-size: 30px;
  color: #fff;
}

.form_checkbox {
  float: left;
}

.form_checkbox .checkbox {
  width: auto;
}

.form_checkbox_description {
  padding-bottom: 20px;
  float: left;
  margin: 0;
  margin-left: 5px;
}

.widget-checkbox label {
  margin-left: 0px;
  padding-bottom: 20px;
  font-weight: 400;
}

.select_box_small {
  margin-bottom: 2em;
}

.select_box_small select {
  width: 100%;
  max-width: 200px;
  float: left;
  margin-right: 25px;
}

/* Deutschlandstipendium */

.stipendium_form .widget {
  margin-bottom: 15px;
}

.stipendium_form legend {
  margin-left: 15px;
  width: calc(100% - 30px);
}

.stipendium_form label.dropdown_label {
  font-weight: 300;
}

.stipendium_form fieldset {
  margin: 0 -15px;
  margin-bottom: 25px;
}

.stipendium_form input.hasDatepicker:valid {
  background: #f2f1f2 !important;
}

.stipendium_form input:focus:invalid {
  background-color: #f8c1c1;
}

.stipendium_form .widget-explanation {
  margin: 0;
  padding-bottom: 4px;
}

.stipendium_form .widget-explanation p {
  margin: 0;
}

.stipendium_form .widget-radio {
  align-items: center;
  display: flex;
  min-height: 40px;
  justify-content: space-between;
}

.stipendium_form .radio_wrapper {
  margin-right: 20px;
}

.stipendium_form .radio_wrapper input {
  float: left;
  margin-right: 7px;
}

/* Newsletter */

.nl_form input[type="text"], .nl_form .submit {
  width: 100%;
}

.nl_form .submit {
  background: #c51415 url(../img/accordeon_open.svg) no-repeat right center;
  background-size: 30px;
  border: none;
  color: #fff;
  display: inline-block;
  float: none;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 15px;
  min-height: 40px;
  padding: 5px 30px 5px 12px;
  text-transform: uppercase;
  text-align: center;
  width: auto;
}

.nl_form .submit:hover, .nl_form .submit:focus {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.nl_form .form_checkbox_description {
  float: none;
  margin-left: 21px;
  padding-bottom: 20px;
}

/* Search Form */

.mod_search input[type=search] {
  background-color: #f2f1f2;
  border: none;
  color: #000;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 11px;
  padding: 10px 12px;
  width: 100%;
  -webkit-appearance: none;
}

.mod_search .submit {
  background: #c51415 url(../img/accordeon_open.svg) no-repeat right center;
  background-size: 30px;
  border: none;
  color: #fff;
  display: inline-block;
  float: none;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 15px;
  min-height: 40px;
  padding: 5px 30px 5px 12px;
  text-transform: uppercase;
  text-align: center;
  width: auto;
}

.mod_search .submit:hover, .mod_search .submit:focus {
  background: #000 url(../img/accordeon_open_hover.svg) no-repeat right center;
  background-size: 30px;
  color: #fff;
  text-decoration: none;
}

.mod_search .formbody {
  display: flex;
  justify-content: space-between;
}

.mod_search .widget-text {
  width: 48%;
}

.mod_search .widget-submit {
  width: 48%;
}

.mod_search .widget-submit .submit {
  width: 100%;
}

/* Black-White-Image
-------------------------------------------------- */

.full_w {
  width: 100%;
  padding: 5%;
  text-align: left;
  border-bottom: 1px solid #cdcdcd;
}

.full_w a {
  display: inline-block;
  width: 49%;
  height: 100%;
  padding: 5%;
}

.full_w a:first-child {
  text-align: left;
  border-right: 1px solid #cdcdcd;
}

.full_w a:last-child {
  text-align: right;
}

.bw_image {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
  max-width: 200px;
}

.bw_image:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

/* Unit
-------------------------------------------------- */

#unitlist {
  list-style: none;
  padding-left: 0;
}

.unit_item {
  align-items: center;
  background-color: #efefef;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  width: 100%;
}

.unit_image {
  margin-bottom: 0;
  width: 70px;
}

.unit_image img {
  height: 70px;
  width: 70px;
}

.unit_preview {
  flex-grow: 1;
  padding: 3px 20px;
  width: calc(100% - 95px);
}

.unit_name {
  display: block;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2em;
}

.unit_leader {
  display: block;
  line-height: 1.25em;
  margin-bottom: 3px;
  font-size: 1em !important;
}

.unit_leader_names::after {
  content: ",";
}

.unit_leader_names:last-of-type::after {
  content: ""
}

.vita_unit_inner {
  margin-bottom: 50px !important;
}

.unit_link {
  background: transparent url(../img/accordeon_open.svg) no-repeat top left;
  background-size: 25px;
  display: block;
  height: 25px;
  text-indent: -999em;
  width: 25px;
}

.unit_link:hover {
  background: transparent url(../img/accordeon_open_hover.svg) no-repeat top left;
  background-size: 25px;
}

@media (min-width: 768px) {
  .unit_image {
    margin-bottom: 0;
    width: 100px;
  }

  .unit_image img {
    height: 100px;
    width: 100px;
  }

  .unit_name {
    font-size: 1.4em;
  }

  .unit_preview {
    width: calc(100% - 150px);
  }

  .unit_link {
    background-size: 50px;
    height: 50px;
    width: 50px;
  }

  .unit_link:hover {
    background-size: 50px;
  }
}

/* Vita
-------------------------------------------------- */

.filter_form input[type="text"], .filter_form textarea, .filter_form select {
  background-color: #f2f1f2;
  border: none;
  color: #000;
  font-size: 1.15em;
  font-weight: 700;
  margin-bottom: 11px;
  padding: 10px 12px;
  -webkit-appearance: none;
}

.filter_form select {
  background: #f2f1f2 url(../img/bg_select.png) no-repeat right top;
  cursor: pointer;
  padding-right: 50px;
}

.filter_form label {
  font-weight: 400;
  width: 100px;
}

.vita_item {
  background-color: #efefef;
  display: table;
  margin-bottom: 12px;
  width: 100%;
}

.vita_image {
  margin-bottom: 15px;
  width: 150px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out
}

.vita_image:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.vita_image img {
  height: auto;
  width: 150px;
}

.vita_preview {
  padding: 3px 20px;
}

.vita_preview a, .vita_preview a:hover {
  color: #000;
  text-decoration: none;
}

.vita_small {
  font-size: 85%;
  font-weight: 700;
}

.vita_name {
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.2em;
}

.vita_copy {
  line-height: 1.25em;
  margin-bottom: 3px;
  font-size: 1em !important;
  max-width: 430px;
}

.vita_connect {
  width: 100%;
}

.vita_tel {
  display: inline-block;
  width: 33%;
}

.vita_mail {
  display: inline-block;
  width: 33%;
}

.vita_detail {
  display: inline-block;
  width: 33%;
}

.vita_connect_mobile {
  display: table;
  width: 100%;
}

.icon-block {
  float: left;
  padding: 10px 0;
  text-align: center;
  width: 33%;
}

.icon-block i {
  vertical-align: sub;
}

.vita_cite {
  background: transparent url(../img/bg_cite.jpg) repeat top left;
  color: #142361;
  font-family: 'Damion', cursive;
  margin-bottom: 50px;
  padding: 10px 25px;
  text-align: center;
}

.vita_cite p {
  font-size: 20px;
}

.vita_accordeon {
  margin-bottom: 40px;
}

.vita_accordeon h3 {
  font-size: 1.1enm;
  font-weight: 700;
}

.vita_accordeon_content {
  padding: 10px 10px !important;
}

.vita_accordeon_content ul {
  padding-left: 16px;
}

.vita_accordeon_content li {
  font-size: 1em;
  margin: 0.5em 0 1em 0;
}

@media (min-width: 500px) {
  .vita_image {
    float: left;
  }

  .vita_preview {
    float: left;
    max-width: calc(100% - 150px);
  }

  .vita_connect {
    float: right;
  }
}

@media (min-width: 768px) {
  .vita_cite p {
    font-size: 24px;
  }

  .vita_accordeon_content {
    padding: 15px 30px !important;
  }

  .vita_accordeon_content ul {
    margin-bottom: 2em;
    padding-left: 20px;
  }

  .vita_accordeon_content li {
    margin: 0 0 1em 0;
  }
}

@media (min-width: 992px) {
  .vita_connect {
    background-color: #f7f7f7;
    min-height: 150px;
    position: relative;
    width: 160px;
  }

  .vita_tel, .vita_mail {
    height: 47px;
    margin-bottom: 4px;
    width: 66px;
    position: absolute;
    left: 0;
    top: 27px;
  }

  .vita_tel {
    top: 83px;
  }

  .vita_tel a, .vita_mail a {
    display: inline-block;
    height: 47px;
    text-indent: -999em;
    width: 66px;
  }

  .vita_tel a {
    background: transparent url('../img/btn_contact_phone.png') top left no-repeat;
  }

  .vita_mail a {
    background: transparent url('../img/btn_contact_mail.png') top left no-repeat;
  }

  .vita_detail {
    height: 30px;
    position: absolute;
    top: 65px;
    right: 0;
    width: 30px;
  }

  .vita_detail a {
    background: #fff url('../img/accordeon_open.svg') no-repeat top left;
    background-size: 30px;
    display: block;
    height: 30px;
    text-indent: -999em;
    width: 30px;
  }

  .vita_detail a:hover {
    background: #fff url('../img/accordeon_open_hover.svg') no-repeat top left;
  }

  .vita_cite p {
    font-size: 28px;
  }
}

@media (min-width: 1200px) {
  .vita_image {
    margin-bottom: 0;
  }

  .vita_preview {
    max-width: calc(100% - 310px);
  }

  .vita_cite p {
    font-size: 32px;
  }
}

.vita_detail_wrapper {
  display: table;
  margin-bottom: 50px;
  width: 100%;
}

.vita_detail_image {
  margin-bottom: 20px;
}

.vita_detail_image img {
  height: auto;
  width: 100%;
  max-width: 100%;
}

.vita_detail_content {
  float: none;
  width: auto;
}

.vita_detail_table td {
  padding-right: 25px;
  vertical-align: top;
}

.vita_detail_table_cell {
  min-width: 155px;
}

@media (min-width: 541px) {
  .vita_detail_image {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 320px;
  }
}

@media (min-width: 1200px) {
  .vita_detail_image {
    width: 300px;
  }
}

.publication-list td {
  vertical-align: top;
  padding: 10px;
}

/* Cards
-------------------------------------------------- */

.rcards {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.rcards>div {
  width: 100%;
}

.rcarditem {
  margin: 0 auto 10px auto;
  padding: 0;
  list-style-type: none;
  width: 100%;
}

.rcardlink {
  align-content: space-between;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: 1px solid #cdcdcd;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  text-align: center;
}

.rcardlink:hover, .rcardlink:focus {
  background-color: #efefef;
  text-decoration: none;
}

.rcard_letter {
  text-align: center;
  font-size: 150px;
  color: #efefef;
  min-height: 170px;
  width: 100%;
}

.rcardlink:hover .rcard_letter, .rcardlink:focus .rcard_letter {
  color: #c51415;
}

.rcard_name {
  color: #000000;
  min-height: 80px;
  font-size: 16px;
  font-weight: 700;
  padding: 15px;
  text-align: center;
  width: 100%;
}

@media (min-width: 530px) {
  .rcards {
    margin: 0 -5px;
  }

  .rcards>div {
    margin: 0 5px 10px 5px;
    width: calc(50% - 10px);
  }
}

@media (min-width: 1200px) {
  .rcards>div {
    width: calc(33% - 8px);
  }
}

/* Rating
-------------------------------------------------- */
.ratingslider {
  border: 2px solid #58585a;
  margin-top: 1em;
  margin-bottom: 2em;
  padding: 20px 10px;
}

.rating_item {
  padding: 0 10px;
}

.rating_name {
  display: block;
  font-size: 20px;
  padding-bottom: 5px;
}

.rating_starts {
  background: transparent url(../img/mhb_user-rating.svg) no-repeat top left;
  background-size: auto 20px;
  display: block;
  height: 20px;
  margin: 5px 0;
  width: 100px;
}

.ratingslider .slick-prev {
  background: transparent url(../img/arrow_left_black.svg) no-repeat center center;
  background-size: 31px 56px;
}

.ratingslider .slick-next {
  background: transparent url(../img/arrow_left_black.svg) no-repeat center center;
  background-size: 31px 56px;
  transform: rotate(180deg);
}

.ratingslider .slick-list {
  max-height: unset !important;
}

.ratingslider .slick-dots {
  bottom: -24px;
}

.ratingslider .slick-dots li button {
  border: 2px solid #58585a;
}

.ratingslider .slick-dots li.slick-active button {
  background-color: #58585a;
}

@media screen and (min-width: 768px) {
  .ratingslider {
    padding: 20px 50px;
  }
}

/* Events
-------------------------------------------------- */

/* Eventform */

.event_form input[type="text"], .event_form input[type="email"], .event_form input[type="tel"], .event_form input[type="number"], .event_form textarea, .event_form select {
  background-color: #f2f1f2;
  border: none;
  color: #000;
  font-size: 1.15em;
  font-weight: 700;
  margin-bottom: 11px;
  padding: 10px 12px;
  -webkit-appearance: none;
  width: 100%;
}

.event_form input[type="file"] {
  background: #f2f1f2;
  border: 0px solid #000;
  color: #000;
  cursor: pointer;
  display: block;
  font-weight: 700;
  margin-bottom: 11px;
  padding: 5px 5px;
  text-transform: uppercase;
  width: 100%;
}

.event_form input[type="checkbox"] {
  margin-right: 10px;
}

.event_form select {
  background: #f2f1f2 url('../img/bg_select.png') no-repeat right top;
  cursor: pointer;
}

.hasDatepicker {
  background: #f2f1f2 url('../img/bg_cal_date.png') no-repeat right top;
}

.checkboxinfo {
  font-size: 0.9em;
}

.event_form h3 {
  margin-top: 15px;
}

.event_form .radio-item {
  display: flex;
  float: left;
  margin-right: 20px;
  padding: 8px 0px;
  min-height: 15px;
  min-width: 15px;
}

.event_form .radio {
  background-color: #f2f1f2;
  float: left;
  margin-right: 8px;
}

.event_form .radio-item label {
  font-size: 1.15em;
  font-weight: 700;
}

.submit_event {
  background: #c51415 url(../img/accordeon_open.svg) no-repeat top right;
  background-size: 30px;
  border: 0px solid #c51415;
  color: #fff !important;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-top: 15px;
  padding: 5px 5px;
  padding-right: 25px;
  width: 100%;
}

.submit_event:hover, .submit_event:focus {
  background: #000 url(../img/accordeon_open_hover.svg) no-repeat top right;
  background-size: 30px;
  color: #fff;
}

.submit_eventsearch {
  background-position: right 6px;
  height: 42px;
  margin-top: 0;
}

.submit_eventsearch:hover, .submit_eventsearch:focus {
  background-position: right 6px;
}

.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile+label {
  max-width: 80%;
  font-size: 1.25rem;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}

.no-js .inputfile+label {
  display: none;
}

.inputfile:focus+label, .inputfile.has-focus+label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */
}

/* style 1 */

.inputfile-1+label {
  color: #f1e5e6;
  background-color: #d3394c;
}

.inputfile-1:focus+label, .inputfile-1.has-focus+label, .inputfile-1+label:hover {
  background-color: #722040;
}

/* style 2 */

.inputfile-2+label {
  color: #d3394c;
  border: 2px solid currentColor;
}

.inputfile-2:focus+label, .inputfile-2.has-focus+label, .inputfile-2+label:hover {
  color: #722040;
}

/* style 3 */

.inputfile-3+label {
  color: #d3394c;
}

.inputfile-3:focus+label, .inputfile-3.has-focus+label, .inputfile-3+label:hover {
  color: #722040;
}

/* style 4 */

.inputfile-4+label {
  color: #d3394c;
}

.inputfile-4:focus+label, .inputfile-4.has-focus+label, .inputfile-4+label:hover {
  color: #722040;
}

.inputfile-4+label figure {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #d3394c;
  display: block;
  padding: 20px;
  margin: 0 auto 10px;
}

.inputfile-4:focus+label figure, .inputfile-4.has-focus+label figure, .inputfile-4+label:hover figure {
  background-color: #722040;
}

.inputfile-4+label svg {
  width: 100%;
  height: 100%;
  fill: #f1e5e6;
}

/* style 5 */

.inputfile-5+label {
  color: #d3394c;
}

.inputfile-5:focus+label, .inputfile-5.has-focus+label, .inputfile-5+label:hover {
  color: #722040;
}

.inputfile-5+label figure {
  width: 100px;
  height: 135px;
  background-color: #d3394c;
  display: block;
  position: relative;
  padding: 30px;
  margin: 0 auto 10px;
}

.inputfile-5:focus+label figure, .inputfile-5.has-focus+label figure, .inputfile-5+label:hover figure {
  background-color: #722040;
}

.inputfile-5+label figure::before, .inputfile-5+label figure::after {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
}

.inputfile-5+label figure::before {
  border-top: 20px solid #dfc8ca;
  border-left: 20px solid transparent;
}

.inputfile-5+label figure::after {
  border-bottom: 20px solid #722040;
  border-right: 20px solid transparent;
}

.inputfile-5:focus+label figure::after, .inputfile-5.has-focus+label figure::after, .inputfile-5+label:hover figure::after {
  border-bottom-color: #d3394c;
}

.inputfile-5+label svg {
  width: 100%;
  height: 100%;
  fill: #f1e5e6;
}

/* style 6 */

.inputfile-6+label {
  color: #d3394c;
}

.inputfile-6+label {
  border: 1px solid #d3394c;
  background-color: #f1e5e6;
  padding: 0;
}

.inputfile-6:focus+label, .inputfile-6.has-focus+label, .inputfile-6+label:hover {
  border-color: #722040;
}

.inputfile-6+label span, .inputfile-6+label strong {
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}

.inputfile-6+label span {
  width: 200px;
  min-height: 2em;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.inputfile-6+label strong {
  height: 100%;
  color: #f1e5e6;
  background-color: #d3394c;
  display: inline-block;
}

.inputfile-6:focus+label strong, .inputfile-6.has-focus+label strong, .inputfile-6+label:hover strong {
  background-color: #722040;
}

@media screen and (max-width: 50em) {
  .inputfile-6+label strong {
    display: block;
  }
}

/* Eventlist */

.event_list_item {
  border-bottom: 1px solid #efefef;
  margin-bottom: 15px;
  min-height: 120px;
  padding-bottom: 15px;
}

.event_list_item:first-of-type {
  border-top: 1px solid #efefef;
  padding-top: 15px;
}

.event_list_image {
  background-position: center;
  background-size: cover;
  min-height: 120px;
}

.event_list_day {
  display: block;
  font-size: 55px;
  font-weight: 700;
  line-height: 1em;
  text-align: left;
}

.event_list_year {
  display: block;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  line-height: 1em;
  margin-bottom: 30px;
}

.event_list_title {
  display: block;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.2em;
}

.event_list_location {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding-top: 6px;
}

.event_list_auditorium:after {
  content: ', ';
}

.event_list_auditorium:last-of-type:after {
  display: none;
}

.event_list_shortdesc {
  display: block;
  font-style: italic;
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  /* width: 100%; */
}

.event_list_detailwrapper {
  display: block;
}

.event_detail_row {
  padding-bottom: 10px;
}

/* Eventdetail */

.event_detail h1 {
  float: right;
  margin-top: 0.2em;
  width: 60%;
}

.event_detail h1.detail_with_img {
  float: none !important;
  margin-top: 1.2em !important;
  width: 100% !important;
}

.event_detail_image_wrapper {
  width: 100%;
  height: 400px;
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/*
.event_detail_image {
  height: auto;
  margin-bottom: 25px;
  width: 100%;
}
*/

.event_detail_wrapper {
  margin-top: 25px;
}

.event_back {
  background: #c51415;
  color: #fff !important;
  display: inline-block;
  font-weight: 700;
  margin-left: 0;
  padding: 7px 10px 0 0;
  text-transform: uppercase;
  height: 40px;
  width: 240px;
  text-align: center;
}

.event_back:before {
  background: #c51415 url('../img/accordeon_open.svg') no-repeat top right;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  content: "";
  display: inline-block;
  height: 28px;
  vertical-align: middle;
  width: 30px;
}

.event_back:hover, .event_back:focus {
  background-color: #000;
  text-decoration: none;
}

.event_back:hover:before, .event_back:focus:before {
  background: #000 url(../img/accordeon_open_hover.svg) no-repeat top right;
}

.external_link {
  background: #c51415;
  color: #fff !important;
  display: inline-block;
  font-weight: 700;
  margin-left: 0;
  padding: 9px 15px 0 20px;
  text-transform: uppercase;
  height: 40px;
  text-align: center;
}

.external_link:after {
  background: #c51415 url('../img/accordeon_open.svg') no-repeat top right;
  content: "";
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 30px;
  background-position: 5px -5px;
}

.external_link:hover, .external_link:focus {
  background-color: #000;
  text-decoration: none;
}

.external_link:hover:after, .external_link:focus:after {
  background: #000 url(../img/accordeon_open_hover.svg) no-repeat top right;
}

@media only screen and (min-width: 768px) {
  .event_list_day, .event_list_year {
    text-align: center;
  }

  .event_list_day {
    padding-top: 20px;
  }

  .event_list_year {
    margin-bottom: 0;
  }

  .event_list_wrapper {
    width: calc(100% - 70px);
  }

  .event_detail h1 {
    float: none;
    margin-top: 1.2em;
    width: 100%;
  }

  .event_list_detailwrapper {
    display: block;
    height: 120px;
    position: absolute;
    right: 14px;
    top: 0;
    width: 56px;
  }

  .event_list_detaillink {
    background: #c51415 url(../img/accordeon_open.svg) no-repeat top right;
    display: block;
    height: 30px;
    margin-top: 40px;
    margin-left: 24px;
    text-indent: -999em;
    width: 30px;
  }

  .event_list_detaillink:focus, .event_list_detaillink:hover {
    background: #000 url(../img/accordeon_open_hover.svg) no-repeat top right;
    background-size: 30px;
    text-decoration: none;
  }
}

@media only screen and (min-width: 992px) {
  .event_list_day {
    font-size: 78px;
    padding-top: 4px;
  }

  .event_list_year {
    font-size: 20px;
  }
}

/* BTN
-------------------------------------------------- */

a.specialbtn {
  background-color: #c51415;
  display: inline-block;
  padding: 10px 30px;
  width: auto;
  height: auto;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 0.9em;
}

a.specialbtn.downl {
  background-image: url('/resources/img/download_icon.svg');
  background-repeat: no-repeat;
  background-position: 5% 50%;
  background-size: 20px;
  padding-left: 40px;
  margin: 20px 0 20px 0;
}

.btn--normal {
  background-color: #c4121d;
  border-radius: 0;
  border: none;
  color: #fff !important;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 26px;
  text-transform: uppercase;
  cursor: pointer;
}

.btn--normal:hover {
  background-color: #000;
  color: #fff !important;
  text-decoration: none;
}

/* Akkordeon
-------------------------------------------------- */

.btn_toggel {
  background: #fff url("../img/accordeon_open.svg") no-repeat right 4px;
  background-size: 30px;
  border-top: 1px solid #dadada;
  color: #000;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: 700;
  padding: 6px 40px 7px 7px;
}

.btn_toggel:focus, .btn_toggel:hover {
  background: #fff url("../img/accordeon_open_hover.svg") no-repeat right 4px;
}

.btn_toggel.active {
  background: #fafafa url("../img/accordeon_close.svg") no-repeat right 4px;
  color: #cd061e;
}

.btn_toggel.active:focus, .btn_toggel.active:hover {
  background: #fafafa url("../img/accordeon_close_hover.svg") no-repeat right 4px;
}

.content_toggel {
  background-color: #fafafa;
  color: #494949;
  display: table;
  padding: 15px 35px;
  width: 100%;
}

section.accordion_last div.btn_toggel {
  border-bottom: 1px solid #dadada;
}

section.accordion_last div.active {
  border-bottom: 0px solid #dadada;
}

.last_accordeon .btn_toggel {
  border-bottom: 1px solid #dadada;
}

.last_accordeon .btn_toggel.active {
  border-bottom: 0px solid #dadada;
}

.last_accordeon .content_toggel {
  border-bottom: 1px solid #dadada;
}

/* Institute
-------------------------------------------------- */

a.institute_cover {
  display: block;
  border: 1px solid #cdcdcd;
  min-width: 240px;
  width: 30%;
  height: 300px;
  float: left;
  overflow: hidden;
  margin: 5px;
  color: #efefef;
  background-color: #fff;
  text-align: center;
}

a.institute_cover:hover {
  text-decoration: none;
  background-color: #efefef;
  color: #c51415;
}

.institute_letter {
  text-align: center;
  font-size: 150px;
  color: inherit;
  height: 170px;
  width: 100%;
  margin: 5px;
}

.institute_name {
  text-align: center;
  font-size: 16px;
  color: #000;
  height: 80px;
  padding: 15px;
  width: 100%;
  font-weight: 700;
}

/* Jobfinder
-------------------------------------------------- */

.job_form {
  display: table;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.job_form .formbody {
  background-color: #ededed;
}

.explanation {
  padding-bottom: 12px;
}

.job_form fieldset {
  margin-bottom: 13px;
}

.job_form fieldset.c50l {
  padding: 0;
  width: 210px;
}

.job_form fieldset.c50r {
  padding: 0;
  width: 210px;
}

.job_form fieldset label {
  font-weight: 700;
  padding-left: 1px;
  margin-bottom: 2px;
  width: 209px;
}

.job_form fieldset input {
  background-color: #fff;
  border: 1px solid #dcddde;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 15px;
  padding: 3px 4px 4px 4px;
  width: 190px;
}

.job_form fieldset textarea {
  background-color: #fff;
  border: 1px solid #dcddde;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 1px;
  padding: 3px 4px 4px 4px;
  width: 412px;
}

.job_form fieldset.radio_container {
  padding-bottom: 13px;
}

.job_form fieldset.form_padding {
  padding: 0 16px;
}

.job_form fieldset.legend_700 {
  font-weight: 700;
}

.job_form fieldset.legend_700 legend {
  padding-left: 1px;
}

.job_form fieldset.job_form_upload {
  padding-left: 16px;
  margin-bottom: 20px;
}

label.job_form_upload {
  margin-right: 8px;
}

.job_form span.second_radio {
  float: right;
  width: 202px;
}

.job_form span.third_radio {
  float: right;
  width: 108px;
}

.job_form #ctrl_3 {
  margin-bottom: 30px;
}

.job_form_upload_hint {
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding-bottom: 9px;
  padding-left: 20px;
  padding-top: 5px;
}

.job_form_upload_hint span {
  color: #58585a;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  font-weight: normal;
}

.jf_infotext {
  color: #9E9E9E;
  padding: 0 16px;
}

.jf_header {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b41a27), color-stop(0.00, #ea1516));
  background: -webkit-linear-gradient(#ea1516, #b41a27);
  background: -moz-linear-gradient(#ea1516, #b41a27);
  background: -o-linear-gradient(#ea1516, #b41a27);
  background: -ms-linear-gradient(#ea1516, #b41a27);
  background: linear-gradient(#ea1516, #b41a27);
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  padding: 1px 10px 4px 19px;
  margin-bottom: 16px;
}

.job_form select.ev_select {
  width: 210px;
}

.job_form .submit {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b13a42), color-stop(0.00, #ef2606));
  background: -webkit-linear-gradient(#ef2606, #b13a42);
  background: -moz-linear-gradient(#ef2606, #b13a42);
  background: -o-linear-gradient(#ef2606, #b13a42);
  background: -ms-linear-gradient(#ef2606, #b13a42);
  background: linear-gradient(#ef2606, #b13a42);
  border: 0 none;
  border-top: 1px solid #fff;
  color: #FFFFFF;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  padding: 6px 0 8px;
  text-align: center;
  width: 100%;
}

#jobList {
  border-bottom: 1px solid #dadada;
}

/* BXSLIDER */

.ce_gallery {
  margin-bottom: 15px;
}

.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  width: 100%;
  display: block;
}

.slider-control {
  display: none;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-controls {
  display: none;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../img/bx_loader.gif') center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: 700;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: 10px;
  background: url('../img/controls.png') no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url('../img/controls.png') no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('../img/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('../img/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .75em;
  padding: 10px;
}

.slide {
  margin: 0;
  padding: 0;
}

/* OVERLAY
-------------------------------------------------- */

#overlay {
  display: none;
}

#overlay_content {
  position: relative;
  height: 540px;
  width: 770px;
  overflow: hidden;
}

.overlay_image {
  position: relative;
}

.overlay_links {
  position: absolute;
  top: 461px;
  left: 54px;
}

.overlay_link_info, .overlay_link_join {
  color: #fff !important;
  font-family: 'Lato', sans-serif;
  text-decoration: none;
  margin-right: 1px;
  display: inline-block;
  padding-top: 3px;
  font-size: 14px;
  width: 169px;
  text-align: center;
  height: 34px;
}

.overlay_link_info:hover, .overlay_link_join:hover {
  text-decoration: none;
}

/* SOCIAL MEDIA ICONS
-------------------------------------------------- */

.social_media_icons {
  color: #000;
  display: table;
  font-size: 11px;
  margin: 0;
  margin-top: 10px;
}

.social_media_icons span {
  color: #696969;
  display: block;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 20px 4px 0px;
}

.social_media_icons ul, .social_media_icons ul li {
  margin: 0;
  padding: 0;
}

.social_media_icons ul {
  padding-top: 4px;
}

.social_media_icons ul li {
  float: left;
  padding: 0 !important;
  margin: 0 !important;
  margin-right: 6px !important;
  list-style-type: none;
}

.social_media_icons ul li a {
  border: none;
  display: inline-block !important;
  margin: 0;
  padding: 0 !important;
  width: 32px;
  height: 32px;
  background-image: url('../img/social_media_icons.svg');
  background-size: 87px 269px;
  text-indent: -999em;
}

.social_media_icons ul li a:hover {
  text-decoration: none;
}

/* IE PNG but SVG */

body.ie .social_media_icons ul li a {
  background-image: url('../img/social_media_icons.png') !important;
}

.sm_fb {
  background-position: 0 -75px;
}

.sm_twitter {
  background-position: 0 -115px;
}

.sm_googleplus {
  background-position: 0 -155px;
}

.sm_yt {
  background-position: 0 -197px;
}

.sm_instagram {
  background-position: 0 -237px;
}

.sm_fb:hover {
  background-position: -55px -75px;
}

.sm_twitter:hover {
  background-position: -55px -115px;
}

.sm_googleplus:hover {
  background-position: -55px -155px;
}

.sm_yt:hover {
  background-position: -55px -197px;
}

.sm_instagram:hover {
  background-position: -55px -237px;
}

div.sozial_media {
  margin-top: 20px;
}

.sozial_media a {
  display: inline-block !important;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  background-image: url('../img/social_media_icons.svg');
  background-size: 87px 269px;
  text-indent: -999em;
  vertical-align: middle;
  margin-left: 6px;
}

.sozial_print {
  background-position: 0 -38px;
}

.sozial_mailto {
  background-position: 0 0;
}

.sozial_facebook {
  background-position: 0 -75px;
}

.sozial_twitter {
  background-position: 0 -115px;
}

.sozial_google {
  background-position: 0 -155px;
}

.sozial_print:hover {
  background-position: -55px -38px;
}

.sozial_mailto:hover {
  background-position: -55px 0;
}

.sozial_facebook:hover {
  background-position: -55px -75px;
}

.sozial_twitter:hover {
  background-position: -55px -115px;
}

.sozial_google:hover {
  background-position: -55px -155px;
}

@media (min-width: 768px) {
  .social_media_icons {
    float: right;
    margin: 0;
  }

  .social_media_icons ul li:last-of-type, .social_media_icons ul li:last-of-type a {
    margin-right: 0;
  }
}

/* Navigation
-------------------------------------------------- */

/* Sprachwahl */

.select_language {
  background-color: #efefef;
  text-align: right;
}

.select_language a {
  background-color: #b0b0b0;
  color: #fff;
  display: inline-block;
  padding: 2px 0;
  text-align: center;
  width: 34px;
}

@media (min-width: 1200px) {
  .select_language {
    margin-right: 0;
  }
}

body.de .select_german, body.en .select_english, .select_language a:hover {
  background-color: #c51415;
  color: #fff;
  text-decoration: none;
}

/* Seitentitel */

.mod_wf_extendedBreadcrumb span {
  display: none;
}

.mod_wf_extendedBreadcrumb span.first, .mod_wf_extendedBreadcrumb span.first span {
  display: block;
}

/* Burgerbutton */

.navbar-default .navbar-toggle {
  border-color: #c4121d;
  border-radius: 0;
  margin-top: 24px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #c4121d;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 30px;
  height: 4px;
  border-radius: 0;
}

#navbar {
  border: none;
}

.navbar {
  margin-bottom: 0;
}

.navbar-static-top {
  border-width: 0;
}

.navbar-brand {
  height: auto;
  padding: 23px 0 22px 0;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
  margin-left: 0;
}

.navbar-brand img {
  height: 63px;
  width: 250px;
}

.navbar-default {
  border: none;
  background: transparent;
}

.navbar-default .container {
  padding-bottom: 4px;
}

#navbar ul, #navbar ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#navbar ul li a {
  border-top: 1px solid #dadada !important;
  color: #696969;
  display: block;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 20px 4px 35px;
}

#navbar ul li a:focus, #navbar ul li a:hover, #navbar ul li a.active, #navbar ul li a.trail {
  background-color: #efefef;
  color: #c51415;
  text-decoration: none;
}

#navbar ul li ul {
  background-color: #efefef;
}

#navbar ul li ul li a {
  background-color: #efefef;
  border: none !important;
  font-weight: normal;
  text-transform: initial;
}

#navbar ul li ul li a:focus, #navbar ul li ul li a:hover, #navbar ul li ul li a.active {
  background: transparent url('../img/link_hover.svg') no-repeat 20px 9px;
  background-size: 11px;
  color: #c51415;
  font-weight: 700;
  padding-left: 37px;
}

#navbar ul li ul li ul {
  background-color: #efefef;
}

#navbar ul li ul li ul li a {
  background-color: #efefef;
  border: none !important;
  font-weight: normal;
  text-transform: initial;
  padding-left: 37px;
  font-style: italic;
}

#navbar ul li ul li ul li a:focus, #navbar ul li ul li ul li a:hover, #navbar ul li ul li ul li a.active {
  background: transparent url('../img/link_hover.svg') no-repeat 37px 9px;
  background-size: 11px;
  color: #c51415;
  font-weight: 700;
  padding-left: 54px;
  font-style: italic;
}

#navbar ul li ul li ul li ul li a {
  padding-left: 64px;
  font-size: 0.9em;
  font-style: normal;
}

#navbar ul li ul li ul li ul li a:focus, #navbar ul li ul li ul li ul li a:hover, #navbar ul li ul li ul li ul li a.active {
  background: transparent url('../img/link_hover.svg') no-repeat 47px 9px;
  background-size: 9px;
  color: #c51415;
  font-weight: 700;
  padding-left: 64px;
  font-size: 0.9em;
  font-style: normal;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a.active {
  color: #696969;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #696969;
}

.mod_breadcrumb {
  display: table;
  margin-top: 24px;
  padding-left: 2px;
  margin-bottom: 25px;
}

.mod_breadcrumb ul, .mod_breadcrumb ul li {
  margin: 0;
  padding: 0;
}

.mod_breadcrumb ul li {
  color: #c51415;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  list-style-type: none;
}

.mod_breadcrumb ul li a {
  background: transparent url('../img/breadcrumb.svg') no-repeat right 3px;
  color: #696969;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin-right: 7px;
  padding-right: 14px;
}

footer .mod_navigation {
  display: table;
}

.footer {
  background: #58585a;
  font-family: 'Lato', sans-serif;
  margin-top: 100px;
  margin-left: 0px;
  padding-left: 40px;
  padding-right: 40px;
}

.footer ul, .footer ul li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footer span.level_1 a, .footer ul li a {
  color: #bfbab9;
  display: inline;
  float: left;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
  margin-bottom: 10px;
}

.footer span.level_1 span.special a {
  color: #8e8e8e;
}

.footer a:hover {
  text-decoration: none;
}

.footer span.level_2 a, .footer ul li ul li a {
  text-transform: initial;
}

.footer span.level_2 a, .footer span.level_2.special span a {
  color: #bfbab9 !important;
}

.footer_title {
  color: #bfbab9;
  font-size: 18px;
  text-transform: uppercase;
  padding-left: 0;
  padding-top: 36px;
  padding-bottom: 15px;
  border-bottom: 1px solid #6d6c6d;
  margin-bottom: 22px;
  background-color: #58585a;
}

.footer_end {
  color: #bfbab9;
  font-size: 14px;
  padding-left: 0;
  border-top: 1px solid #6d6c6d;
  padding-top: 18px;
  padding-bottom: 41px;
  margin-top: 10px;
}

/* Doppel-Buttons
-------------------------------------------------- */

.double_btn {
  display: block;
  width: 47%;
  padding: 2%;
  float: left;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.double_btn span {
  font-weight: 300;
  font-size: 11px;
}

.b_right {
  background: url(/resources/img/double_btn_arrow_r.gif) 92% 50% no-repeat #c3181f;
  margin-left: 5%;
}

.b_left {
  background: url(/resources/img/double_btn_arrow_l.gif) 8% 50% no-repeat #c3181f;
}

.double_btn:hover {
  background-color: #59595a;
  text-decoration: none;
}

/* EMBEDDED VIDEO to preserve 16:9 aspect ratio
-------------------------------------------------- */

.video_wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.video_wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/* Caption
-------------------------------------------------- */

figcaption.caption {
  width: 100%;
  font-size: 0.8em;
  color: #58585a;
  margin-top: 0.7em;
}

/* BTN BEWERBEN STARTSEITE
-------------------------------------------------- */

.btn_bewerben {
  display: none;
  padding: 27px 0 0 29px;
  cursor: pointer;
}

#btn_bewerben_img {
  margin: 20px 0 0 -20px;
  width: 80%;
  cursor: pointer;
}

/* Footer mobile
-------------------------------------------------- */

.footer_mobile {
  display: table;
  border-top: 1px solid #6d6c6d;
  padding-top: 18px;
  padding-bottom: 0px;
  width: 100%;
}

.nav_meta {
  display: block !important;
  float: none !important;
  padding-top: 20px;
}

.nav_meta-item {
  color: #bfbab9 !important;
  display: block !important;
  float: none !important;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
  margin-bottom: 10px;
}

.nav_meta_link {
  float: none !important;
  display: block !important;
}

@media (min-width: 480px) {
  .nav_meta-item {
    display: inline !important;
    float: left !important;
  }
}

/* Publikationen
-------------------------------------------------- */

.publication_table {
  border: 0px solid #fff;
}

.publication_table tr {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.publication_table td {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  padding: 3px 5px;
  vertical-align: top;
  width: 20%;
}

/* TABELLEN */

.table_inner_article {
  width: 100%;
}

.table_inner_article thead tr td {
  font-weight: 900 !important;
}

.table_inner_article td {
  vertical-align: top;
  padding: 5px;
}

.table_inner_accordeon td {
  padding: 15px;
}

/* Responsive
-------------------------------------------------- */

@media (min-width: 768px) {
  #navbar {
    background-color: #fff;
    width: 172px;
  }

  .navbar-nav {
    float: right;
  }

  .navbar-nav>li>a {
    padding-top: 37px;
    padding-bottom: 37px;
  }

  .navbar-collapse {
    padding: 0;
  }

  #navbar ul li a {
    padding-left: 10px;
  }

  #stage_overlay_content {
    padding: 55px 15px;
  }

  #stage_overlay_inner span.teaser_headline {
    font-size: 3em;
  }

  #stage_overlay_inner span.teaser_text {
    font-size: 1.7em;
    margin-top: 15px;
  }

  .in-text-image {
    margin: 0 10px 10px 0;
    width: 35%;
    min-width: 200px;
    float: left;
  }
}

@media (min-width: 991px) {
  #navbar {
    margin-left: 0;
    width: 230px;
  }

  #navbar ul li a {
    padding-left: 20px;
  }

  .main_content {
    min-height: 720px;
  }

  .start_teaser {
    margin-right: 0;
  }

  .start_teaser .col-md-6 {
    padding-right: 0;
  }
}

@media (min-width: 1200px) {
  #navbar {
    width: 245px;
  }

  .container {
    width: 1120px;
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
  }

  footer .container {
    width: 1120px;
    border: none;
  }

  #navbar ul {
    border-right: none;
  }

  #navbar ul li ul {
    border: none;
  }
}

@media (max-width: 1199px) {
  .navbar-default .navbar-nav>li>a {
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 991px) {
  .navbar-brand {
    padding: 17px 0 22px 0;
  }

  .navbar-brand img {
    height: 63px;
    width: 200px;
  }

  .navbar-default .navbar-nav>li>a {
    padding: 41px 12px;
    font-size: 0.9em;
  }

  .header_claim {
    font-size: 1.4em;
    padding-top: 31px;
  }

  .teaser_block, .grey .teaser_block {
    background-color: #58585a;
  }

  .teaser_link, .grey .teaser_link {
    background-color: #c51415;
  }

  .page_title {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .navbar-brand {
    margin-left: 15px !important;
  }

  .navbar-brand {
    padding: 10px 0px 14px;
  }

  .navbar-default .navbar-nav>li>a {
    padding: 10px 20px;
  }

  .header_claim {
    display: none;
  }

  .footer_title, .footer_content {
    display: none;
  }

  h1 {
    font-size: 1.8em;
  }

  .page_title {
    font-size: 22px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 35px;
    padding-bottom: 10px;
  }
}

@media (max-width: 550px) {
  #stage_overlay_content {
    padding: 9px 15px;
  }

  #stage_overlay_inner span.teaser_headline {
    margin-top: 10px;
    font-size: 2em;
  }

  #stage_overlay_inner span.teaser_text {
    font-size: 1em;
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 1.4em;
  }

  .page_title {
    font-size: 18px;
    padding-top: 25px;
    padding-bottom: 6px;
  }

  .login_form input[type="text"].w50l {
    float: none;
    width: 100%;
  }

  .login_form input[type="text"].w50r {
    float: none;
    width: 100%;
  }

  p a {
    display: inline;
    padding: 5px 0;
    font-weight: bold;
  }

  p, li {
    /* font-size: 1.3em; */
  }

  li {
    margin: 1.1em 0;
  }

  h1 {
    font-size: 2em;
    margin: 1.5em 0 1em;
  }

  h2 {
    font-size: 1.6em;
    margin: 1.4em 0;
  }

  h3 {
    font-size: 1.5em;
  }

  ul.level_1 li a {
    font-size: 17px !important;
  }

  ul.level_2 li a {
    font-size: 14px !important;
  }

  .double_btn {
    font-size: 13px;
  }

  .in-text-image {
    margin: 0;
    width: 100%;
    float: none;
  }
}

/* Ab Landscape */

@media only screen and (min-width: 481px) {
  .in-text-image {
    margin: 0 25px 25px 0;
    width: 35%;
    min-width: 200px;
    float: left;
  }
}

/* iPhone 6 landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  #stage_overlay_content {
    padding: 9px 15px;
  }

  #stage_overlay_inner span.teaser_headline {
    margin-top: 30px;
    font-size: 2.4em;
  }

  #stage_overlay_inner span.teaser_text {
    font-size: 1.5em;
    margin-top: 10px;
  }
}

/* iPhone 6 portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  #stage_overlay_content {
    padding: 9px 15px;
  }

  #stage_overlay_inner span.teaser_headline {
    font-size: 1.4em;
  }

  #stage_overlay_inner span.teaser_text {
    font-size: 0.85em;
    margin-top: 10px;
  }
}

/* iPhone 5 landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {}

/* iPhone 5 portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {}

/* iPhone 4 landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {}

/* iPhone 4 portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {}

/* iPad landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}

/* iPad portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #stage_overlay_content {
    padding: 9px 15px;
  }

  #stage_overlay_inner span.teaser_headline {
    margin-top: 25px;
    font-size: 2em;
  }

  #stage_overlay_inner span.teaser_text {
    font-size: 1.2em;
    margin-top: 10px;
  }
}

/* Anmeldeformular Tag der offenen Tuer*/

/*######################################################################################*/

form#TdoT label {
  width: 180px;
  display: inline-block;
}

form#TdoT select {
  width: 230px;
  display: inline-block;
}

form#TdoT div.cbinline span {
  display: block;
}

form#TdoT fieldset.cbinline {
  margin-bottom: 5px;
}

form#TdoT fieldset.cbinline legend {
  display: block;
  padding: 0;
  margin-bottom: 5px;
  border: 0;
  font-size: 14px;
  font-weight: 700;
}

form#TdoT legend span.invisible {
  float: right;
}

form#TdoT legend span.mandatory {
  display: inline;
}

form#TdoT input.checkbox {
  display: inline-block;
  margin-left: 20px;
  margin-right: 5px;
}

form#TdoT input.text {
  width: 230px;
}

/* Nano Scroller
-------------------------------------------------- */

/** initial setup **/

.nano {
  position: relative;
  width: 100%;
  height: 800px;
  overflow: hidden;
}

.nano>.nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nano>.nano-content:focus {
  outline: thin dotted;
}

.nano>.nano-content::-webkit-scrollbar {
  display: none;
}

.has-scrollbar>.nano-content::-webkit-scrollbar {
  display: block;
}

.nano>.nano-pane {
  background: rgba(0, 0, 0, .25);
  position: absolute;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.nano>.nano-pane>.nano-slider {
  background: #444;
  background: rgba(0, 0, 0, .5);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.nano:hover>.nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  height: auto;
  width: 100%;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slide .image_container img {
  height: auto;
  width: 100%;
}

.slick-dots {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  bottom: 14px;
  text-align: center;
  width: 100%;
}

.slick-dots li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.slick-dots li:before {
  display: none;
}

.slick-dots li button {
  background: transparent;
  border: 2px solid #fff;
  text-indent: -999em;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
  line-height: 0;
  font-size: 0;
  outline: none;
  margin: 0 9px;
  padding: 0;
}

.slick-dots li.slick-active button {
  background: #fff;
}

.slick-disabled {
  display: none !important;
}

.slick-arrow {
  display: none !important;
}

@media (min-width: 768px) {
  .slick-arrow {
    border: 0 none;
    display: block !important;
    height: 56px;
    margin-top: -28px;
    padding: 0;
    position: absolute;
    top: 50%;
    text-indent: -999em;
    outline: none;
    width: 40px;
    z-index: 1040;
  }

  .slick-prev {
    background: transparent url('../img/arrow_left.svg') no-repeat center center;
    background-size: 31px 56px;
    left: 5px;
  }

  .slick-next {
    background: transparent url('../img/arrow_right.svg') no-repeat center center;
    background-size: 31px 56px;
    right: 5px;
  }
}

/* Multiselect */

.SelectClass, .SumoSelect.open .search-txt, .SumoUnder {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  top: 0;
  left: 0
}

.SumoSelect p {
  margin: 0
}

.SumoSelect {
  width: 200px
}

.SelectBox {
  padding: 5px 8px
}

.sumoStopScroll {
  overflow: hidden
}

.SumoSelect .hidden {
  display: none
}

.SumoSelect .search-txt {
  display: none;
  outline: 0
}

.SumoSelect .no-match {
  display: none;
  padding: 6px
}

.SumoSelect.open .search-txt {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 5px 8px;
  border: none;
  box-sizing: border-box;
  border-radius: 5px
}

.SumoSelect.open>.search>label, .SumoSelect.open>.search>span {
  visibility: hidden
}

.SelectClass, .SumoUnder {
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0
}

.SelectClass {
  z-index: 1
}

.SumoSelect .select-all>label, .SumoSelect>.CaptionCont, .SumoSelect>.optWrapper>.options li.opt label {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none
}

.SumoSelect {
  display: inline-block;
  position: relative;
  outline: 0
}

.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont {
  box-shadow: 0 0 2px #7799D0;
  border-color: #7799D0
}

.SumoSelect>.CaptionCont {
  position: relative;
  border: 1px solid #A4A4A4;
  min-height: 14px;
  background-color: #fff;
  border-radius: 2px;
  margin: 0
}

.SumoSelect>.CaptionCont>span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default
}

.SumoSelect>.CaptionCont>span.placeholder {
  color: #ccc;
  font-style: italic
}

.SumoSelect>.CaptionCont>label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px
}

.SumoSelect>.CaptionCont>label>i {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  opacity: .8
}

.SumoSelect>.optWrapper {
  display: none;
  z-index: 1000;
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, .11);
  border-radius: 3px;
  overflow: hidden
}

.SumoSelect.open>.optWrapper {
  top: 35px;
  display: block
}

.SumoSelect.open>.optWrapper.up {
  top: auto;
  bottom: 100%;
  margin-bottom: 5px
}

.SumoSelect>.optWrapper ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto
}

.SumoSelect>.optWrapper>.options {
  border-radius: 2px;
  position: relative;
  max-height: 250px
}

.SumoSelect>.optWrapper.okCancelInMulti>.options {
  border-radius: 2px 2px 0 0
}

.SumoSelect>.optWrapper.selall>.options {
  border-radius: 0 0 2px 2px
}

.SumoSelect>.optWrapper.selall.okCancelInMulti>.options {
  border-radius: 0
}

.SumoSelect>.optWrapper>.options li.group.disabled>label {
  opacity: .5
}

.SumoSelect>.optWrapper>.options li ul li.opt {
  padding-left: 22px
}

.SumoSelect>.optWrapper.multiple>.options li ul li.opt {
  padding-left: 50px
}

.SumoSelect>.optWrapper.isFloating>.options {
  max-height: 100%;
  box-shadow: 0 0 100px #595959
}

.SumoSelect>.optWrapper>.options li.opt {
  padding: 6px;
  position: relative;
  border-bottom: 1px solid #f5f5f5
}

.SumoSelect>.optWrapper>.options>li.opt:first-child {
  border-radius: 2px 2px 0 0
}

.SumoSelect>.optWrapper.selall>.options>li.opt:first-child {
  border-radius: 0
}

.SumoSelect>.optWrapper>.options>li.opt:last-child {
  border-radius: 0 0 2px 2px;
  border-bottom: none
}

.SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child {
  border-radius: 0
}

.SumoSelect>.optWrapper>.options li.opt:hover {
  background-color: #E4E4E4
}

.SumoSelect .select-all.sel, .SumoSelect>.optWrapper>.options li.opt.sel {
  background-color: #a1c0e4
}

.SumoSelect>.optWrapper>.options li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer
}

.SumoSelect>.optWrapper>.options li span {
  display: none
}

.SumoSelect>.optWrapper>.options li.group>label {
  cursor: default;
  padding: 8px 6px;
  font-weight: 700
}

.SumoSelect>.optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%
}

.SumoSelect>.optWrapper>.options li.opt.disabled {
  background-color: inherit;
  pointer-events: none
}

.SumoSelect>.optWrapper>.options li.opt.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: .5
}

.SumoSelect>.optWrapper.multiple>.options li.opt {
  padding-left: 35px;
  cursor: pointer
}

.SumoSelect .select-all>span, .SumoSelect>.optWrapper.multiple>.options li.opt span {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  bottom: 0;
  margin-left: -35px
}

.SumoSelect .select-all>span i, .SumoSelect>.optWrapper.multiple>.options li.opt span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #AEAEAE;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
  background-color: #fff
}

.SumoSelect>.optWrapper>.MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, .13);
  border-radius: 0 0 3px 3px
}

.SumoSelect>.optWrapper.multiple.isFloating>.MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%
}

.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls {
  display: block
}

.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p {
  padding: 6px
}

.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus {
  box-shadow: 0 0 2px #a1c0e4;
  border-color: #a1c0e4;
  outline: 0;
  background-color: #a1c0e4
}

.SumoSelect>.optWrapper.multiple>.MultiControls>p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  box-sizing: border-box;
  text-align: center
}

.SumoSelect>.optWrapper.multiple>.MultiControls>p:hover {
  background-color: #f1f1f1
}

.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk {
  border-right: 1px solid #DBDBDB;
  border-radius: 0 0 0 3px
}

.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel {
  border-radius: 0 0 3px
}

.SumoSelect>.optWrapper.isFloating>.options li.opt {
  padding: 12px 6px
}

.SumoSelect>.optWrapper.multiple.isFloating>.options li.opt {
  padding-left: 35px
}

.SumoSelect>.optWrapper.multiple.isFloating {
  padding-bottom: 43px
}

.SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
  background-color: #11a911;
  box-shadow: none;
  border-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center
}

.SumoSelect.disabled {
  opacity: .7;
  cursor: not-allowed
}

.SumoSelect.disabled>.CaptionCont {
  border-color: #ccc;
  box-shadow: none
}

.SumoSelect .select-all {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0 3px 35px;
  height: 20px;
  cursor: pointer
}

.SumoSelect .select-all>label, .SumoSelect .select-all>span i {
  cursor: pointer
}

.SumoSelect .select-all.partial>span i {
  background-color: #ccc
}

.SumoSelect>.optWrapper>.options li.optGroup {
  padding-left: 5px;
  text-decoration: underline
}

.SumoSelect {
  margin-bottom: 11px;
  width: 100%;
}

.multiselect {
  height: 43px !important;
}

.SumoSelect>.CaptionCont {
  background-color: #f2f1f2;
  border: 0px solid #fff;
  border-radius: 0;
  cursor: pointer;
  padding: 10px 12px;
}

.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont {
  box-shadow: none;
  border: 0px solid #fff;
  ;
}

.SumoSelect>.CaptionCont>span.placeholder {
  color: #000;
  cursor: pointer;
  font-size: 1.15em;
  font-style: normal;
  font-weight: 700;
}

.SumoSelect>.CaptionCont>span {
  color: #000;
  font-size: 1.15em;
  font-style: normal;
  font-weight: 700;
}

.SumoSelect>.CaptionCont>label {
  top: 3px;
  right: 12px;
}

.SumoSelect>.CaptionCont>label>i {
  background-image: url('../img/bg_multiselect.png');
  opacity: 1;
}

/* Datepicker */

.ui-datepicker {
  background-color: #fff;
}

.ui-datepicker-calendar {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.ui-datepicker-calendar th {
  text-align: center !important;
  height: 30px;
  width: 30px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.ui-datepicker-calendar td {
  padding: 0;
  height: 30px;
  width: 30px;
  font-weight: 700;
  text-align: center;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.ui-datepicker-calendar td:hover, .ui-datepicker-calendar td.ui-datepicker-current-day {
  background-color: #c51415;
  color: #fff;
  text-decoration: none;
}

.ui-datepicker-calendar td:hover a, .ui-datepicker-calendar td.ui-datepicker-current-day a {
  color: #fff;
}

.ui-datepicker-calendar td a:hover {
  text-decoration: none;
}

.ui-datepicker-prev {
  float: left;
}

.ui-datepicker-next:after, .ui-datepicker-prev:after {
  cursor: pointer;
  content: '<';
  display: block;
  height: 30px;
  width: 30px;
  padding-top: 0px;
  text-align: center;
  font-size: 18px;
}

.ui-datepicker-next:after {
  content: '>';
}

.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e {
  display: none;
}

.ui-datepicker-next {
  float: right;
}

.ui-datepicker-title {
  font-weight: 700;
  text-align: center;
  height: 30px;
  padding-top: 3px;
}

.publication-list {
  width: 100%;
}

.publication-list td {
  padding: 2px 5px;
  vertical-align: top;
}

.publication-list tr:nth-child(even) {
  background-color: #ededed;
}

.publication-list thead tr {
  background-color: #ededed;
  font-weight: 700;
}

/* Bewerbungsformular */

form#BSM .formnav {
  background-color: #f2f1f2;
  border: none;
  color: #70707A;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  /*padding: 5px 26px;*/
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  padding-right: auto;
  margin-right: -3px;
  width: 25%;
  text-transform: uppercase;
  background: #f2f1f2 url("../img/formnavpfeil1.png") no-repeat scroll right center;
}

form#BSM .formnavlast {
  background: #f2f1f2 url("../img/formnavpfeil3.png") no-repeat scroll right center !important;
}

form#BSM .formnavactive {
  background-color: #c4121d;
  color: #fff;
  text-decoration: none;
  background: #c4121d url("../img/formnavpfeil1.png") no-repeat scroll right center;
}

form#BSM .formnavback {
  background-color: #c4121d;
  color: #fff;
  text-decoration: none;
  background: #c4121d url("../img/formnavpfeil4.png") no-repeat scroll right center;
}

form#BSM .submit {
  background-color: #c4121d;
  border: none;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 26px;
  text-transform: uppercase;
}

form#BSM .submit:hover, form#BSM .submit:focus, form#BSM .submit.active {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.widget.error.bewerbung-radio, .widget.error input, .widget.error .SelectBox, .widget.error .select {
  border: 2px solid #c51415;
}

input.checkbox {
  float: left;
}

.widget.widget-select.multiselect.mandatory {
  margin-bottom: 20px;
}

.ui-icon.ui-icon-circle-triangle-w {
  background: transparent !important;
}

.checkbox_container.cbinline.noborder.long_label.mandatory {
  display: block;
  width: 100%;
}

/* AutoComplete -> MHB-Info-Tag
-------------------------------------------------- */

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  background-color: white;
  margin: -10px 15px 0px 15px;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/* VA-Anmeldungen
-------------------------------------------------- */

.va-anmeldung .radio {
  margin: 5px !important;
  display: inline-block;
}

.va-anmeldung .radio_container span {
  display: block;
}

.va-anmeldung .radio_participate {
  margin: 20px 0 10px 0px;
}

.va-anmeldung .radio_reason {
  margin: 0px 0 20px 20px;
  display: none;
}

.va-anmeldung legend {
  font-size: 1.4em;
}

.va-anmeldung .txt_input_reason {
  margin: 0px 0 20px 20px;
  display: none;
  width: 65%;
}

/*######################################################################################*/

/*!
 * Datepicker v1.0.8
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-06-23T08:07:37.208Z
 */

.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 210px;
  z-index: -1
}

.datepicker-container:after, .datepicker-container:before {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0
}

.datepicker-dropdown {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
  box-shadow: 0 3px 6px #ccc;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 1
}

.datepicker-inline {
  position: static
}

.datepicker-top-left, .datepicker-top-right {
  border-top-color: #39f
}

.datepicker-top-left:after, .datepicker-top-left:before, .datepicker-top-right:after, .datepicker-top-right:before {
  border-top: 0;
  left: 10px;
  top: -5px
}

.datepicker-top-left:before, .datepicker-top-right:before {
  border-bottom-color: #39f
}

.datepicker-top-left:after, .datepicker-top-right:after {
  border-bottom-color: #fff;
  top: -4px
}

.datepicker-bottom-left, .datepicker-bottom-right {
  border-bottom-color: #39f
}

.datepicker-bottom-left:after, .datepicker-bottom-left:before, .datepicker-bottom-right:after, .datepicker-bottom-right:before {
  border-bottom: 0;
  bottom: -5px;
  left: 10px
}

.datepicker-bottom-left:before, .datepicker-bottom-right:before {
  border-top-color: #39f
}

.datepicker-bottom-left:after, .datepicker-bottom-right:after {
  border-top-color: #fff;
  bottom: -4px
}

.datepicker-bottom-right:after, .datepicker-bottom-right:before, .datepicker-top-right:after, .datepicker-top-right:before {
  left: auto;
  right: 10px
}

.datepicker-panel>ul {
  margin: 0;
  padding: 0;
  width: 102%
}

.datepicker-panel>ul:after, .datepicker-panel>ul:before {
  content: " ";
  display: table
}

.datepicker-panel>ul:after {
  clear: both
}

.datepicker-panel>ul>li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px
}

.datepicker-panel>ul>li:hover {
  background-color: #e5f2ff
}

.datepicker-panel>ul>li.muted, .datepicker-panel>ul>li.muted:hover {
  color: #999
}

.datepicker-panel>ul>li.highlighted {
  background-color: #e5f2ff
}

.datepicker-panel>ul>li.highlighted:hover {
  background-color: #cce5ff
}

.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover {
  color: #39f
}

.datepicker-panel>ul>li.disabled, .datepicker-panel>ul>li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default
}

.datepicker-panel>ul>li.disabled.highlighted, .datepicker-panel>ul>li.disabled:hover.highlighted {
  background-color: #e5f2ff
}

.datepicker-panel>ul>li[data-view="month next"], .datepicker-panel>ul>li[data-view="month prev"], .datepicker-panel>ul>li[data-view="year next"], .datepicker-panel>ul>li[data-view="year prev"], .datepicker-panel>ul>li[data-view="years next"], .datepicker-panel>ul>li[data-view="years prev"], .datepicker-panel>ul>li[data-view=next] {
  font-size: 18px
}

.datepicker-panel>ul>li[data-view="month current"], .datepicker-panel>ul>li[data-view="year current"], .datepicker-panel>ul>li[data-view="years current"] {
  width: 150px
}

.datepicker-panel>ul[data-view=months]>li, .datepicker-panel>ul[data-view=years]>li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px
}

.datepicker-panel>ul[data-view=week]>li, .datepicker-panel>ul[data-view=week]>li:hover {
  background-color: #fff;
  cursor: default
}

.datepicker-hide {
  display: none
}