/* Fonts */

@font-face {
  font-family: WienerMelange_Fallback;
  font-weight: 400;
  src: url(../fonts/WienerMelange_Rg.woff2) format("woff2"), url(../fonts/WienerMelange_Rg.woff) format("woff")
}

@font-face {
  font-family: WienerMelange_Fallback;
  font-weight: 600;
  src: url(../fonts/WienerMelange_Bd.woff2) format("woff2"), url(../fonts/WienerMelange_Bd.woff) format("woff")
}

@font-face {
  font-family: WienerMelange_Fallback;
  font-weight: 800;
  src: url(../fonts/WienerMelange_ExBd.woff2) format("woff2"), url(../fonts/WienerMelange_ExBd.woff) format("woff")
}

@supports (font-variation-settings: normal) {
  @font-face {
    font-family: WienerMelange !important;
    src: url(../fonts/WienerMelangeVF.woff2) format("woff2-variations"), url(../fonts/WienerMelangeVF.woff2) format("woff2")
  }
}

html {
  font-size: 60%;
}

body {
  font-family: WienerMelange, Lucida Sans Unicode, Lucida Grande, Lucida Sans, sans-serif !important;
  font-size: 1.7rem !important;
  font-size-adjust: 0.5 !important;
  line-height: 1.7 !important;
}

.wm-h1, h1,
.wm-h2, h2,
.wm-h3, h3,
.wm-h4, h4,
.wm-h5, h5,
.wm-h6, h6 {
  font-family: WienerMelange, Lucida Sans Unicode, Lucida Grande, Lucida Sans, sans-serif !important;
  line-height: 1;
}

.wm-h2, h2 {
  font-variation-settings: "wght" 700;
  margin-bottom: 3rem;
}

em {
  font-style: revert !important;
}

.skip-link {
  display: none;
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

a, a:link, a:visited {
  color: #111111;
  text-decoration: none;
  font-variation-settings: "wght" 600;
  font-weight: 400;
}

a:hover, a:link:hover {
  text-decoration: underline;
}

a:is([href^="http://"],[href^="https://"], [href^="mailto:"], [href^="tel:"]):not([class]):after {
  background-image: url(../icons/svg/external.svg);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 1.5em;
  content: "";
  display: inline-block;
  height: 1.4em;
  margin-left: 0.1rem;
  vertical-align: middle;
  width: 1.4em;
}

.wm-site-header__title a {
  font-variation-settings: "wght" 740 !important;
  font-weight: 400 !important;
}

.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
  padding-top: 0 !important;
}

.wm-section__content > * + * {
  margin-bottom: 0;
  margin-top: 1rem;
}

.wm-section {
  margin-bottom: 3rem
}

.wm-section--highlight + .wm-section--highlight {
  margin-top: -3rem
}

@media (min-width: 64em) {
  .wm-section {
    margin-bottom: 3.5rem;
  }

  .wm-section--highlight + .wm-section--highlight {
    margin-top: -3.5rem
  }
}

@media (min-width: 75em) {
  .wm-section {
    margin-bottom: 4.5rem
  }

  .wm-section--highlight + .wm-section--highlight {
    margin-top: -4.5rem
  }
}

@media (min-width: 52.8125em) {
  .wm-block > * + .wm-block {
    margin-top: 3rem;
  }

  .wm-block > * + .wm-block--large {
    margin-top: 6.5rem;
  }
}

@media (max-width: 767px) {
  .is-nowrap {
    flex-wrap: wrap !important;
  }

  .wm-text-two-column {
    max-width: 100% !important;
  }

  .two-column-images .wp-block-image {
    max-width: 100% !important;
  }

  .wm-stage__content--media {
    max-width: 52rem !important;
  }
}

/* Imagecaption */
.wp-element-caption,
.wp-block-image figcaption {
  font-size: 1.2rem !important;
  font-family: WienerMelange, Lucida Sans Unicode, Lucida Grande, Lucida Sans, sans-serif;
  background-color: transparent;
  text-align: right;
}

.wm-stage--media .wp-element-caption,
.wm-stage--media .wp-block-image figcaption {
  position: absolute;
  bottom: -29px;
  width: 100%;
  font-size: 1.2rem !important;
  font-family: WienerMelange, Lucida Sans Unicode, Lucida Grande, Lucida Sans, sans-serif;
  margin: 0;
  background-color: transparent;
  text-align: right;
}


/* Global Spacing */
.entry-content {
  margin-top: 0 !important;
}

/* Links */
.wm-anchor {
  display: block;
}

