@charset "UTF-8";
/*
 Import the additional styles from wm-design prototype for medium displays.
 This is (more or less) a copy of the file $project-dir/src/wm-design/assets/scss/main-medium.scss
*/
/**
  * functions 1.0.0
  * Sass Funktionen
*/
/**
  * Returns UI colors
  * @param { string } unqiue color key
*/
/**
  * Returns Brand colors
  * @param { string } unqiue color key
*/
/**
  * Returns url function for SVG backgrounds
  * @param { string } icon file name
*/
/**
  * Returns Map colors
  * @param { string } unqiue color key
*/
/**
  * colors 1.0.0
  * Zentrale Verwaltung der Farben
*/
/**
  * vars 1.0.0
  * Sass Variablen
*/
:root {
  --nav_background: white;
  --nav_background1: #e6e3df;
  --nav_background2: #f3f1ef;
  --nav_link: #292929;
  --nav_link_active: #292929;
  --nav_link_child: #292929;
  --nav_background_full: #d6d1ca;
  --wm-color-weiss: white;
  --wm-color-fastschwarz: #292929; }

/* ##### Fonts ##### */
/* ##### Design ##### */
/* ##### Sizes ##### */
/* ##### Grid ##### */
/* ##### Widths ##### */
/* ##### Breakpoints ##### */
/* ##### z-Indices ##### */
/* ##### Animation ##### */
/* Wienbot/Chatbot */
/**
  * mixins 1.0.0
  * Sass Mixins
*/
/**
  * button-mixins 1.0.0
  * Sass Mixins speziell für Buttons
*/
/**
  * progress-mixins 1.0.0
  * Sass Mixins speziell für Fortschrittsanzeigen
*/
/*
 In our Liferay build we cannot use the glob, as we would have to modify the 
 build for this and override a Liferay theme task or do some copy and replace 
 magic in a before hook.

 So we replaced this line with the explicit paths of the files.
*/
a
.wm-stage {
  margin-top: 4rem;
  margin-bottom: 2.3rem; }
  .tns-item a
.wm-stage {
    margin-bottom: 0; }
  a
.wm-stage--media {
    margin-top: 0; }
  a
.wm-stage--color {
    margin-top: 0; }
    @supports not (aspect-ratio: 1200/450) {
      a
.wm-stage--color {
        height: 45rem; } }
  a
.wm-stage--home {
    height: 50rem;
    margin-bottom: 5rem; }
  a
.wm-stage__heading {
    font-size: 3rem; }
  a
.wm-stage__text--color, a
.wm-stage__text--media {
    padding: 1.5rem; }
    .tns-item a
.wm-stage__text--color, .tns-item a
.wm-stage__text--media {
      padding-bottom: 1.5rem; }
  a
.wm-stage__media > *:first-child {
    grid-row: 1 / -1;
    grid-column: 1 / 3; }
    @supports not (aspect-ration: 1200/450) {
      a
.wm-stage__media > *:first-child {
        height: 45rem; } }
    a
.wm-stage__media > *:first-child::after {
      display: none; }
    a
.wm-stage__media > *:first-child:nth-last-child(2) {
      grid-column: 1 / -1; }
      a
.wm-stage__media > *:first-child:nth-last-child(2)::after {
        display: inline-flex;
        right: 2px;
        left: auto; }
  @supports not (aspect-ratio: 1200/450) {
    a
.wm-stage__media > *:nth-of-type(2) {
      height: 22.25rem; } }
  @supports not (aspect-ratio: 1200/450) {
    a
.wm-stage__media > *:nth-of-type(3) {
      height: 22.25rem; } }
  a
.wm-stage__media > *:nth-of-type(3)::after {
    display: inline-flex; }
  a
.wm-stage__media > *:only-of-type {
    grid-column: 1 / -1; }
  a
.wm-stage__media--home {
    height: 50rem; }
    a
.wm-stage__media--home img {
      height: 100%; }
  a
.wm-stage a
.wm-stage__controls {
    margin: auto;
    display: flex;
    justify-content: center;
    top: 50%;
    left: 1.5rem;
    transform: translateY(-50%); }
  a
.wm-stage a
.wm-stage__button {
    width: 7rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    a
.wm-stage a
.wm-stage__button svg {
      width: 100%;
      height: 100%; }

/**
  * .wm-section 1.0.0
  * Grobe Inhaltsblöcke auf Seiten
*/
.wm-section--highlight {
  padding: 2.5rem 0; }
  .wm-section--highlight + .wm-section--highlight {
    padding-top: 0; }

.wm-section--fixed {
  margin-bottom: 0; }

.wm-section--intro {
  margin-bottom: 0.5rem; }

.wm-section--large {
  margin-bottom: 8rem; }

.wm-section:last-child {
  margin-bottom: 0; }

/**
  * .wm-feed 1.0.0
  * Events und andere Feeds, mit oder ohne Bild
  * Im Handbuch: /pattern-library/patterns/feeds/
*/
.wm-feed .wm-image {
  display: block; }

/**
  * .wm-carousel 1.0.0
  * Karrusell
  * Im Handbuch: /pattern-library/patterns/karrusell/
*/
[data-tablet-only="true"] .tns-item {
  margin-bottom: 0; }

.wm-section__content--tablet-only .tns-ovh {
  overflow: hidden; }

@media (min-width: 52.8125em) {
  .wm-carousel > * {
    flex-basis: 34.5rem; } }

@media (min-width: 48em) {
  .wm-carousel[data-tablet-only] {
    flex-basis: 34.5rem; } }

/**
  * .wm-site-footer 1.0.0
  * Footer in Microsites und auf wien.gv.at
  * Im Handbuch: /pattern-library/patterns/footer/
*/
.wm-site-footer {
  padding: 8rem 0 3rem; }

/**
  * .wm-site-wrapper und .wm-site-content 1.0.0
  * Seiten Wrapper und Hauptinhalt der Seite
*/
.wm-site-content--no-stage {
  padding-top: 4rem; }

/**
  * .wm-site-search 1.0.0
  * Suche im Header
  * Im Handbuch: /pattern-library/patterns/suchfeld/
*/
.wm-site-search:not(.wm-site-search--inline) {
  width: 100%; }

.wm-site-search--active {
  padding: 0; }

.wm-site-search--active:not(.wm-site-search--inline) {
  position: static; }

.wm-site-search--static:not(.wm-site-search--inline) {
  width: 36rem;
  max-width: 100%; }

.wm-site-search__toggle {
  display: none; }
  .wm-jsm .wm-site-search__toggle {
    display: none; }

.wm-site-search__content {
  margin-left: 3rem;
  display: block;
  position: relative; }
  .wm-site-search__content--inline {
    margin: 0;
    display: none; }

.wm-site-search__submit {
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0.5rem; }
  [dir="rtl"] .wm-site-search__submit {
    right: auto;
    left: 0.5rem; }

.wm-search-results__link {
  padding: 0.5rem 1.5rem; }

/**
  * .wm-block 1.0.0
  * Blöcke, die Abstände zwischen Elementen steuern
*/
.wm-block > * + * {
  margin-top: 2rem; }

.wm-block > h3 + * {
  margin-top: 1rem; }

.wm-block > h4 + * {
  margin-top: 0; }

.wm-block > * + h2 {
  margin-top: 5rem; }

.wm-block > * + h4 {
  margin-top: 2rem; }

/**
  * .wm-breaking-news-wrapper und wm-breaking-news 1.0.0
  * Inhalt ein- und ausklappen
  * Im Handbuch: /pattern-library/patterns/breaking-news/
*/
.wm-breaking-news-wrapper {
  z-index: 999; }
  .wm-jsm .wm-breaking-news-wrapper--static {
    transform: none; }
  @media (min-width: 52.8125em) {
    .wm-jsm .wm-breaking-news-wrapper {
      transform: translateY(10rem); } }
  .wm-jsm .wm-site-content--in-page-nav .wm-breaking-news-wrapper {
    top: 0; }
  .wm-jsm .wm-site-content--in-page-nav .wm-breaking-news-wrapper--static {
    top: 2.5rem; }

.wm-breaking-news {
  font-size: 2rem; }
  .wm-breaking-news__heading {
    padding: 0;
    display: inline-block;
    font-size: 2rem; }
  .wm-breaking-news__inner {
    padding-right: 3.5rem; }
    .wm-breaking-news__inner--static {
      padding: 0; }

/**
  * .wm-hervorhebung 1.0.0
  * Bereich mit buntem Rahmen oben und unten
  * Im Handbuch: /pattern-library/patterns/hervorhebungen/
*/
.wm-hervorhebung {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

/**
  * .wm-modal 1.0.0
  * Lightbox
  * Im Handbuch: /pattern-library/patterns/lightbox/
*/
/*.wm-modal {
  &__item {
    &--basic {
      padding: $wm-spacing-large;
    }
  }
}*/
.wm-modal-content__control {
  width: 6.4rem;
  height: 6.4rem; }

/**
  * .wm-accordion 1.0.0
  * Akkordeons
  * Im Handbuch: /pattern-library/patterns/akkordeon/
*/
.wm-accordion[data-mobile-only] > * + * {
  margin-top: 2rem;
  margin-bottom: 0; }

.wm-accordion[data-mobile-only] > .wm-h-vh:first-child + * {
  margin-top: 0; }

.wm-accordion__header {
  border-bottom: 0;
  padding-right: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  background-color: #f3f1ef; }
  .wm-jsm .wm-accordion__header {
    padding-right: 0;
    padding-left: 0; }
  [data-mobile-only] .wm-accordion__header {
    min-height: auto;
    border: none;
    padding: 0;
    background: none;
    font-size: 2.2rem; }
    @media (min-width: 52.8125em) {
      [data-mobile-only] .wm-accordion__header {
        font-size: 2.2rem; } }

.wm-accordion__panel-inner {
  border-bottom: none;
  margin-bottom: 1rem;
  padding: 0.3rem 1.5rem 0;
  background-color: #f3f1ef; }
  .wm-accordion__panel-inner, .wm-accordion__panel-inner:last-child {
    padding-bottom: 1.5rem; }
  .wm-jsm [data-mobile-only] .wm-accordion__panel-inner {
    border: 0;
    padding: 0;
    background: none; }

.wm-accordion__button {
  padding: 0.6rem 1.5rem 0.5rem; }

[data-mobile-only] .wm-accordion__icon {
  display: none; }

/**
  * .wm-toggle 1.0.0
  * Inhalt ein- und ausklappen
  * Im Handbuch: /pattern-library/patterns/toggle/
*/
.wm-toggle__container {
  border-bottom: 0;
  padding-right: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem; }
  .wm-no-js .wm-toggle__container,
  .wm-js:not(.wm-jsm) .wm-toggle__container {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0; }
  [data-mobile-only] .wm-toggle__container {
    min-height: auto;
    border: none;
    margin-bottom: 1.5rem;
    padding: 0;
    background: none;
    font-size: 2.2rem; }
    @media (min-width: 52.8125em) {
      [data-mobile-only] .wm-toggle__container {
        font-size: 2.2rem; } }

.wm-toggle__panel-inner {
  border-bottom: none; }
  .wm-toggle__panel-inner > * + * {
    margin-top: 2rem;
    margin-bottom: 0; }
  .wm-toggle__panel-inner > .wm-h-vh:first-child + * {
    margin-top: 0; }
  .wm-jsm [data-mobile-only] .wm-toggle__panel-inner {
    border: 0;
    padding: 0;
    background: none; }

[data-mobile-only] .wm-toggle__icon {
  display: none; }

/**
  * .wm-form 1.0.0
  * Formularstyles
  * Im Handbuch: /pattern-library/patterns/formulare/
*/
.wm-form__item--full {
  margin-right: 1rem; }

.wm-form__grid-md {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .wm-form__grid-md > *:not(fieldset) {
    flex-basis: calc(50% - 1rem / 2); }
  .wm-form__grid-md--3 > *:not(fieldset) {
    flex-basis: calc(33.33% - 1rem / 3); }

.wm-form__row-md {
  margin-top: -1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end; }
  .wm-form__row-md > * {
    margin-right: 1rem;
    margin-bottom: 1rem; }
  .wm-form__row-md > *:last-child {
    margin-right: 0; }

.wm-form__item + fieldset {
  margin-top: 2rem; }

/**
  * .wm-card 1.0.0
  * Darstellung von Inhalten in Cards
  * Im Handbuch: /pattern-library/patterns/cards/
*/
/*.wm-card {
  box-shadow: $wm-card-shadow-large;

  &__content {
    //margin-bottom: $wm-spacing-xlarge;

    @include inside(".wm-section__content--carousel") {
      &--no-margin {
        margin-bottom: 0;
      }
    }
  }

  &--raw {
    box-shadow: none;
  }

  &__video {
    .wm-btn--round {
      width: 7rem;
      height: 7rem;

      [data-size="medium"] & {
        width: 6rem;
        height: 6rem;
      }

      [data-size="small"] & {
        width: 5rem;
        height: 5rem;
      }
    }
  }
}
*/
/**
  * .wm-notification 1.0.0
  * Tourismuszeile
  * Im Handbuch: /pattern-library/patterns/tourismuszeile/
*/
.wm-notification p:not(:last-child) {
  margin-bottom: 1rem; }

/**
  * .wm-progress 1.0.0
  * Fortschrittsanzeige in Formularen
  * Im Handbuch: /pattern-library/patterns/formulare/#darstellung_fortschrittsanzeige
*/
.wm-progress {
  padding-top: 1em; }
  .wm-progress__step:nth-child(3) .wm-progress__text,
  .wm-progress__step:nth-child(4) .wm-progress__text {
    right: 1.5rem;
    transform: translateX(50%) translateY(-100%); }
  .wm-progress__step:nth-last-child(-n+3):first-child .wm-progress__text,
  .wm-progress__step:nth-last-child(-n+4):first-child .wm-progress__text {
    right: auto;
    left: 1.5rem;
    transform: translateX(-50%) translateY(-100%); }
  .wm-progress__step:nth-last-child(-n+4):first-child .wm-progress__text,
  .wm-progress__step:nth-last-child(-n+4):first-child ~ .wm-progress__step .wm-progress__text {
    display: block; }

/**
  * .wm-search-result und wm-search-results 1.0.0
  * Suchergebnisse
  * Im Handbuch: /pattern-library/patterns/suchergebnis/
*/
.wm-search-results > * + * {
  margin-top: 3rem;
  margin-bottom: 0; }

.wm-search-results > .wm-h-vh:first-child + * {
  margin-top: 0; }

.wm-search-results .wm-search-results {
  margin: 3rem 0 0 3rem; }

/**
  * .wm-quicklinks 1.0.0
  * Linkliste mit Pfeilen
  * Im Handbuch: /pattern-library/patterns/quicklinks/
*/
.wm-quicklinks__icon {
  width: 3.4rem;
  height: 3.4rem; }

.wm-quicklinks__items--2col, .wm-quicklinks__items--2col-limited {
  column-count: 2;
  column-gap: 3rem; }

.wm-quicklinks__items--3col {
  column-count: 2;
  column-gap: 3rem; }

.wm-jsm .wm-quicklinks__items--md {
  display: block; }

.wm-quicklinks__items--2col-limited .wm-quicklinks__item {
  display: block; }

.wm-jsm .wm-quicklinks__dropdown {
  display: none; }

/**
  * .wm-nav-inpage 1.0.0
  * In Page Navigation
  * Im Handbuch: /pattern-library/patterns/in-page-navigation/
*/
.wm-nav-inpage__items--toggle {
  max-width: 120rem;
  padding: 3rem 5rem; }

.wm-nav-inpage__toggle {
  margin-right: 1.5rem; }

.wm-nav-inpage__link {
  padding: 1.8rem 1.5rem 1.4rem;
  font-size: 1.8rem; }

/**
  * .wm-nav-wrapper 1.0.0
  * Navigation von Microsites und von wien.gv.at
  * Im Handbuch: /pattern-library/patterns/menue/
*/
.wien [data-nav-unlock="true"] .wm-nav-main__header {
  right: 2rem; }

.wm-nav-main__content {
  padding-right: 2rem; }

.wm-nav-main__actions {
  flex-grow: initial; }

/**
  * .wm-nav-tag 1.0.0
  * Tag Navigation am Anfang einer Seite
  * Im Handbuch: /pattern-library/patterns/tags/
*/
.wm-nav-tag__link {
  min-height: 4rem;
  padding: 0.45rem 1.5rem 0.46rem;
  font-size: 1.7rem; }

.wm-jsm .wm-tabs__panel {
  padding: 2.5rem 3rem 3rem; }

/**
  * .wm-text-background 1.0.0
  * Einfache Felder mit Hintergrundfarbe
  * Im Handbuch: /pattern-library/patterns/hervorhebungen/
*/
.wm-text-banner {
  font-size: 2rem; }

/*# sourceMappingURL=md-styles.css.map */