/**
 * @file
 * Styling for Views in Bartik.
 */
/* Tab styles */
.views-displays .tabs .open > a {
  border-radius: 7px 7px 0 0;
}
.views-displays .tabs .open > a:hover,
.views-displays .tabs .open > a:focus {
  color: #0071B3;
}
.views-displays .secondary .form-submit {
  font-size: 0.846em;
}
/* Tabs action list styles */
.views-displays .tabs .action-list {
  padding: 0;
}
/* Contextual filter options styles */
.views-filterable-options .filterable-option:nth-of-type(even) .form-type-checkbox {
  background-color: #F9F9F9;
}
/* Views action dropbutton styles */
.views-ui-display-tab-actions .dropbutton .form-submit {
  color: #0071B3;
}
.views-ui-display-tab-actions .dropbutton .form-submit:hover,
.views-ui-display-tab-actions .dropbutton .form-submit:focus {
  color: #018FE2;
}
/**** Karriere*/
.view.view-karriere.view-id-karriere {
  background: #19334C;
  padding: 0;
  position: relative;
  height: 60vh;
}
.view.view-karriere.view-id-karriere .view-content {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -59%);
  background: rgba(255, 255, 255, 0.8);
  padding: 25px;
  width: 100%;
  max-width: 640px;
}
.view.view-karriere.view-id-karriere .view-content p {
  background: transparent !important;
  color: #000 !important;
}
.view.view-karriere.view-id-karriere .view-content h3 {
  background: transparent !important;
  color: #000 !important;
  text-transform: uppercase;
  font-family: 'MuseoSans';
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
}
.view.view-karriere.view-id-karriere .view-content p span {
  background: transparent !important;
  color: #000 !important;
  font-size: 18px !important;
}
@media screen and (max-width: 960px) {
  .view.view-karriere.view-id-karriere {
    background: #19334C;
    padding: 0;
    position: relative;
    height: auto;
  }
  .view.view-karriere.view-id-karriere .view-content {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    background: rgba(255, 255, 255, 0.8);
    padding: 15px;
    margin: auto;
    width: 100%;
    max-width: 100%;
  }
}