.wm-anchor a {
  color: #111111;
  font-size: 1em;
  left: 0;
  opacity: unset;
  position: relative;
  top: 0;
  user-select: all;
}

/* Main Navigation */
.wm-nav-wrapper--abendstimmung {
  --nav_background: #49274b;
  --nav_background_gradient1: #49274b;
  --nav_background_gradient2: #49274b;
}

.wm-nav-wrapper--abendstimmung .wm-nav-main {
  --nav_background: #49274b;
  --nav_background1: none !important;
  --nav_background2: none !important;
  --nav_background_full: rgba(212, 200, 212, 0.9) !important;
}

.wm-nav-main__link-label {
  pointer-events: none;
  text-transform: none !important;
}

.wm-nav-main__list--1 .wm-nav-main__link:hover {
  text-decoration: none;
}

.wm-nav-main--active > .wm-nav-main__link .wm-nav-main__link-label {
  box-shadow: 0 4px 0 0 #fff !important;
}

.wm-nav-main__list--2 > .wm-nav-main--active > .wm-nav-main__link .wm-nav-main__link-label {
  box-shadow: none !important;
  text-decoration: underline !important;
}

.wm-nav-main__link, .wm-nav-main__link:link, .wm-nav-main__link:visited {
  color: #fff !important;
}

.wm-js .wm-nav-main--h .wm-nav-main__list--1 > * > .wm-nav-main__link:focus-visible {
  color: #fff !important;
}

.wm-js .wm-nav-main--h .wm-nav-main__list--1 > * > .wm-nav-main__link:hover {
  color: #fff !important;
}

.wm-js .wm-nav-main--h .wm-nav-main__list--1 > * > .wm-nav-main__link:hover > span,
.wm-js .wm-nav-main--h .wm-nav-main__list--1 > * > .wm-nav-main__link:active > span,
.wm-js .wm-nav-main--h .wm-nav-main__list--1 > * > .wm-nav-main__link:focus-visible > span,
.wm-js .wm-nav-main--h .wm-nav-main__list--1 > * > .wm-nav-main__link[data-active] > span {
  box-shadow: 0 4px 0 0 #fff !important;
}

.wm-js .wm-nav-main--h .wm-nav-main__list--2 .wm-nav-main__link {
  font-variation-settings: "wght" 400;
}

.wm-nav-wrapper--abendstimmung .wm-nav-main .wm-nav-main__list--2 a {
  color: #000000 !important;
}

.wm-js .wm-nav-main--h .wm-nav-main__subnav-icon {
  display: block;
}

.wm-nav-main__link:hover {
  cursor: pointer;
}

.wm-nav-main__list--2 a:hover {
  text-decoration: underline !important;
}

.menu-toggle-btn {
  margin-left: 5px !important;
}

.menu-toggle-btn:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -1px;
}

.menu-toggle-btn svg {
  margin-left: 0 !important;
}

.wm-nav-main__link[data-active] .wm-nav-main__subnav-icon {
  transform: none;
}

@media (max-width: 1023px) {
  .wm-nav-main__list--2 {
    background: rgba(212, 200, 212, 0.9) !important;
    padding-left: 0 !important;
  }

  .wm-nav-main__list--1 > * > .wm-nav-main__link[data-active] {
    background: rgba(212, 200, 212, 0.5) !important;
  }

  .wm-js .wm-nav-main--h .wm-nav-main__list--1 > * > .wm-nav-main__link[data-active] > span {
    box-shadow: none !important;
  }

  .wm-nav-main__toggle {
    background: none !important;
  }
}

@media (min-width: 64em) {
  .wm-js .wm-nav-main--h .wm-nav-main__list--1 li:first-child {
    margin-right: 3rem;
  }
}

/* Searchbar */

.wm-icon__search:hover {
  cursor: pointer;
  fill: #49274b;
  transform: scale(1.2);
}

.wm-nav-main__subnav-icon,
.wm-nav-main-btn__icon,
.wm-nav-main-btn__icon--close {
  fill: #fff !important;
}

.wm-site-search__submit:focus-visible,
.wm-site-search__term:focus-visible {
  outline: 3px solid #fff !important;
}

@media screen and (max-width: 767px) {
  .wm-icon__search {
    fill: #fff;
  }

  .wm-site-search {
    max-width: 100%;
  }
}

/* Logo */

.wm-site-header__logo .wm-logo {
  max-height: 35px;
  margin-right: -5px;
}

/* Footer Menü */
.wm-site-footer-nav-container .wp-block-navigation__responsive-container:before {
  display: none !important;
}

.wm-site-footer-nav-container a:hover {
  text-decoration: underline;
}

/* Two-Column Areas */
.wm-img-draping {
  width: 49%;
}

@media (max-width: 397px) {
  .wm-img-draping {
    width: 100% !important;
    padding-bottom: 1.5rem;
  }
}

.wp-block-group:has(> .wm-text-two-column) {
  display: flex;
  justify-content: space-between;
}

.wp-block-group:has(> .wm-text-two-column) > * {
  max-width: 49%;
  margin-right: 0 !important;
}

@media (max-width: 397px) {
  .wp-block-group:has(> .wm-text-two-column) > * {
    max-width: 100% !important;
  }
}

.two-column-images {
  display: flex;
}

.two-column-images .wp-block-image {
  max-width: 50%;
}

/* Meta Slider */
.alignnormal {
  max-width: 120rem !important;
  margin: 0 auto !important;
  padding: 0 5rem !important;
}

.metaslider {
  max-width: 71rem;
  padding-right: 2rem !important;
}

.metaslider .flexslider .flex-direction-nav .flex-prev,
.metaslider .flexslider .flex-direction-nav .flex-next {
  background-image: url('../icons/svg/chevron-right.svg');
  background-position: center left 58%;
  background-color: rgb(255, 255, 255);
  background-size: auto 25px !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16) !important;
  border: none;
  border-radius: 50%;
  opacity: .9;
  padding: 0;
  position: absolute;
  top: 50%;
  right: -4%;
  height: 6rem;
  width: 6rem;
}

.metaslider .flexslider .flex-direction-nav .flex-prev {
  background-image: url('../icons/svg/chevron-right.svg');
  left: -4%;
  transform: rotate(180deg);
}

.metaslider-flex.ms-theme-default .flex-prev:focus,
.metaslider-flex.ms-theme-default .flex-next:focus {
  background: rgb(255, 255, 255, 0.9) !important;
  background-image: url('../icons/svg/chevron-right.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center left 58% !important;
  background-size: auto 25px !important;
  height: 6rem !important;
}

.metaslider-flex.ms-theme-default .flex-prev:focus {
  transform: rotate(180deg);
}

.metaslider-flex.ms-theme-default .flex-next:focus-visible,
.metaslider-flex.ms-theme-default .flex-prev:focus-visible {
  border: 2px solid #4b4b82;
}

.metaslider-flex.ms-theme-default .flex-prev:active,
.metaslider-flex.ms-theme-default .flex-next:active {
  transform: scale(1.1);
}

.metaslider-flex.ms-theme-default .flex-prev:active {
  transform: rotate(180deg) scale(1.1);
}

@media (max-width: 599px) {
  .alignnormal,
  .metaslider {
    max-width: 100% !important;
    padding: 0 !important;
  }

  .metaslider .flexslider .flex-direction-nav .flex-prev,
  .metaslider .flexslider .flex-direction-nav .flex-next {
    height: 4rem !important;
    width: 4rem !important;
    background-size: auto 15px !important;
    right: 2%;
  }

  .metaslider .flexslider .flex-direction-nav .flex-prev {
    left: 2%;
  }
}


/* Lightbox */

#previous-button {
  background-image: url('../icons/svg/chevron-left.svg');
  background-repeat: no-repeat;
  background-position: center left 44%;
  background-color: rgb(255, 255, 255);
  border: none;
  border-radius: 50%;
  opacity: .9;
  padding: 0;
  position: absolute;
  top: 50%;
  left: -6%;
  height: 6.4rem !important;
  width: 6.4rem !important;
}

#next-button {
  background-image: url('../icons/svg/chevron-right.svg');
  background-repeat: no-repeat;
  background-position: center left 58%;
  background-color: rgb(255, 255, 255);
  border: none;
  border-radius: 50%;
  opacity: .9;
  padding: 0;
  position: absolute;
  top: 50%;
  right: -6%;
  height: 6.4rem !important;
  width: 6.4rem !important;
}

#next-button svg,
#previous-button svg {
  display: none;
}

#next-button:active,
#previous-button:active {
  transform: scale(0.9);
}

#close-button {
  background: none;
  border: none;
}

#close-button:hover {
  transform: scale(1.1);
}

#close-button svg {
  fill: #ffff;
}

/* Gallery */
.wp-block-gallery a:after {
  display: none !important;
}

/* Hero Header */
.wm-stage {
  max-width: 120rem !important;
  margin-bottom: 4.5rem;
}

.wm-stage--full-width {
  max-width: 100% !important;
}

.wm-stage--full-width .wm-stage__media {
  max-height: 100% !important;
}

.wm-stage--full-width .wm-stage__content--media {
  max-width: 120rem;
}

.wm-stage__media {
  width: 100%;
  max-height: 50rem;
  display: block;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  grid-column: 1
}

.wm-stage__media .wp-block-image {
  height: 100%;
}

.wm-stage__media img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

/* Video Hero Header */

.wm-stage__media--home {
  height: 72rem;
  overflow: hidden
}

.wm-stage__media--video video {
  position: absolute;
  top: -35px;
}

.video-controls {
  display: flex !important;
  position: absolute;
  right: 50px;
  bottom: 2.6rem;
}

.video-button__fullscreen,
.video-button__mute {
  color: transparent;
  width: 40px;
  height: 40px;
}

.video-button__fullscreen:hover,
.video-button__mute:hover {
  cursor: pointer;
}

.video-button__fullscreen:focus-visible,
.video-button__mute:focus-visible {
  border: 2px solid #ffff;
}

.video-button__fullscreen img,
.video-button__mute img {
  margin: 0 !important;
}

@media screen and (max-width: 810px) {
  .wm-stage__media {
    aspect-ratio: unset;
  }

  .wm-stage__media--video video {
    position: relative;
    top: 0;
  }
}

@media (max-width: 767px) {
  .video-controls {
    grid-column: unset !important;
    grid-row: unset !important;
    display: flex !important;
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: unset;
  }

  .video-button__fullscreen,
  .video-button__mute {
    color: transparent;
    min-width: 40px;
    min-height: 40px;
  }
}

@media (max-width: 1280px) {
  .wm-stage__media--home {
    height: 100%;
  }
}

@media (min-width: 3840px) {
  .wm-stage__media--home {
    height: 100%;
  }
}

.wm-stage__content-inner > * + * {
  margin-top: 1.5rem;
  margin-bottom: 0
}

.wm-stage__content-inner > .wm-h-vh:first-child + * {
  margin-top: 0
}

.wm-stage__content-inner--color, .wm-stage__content-inner--media {
  min-width: 50rem;
  padding: 3rem 3rem 6rem;
  background-color: #ffffffd1
}

.wm-stage--full-width .wm-stage__content-inner {
  padding: 3rem 3rem 6rem;
}

@media (max-width: 47.99em) {
  .wm-stage__content-inner--desktop-only {
    padding: 0
  }

  .wm-stage__content-inner--media,
  .wm-stage__content-inner {
    min-width: 100%;
    padding: 2rem !important;
  }
}

.wm-site-header__title {
  transform-origin: bottom left !important;
}

.wm-site-header__inner {
  transform: translateY(-1rem);
  padding-top: 15px;
  height: 8rem !important;
}

.wm-site--scrolled .wm-site-header__logo {
  transform: translateY(1rem);
  transition: transform .3s;
}

@media (max-width: 1059px) {
  .wm-site-header__inner {
    height: 6rem !important;
  }

  .wm-site-header__title {
    font-size: 2.5rem;
  }
}

@media (max-width: 844px) {
  .wm-nav-wrapper {
    margin-top: 0;
  }
}

@media (max-width: 797px) {
  .wm-site-header__inner {
    padding: 2.5rem 2rem 1rem 2rem !important;
    max-width: 100% !important;
  }

  .wm-site-header__title {
    font-size: 2rem;
  }

  .wm-nav-main__content,
  .wm-nav-wrapper__inner {
    max-width: 100% !important;
  }
}

@media (max-width: 599px) {
  .wm-site--scrolled .wm-site-header {
    transform: translateY(-10rem) !important;
  }

  .wm-site-header__inner {
    height: 10rem !important;
  }

  .wm-nav-main__inner {
    top: 10rem !important;
  }

  .wm-stage__media--home {
    margin-bottom: 0 !important;
    display: block !important;
  }

  .wm-stage__media--home .wm-stage__content-inner--media,
  .wm-stage__media--home .wm-stage__content-inner {
    padding: 3rem 0 3rem 0 !important;
  }

  .wm-stage__media--home .wm-stage__content-inner--media {
    background-color: unset !important;
  }
}

@media (max-width: 397px) {
  .wm-site-header__title {
    font-size: 1.7rem;
  }
}

/* Footer */

.wm-site-footer {
  padding: 2rem 0 4rem;
}

.wm-list--pipe-lg > * + * {
  margin-left: 0 !important;
}

.wm-site-footer-nav-container li {
  padding-right: 10px;
}

.wm-site-footer-nav-container li:before {
  padding-right: 15px;
}

/* Job Filter */

.job-filter .form-group {
  margin-top: 10px;
}

.job-filter--hidden {
  display: none;
}

.job-filter-submit {
  margin-top: 25px;
}

.job-list {
  list-style: none;
}

.job-filter-submit,
.job-list-button {
  align-items: center;
  background-color: #49274b;
  border: 1px solid #49274b;
  color: #fff !important;
  display: inline-flex;
  font-size: 1.7rem;
  font-weight: 400;
  justify-content: center;
  line-height: 1.45;
  padding: .463em .88em;
  text-align: center;
  text-transform: none !important;
  text-decoration: none !important;
  border-radius: 0;
}

.job-list-button svg {
  margin-left: 10px !important;
}

.job-list-button path {
  fill: #fff;
}

.job-filter-submit:hover,
.job-list-button:hover,
.job-list-button:hover *,
.job-list-button:focus *,
.job-list-button:focus {
  background-color: rgba(212, 200, 212) !important;
  color: #292929 !important;
  fill: #292929 !important;
  cursor: pointer;
}

.job-list-box {
  display: flex;
  background-color: #f3f1ef;
  margin: 20px 0;
  padding: 15px;
  height: 150px;
}

.job-list-box:hover,
.job-list-box:focus,
.job-list-box:focus-visible {
  background-color: #cecaca;
}

.job-list-link {
  display: block;
}

.job-list-link:focus,
.job-list-link:focus-visible {
  outline: 3px solid #4b4b82 !important;
  outline-offset: 2px !important;
}

.job-list-link,
.job-list-link:visited,
.job-list-link:hover {
  text-decoration: none !important;
}

.job-list-content {
  padding: 20px;
  order: 1;
  flex: 2;
}

.job-list-content .post-list-title:after {
  display: none;
}

.job-list-img {
  flex: 1;
  max-width: 290px;
}


.job-list-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .job-list-box {
    flex-wrap: wrap;
    height: auto;
  }

  .job-list-img {
    display: none;
  }
}

/* Job Detailseite */

.single-job-two-column {
  display: flex;
  gap: 25px;
}

.single-job-two-column--left {
  width: 30%;
  font-weight: 700;
  font-size: 18px;
}

.single-job-two-column--right {
  width: 70%;
}

.single-job-two-column-box {
  margin-bottom: 10px;
}

.single-job-two-column-box img {
  margin-top: 0 !important;
}

.single-job-two-column-box--goldgelb {
  color: #e6c828;
  padding-top: 0;
}

.single-job-button-container {
  width: 100%;
  display: flex;
}

.single-job-button-container a {
  flex: 1 0 21%; /* explanation below */
  margin: 2px;
}

.single-job-button,
.wp-block-button .wp-block-button__link {
  align-items: center;
  background-color: #49274b;
  border: 1px solid #49274b;
  color: #fff !important;
  display: inline-flex;
  font-size: 1.7rem;
  font-weight: 400;
  justify-content: center;
  line-height: 1.45;
  padding: .463em .88em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0;
}

.single-job-button:hover,
.single-job-button:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
  background-color: #fff;
  color: #49274b !important;
}

.single-job-banner * {
  color: #fff !important;
}

.single-job-banner-contact {
  display: flex;
  justify-content: space-between;
}

.single-job-banner-contact a:after {
  filter: brightness(0) invert(1);
}

@media (max-width: 767px) {
  .single-job-two-column {
    flex-wrap: wrap;
  }

  .single-job-two-column--left,
  .single-job-two-column--right {
    width: 100%;
  }

  .single-job-two-column--left {
    display: none;
  }

  .single-job-banner-contact {
    flex-direction: column;
  }

  .single-job-button-container {
    flex-wrap: wrap;
  }

  .single-job-button {
    min-height: 65px;
  }
}


@media print {
  .no-print, .no-print * {
    display: none !important;
  }

  .single-job-two-column--right,
  .wm-stage__content-inner {
    width: 100%;
  }

  .wm-stage__content-inner {
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
  }

  .wm-stage__content-inner h1 {
    font-size: 4rem;
  }
}

/* Search */

.search-results > ul a {
  font-size: 2.2rem;
}

.search-results > ul a:after {
  display: none !important;
}

.wp-block-search__button {
  background-color: #49274b;
}

.wp-block-search__button:hover {
  background-color: rgba(212, 200, 212) !important;
  color: #292929 !important;
  fill: #292929 !important;
}

/* Sidebar */

.wm-nav-inpage--toggle {
  z-index: 2;
}

@media screen and (max-width: 1115px) {
  .wm-nav-inpage--toggle {
    display: none !important;
  }
}
