.ui-helper-reset,
.ui-menu,
.ui-tabs .ui-tabs-nav li,
li,
ol,
ul {
  list-style: none
}

.ui-helper-hidden {
  display: none
}

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-clearfix {
  min-height: 0
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  font-size: 100%
}

.ui-accordion .ui-accordion-icons,
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 700;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-menu {
  padding: 0;
  margin: 0;
  display: block;
  outline: 0
}

.ui-menu .ui-menu {
  position: absolute
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
  margin: -1px
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}

.geonav .leaflet-control-container .leaflet-left,
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0 0
}

.ui-widget-content,
.ui-widget-header {
  border: 1px solid #aaa;
  background: #fff;
  color: #222
}

.ui-widget,
.ui-widget .ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
  font-size: 1em
}

.ui-widget-header {
  font-weight: 700
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
  font-weight: 400;
  color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555;
  text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
  border: 1px solid #e52236;
  background: #e52236;
  font-weight: 400;
  color: #fff
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #fff;
  text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background: #fff;
  font-weight: 400;
  color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
  color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;
  color: #cd0a0a
}

.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-active .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-carat-1-n {
  background-position: 0 0
}

.ui-icon-carat-1-ne {
  background-position: -16px 0
}

.ui-icon-carat-1-e {
  background-position: -32px 0
}

.ui-icon-carat-1-se {
  background-position: -48px 0
}

.ui-icon-carat-1-s {
  background-position: -64px 0
}

.ui-icon-carat-1-sw {
  background-position: -80px 0
}

.ui-icon-carat-1-w {
  background-position: -96px 0
}

.ui-icon-carat-1-nw {
  background-position: -112px 0
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0 -112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-heart {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0 -128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0 -144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0 -160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0 -176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0 -192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-widget-overlay,
.ui-widget-shadow {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30)
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
  border-top-left-radius: 0
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
  border-top-right-radius: 0
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
  border-bottom-left-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
  border-bottom-right-radius: 0
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  border-radius: 8px
}

.geonav_control--hide-list:before,
.geonav_control--show-list:before,
.icon,
.icon-calendar,
.icon::before {
  background-repeat: no-repeat
}

.abcRioButton {
  width: 100% !important;
  margin-bottom: 1rem;
  margin-top: 1rem
}

.icon::before {
  width: 24px;
  height: 24px;
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  margin: -3px 3px 0 0;
  background-position: center center;
  background-size: 100%;
  line-height: 1
}

.icon--size-0-7x::before {
  width: 16.8px;
  height: 16.8px
}

.icon--size-1-2x::before {
  width: 28px;
  height: 28px
}

.icon--size-1-3x::before {
  width: 32px;
  height: 32px
}

.icon--size-1-5x::before {
  width: 36px;
  height: 36px
}

.icon--size-2x::before {
  width: 48px;
  height: 48px
}

.icon--size-3x::before {
  width: 72px;
  height: 72px
}

.icon--size-5x::before {
  width: 120px;
  height: 120px
}

.icon--teaser {
  position: relative;
  height: 0;
  padding-top: 66.635%
}

.icon--teaser::before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3rem;
  margin-top: -3rem;
  width: 6rem;
  height: 6rem
}

.icon--margin-right {
  margin-right: 1em
}

.icon--absolute {
  position: relative;
  padding-left: 30px
}

.icon--absolute::before {
  left: 0;
  position: absolute;
  top: .1em
}

.icon--standalone::before {
  margin: 0
}

.icon--agency-film::before {
  background-image: url(/assets/image/icon/agency-film.svg)
}

.icon--aircondition::before {
  background-image: url(/assets/image/icon/aircondition.svg)
}

.icon--allergiker::before {
  background-image: url(/assets/image/icon/allergiker.svg)
}

.icon--arrow-down::before {
  background-image: url(/assets/image/icon/arrow-down.svg)
}

.icon--arrow-down-white::before {
  background-image: url(/assets/image/icon/arrow-down-white.svg)
}

.icon--arrow::before {
  background-image: url(/assets/image/icon/arrow.svg)
}

.icon--arrow-white::before {
  background-image: url(/assets/image/icon/arrow-white.svg)
}

.icon--bar::before {
  background-image: url(/assets/image/icon/bar.svg)
}

.icon--bicycle::before {
  background-image: url(/assets/image/icon/bicycle.svg)
}

.icon--bus::before {
  background-image: url(/assets/image/icon/bus.svg)
}

.icon--calendar-red::before {
  background-image: url(/assets/image/icon/calendar-red.svg)
}

.icon--calendar::before {
  background-image: url(/assets/image/icon/calendar.svg)
}

.icon--checkmark-red::before {
  background-image: url(/assets/image/icon/checkmark-red.svg)
}

.icon--checkmark-white::before {
  background-image: url(/assets/image/icon/checkmark-white.svg)
}

.icon--check::before {
  background-image: url(/assets/image/icon/check.svg)
}

.icon--check-white::before {
  background-image: url(/assets/image/icon/check-white.svg)
}

.icon--children-grey::before {
  background-image: url(/assets/image/icon/children-grey.svg)
}

.icon--children::before {
  background-image: url(/assets/image/icon/children.svg)
}

.icon--clip-advertising-red::before {
  background-image: url(/assets/image/icon/clip-advertising-red.svg)
}

.icon--clip-bus-red::before {
  background-image: url(/assets/image/icon/clip-bus-red.svg)
}

.icon--clip-bus2-red::before {
  background-image: url(/assets/image/icon/clip-bus2-red.svg)
}

.icon--clip-contact-red::before {
  background-image: url(/assets/image/icon/clip-contact-red.svg)
}

.icon--clip-eventhighlights-red::before {
  background-image: url(/assets/image/icon/clip-eventhighlights-red.svg)
}

.icon--clipboard-white::before {
  background-image: url(/assets/image/icon/clipboard-white.svg)
}

.icon--close-red::before {
  background-image: url(/assets/image/icon/close-red.svg)
}

.icon--close::before {
  background-image: url(/assets/image/icon/close.svg)
}

.icon--close-white::before {
  background-image: url(/assets/image/icon/close-white.svg)
}

.icon--destination-guide-red::before {
  background-image: url(/assets/image/icon/destination-guide-red.svg)
}

.icon--destination-guide::before {
  background-image: url(/assets/image/icon/destination-guide.svg)
}

.icon--download-white::before {
  background-image: url(/assets/image/icon/download-white.svg)
}

.icon--elevator::before {
  background-image: url(/assets/image/icon/elevator.svg)
}

.icon--email-red::before {
  background-image: url(/assets/image/icon/email-red.svg)
}

.icon--email-white::before {
  background-image: url(/assets/image/icon/email-white.svg)
}

.icon--email-header-white::before {
  background-image: url(/assets/image/icon/email-header-white.svg)
}

.icon--email::before {
  background-image: url(/assets/image/icon/email.svg)
}

.icon--events-red::before {
  background-image: url(/assets/image/icon/events-red.svg)
}

.icon--events::before {
  background-image: url(/assets/image/icon/events.svg)
}

.icon--events-white::before {
  background-image: url(/assets/image/icon/events-white.svg)
}

.icon--external-link-red::before {
  background-image: url(/assets/image/icon/external-link-red.svg)
}

.icon--external-link::before {
  background-image: url(/assets/image/icon/external-link.svg)
}

.icon--external-link-white::before {
  background-image: url(/assets/image/icon/external-link-white.svg)
}

.icon--family-grey::before {
  background-image: url(/assets/image/icon/family-grey.svg)
}

.icon--family::before {
  background-image: url(/assets/image/icon/family.svg)
}

.icon--feedback::before {
  background-image: url(/assets/image/icon/feedback.svg)
}

.icon--file-archive::before {
  background-image: url(/assets/image/icon/file-archive.svg)
}

.icon--file-audio::before {
  background-image: url(/assets/image/icon/file-audio.svg)
}

.icon--file-excel::before {
  background-image: url(/assets/image/icon/file-excel.svg)
}

.icon--file-pdf::before {
  background-image: url(/assets/image/icon/file-pdf.svg)
}

.icon--file-picture::before {
  background-image: url(/assets/image/icon/file-picture.svg)
}

.icon--file::before {
  background-image: url(/assets/image/icon/file.svg)
}

.icon--file-video::before {
  background-image: url(/assets/image/icon/file-video.svg)
}

.icon--file-word::before {
  background-image: url(/assets/image/icon/file-word.svg)
}

.icon--filter::before {
  background-image: url(/assets/image/icon/filter.svg)
}

.icon--filter-white::before {
  background-image: url(/assets/image/icon/filter-white.svg)
}

.icon--fitness::before {
  background-image: url(/assets/image/icon/fitness.svg)
}

.icon--fullscreen-exit::before {
  background-image: url(/assets/image/icon/fullscreen-exit.svg)
}

.icon--fullscreen::before {
  background-image: url(/assets/image/icon/fullscreen.svg)
}

.icon--garage::before {
  background-image: url(/assets/image/icon/garage.svg)
}

.icon--garten::before {
  background-image: url(/assets/image/icon/garten.svg)
}

.icon--gitterbett::before {
  background-image: url(/assets/image/icon/gitterbett.svg)
}

.icon--green-red::before {
  background-image: url(/assets/image/icon/green-red.svg)
}

.icon--greenspace::before {
  background-image: url(/assets/image/icon/greenspace.svg)
}

.icon--green::before {
  background-image: url(/assets/image/icon/green.svg)
}

.icon--handshake::before {
  background-image: url(/assets/image/icon/handshake.svg)
}

.icon--haustiere::before {
  background-image: url(/assets/image/icon/haustiere.svg)
}

.icon--hochstuhl::before {
  background-image: url(/assets/image/icon/hochstuhl.svg)
}

.icon--home::before {
  background-image: url(/assets/image/icon/home.svg)
}

.icon--hotel-bed-red::before {
  background-image: url(/assets/image/icon/hotel-bed-red.svg)
}

.icon--hotel-bed::before {
  background-image: url(/assets/image/icon/hotel-bed.svg)
}

.icon--hrs-bed-white::before {
  background-image: url(/assets/image/icon/hrs-bed-white.svg)
}

.icon--hrs-logo::before {
  background-image: url(/assets/image/icon/hrs-logo.svg);
  width: 76px;
  height: 25px
}

.icon--info-red::before {
  background-image: url(/assets/image/icon/info-red.svg)
}

.icon--info::before {
  background-image: url(/assets/image/icon/info.svg)
}

.icon--kapazitaet::before {
  background-image: url(/assets/image/icon/kapazitaet.svg)
}

.icon--konferenzraum::before {
  background-image: url(/assets/image/icon/konferenzraum.svg)
}

.icon--konferenztechnik::before {
  background-image: url(/assets/image/icon/konferenztechnik.svg)
}

.icon--language::before {
  background-image: url(/assets/image/icon/language.svg)
}

.icon--language-white::before {
  background-image: url(/assets/image/icon/language-white.svg)
}

.icon--layers::before {
  background-image: url(/assets/image/icon/layers.svg)
}

.icon--lgbt-rainbow::before {
  background-image: url(/assets/image/icon/lgbt-rainbow.svg)
}

.icon--list-down::before {
  background-image: url(/assets/image/icon/list-down.svg)
}

.icon--list-down-white::before {
  background-image: url(/assets/image/icon/list-down-white.svg)
}

.icon--list-left-red::before {
  background-image: url(/assets/image/icon/list-left-red.svg)
}

.icon--list-left-white::before {
  background-image: url(/assets/image/icon/list-left-white.svg)
}

.icon--list-left::before {
  background-image: url(/assets/image/icon/list-left.svg)
}

.icon--list-right-red::before {
  background-image: url(/assets/image/icon/list-right-red.svg)
}

.icon--list-right::before {
  background-image: url(/assets/image/icon/list-right.svg)
}

.icon--list::before {
  background-image: url(/assets/image/icon/list.svg)
}

.icon--list-up::before {
  background-image: url(/assets/image/icon/list-up.svg)
}

.icon--list-up-white::before {
  background-image: url(/assets/image/icon/list-up-white.svg)
}

.icon--list-white::before {
  background-image: url(/assets/image/icon/list-white.svg)
}

.icon--loading-white::before {
  animation: loadingwhite 1.5s infinite linear;
  background-image: url(/assets/image/icon/loading-white.svg) !important
}

.icon--loading-red::before {
  animation: loadingwhite 1.5s infinite linear;
  background-image: url(/assets/image/icon/loading-red.svg) !important
}

.icon--location-coffee::before {
  background-image: url(/assets/image/icon/location/location-coffee.svg)
}

.icon--location-wellness::before {
  background-image: url(/assets/image/icon/location/location-wellness.svg)
}

.icon--location-eat-drink::before {
  background-image: url(/assets/image/icon/location/location-eat_trink.svg)
}

.icon--location-entertainment::before {
  background-image: url(/assets/image/icon/location-entertainment.svg)
}

.icon--location-hotel::before {
  background-image: url(/assets/image/icon/location/location-hotel.svg)
}

.icon--location-infrastructure::before {
  background-image: url(/assets/image/icon/location-infrastructure.svg)
}

.icon--location-marker::before {
  background-image: url(/assets/image/icon/location-marker.svg)
}

.icon--location-marker-grey::before {
  background-image: url(/assets/image/icon/location-marker-grey.svg)
}

.icon--location-marker-red::before {
  background-image: url(/assets/image/icon/location-marker-red.svg)
}

.icon--location-marker-white-fill::before {
  background-image: url(/assets/image/icon/location-marker-white-fill.svg)
}

.icon--location-marker-white::before {
  background-image: url(/assets/image/icon/location-marker-white.svg)
}

.icon--location-museum-red::before {
  background-image: url(/assets/image/icon/location-museum-red.svg)
}

.icon--location-museum::before {
  background-image: url(/assets/image/icon/location/location-museum_art.svg)
}

.icon--location-music-stage::before {
  background-image: url(/assets/image/icon/location/location-music_stage.svg)
}

.icon--location-nightlife::before {
  background-image: url(/assets/image/icon/location/location-nightlife.svg)
}

.icon--location-nocategory::before {
  background-image: url(/assets/image/icon/location/location-nocategory.svg)
}

.icon--location-park::before {
  background-image: url(/assets/image/icon/location/location-park.svg)
}

.icon--location-public::before {
  background-image: url(/assets/image/icon/location/location-public.svg)
}

.icon--location-sport::before {
  background-image: url(/assets/image/icon/location/location-sport.svg)
}

.icon--location-shopping-red::before {
  background-image: url(/assets/image/icon/location-shopping-red.svg)
}

.icon--location-shopping::before {
  background-image: url(/assets/image/icon/location/location-shopping.svg)
}

.icon--location-sightseeing::before {
  background-image: url(/assets/image/icon/location/location-sightseeing.svg)
}

.icon--location-transport::before {
  background-image: url(/assets/image/icon/location/location-transport.svg)
}

.icon--location-venue::before {
  background-image: url(/assets/image/icon/location/location-venue.svg)
}

.icon--location-reduced-entertainment::before {
  background-image: url(/assets/image/icon/location/location-entertainment.svg)
}

.icon--location-reduced-coffee::before {
  background-image: url(/assets/image/icon/location/location-coffee.svg)
}

.icon--location-reduced-eat_trink::before {
  background-image: url(/assets/image/icon/location/location-eat_trink.svg)
}

.icon--location-reduced-location-hotel::before {
  background-image: url(/assets/image/icon/location/location-hotel.svg)
}

.icon--location-reduced-museum_art::before {
  background-image: url(/assets/image/icon/location/location-museum_art.svg)
}

.icon--location-reduced-music_stage::before {
  background-image: url(/assets/image/icon/location/location-music_stage.svg)
}

.icon--location-reduced-nightlife::before {
  background-image: url(/assets/image/icon/location/location-nightlife.svg)
}

.icon--location-reduced-park::before {
  background-image: url(/assets/image/icon/location/location-park.svg)
}

.icon--location-reduced-public::before {
  background-image: url(/assets/image/icon/location/location-public.svg)
}

.icon--location-reduced-shopping::before {
  background-image: url(/assets/image/icon/location/location-shopping.svg)
}

.icon--location-reduced-sightseeing::before {
  background-image: url(/assets/image/icon/location/location-sightseeing.svg)
}

.icon--location-reduced-sport::before {
  background-image: url(/assets/image/icon/location/location-sport.svg)
}

.icon--location-reduced-transport::before {
  background-image: url(/assets/image/icon/location/location-transport.svg)
}

.icon--location-reduced-venue::before,
.icon--location-reduced-wellness::before {
  background-image: url(/assets/image/icon/location/location-wellness.svg)
}

.icon--location-reduced-location-nocategory::before {
  background-image: url(/assets/image/icon/location/location-nocategory.svg)
}

.icon--lock-closed::before {
  background-image: url(/assets/image/icon/lock-closed.svg)
}

.icon--lock-open::before {
  background-image: url(/assets/image/icon/lock-open.svg)
}

.icon--map-red::before {
  background-image: url(/assets/image/icon/map-red.svg)
}

.icon--map::before {
  background-image: url(/assets/image/icon/map.svg)
}

.icon--map-close-red::before {
  background-image: url(/assets/image/icon/map-close-red.svg)
}

.icon--map-white::before {
  background-image: url(/assets/image/icon/map-white.svg)
}

.icon--message-error::before {
  background-image: url(/assets/image/icon/message-error.svg)
}

.icon--message-info::before {
  background-image: url(/assets/image/icon/message-info.svg)
}

.icon--message-success::before {
  background-image: url(/assets/image/icon/message-success.svg)
}

.icon--message::before {
  background-image: url(/assets/image/icon/message.svg)
}

.icon--minibar::before {
  background-image: url(/assets/image/icon/minibar.svg)
}

.icon--move::before {
  background-image: url(/assets/image/icon/move.svg)
}

.icon--navigate-before-red::before {
  background-image: url(/assets/image/icon/navigate-before-red.svg)
}

.icon--navigate-before::before {
  background-image: url(/assets/image/icon/navigate-before.svg)
}

.icon--navigate-next-red::before {
  background-image: url(/assets/image/icon/navigate-next-red.svg)
}

.icon--navigate-next::before {
  background-image: url(/assets/image/icon/navigate-next.svg)
}

.icon--news-white::before {
  background-image: url(/assets/image/icon/news-white.svg)
}

.icon--oeko::before {
  background-image: url(/assets/image/icon/oeko.svg)
}

.icon--hygiene::before {
  background-image: url(/assets/image/icon/safe-stay-black.svg)
}

.icon--overlay-news-white::before {
  background-image: url(/assets/image/icon/overlay-news-white.svg)
}

.icon--overlay-insider-white::before {
  background-image: url(/assets/image/icon/overlay-insider-white.svg);
  background-size: 110% !important
}

.icon--overlay-partner-news-white::before {
  background-image: url(/assets/image/icon/overlay-partner-news-white.svg);
  background-size: 220% !important;
  background-position-x: 48% !important
}

.icon--overlay-win-now-white::before {
  background-image: url(/assets/image/icon/overlay-win-now-white.svg);
  background-size: 150% !important;
  background-position-x: 53% !important
}

.icon--overlay-download-white::before {
  background-image: url(/assets/image/icon/overlay-download-white.svg)
}

.icon--overlay-player-play-white::before {
  background-image: url(/assets/image/icon/overlay-player-play-white.svg)
}

.icon--overlay-suitcase-white::before {
  background-image: url(/assets/image/icon/overlay-suitcase-white.svg)
}

.icon--overlay-overlay-white::before {
  background-image: url(/assets/image/icon/overlay-overlay-white.svg)
}

.icon--overlay-social-media-pdf-white::before {
  background-image: url(/assets/image/icon/overlay-social-media-pdf-white.svg)
}

.icon--overlay-events-white::before {
  background-image: url(/assets/image/icon/overlay-events-white.svg)
}

.icon--parkplatz::before {
  background-image: url(/assets/image/icon/parkplatz.svg)
}

.icon--pause::before {
  background-image: url(/assets/image/icon/pause.svg)
}

.icon--phone::before {
  background-image: url(/assets/image/icon/phone.svg)
}

.icon--phone-hotel::before {
  background-image: url(/assets/image/icon/phone-hotel.svg)
}

.icon--phone-location::before {
  background-image: url(/assets/image/icon/phone-location.svg)
}

.icon--player-full-size::before {
  background-image: url(/assets/image/icon/player-full-size.svg)
}

.icon--player-overlay-play::before {
  background-image: url(/assets/image/icon/player-overlay-play.svg)
}

.icon--player-pause::before {
  background-image: url(/assets/image/icon/player-pause.svg)
}

.icon--player-play::before {
  background-image: url(/assets/image/icon/player-play.svg)
}

.icon--player-play-white::before {
  background-image: url(/assets/image/icon/player-play-white.svg)
}

.icon--player-volume-down::before {
  background-image: url(/assets/image/icon/player-volume-down.svg)
}

.icon--player-volume-off::before {
  background-image: url(/assets/image/icon/player-volume-off.svg)
}

.icon--player-volume-up::before {
  background-image: url(/assets/image/icon/player-volume-up.svg)
}

.icon--point-filled-red::before {
  background-image: url(/assets/image/icon/point-filled-red.svg)
}

.icon--point-grey::before {
  background-image: url(/assets/image/icon/point-grey.svg)
}

.icon--point-red::before {
  background-image: url(/assets/image/icon/point-red.svg)
}

.icon--point-outline::before {
  background-image: url(/assets/image/icon/point-outline.svg)
}

.icon--point::before {
  background-image: url(/assets/image/icon/point.svg)
}

.icon--point-white::before {
  background-image: url(/assets/image/icon/point-white.svg)
}

.icon--position::before {
  background-image: url(/assets/image/icon/position.svg)
}

.icon--radinformation::before {
  background-image: url(/assets/image/icon/radinformation.svg)
}

.icon--radio::before {
  background-image: url(/assets/image/icon/radio.svg)
}

.icon--reminder-add::before {
  background-image: url(/assets/image/icon/reminder-add.svg)
}

.icon--reminder-remove::before {
  background-image: url(/assets/image/icon/reminder-remove.svg)
}

.icon--reperatur::before {
  background-image: url(/assets/image/icon/reperatur.svg)
}

.icon--restaurant::before {
  background-image: url(/assets/image/icon/restaurant.svg)
}

.icon--rolli-bedingt::before {
  background-image: url(/assets/image/icon/rolli-bedingt.svg)
}

.icon--sauna::before {
  background-image: url(/assets/image/icon/sauna.svg)
}

.icon--search-red::before {
  background-image: url(/assets/image/icon/search-red.svg)
}

.icon--search::before {
  background-image: url(/assets/image/icon/search.svg)
}

.icon--search-white::before {
  background-image: url(/assets/image/icon/search-white.svg)
}

.icon--service-red::before {
  background-image: url(/assets/image/icon/service-red.svg)
}

.icon--service::before {
  background-image: url(/assets/image/icon/service.svg)
}

.icon--sign-language::before {
  background-image: url(/assets/image/icon/sign-language.svg)
}

.icon--sign-language-white::before {
  background-image: url(/assets/image/icon/sign-language-white.svg)
}

.icon--slide-pause-red::before {
  background-image: url(/assets/image/icon/slide-pause-red.svg)
}

.icon--slide-pause::before {
  background-image: url(/assets/image/icon/slide-pause.svg)
}

.icon--slide-pause-white::before {
  background-image: url(/assets/image/icon/slide-pause-white.svg)
}

.icon--slide-play-red::before {
  background-image: url(/assets/image/icon/slide-play-red.svg)
}

.icon--slide-play::before {
  background-image: url(/assets/image/icon/slide-play.svg)
}

.icon--slide-play-white::before {
  background-image: url(/assets/image/icon/slide-play-white.svg)
}

.icon--share-white::before {
  background-image: url(/assets/image/icon/share-white.svg)
}

.icon--social-media-facebook-black::before {
  background-image: url(/assets/image/icon/social-media-facebook-black.svg)
}

.icon--social-media-facebook-color::before {
  background-image: url(/assets/image/icon/social-media-facebook-color.svg)
}

.icon--social-media-facebook-red::before {
  background-image: url(/assets/image/icon/social-media-facebook-red.svg)
}

.icon--social-media-facebook::before {
  background-image: url(/assets/image/icon/social-media-facebook.svg)
}

.icon--social-media-facebook-lightgray::before {
  background-image: url(/assets/image/icon/social-media-facebook-lightgray.svg)
}

.icon--social-media-facebook-white::before {
  background-image: url(/assets/image/icon/social-media-facebook-white.svg)
}

.icon--social-media-facebook-header-black::before {
  background-image: url(/assets/image/icon/social-media-facebook-header-black.svg)
}

.icon--social-media-facebook-header-white::before {
  background-image: url(/assets/image/icon/social-media-facebook-header-white.svg)
}

.icon--social-media-facebook-header-red::before {
  background-image: url(/assets/image/icon/social-media-facebook-header-red.svg)
}

.icon--social-media-fouresquare-red::before {
  background-image: url(/assets/image/icon/social-media-fouresquare-red.svg)
}

.icon--social-media-fouresquare::before {
  background-image: url(/assets/image/icon/social-media-fouresquare.svg)
}

.icon--social-media-fouresquare-white::before {
  background-image: url(/assets/image/icon/social-media-fouresquare-white.svg)
}

.icon--social-media-foursquare-color::before {
  background-image: url(/assets/image/icon/social-media-foursquare-color.svg)
}

.icon--social-media-foursquare-white::before {
  background-image: url(/assets/image/icon/social-media-foursquare-white.svg)
}

.icon--social-media-google-color::before {
  background-image: url(/assets/image/icon/social-media-google-color.svg)
}

.icon--social-media-google-red::before {
  background-image: url(/assets/image/icon/social-media-google-red.svg)
}

.icon--social-media-google-white::before {
  background-image: url(/assets/image/icon/social-media-google-white.svg)
}

.icon--social-media-instagram-black::before {
  background-image: url(/assets/image/icon/social-media-instagram-black.svg)
}

.icon--social-media-instagram-color::before {
  background-image: url(/assets/image/icon/social-media-instagram-color.svg)
}

.icon--social-media-instagram-red::before {
  background-image: url(/assets/image/icon/social-media-instagram-red.svg)
}

.icon--social-media-instagram::before {
  background-image: url(/assets/image/icon/social-media-instagram.svg)
}

.icon--social-media-instagram-white::before {
  background-image: url(/assets/image/icon/social-media-instagram-white.svg)
}

.icon--social-media-instagram-header-black::before {
  background-image: url(/assets/image/icon/social-media-instagram-header-black.svg)
}

.icon--social-media-instagram-header-white::before {
  background-image: url(/assets/image/icon/social-media-instagram-header-white.svg)
}

.icon--social-media-instagram-header-red::before {
  background-image: url(/assets/image/icon/social-media-instagram-header-red.svg)
}

.icon--social-media-linkedin-header-white::before {
  background-image: url(/assets/image/icon/social-media-linkedin-header-white.svg)
}

.icon--social-media-linkedin-header-red::before {
  background-image: url(/assets/image/icon/social-media-linkedin-header-red.svg)
}

.icon--social-media-linkedin-header-black::before {
  background-image: url(/assets/image/icon/social-media-linkedin-header-black.svg)
}

.icon--social-media-pdf::before {
  background-image: url(/assets/image/icon/social-media-pdf.svg)
}

.icon--social-media-pdf-white::before {
  background-image: url(/assets/image/icon/social-media-pdf-white.svg)
}

.icon--social-media-twitter-color::before {
  background-image: url(/assets/image/icon/social-media-twitter-color.svg)
}

.icon--social-media-twitter-red::before {
  background-image: url(/assets/image/icon/social-media-twitter-red.svg)
}

.icon--social-media-twitter::before {
  background-image: url(/assets/image/icon/social-media-twitter.svg)
}

.icon--social-media-twitter-lightgray::before {
  background-image: url(/assets/image/icon/social-media-twitter-lightgray.svg)
}

.icon--social-media-twitter-white::before {
  background-image: url(/assets/image/icon/social-media-twitter-white.svg)
}

.icon--social-media-twitter-header-white::before {
  background-image: url(/assets/image/icon/social-media-twitter-header-white.svg)
}

.icon--social-media-twitter-header-red::before {
  background-image: url(/assets/image/icon/social-media-twitter-header-red.svg)
}

.icon--social-media-twitter-header-black::before {
  background-image: url(/assets/image/icon/social-media-twitter-header-black.svg)
}

.icon--social-media-youtube-black::before {
  background-image: url(/assets/image/icon/social-media-youtube-black.svg)
}

.icon--social-media-youtube-color::before {
  background-image: url(/assets/image/icon/social-media-youtube-color.svg)
}

.icon--social-media-youtube-red::before {
  background-image: url(/assets/image/icon/social-media-youtube-red.svg)
}

.icon--social-media-youtube::before {
  background-image: url(/assets/image/icon/social-media-youtube.svg)
}

.icon--social-media-youtube-white::before {
  background-image: url(/assets/image/icon/social-media-youtube-white.svg)
}

.icon--social-media-youtube-header-black::before {
  background-image: url(/assets/image/icon/social-media-youtube-header-black.svg)
}

.icon--social-media-youtube-header-white::before {
  background-image: url(/assets/image/icon/social-media-youtube-header-white.svg)
}

.icon--social-media-youtube-header-red::before {
  background-image: url(/assets/image/icon/social-media-youtube-header-red.svg)
}

.icon--solarium::before {
  background-image: url(/assets/image/icon/solarium.svg)
}

.icon--star-empty::before {
  background-image: url(/assets/image/icon/star-empty.svg)
}

.icon--star-empty-red::before {
  background-image: url(/assets/image/icon/star-empty-red.svg)
}

.icon--star-full::before {
  background-image: url(/assets/image/icon/star-full.svg)
}

.icon--star-full-red::before {
  background-image: url(/assets/image/icon/star-full-red.svg)
}

.icon--star-full-white-on::before {
  background-image: url(/assets/image/icon/star-full-white-on.svg)
}

.icon--star-full-white::before {
  background-image: url(/assets/image/icon/star-full-white.svg)
}

.icon--star-half::before {
  background-image: url(/assets/image/icon/star-half.svg)
}

.icon--star-half-red::before {
  background-image: url(/assets/image/icon/star-half-red.svg)
}

.icon--suitcase-add-red::before {
  background-image: url(/assets/image/icon/suitcase-add-red.svg)
}

.icon--suitcase-add::before {
  background-image: url(/assets/image/icon/suitcase-add.svg)
}

.icon--suitcase-red::before {
  background-image: url(/assets/image/icon/suitcase-red.svg)
}

.icon--suitcase::before {
  background-image: url(/assets/image/icon/suitcase.svg)
}

.icon--suitcase-white::before {
  background-image: url(/assets/image/icon/suitcase-white.svg)
}

.icon--suitcase-header-white::before {
  background-image: url(/assets/image/icon/suitcase-header-white.svg)
}

.icon--superior-red::before {
  background-image: url(/assets/image/icon/superior-red.svg)
}

.icon--superior::before {
  background-image: url(/assets/image/icon/superior.svg)
}

.icon--survey-red::before {
  background-image: url(/assets/image/icon/survey-red.svg)
}

.icon--survey::before {
  background-image: url(/assets/image/icon/survey.svg)
}

.icon--swimming-pool::before {
  background-image: url(/assets/image/icon/swimming-pool.svg)
}

.icon--swimming::before {
  background-image: url(/assets/image/icon/swimming.svg)
}

.icon--television::before {
  background-image: url(/assets/image/icon/television.svg)
}

.icon--tooltip::before {
  background-image: url(/assets/image/icon/tooltip.svg)
}

.icon--tour_72-hours::before {
  background-image: url(/assets/image/icon/tour_72-hours.svg)
}

.icon--tour_business::before {
  background-image: url(/assets/image/icon/tour_business.svg)
}

.icon--tour_children::before {
  background-image: url(/assets/image/icon/tour_children.svg)
}

.icon--tour_culture::before {
  background-image: url(/assets/image/icon/tour_culture.svg)
}

.icon--tour_greenspace::before {
  background-image: url(/assets/image/icon/tour_greenspace.svg)
}

.icon--tour_imperial::before {
  background-image: url(/assets/image/icon/tour_imperial.svg)
}

.icon--tour_lifestyle::before {
  background-image: url(/assets/image/icon/tour_lifestyle.svg)
}

.icon--tour_low-budget::before {
  background-image: url(/assets/image/icon/tour_low-budget.svg)
}

.icon--tour_prater::before {
  background-image: url(/assets/image/icon/tour_prater.svg)
}

.icon--train::before {
  background-image: url(/assets/image/icon/train.svg)
}

.icon--tram::before {
  background-image: url(/assets/image/icon/tram.svg)
}

.icon--trash::before {
  background-image: url(/assets/image/icon/trash.svg)
}

.icon--underground::before {
  background-image: url(/assets/image/icon/underground.svg)
}

.icon--vcb-banquet::before {
  background-image: url(/assets/image/icon/vcb-banquet.svg)
}

.icon--vcb-board::before {
  background-image: url(/assets/image/icon/vcb-board.svg)
}

.icon--vcb-cocktail::before {
  background-image: url(/assets/image/icon/vcb-cocktail.svg)
}

.icon--vcb-conf::before {
  background-image: url(/assets/image/icon/vcb-conf.svg)
}

.icon--vcb-school::before {
  background-image: url(/assets/image/icon/vcb-school.svg)
}

.icon--vcb-u::before {
  background-image: url(/assets/image/icon/vcb-u.svg)
}

.icon--vienna-experts-club-red::before {
  background-image: url(/assets/image/icon/vienna-experts-club-red.svg)
}

.icon--vienna-experts-club::before {
  background-image: url(/assets/image/icon/vienna-experts-club.svg)
}

.icon--visibility-filled-white::before {
  background-image: url(/assets/image/icon/visibility-filled-white.svg)
}

.icon--visibility-off-filled-white::before {
  background-image: url(/assets/image/icon/visibility-off-filled-white.svg)
}

.icon--visibility-off::before {
  background-image: url(/assets/image/icon/visibility-off.svg)
}

.icon--visibility::before {
  background-image: url(/assets/image/icon/visibility.svg)
}

.icon--weat::before {
  background-image: url(/assets/image/icon/weather/)
}

.icon--wheelchair::before {
  background-image: url(/assets/image/icon/wheelchair.svg)
}

.icon--whirlpool::before {
  background-image: url(/assets/image/icon/whirlpool.svg)
}

.icon--wien-card::before {
  background-image: url(/assets/image/icon/wien-card.svg)
}

.icon--wien-card-red::before {
  background-image: url(/assets/image/icon/wien-card-red.svg)
}

.icon--wlan::before {
  background-image: url(/assets/image/icon/wlan.svg)
}

.icon--weather-white::before {
  background-image: url(/assets/image/icon/weather-white.svg)
}

.icon--social-media-email-white::before {
  background-image: url(/assets/image/icon/social-media-email-white.svg)
}

.icon--highlightsshow::before {
  background-image: url(/assets/image/icon/star-empty.svg)
}

.icon--highlights {
  background-image: url(/assets/image/icon/star-full.svg)
}

.icon--weather-a::before {
  background-image: url(/assets/image/icon/weather/a.svg)
}

.icon--weather-b::before {
  background-image: url(/assets/image/icon/weather/b.svg)
}

.icon--weather-c::before {
  background-image: url(/assets/image/icon/weather/c.svg)
}

.icon--weather-d::before {
  background-image: url(/assets/image/icon/weather/d.svg)
}

.icon--weather-e::before {
  background-image: url(/assets/image/icon/weather/e.svg)
}

.icon--weather-f::before {
  background-image: url(/assets/image/icon/weather/f.svg)
}

.icon--weather-g::before {
  background-image: url(/assets/image/icon/weather/g.svg)
}

.icon--weather-h::before {
  background-image: url(/assets/image/icon/weather/h.svg)
}

.icon--weather-i::before {
  background-image: url(/assets/image/icon/weather/i.svg)
}

.icon--weather-j::before {
  background-image: url(/assets/image/icon/weather/j.svg)
}

.icon--weather-k::before {
  background-image: url(/assets/image/icon/weather/k.svg)
}

.icon--weather-l::before {
  background-image: url(/assets/image/icon/weather/l.svg)
}

.icon--weather-m::before {
  background-image: url(/assets/image/icon/weather/m.svg)
}

.icon--weather-n::before {
  background-image: url(/assets/image/icon/weather/n.svg)
}

.icon--weather-o::before {
  background-image: url(/assets/image/icon/weather/o.svg)
}

.icon--weather-p::before {
  background-image: url(/assets/image/icon/weather/p.svg)
}

.icon--weather-q::before {
  background-image: url(/assets/image/icon/weather/q.svg)
}

.icon--weather-r::before {
  background-image: url(/assets/image/icon/weather/r.svg)
}

.icon--weather-s::before {
  background-image: url(/assets/image/icon/weather/s.svg)
}

.icon--weather-t::before {
  background-image: url(/assets/image/icon/weather/t.svg)
}

.icon--weather-u::before {
  background-image: url(/assets/image/icon/weather/u.svg)
}

.icon--weather-v::before {
  background-image: url(/assets/image/icon/weather/v.svg)
}

.icon--weather-w::before {
  background-image: url(/assets/image/icon/weather/w.svg)
}

.icon--weather-x::before {
  background-image: url(/assets/image/icon/weather/x.svg)
}

.icon--weather-y::before {
  background-image: url(/assets/image/icon/weather/y.svg)
}

.icon--weather-z::before {
  background-image: url(/assets/image/icon/weather/z.svg)
}

.icon--weather-a-white::before {
  background-image: url(/assets/image/icon/weather/a-white.svg)
}

.icon--weather-b-white::before {
  background-image: url(/assets/image/icon/weather/b-white.svg)
}

.icon--weather-c-white::before {
  background-image: url(/assets/image/icon/weather/c-white.svg)
}

.icon--weather-d-white::before {
  background-image: url(/assets/image/icon/weather/d-white.svg)
}

.icon--weather-e-white::before {
  background-image: url(/assets/image/icon/weather/e-white.svg)
}

.icon--weather-f-white::before {
  background-image: url(/assets/image/icon/weather/f-white.svg)
}

.icon--weather-g-white::before {
  background-image: url(/assets/image/icon/weather/g-white.svg)
}

.icon--weather-h-white::before {
  background-image: url(/assets/image/icon/weather/h-white.svg)
}

.icon--weather-i-white::before {
  background-image: url(/assets/image/icon/weather/i-white.svg)
}

.icon--weather-j-white::before {
  background-image: url(/assets/image/icon/weather/j-white.svg)
}

.icon--weather-k-white::before {
  background-image: url(/assets/image/icon/weather/k-white.svg)
}

.icon--weather-l-white::before {
  background-image: url(/assets/image/icon/weather/l-white.svg)
}

.icon--weather-m-white::before {
  background-image: url(/assets/image/icon/weather/m-white.svg)
}

.icon--weather-n-white::before {
  background-image: url(/assets/image/icon/weather/n-white.svg)
}

.icon--weather-o-white::before {
  background-image: url(/assets/image/icon/weather/o-white.svg)
}

.icon--weather-p-white::before {
  background-image: url(/assets/image/icon/weather/p-white.svg)
}

.icon--weather-q-white::before {
  background-image: url(/assets/image/icon/weather/q-white.svg)
}

.icon--weather-r-white::before {
  background-image: url(/assets/image/icon/weather/r-white.svg)
}

.icon--weather-s-white::before {
  background-image: url(/assets/image/icon/weather/s-white.svg)
}

.icon--weather-t-white::before {
  background-image: url(/assets/image/icon/weather/t-white.svg)
}

.icon--weather-u-white::before {
  background-image: url(/assets/image/icon/weather/u-white.svg)
}

.icon--weather-v-white::before {
  background-image: url(/assets/image/icon/weather/v-white.svg)
}

.icon--weather-w-white::before {
  background-image: url(/assets/image/icon/weather/w-white.svg)
}

.icon--weather-x-white::before {
  background-image: url(/assets/image/icon/weather/x-white.svg)
}

.icon--weather-y-white::before {
  background-image: url(/assets/image/icon/weather/y-white.svg)
}

.icon--weather-z-white::before {
  background-image: url(/assets/image/icon/weather/z-white.svg)
}

.icon-calendar {
  background-image: url(/assets/image/icon/calendar.svg)
}

a.leaflet-control-location-toggle::before {
  background-image: url(/assets/image/icon/position.svg)
}

a.leaflet-control-map-toggle::before {
  background-image: url(/assets/image/icon/close.svg)
}

.navigation_item.navigation_item--open .navigation_link .icon--list-down::before {
  background-image: url(/assets/image/icon/close-red.svg)
}

.leaflet-control-layers-toggle::before {
  background-image: url(/assets/image/icon/layers.svg)
}

.leaflet-control-fullscreen::before {
  background-image: url(/assets/image/icon/fullscreen.svg)
}

.map--fullscreen .leaflet-control-fullscreen::before {
  background-image: url(/assets/image/icon/fullscreen-exit.svg)
}

.icon--nocategory::before,
.location::before {
  background-image: url(/assets/image/icon/location/location-nocategory.svg)
}

.icon--coffee::before,
.location.location--category-coffee::before {
  background-image: url(/assets/image/icon/location/location-coffee.svg)
}

.icon--sport::before,
.location.location--category-sport::before {
  background-image: url(/assets/image/icon/location/location-sport.svg)
}

.icon--transport::before,
.location.location--category-transport::before {
  background-image: url(/assets/image/icon/location/location-transport.svg)
}

.icon--public::before,
.location.location--category-public::before {
  background-image: url(/assets/image/icon/location/location-public.svg)
}

.icon--venue::before,
.location.location--category-venue::before {
  background-image: url(/assets/image/icon/location/location-venue.svg)
}

.icon--hotel::before,
.location.location--category-hotel::before {
  background-image: url(/assets/image/icon/location/location-hotel.svg)
}

.icon--shopping::before,
.location.location--category-shopping::before {
  background-image: url(/assets/image/icon/location/location-shopping.svg)
}

.icon--eat_trink::before,
.location.location--category-eat_trink::before {
  background-image: url(/assets/image/icon/location/location-eat_trink.svg)
}

.icon--museum_art::before,
.location.location--category-museum_art::before {
  background-image: url(/assets/image/icon/location/location-museum_art.svg)
}

.icon--sightseeing::before,
.location.location--category-sightseeing::before {
  background-image: url(/assets/image/icon/location/location-sightseeing.svg)
}

.icon--park::before,
.location.location--category-park::before {
  background-image: url(/assets/image/icon/location/location-park.svg)
}

.icon--music_stage::before,
.location.location--category-music_stage::before {
  background-image: url(/assets/image/icon/location/location-music_stage.svg)
}

.icon--entertainment::before,
.location.location--category-entertainment::before {
  background-image: url(/assets/image/icon/location/location-entertainment.svg)
}

.icon--nightlife::before,
.location.location--category-nightlife::before {
  background-image: url(/assets/image/icon/location/location-nightlife.svg)
}

.icon--wellness::before,
.location.location--category-wellness::before {
  background-image: url(/assets/image/icon/location/location-wellness.svg)
}

.button--toggle-visibility-on::before {
  background-image: url(/assets/image/icon/visibility-filled-white.svg)
}

.button--toggle-visibility-off::before {
  background-image: url(/assets/image/icon/visibility-off-filled-white.svg)
}

.richtext-container a.extern::after {
  background-image: url(/assets/image/icon/external-link-red.svg)
}

.richtext-container a.button.extern::after {
  background-image: url(/assets/image/icon/external-link-white.svg)
}

.icon--file,
.richtext-container a.extern.xls::after,
.richtext-container a.xls::after {
  background-image: url(/assets/image/icon/file-excel.svg)
}

.richtext-container a.extern.pdf::after,
.richtext-container a.pdf::after {
  background-image: url(/assets/image/icon/file-pdf.svg)
}

.richtext-container a.doc::after,
.richtext-container a.extern.doc::after {
  background-image: url(/assets/image/icon/file-word.svg)
}

.richtext-container a.audio::after,
.richtext-container a.extern.audio::after {
  background-image: url(/assets/image/icon/file-audio.svg)
}

.richtext-container a.extern.video::after,
.richtext-container a.video::after {
  background-image: url(/assets/image/icon/file-video.svg)
}

.richtext-container a.download::after,
.richtext-container a.extern.download::after {
  background-image: url(/assets/image/icon/file-alt.svg)
}

.richtext-container a.extern.zip::after,
.richtext-container a.zip::after {
  background-image: url(/assets/image/icon/file-archive.svg)
}

.richtext-container a.extern.img::after,
.richtext-container a.img::after {
  background-image: url(/assets/image/icon/file-picture.svg)
}

.b2b-news li::before,
.slick-next::before,
html[lang=ar] .location .icon--list::before {
  background-image: url(/assets/image/icon/list.svg)
}

.icon--list-left::before,
.slick-prev::before,
html[lang=ar] .icon--list::before {
  background-image: url(/assets/image/icon/list-left.svg)
}

.navigation_item--open .navigation_link::before {
  background-image: url(/assets/image/icon/list-down.svg)
}

.navigation_item button::before {
  background-image: url(/assets/image/icon/list-down-white.svg)
}

.navigation_item.navigation_item--open button::before {
  background-image: url(/assets/image/icon/list-up-white.svg)
}

.richtext-container a.extern.wienkarte::after,
.richtext-container a.wienkarte::after {
  background-image: url(/assets/image/icon/wien-card.svg)
}

.icon--social-media-youtube:focus::before,
.icon--social-media-youtube:hover::before {
  background-image: url(/assets/image/icon/social-media-youtube-color.svg)
}

.icon--social-media-google::before {
  background-image: url(/assets/image/icon/social-media-google-color.svg)
}

.icon--social-media-twitter:focus::before,
.icon--social-media-twitter:hover::before {
  background-image: url(/assets/image/icon/social-media-twitter-color.svg)
}

.icon--social-media-foursquare:focus::before,
.icon--social-media-foursquare:hover::before {
  background-image: url(/assets/image/icon/social-media-foursquare-color.svg)
}

.icon--social-media-facebook:focus::before,
.icon--social-media-facebook:hover::before {
  background-image: url(/assets/image/icon/social-media-facebook-color.svg)
}

.icon--social-media-instagram:focus::before,
.icon--social-media-instagram:hover::before {
  background-image: url(/assets/image/icon/social-media-instagram-color.svg)
}

.icon--social-media-google:focus::before,
.icon--social-media-google:hover::before {
  background-image: url(/assets/image/icon/social-media-google-color.svg)
}

.list-sort_sort.asc::after {
  background-image: url(/assets/image/icon/arrow-down.svg)
}

.list-sort_sort.desc::after {
  background-image: url(/assets/image/icon/arrow.svg)
}

.greenicon::before {
  background-image: url(/assets/image/icon/green.svg)
}

.icon--fax::before {
  background-image: url(/assets/image/icon/file.svg)
}

.u--haslocation .clip_item--map::before {
  background-image: url(/assets/image/icon/map-white.svg)
}

.icon--hrs-logo-big::before {
  max-width: 295px;
  max-height: 96px;
  width: 100%;
  height: 100%;
  min-height: 96px
}

.icon--hrs-bed::before {
  height: 32px;
  margin-right: 6px;
  width: 32px
}

.icon--loading::before {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  animation: spin 1s infinite linear
}

li.icon {
  position: relative;
  margin-left: 16px
}

li.icon::before {
  position: absolute;
  left: -24px;
  top: 0
}

li.icon--point-filled-red,
li.icon--point-grey,
li.icon--point-red,
li.icon--point-white {
  margin-left: 25px
}

li.icon--point-filled-red::before,
li.icon--point-grey::before,
li.icon--point-red::before,
li.icon--point-white::before {
  height: 16px;
  width: 16px;
  top: 8px !important;
  left: -25px
}

*,
::after,
::before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%
}

body {
  background-color: #fff;
  color: #040404;
  font-family: "Graphik Web", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  margin: 0;
  padding: 0
}

html[lang=ar] body,
html[lang=ja] body {
  font-family: Arial, sans-serif
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
  font-family: "Graphik Web", Arial, sans-serif;
  color: #e52236;
  line-height: 1.3
}

body,
html {
  width: auto
}

html.u--menu-open body {
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto
}

b {
  font-weight: 500
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5,
strong {
  font-weight: 400
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  padding: 0;
  margin: 0
}

.h1,
h1 {
  font-size: 2.5625em
}

.h2,
h2 {
  font-size: 1.5625em
}

.h3,
h3 {
  font-size: 1.5em
}

.dialog h1,
.dialog-close,
.h4,
h4 {
  font-size: 1.25em
}

.h5,
.page,
h5 {
  font-size: 1em
}

html[lang=ar] .h1,
html[lang=ar] .h2,
html[lang=ar] .h3,
html[lang=ar] .h4,
html[lang=ar] .h5,
html[lang=ar] h1,
html[lang=ar] h2,
html[lang=ar] h3,
html[lang=ar] h4,
html[lang=ar] h5,
html[lang=ja] .h1,
html[lang=ja] .h2,
html[lang=ja] .h3,
html[lang=ja] .h4,
html[lang=ja] .h5,
html[lang=ja] h1,
html[lang=ja] h2,
html[lang=ja] h3,
html[lang=ja] h4,
html[lang=ja] h5 {
  font-family: Arial, sans-serif !important
}

.button,
.button--link,
.button[disabled],
.geonav_areasearch,
.geonav_maptooltip.geonav_maptooltip,
.geonav_osmbutton,
html[data-webfontloaded] .h1,
html[data-webfontloaded] .h2,
html[data-webfontloaded] .h3,
html[data-webfontloaded] .h4,
html[data-webfontloaded] .h5,
html[data-webfontloaded] .h6,
html[data-webfontloaded] .richtext-container blockquote,
html[data-webfontloaded] h1,
html[data-webfontloaded] h2,
html[data-webfontloaded] h3,
html[data-webfontloaded] h4,
html[data-webfontloaded] h5,
html[data-webfontloaded] h6 {
  font-family: "Graphik Web", Arial, sans-serif
}

a {
  text-decoration: none;
  color: #e52236
}

a:focus,
a:hover {
  text-decoration: underline
}

address {
  font-style: normal
}

figure {
  margin: 0
}

pre {
  margin: 0;
  padding: 0
}

html[lang=ar] .h1,
html[lang=ar] .h2,
html[lang=ar] .h3,
html[lang=ar] .h4,
html[lang=ar] .h5,
html[lang=ar] .h6,
html[lang=ar] .richtext-container blockquote,
html[lang=ar] h1,
html[lang=ar] h2,
html[lang=ar] h3,
html[lang=ar] h4,
html[lang=ar] h5,
html[lang=ar] h6,
html[lang=ja] .h1,
html[lang=ja] .h2,
html[lang=ja] .h3,
html[lang=ja] .h4,
html[lang=ja] .h5,
html[lang=ja] .h6,
html[lang=ja] .richtext-container blockquote,
html[lang=ja] h1,
html[lang=ja] h2,
html[lang=ja] h3,
html[lang=ja] h4,
html[lang=ja] h5,
html[lang=ja] h6 {
  font-family: Arial, sans-serif
}

.dialog-close,
.geonav_close,
html[lang=ja] strong {
  font-weight: 700
}

button,
input,
keygen,
select,
textarea {
  font-weight: 300
}

button::-moz-focus-inner {
  border: 0
}

body.dialog-open {
  overflow: hidden;
  position: relative
}

body.dialog-open::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff
}

body .dialog {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 2000;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  background: rgba(43, 46, 56, .9)
}

body .dialog-overlay {
  display: none
}

body .dialog-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center
}

body .dialog-content-wrapper:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: ''
}

body .dialog-content {
  position: absolute;
  transform: none;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  text-align: left
}

.dialog[aria-hidden=true] {
  display: none
}

.dialog-overlay {
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.dialog-content {
  background-color: #fff;
  z-index: 3;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1em;
  max-width: 90%;
  width: 600px;
  border-radius: 2px
}

.dialog-close,
.geonav_areasearch,
.geonav_location-search {
  position: absolute;
  z-index: 999
}

.dialog-overlay {
  background-color: rgba(43, 46, 56, .9)
}

.dialog h1 {
  margin: 0
}

.dialog-close {
  top: .5em;
  right: .5em;
  border: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
  transition: .15s;
  background-color: #fff;
  border-radius: 2px;
  width: 2rem;
  height: 2rem;
  box-shadow: 0 0 0 2px #0003d
}

.grid,
.grid_row {
  width: 100%
}

.geonav .leaflet-touch .leaflet-bar,
.geonav_areasearch,
.geonav_location-search {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.grid_element--newline {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.grid_column,
.grid_row {
  display: -ms-flexbox;
  display: flex
}

.grid_row {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.grid_row--align-left {
  margin-left: -1em
}

.grid_row--more+.grid_row--more {
  margin-top: 1em
}

.grid_row--footer-detail {
  margin: 0;
  padding: 0 1em
}

.grid_column {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.grid_column--hidden-clips,
.grid_column--margin-top {
  margin-top: .5rem
}

.grid_column--aside,
.grid_column--spacer3x {
  -ms-flex-positive: 1;
  flex-grow: 1
}

.grid_column--spacer3x {
  background-color: #ebebeb;
  height: 2rem
}

.grid_column--clip,
.grid_column--spacer1x {
  width: 5em
}

.grid_column--article {
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

.grid--offset-clip {
  margin-left: 5em;
  width: calc(95%)
}

.grid_block-headline {
  margin-bottom: .3rem;
  margin-left: .5rem
}

.grid_row+.grid_block-headline {
  margin-top: .5em
}

.grid_column--location {
  -ms-flex-direction: column;
  flex-direction: column
}

.grid_column--location .grid_row:not(.grid_row--more) {
  padding-right: 1em
}

.grid_column--location .grid_column--article {
  width: 100%
}

.grid_column--1,
.grid_row--1 {
  width: 8.333333%
}

.grid_column--2,
.grid_row--2 {
  width: 16.666667%
}

.grid_column--3,
.grid_row--3 {
  width: 25%
}

.grid_column--4,
.grid_row--4 {
  width: 33.333333%
}

.grid_column--5,
.grid_row--5 {
  width: 41.666667%
}

.grid_column--6,
.grid_row--6 {
  width: 50%
}

.grid_column--7,
.grid_row--7 {
  width: 58.333333%
}

.grid_column--8,
.grid_row--8 {
  width: 66.666667%
}

.grid_column--9,
.grid_row--9 {
  width: 75%
}

.grid_column--10,
.grid_row--10 {
  width: 83.333333%
}

.grid_column--11,
.grid_row--11 {
  width: 91.666667%
}

.geonav,
.grid_column--12,
.grid_row--12 {
  width: 100%
}

.grid--offset-1 {
  margin-left: 8.333333%
}

.grid--offset-2 {
  margin-left: 16.666667%
}

.grid--offset-3 {
  margin-left: 25%
}

.grid--offset-4 {
  margin-left: 33.333333%
}

.grid--offset-5 {
  margin-left: 41.666667%
}

.grid--offset-6 {
  margin-left: 50%
}

.grid--offset-7 {
  margin-left: 58.333333%
}

.grid--offset-8 {
  margin-left: 66.666667%
}

.grid--offset-9 {
  margin-left: 75%
}

.grid--offset-10 {
  margin-left: 83.333333%
}

.grid--offset-11 {
  margin-left: 91.666667%
}

.grid--offset-12 {
  margin-left: 100%
}

.geonav {
  padding: 0;
  height: 100%;
  top: 0;
  left: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden
}

.geonav .geonav_hidden {
  display: none
}

.geonav_filterheading {
  cursor: pointer
}

.geonav_location-search {
  top: .5rem;
  left: .5rem;
  width: calc(100% - 5rem);
  max-width: 30rem
}

.geonav_location-search-input.geonav_location-search-input.geonav_location-search-input {
  font-size: 1rem;
  border-radius: 0;
  padding-left: .7rem;
  background-color: #fff;
  border: none;
  height: 2.5rem
}

.geonav_wrapper {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden
}

.geonav_content-container {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.geonav_aside {
  min-height: 100vh;
  width: 28rem;
  -ms-flex-positive: 0;
  flex-grow: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff
}

.geonav_aside--shown .geonav_list-container {
  overflow-y: auto
}

.geonav_list-container--ios {
  overflow-y: auto !important
}

.geonav_header-container {
  background-color: #e52236;
  color: #fff;
  font-weight: 400;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.geonav_more-links-container {
  background: #ebebeb;
  padding: .6rem 1rem
}

.geonav_header-text.geonav_header-text {
  padding: 0 1rem;
  font-size: 1.3rem;
  color: #fff;
  margin-bottom: 1rem
}

.geonav_header-text.geonav_header-text--offset {
  padding-top: 1rem
}

.geonav_searchform-wrapper {
  display: -ms-flexbox;
  display: flex
}

.geonav_searchform-button {
  width: 3rem;
  background-color: #fff;
  border: 0;
  cursor: pointer
}

.geonav_searchform-button:focus,
.geonav_searchform-button:hover {
  background-color: #f4f4f4
}

.geonav_osmcontainer {
  padding: 2rem 1rem
}

.geonav_osmbutton {
  background: 0 0;
  border: 1px solid #e52236;
  color: #e52236;
  font-weight: 500;
  padding: 1rem;
  width: 100%;
  display: block;
  cursor: pointer
}

.geonav_osmbutton:focus,
.geonav_osmbutton:hover {
  background-color: #f4f4f4
}

.geonav_areasearch {
  border: 0;
  background: #fff;
  padding: .5rem 1rem;
  box-sizing: border-box;
  cursor: pointer;
  animation: fadeIn .2s ease;
  font-weight: 300;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%);
  font-size: .9rem
}

.geonav_areasearch:focus,
.geonav_areasearch:hover {
  background-color: #f4f4f4
}

.geonav_areasearch-link-container {
  margin-bottom: .2rem
}

.geonav_areasearch-link,
.geonav_myvienna-link {
  color: #040404;
  font-weight: 400;
  font-size: .9rem;
  display: inline-block;
  background-size: 22px
}

.geonav_header-container label {
  font-size: 1rem
}

.geonav_main {
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative
}

.geonav_map-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.geonav_map {
  width: 100%;
  height: 100%
}

.geonav_list-container {
  -ms-flex-positive: 1;
  flex-grow: 1
}

.geonav_maptooltip.geonav_maptooltip {
  margin-top: -15px;
  left: 0;
  top: -4px
}

.geonav_mapsearchlocations {
  font-size: .9rem
}

.geonav_searchform--mobile {
  background-color: #e52236
}

.geonav_searchonmapcheckbox {
  color: #fff;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 2.5rem;
  display: block;
  font-size: 1rem
}

.geonav_searchonmapcheckbox--mobile {
  width: 92%;
  margin: 0 auto
}

.geonav_marker--hover {
  z-index: 9999 !important;
  filter: brightness(150%)
}

.geonav_list-item {
  border-bottom: 1px solid #ebebeb
}

.geonav_list-link {
  display: block;
  position: relative;
  transition: background-color 60ms ease
}

.geonav_list-link:focus,
.geonav_list-link:hover {
  text-decoration: none;
  background-color: #f4f4f4
}

.geonav_control:hover,
.geonav_filterlistbutton,
.geonav_found-link,
.geonav_highlights-checkbox:focus+.geonav_highlights-label,
.geonav_highlights-checkbox:hover+.geonav_highlights-label,
.geonav_highlights-label:focus,
.geonav_highlights-label:hover,
.geonav_list-link:focus .geonav_list-item-title,
.geonav_list-link:hover .geonav_list-item-title,
.message a,
.socialmedia_menulink--active {
  text-decoration: underline
}

.geonav_label-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  float: right
}

.geonav_label-highlight {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  padding: .2rem .5rem;
  border-top: 0;
  border-right: 0;
  font-weight: 400;
  color: #e62236;
  font-size: .7rem
}

.geonav_list-link-content {
  display: block;
  padding: 1rem
}

.geonav_list-item-category {
  color: #040404;
  font-size: .9rem
}

.geonav_list-item-title {
  color: #e52236;
  font-weight: 400;
  font-size: 1.1rem;
  margin-bottom: .5rem
}

.geonav_list-item-address {
  color: #040404;
  font-size: .9rem
}

.geonav_list-item-detail-link {
  color: #e52236
}

.geonav_found-header.geonav_found-header {
  font-size: 1.3rem
}

.geonav_found-subheader {
  font-size: .9rem
}

.geonav_found-link {
  color: #fff
}

.geonav_osm-result-button {
  color: #e52236;
  border: 1px solid #e52236;
  display: inline-block;
  margin-top: 1rem;
  margin-left: 1rem;
  padding: .5rem 1rem
}

.geonav_control {
  background-color: transparent;
  color: #fff;
  border: 0;
  padding: .5rem .8rem;
  margin: 0
}

.geonav_control--back-to-list {
  font-size: .9rem;
  display: inline;
  padding: 0 0 0 .5rem;
  cursor: pointer;
  margin-top: .5rem
}

.geonav_control--show-list:before {
  background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.956%2013.255l4.502%204.854c.14.15.13.39-.02.53-.153.14-.39.13-.53-.022l-4.503-4.854c-.217-.235-.592-.235-.81%200l-4.5%204.854c-.143.152-.38.16-.53.02-.154-.14-.163-.378-.022-.53l4.502-4.853c.253-.273.592-.424.955-.424s.702.15.956.425z%22%2F%3E%3C%2Fsvg%3E')
}

.geonav_control--hide-list:before {
  background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2018.738c-.363%200-.702-.15-.955-.423l-4.502-4.854c-.14-.15-.132-.388.02-.53.152-.14.39-.13.53.02l4.503%204.855c.217.235.592.235.81%200l4.5-4.854c.144-.15.38-.16.53-.02.153.142.162.38.022.53l-4.502%204.855c-.254.273-.593.423-.956.423z%22%2F%3E%3C%2Fsvg%3E')
}

.geonav_control--hide-list.geonav_control--hide-list,
.geonav_control--show-list.geonav_control--show-list {
  background-color: #e52236;
  color: #fff
}

.geonav_found-header {
  color: #fff;
  padding: 1rem
}

.geonav .leaflet-control-container .leaflet-top {
  top: auto;
  bottom: 0
}

.geonav .leaflet-top.leaflet-right {
  top: 3rem;
  z-index: 9999
}

.geonav_allnonecontainer {
  padding-left: 2rem
}

.geonav_hiddenfilter-container {
  padding: 1rem 1rem 4rem
}

.geonav_filtercontent {
  padding-left: 2rem;
  margin-bottom: .7rem;
  margin-top: .4rem
}

.geonav_close,
.geonav_fab {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  padding: 0;
  cursor: pointer
}

.geonav_filterlistbutton {
  cursor: pointer;
  font-size: 1rem;
  margin-left: .5rem;
  display: inline-block
}

.geonav_highlights-label {
  cursor: pointer
}

.geonav_close {
  position: absolute;
  top: .5em;
  right: .5em;
  border: 0;
  font-size: 1rem;
  text-align: center;
  transition: .15s;
  z-index: 99999;
  background-color: #fff;
  width: 2.5rem;
  height: 2.5rem
}

.geonav_close:focus,
.geonav_close:hover {
  background-color: #f4f4f4
}

.geonav_control-container,
.geonav_fab {
  background: #e52236
}

.geonav_fab {
  animation: showFab .1s ease;
  font-size: 0;
  border: 0;
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: #fff;
  margin: 0;
  bottom: 1rem;
  right: 1rem;
  z-index: 999999;
  position: fixed
}

.geonav_filter,
.social-mobile {
  box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.geonav_fab:focus,
.geonav_fab:hover {
  background-color: #d5192c
}

.geonav_filter {
  padding: 1rem 1rem 6rem;
  position: fixed;
  right: 0;
  max-width: 24rem;
  width: 100%;
  top: 0;
  background: #fff;
  z-index: 99999;
  height: 100%;
  transition: transform .2s ease;
  overflow-y: auto
}

.geonav_filter--closed {
  transform: translateX(105%)
}

.geonav_autosuggest-entry.geonav_autosuggest-entry {
  padding: .35rem .5rem;
  border-bottom: 1px solid #ebebeb
}

.geonav_autosuggest-label {
  margin-left: .2rem;
  margin-bottom: .2rem;
  display: inline-block;
  margin-right: 1rem
}

.geonav_autosuggest-found {
  font-weight: 500
}

.geonav_autosuggest-container {
  padding-top: .1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.geonav_autosuggest-labelcategory {
  font-size: .9rem;
  padding-top: .1rem;
  margin-left: auto
}

.geonav_autosuggest-entry.ui-state-focus {
  font-weight: 300
}

.geonav_autocomplete {
  border: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  max-height: calc(100vh - 4rem);
  max-width: calc(100% - 1rem);
  overflow-y: auto
}

.geonav_autocomplete .ui-state-focus {
  margin: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0
}

.geonav_scrollbar::-webkit-scrollbar {
  width: .5rem
}

.geonav_scrollbar::-webkit-scrollbar-thumb {
  background-color: #888
}

.geonav_scrollbar::-webkit-scrollbar-track {
  background-color: #fff
}

.u--lightbox-open .geonav::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  display: block;
  content: '';
  top: 0;
  left: 0;
  z-index: 9999999999999
}

.message,
.message--info {
  background-color: #d5e9ff
}

.geonav .breadcrumb,
.geonav .location::before,
.geonav .location_headline,
.geonav .location_more-articles-content,
.geonav .location_more-articles-heading,
.geonav .location_options {
  display: none
}

.geonav .location {
  padding: .5rem;
  font-size: 1rem
}

.message,
.orderlist_pickup-hint,
.service_list-item>a,
.service_list-item>button,
.service_list>button,
.tile--tours .tile_teaser-text {
  font-size: .875em
}

.geonav .article_image {
  width: 100px
}

.geonav .grid_column--article,
.geonav .grid_column--location {
  width: 100%
}

.geonav .location_list-item--indent,
.geonav .location_sublist {
  margin-left: 0
}

.geonav .grid_column--location .grid_row:not(.grid_row--more) {
  padding-right: 0
}

.geonav .article.hotel {
  padding: 1rem
}

.geonav .hotel_properties {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0
}

.geonav .hotel .article_image-container {
  margin-bottom: 1rem
}

.geonav .hotel_ammenities {
  display: block;
  clear: both
}

.geonav .hotel .article_headline,
.geonav .hotel_geonavmaparealink,
.geonav .hotel_geonavmaplink,
.geonav .hotel_location-area {
  display: none
}

.geonav .hotel .article_image {
  width: 170px
}

.message {
  padding: 1em;
  width: 100%;
  margin-bottom: .5rem;
  display: -ms-flexbox;
  display: flex
}

.message_container {
  width: 100%;
  padding: .5rem
}

.message_icon-container {
  display: -ms-flexbox;
  display: flex
}

.message_message-container {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: .5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center
}

.message_icon {
  display: block;
  -ms-flex-item-align: center;
  align-self: center
}

.message_message-container-inner-wrapper {
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.message>p {
  margin: 0
}

.message>p:not(:first-child) {
  margin: 0 1rem 0 2rem
}

.message,
.message a {
  color: #040404
}

.message--big-icon p:not(:first-child) {
  margin-left: 3rem
}

.message--info h3 {
  color: #3167c5
}

.message--info.message--inline {
  background-color: transparent;
  color: #245dc1
}

.message--success {
  background-color: #d1ebd1
}

.message--success.message--inline {
  background-color: transparent;
  color: #009200
}

.message--error {
  background-color: #fad4e4
}

.message--error.message--inline {
  background-color: transparent;
  color: #df0000
}

.notification {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #3766c1;
  background-color: #d5e9ff
}

.notification_heading {
  margin-bottom: .5rem;
  font-weight: 400;
  color: #3766c1
}

.socialmedia_date,
.socialmedia_userinfo a {
  color: #888
}

.address_block {
  display: block
}

.address_block--gap-top {
  margin-top: .5em
}

.socialmedia_navigation-container {
  -ms-flex-align: end;
  align-items: flex-end
}

.socialmedia_header-image-container {
  min-width: 100%
}

.socialmedia_logo {
  margin: 1rem 2.5rem .5rem 4rem;
  vertical-align: middle;
  width: 10rem
}

.socialmedia_load-more {
  margin: 2em auto 0;
  display: block;
  font-size: 1rem
}

.socialmedia_menulink {
  font-size: 1em;
  margin-right: 1em;
  font-weight: 300
}

.socialmedia_userinfo {
  vertical-align: middle;
  display: inline-block;
  max-width: 63%;
  font-size: .9em
}

.socialmedia_main-article {
  margin-top: 2em
}

.socialmedia_footer-social,
.socialmedia_footer-social-container,
.socialmedia_header {
  display: inline-block
}

.socialmedia_userpicture {
  height: 3em;
  width: 3em;
  border-radius: 50%
}

.socialmedia_userpicture-link {
  display: inline-block;
  vertical-align: middle
}

.socialmedia_main-headline-wrapper,
.socialmedia_user-postings {
  margin-top: 6em;
  display: none
}

.socialmedia_main-headline {
  text-align: right;
  width: 100%;
  border-top: solid 2px #e52236;
  padding-top: .3em
}

.socialmedia_main-teaser {
  padding-left: 5em;
  padding-top: 1.2em
}

.socialmedia_icon {
  position: absolute;
  bottom: 1em;
  right: 1em
}

.socialmedia_hashtag-button {
  margin-bottom: 1em
}

.socialmedia_section-padding.socialmedia_section-padding {
  padding: 1.5em
}

.socialmedia_navigation-toggle {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #fff
}

.socialmedia .socialmedia_hamburger-icon {
  margin: 0 auto
}

.socialmedia_section {
  max-width: 67rem !important;
  margin-left: auto !important;
  margin-right: auto !important
}

.socialmedia_section--main {
  font-size: 1.125em
}

.socialmedia_section--margin-top {
  margin-top: 3em
}

.socialmedia_navigation {
  width: 100%;
  background: #fff
}

.socialmedia_clips {
  top: 11em;
  position: fixed;
  right: 0;
  z-index: 10
}

.socialmedia_clip {
  background-color: #fff;
  padding: 0;
  margin-bottom: 1em
}

.socialmedia_clip>a {
  width: 100%;
  height: 100%;
  display: inline-block;
  transition: .2s ease background-color
}

.socialmedia_clip>a:focus,
.socialmedia_clip>a:hover {
  background-color: #d4d4d4
}

.socialmedia_sponsors {
  background-color: #fff;
  padding: 1em
}

.socialmedia_sponsors h3 {
  display: inline-block;
  margin-right: 2em
}

.socialmedia_sponsors img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em
}

.socialmedia_navigation {
  padding: 1em 0
}

.socialmedia_bottom-footer {
  padding: 1em;
  background-color: #161616;
  color: #9D9D9D;
  font-size: .8rem
}

.socialmedia_top-footer {
  padding: 1em;
  background-color: #3E3E3E;
  color: #eaeaea
}

.socialmedia_navigation-list {
  display: inline-block
}

.socialmedia_language-column button {
  margin-top: .4em
}

.socialmedia_language-column button.icon--language-white::before {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Cpath%20d%3D%22M12%204.5a7.5%207.5%200%201%200%207.5%207.5A7.5%207.5%200%200%200%2012%204.5zm2.24%201A6.92%206.92%200%200%201%2018%208.55l.44.75h-3.65l-.1-.38a12%2012%200%200%200-1.06-2.73L13%205.06zm.26%206.5a12.36%2012.36%200%200%201-.13%201.67l-.06.43H9.69l-.06-.43A12.33%2012.33%200%200%201%209.5%2012a12.33%2012.33%200%200%201%20.13-1.67l.06-.43h4.61l.06.43A11.94%2011.94%200%200%201%2014.5%2012zM12%204.75l.41.59A11.82%2011.82%200%200%201%2014%208.66l.19.64H9.8l.2-.64a11.77%2011.77%200%200%201%201.6-3.31zm-6%203.8a6.9%206.9%200%200%201%203.77-3.07L11%205.06l-.61%201.13a12%2012%200%200%200-1.08%202.73l-.1.38H5.6zm-.71%205.17a6.75%206.75%200%200%201%200-3.44l.09-.38h3.7l-.08.56A13.06%2013.06%200%200%200%208.9%2012a13.05%2013.05%200%200%200%20.1%201.54l.07.56H5.42zm4.44%204.8A6.89%206.89%200%200%201%206%2015.45l-.4-.75h3.61l.1.38a12%2012%200%200%200%201.06%202.73l.63%201.12zm2.23.73l-.41-.59A11.75%2011.75%200%200%201%2010%2015.34l-.2-.64h4.4l-.19.64a11.82%2011.82%200%200%201-1.6%203.31zm6-3.8a6.92%206.92%200%200%201-3.74%203.07l-1.22.41.61-1.12a12%2012%200%200%200%201.06-2.73l.1-.38h3.62zm.61-1.35h-3.65l.07-.56A13%2013%200%200%200%2015.1%2012a13%2013%200%200%200-.1-1.54l-.07-.56h3.66l.09.38a6.76%206.76%200%200%201%200%203.44z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat
}

.socialmedia_language-column button span {
  color: #040404
}

.socialmedia_language-column button span.icon--list-down-white::before {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M16%2018.738c-.363%200-.702-.15-.955-.423l-4.502-4.854c-.14-.15-.132-.388.02-.53.152-.14.39-.13.53.02l4.503%204.855c.217.235.592.235.81%200l4.5-4.854c.144-.15.38-.16.53-.02.153.142.162.38.022.53l-4.502%204.855c-.254.273-.593.423-.956.423z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat
}

.socialmedia_navigation-item {
  display: inline-block
}

.socialmedia_section--hashtags {
  margin-top: 0
}

.aside_container--navigation .button {
  color: #fff
}

.aside_container--navigation .button--link {
  color: #e52236
}

.myvienna-trip_entry:hover .myvienna-trip_actions.u--is-hidden-if-not-touch {
  display: block !important
}

.fab {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: #e52236;
  color: #fff;
  padding: 0;
  margin: 0;
  position: fixed;
  right: .7rem;
  bottom: 5rem;
  z-index: 2001
}

.fab--secondary {
  bottom: 9.4rem;
  background-color: #fff;
  border: 1px solid #e52236;
  box-sizing: border-box
}

.lightbox {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: scroll
}

.lightbox_dialog {
  animation-name: slideIn;
  animation-duration: .25s;
  animation-timing-function: ease-in-out;
  width: 48em !important;
  max-width: 100%;
  margin: 8em auto 3em;
  border: none
}

.lightbox_dialog .ui-dialog-titlebar {
  border: 0;
  border-bottom: 1px solid #888;
  position: relative
}

.lightbox_dialog .ui-dialog-titlebar .ui-dialog-title {
  display: inline-block;
  font-weight: 500;
  width: 100%;
  padding: 1em 4em 1em 1em
}

.lightbox_dialog .ui-dialog-titlebar .ui-button {
  background: 0 0;
  position: absolute;
  border: 0;
  height: 100%;
  width: 3em;
  top: 0;
  right: 0;
  padding: 0
}

.lightbox_dialog .ui-dialog-titlebar .ui-button:focus,
.lightbox_dialog .ui-dialog-titlebar .ui-button:hover {
  background-color: #E2E2E2
}

.lightbox_dialog .ui-dialog-content {
  border: 0
}

.lightbox_content {
  padding: 1em;
  min-height: 10em
}

.flipsnack_dialog {
  border: 0;
  background: #202020;
  border-radius: 4px;
  width: calc(100% - 2rem);
  max-width: 88rem;
  position: fixed;
  top: 50%;
  transform: translateY(-50%)
}

.flipsnack_dialog::backdrop {
  background: rgba(0, 0, 0, .7)
}

.flipsnack_iframe {
  height: calc(95vh - 2rem);
  max-height: 54rem
}

.flipsnack_hide {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: 0 0;
  border: 0;
  color: #fff;
  font-size: 2rem;
  padding: 0;
  display: block
}

.filter_headline {
  margin-bottom: .3rem
}

.contact,
.filter_main-headline,
.player_headline,
.service_flex-box-title {
  margin-bottom: 1rem
}

.filter_main-headline {
  margin-top: 2rem
}

.filter_reset-button {
  margin: 2rem 0;
  float: right
}

.filter_list {
  margin-bottom: .5rem
}

.filter_list .slider {
  max-width: 17rem
}

.filter_list--sub {
  border-left: 1px solid #b7b7b7;
  padding-left: 1rem;
  margin-left: .4rem;
  margin-top: .5rem
}

.filter_list--sub .slider {
  max-width: 15.6rem
}

.filter .ui-slider-range {
  background: #e52236
}

.filter_durationpicker-label {
  background-color: transparent;
  display: inline;
  border: none
}

.filter .filter_input {
  max-width: 20rem
}

.filter .filter_headline {
  cursor: pointer
}

.filter .filter_content {
  padding-left: 2rem;
  margin-bottom: 2rem
}

.filter li.filter_list-item::before {
  top: .4rem
}

.filter_select {
  max-width: 17rem;
  display: block
}

.headroom--top,
.headroom--top .headroom--pinned {
  transition: none
}

.headroom--initial {
  position: static !important
}

.headroom.headroom {
  z-index: 1001;
  position: fixed;
  width: 100%;
  top: 0
}

.headroom.headroom--not-top {
  z-index: 1101
}

.headroom.headroom--pinned {
  transform: translateY(0);
  border-bottom: 1px solid #ccc;
  transition: transform .2s linear
}

.headroom.headroom--unpinned {
  transform: translateY(-100%);
  transition: none
}

.player {
  margin-top: 1rem
}

.player--tile {
  margin-top: 0
}

.player button.u--is-accessible-hidden:focus {
  width: 100%;
  height: 100%;
  outline: #fff solid 1px;
  left: 0;
  clip: initial;
  color: transparent;
  background-color: transparent
}

.button--link-on-brand:focus,
.footer a:focus,
.header-hero_overlay-control:focus,
.promotion-hrs>div>a:focus,
.promotion>div>a:focus,
.pureslider_overlay-control--next:focus,
.pureslider_overlay-control--playpause:focus,
.pureslider_overlay-control--previous:focus,
.service_list-item--on-brand-primary>a:focus,
.service_list-item>a:focus,
.swiper-overlay-control--next:focus,
.swiper-overlay-control--playpause:focus,
.swiper-overlay-control--previous:focus {
  outline: #fff dotted 1px
}

.player_playlist-entry:focus,
.player_playlist-entry:hover {
  background-color: #e52236;
  color: #fff
}

.player_playlist-entry {
  cursor: pointer;
  width: 100%;
  text-align: left;
  background: 0 0;
  border: none;
  padding: .8em;
  border-bottom: #dcdcdc solid 1px
}

.contact {
  border: 1px solid #ebebeb;
  border-left-width: 3rem;
  max-width: 38rem;
  padding: 1rem
}

.hotellist .map_container {
  height: 100%;
  display: none
}

.hotellist .map {
  display: none
}

.hotellist--open {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 2000;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row
}

.hotellist--open .hotellist_list {
  width: 35rem;
  height: 100%;
  overflow-y: scroll
}

.hotellist--open .hotellist_map-container {
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%
}

.hotellist--open .hotellist_map-container .map_search-container {
  display: none
}

.hotellist--open .grid_row,
.hotellist--open .hotellist_map-container .grid_column {
  height: 100%
}

.hotellist--open .map {
  margin-bottom: 0;
  height: 100% !important
}

.hotellist--open .map_container {
  display: block
}

.no-js [data-src] {
  display: none
}

.shareable-maps_list-element {
  margin-bottom: 2rem;
  margin-top: 1rem
}

.shareable-maps_heading {
  margin-bottom: .5rem
}

.shareable-maps_category-headline {
  margin-top: 5rem
}

.shareable-maps_hotel-category-headline {
  font-size: 1.125em;
  display: inline;
  color: #e52236
}

.shareable-maps_hotel-subtitle {
  display: block;
  font-size: 1rem;
  margin-top: 0
}

.form {
  margin: 0;
  width: 100%;
  max-width: 40rem
}

.form--search,
.form--search-responsive {
  position: relative;
  background-color: #e52236;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.form--search {
  width: 80%;
  padding: 2em 0;
  margin: 0 10%
}

.form--sidebarsearch {
  padding-bottom: 1rem
}

.form_checkbox {
  color: #fff;
  padding-left: 4rem;
  padding-bottom: 2.5rem;
  display: block;
  font-size: 1rem
}

.form--search-responsive {
  padding: 1.5em 10%;
  width: 100%;
  max-width: 100%
}

.form_link {
  margin-right: 1em
}

.form_link--terms {
  display: inline-block;
  margin-bottom: 1em;
  margin-left: 1.4em
}

.form_group+.form_group:not(.form_group--skip-margin),
.form_group+a {
  margin-top: 1em
}

.form_group--skip-margin {
  margin-top: 0
}

.form_group--padding-left {
  padding-left: .25em
}

.form_group--padding-right {
  padding-right: .25em
}

.form_password-hint {
  display: block;
  font-size: .9rem
}

.form_field+.form_field {
  padding-left: .5em
}

.form_label {
  display: inline-block;
  margin-bottom: .25em
}

.form_label-colon::after {
  content: ":"
}

.form--horizontal .form_label {
  padding-top: .55em;
  padding-right: .3em
}

.form--vertical .form_control,
.form--vertical .form_label {
  display: block;
  width: 100%
}

.form--margin-bottom {
  margin-bottom: 1.5em
}

.form_block-error,
.form_inline-error {
  color: #e52236
}

.form_inline-error {
  display: inline-block;
  margin-left: .5em
}

.form_block-error {
  display: block
}

.button {
  background-color: #e52236;
  border: none;
  border-radius: 0;
  color: #fff;
  padding: 0 1rem;
  line-height: 1.8rem;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1rem
}

.button:focus,
.button:hover {
  background-color: #d5192c;
  border-color: #be1627;
  text-decoration: none;
  cursor: pointer
}

.button--on-primary {
  border: 1px solid #fff
}

.button--white.button--white {
  background-color: #fff;
  border: 1px solid #e52236;
  color: #e52236
}

.button--white.button--white:focus,
.button--white.button--white:hover {
  background-color: #fff;
  border: 1px solid #c9182a;
  color: #c9182a
}

.button--link,
.button--no-style,
.button--no-style:focus,
.button--no-style:hover {
  background: 0 0;
  border: none
}

.button--link,
.mandatory {
  color: #e52236
}

.button--top-right {
  margin-left: 3em;
  padding: 0
}

.button--normalcase {
  text-transform: none
}

.button--link {
  padding: 0
}

.button--link:focus,
.button--link:hover {
  background-color: transparent;
  text-decoration: underline
}

.button--link-off {
  color: #888
}

.button--link-light {
  color: #696969
}

.button--link-on-brand {
  color: #fff
}

.button--link-current-channel {
  font-weight: 500
}

.button--callout,
.button[disabled],
.header-hero_callout-overlay-item--left:last-child,
.navigation_flyout-headline,
.navigation_item--b2bservice span.navigation_item-headline {
  font-weight: 400
}

.button+a:not(.button--callout) {
  margin-left: 1em
}

.button[disabled] {
  background-color: rgba(0, 0, 0, .3);
  border: none;
  border-radius: 0;
  color: #040404;
  padding: 0 1rem;
  line-height: 1.8rem;
  display: inline-block;
  text-transform: uppercase;
  cursor: default
}

html[lang=ar] .button--link,
html[lang=ja] .button--link {
  font-family: Arial, sans-serif
}

.button[disabled]:focus,
.button[disabled]:hover {
  background-color: rgba(0, 0, 0, .3);
  border-color: rgba(0, 0, 0, .3);
  text-decoration: none;
  cursor: pointer
}

.button--toggle-visibility-off {
  background-color: #6e6e6e;
  border-color: #616161
}

.button--toggle-visibility-off:focus,
.button--toggle-visibility-off:hover {
  background-color: #616161;
  border-color: #545454
}

.button--promotion {
  display: inline-block;
  margin-top: 1em;
  text-align: center;
  padding: .4em;
  font-size: 21px;
  border: 1px solid #fff
}

.button--callout {
  text-align: center;
  padding: .6rem 3.5rem;
  font-size: 1.3rem
}

.button--full-width {
  width: 100%
}

.button--80-percent-width {
  width: 80%
}

html[lang=ja] .button {
  font-weight: 700
}

a.button {
  color: #fff
}

.input {
  width: 100%;
  border-radius: 2px
}

.input--copy {
  width: 100%;
  border: 0;
  font-size: 1em;
  overflow: hidden;
  text-overflow: ellipsis
}

.input--date,
.input--email {
  width: 12em
}

.input--icon {
  background-size: 24px;
  background-position: right center
}

.input--icon-combo {
  position: relative
}

.input--short {
  width: 10em
}

.input--medium {
  width: 16em
}

.input--long {
  width: 20em
}

.input--search.input--search.input--search {
  font-size: 1.1em;
  background-color: transparent;
  color: #fff;
  border: none;
  height: 2.2rem;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  max-width: 80%
}

.input--search.input--search.input--search::-webkit-input-placeholder {
  color: #fff;
  text-transform: uppercase
}

.input--search.input--search.input--search:-moz-placeholder {
  color: #fff;
  opacity: 1;
  text-transform: uppercase
}

.input--search.input--search.input--search::-moz-placeholder {
  color: #fff;
  opacity: 1;
  text-transform: uppercase
}

.input--search.input--search.input--search:-ms-input-placeholder {
  color: #fff;
  text-transform: uppercase
}

.input--search.input--search.input--search:focus,
.input--search.input--search.input--search:hover {
  color: #fff;
  background-color: #e52236;
  border-bottom: 1px solid #fff;
  border-radius: 0
}

.input_icon {
  margin-top: -12px;
  position: absolute;
  right: .2em;
  top: 48%
}

.input_icon--main-search {
  position: static;
  margin: 0;
  height: 2.2rem;
  line-height: 2.2rem;
  cursor: pointer;
  padding: 0 .5em;
  border-bottom: 1px solid #fff;
  box-sizing: border-box
}

.input_icon--main-search:hover {
  background-color: #c9182a
}

input[type=checkbox],
input[type=radio] {
  margin: 0 .25em 0 0
}

input[type=text],
input[type=email],
input[type=search],
input[type=password] {
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type=text].input:not(.input--icon),
input[type=email].input:not(.input--icon),
input[type=search].input:not(.input--icon),
input[type=password].input:not(.input--icon),
textarea.input:not(.input--icon) {
  background-image: none
}

input[type=text].input,
input[type=email].input,
input[type=search].input,
input[type=password].input,
textarea.input {
  font-family: "Graphik Web", Arial, sans-serif;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: .4em
}

input[type=text].input::-webkit-input-placeholder,
input[type=email].input::-webkit-input-placeholder,
input[type=search].input::-webkit-input-placeholder,
input[type=password].input::-webkit-input-placeholder,
textarea.input::-webkit-input-placeholder {
  color: #696969;
  text-transform: none
}

input[type=text].input:-moz-placeholder,
input[type=email].input:-moz-placeholder,
input[type=search].input:-moz-placeholder,
input[type=password].input:-moz-placeholder,
textarea.input:-moz-placeholder {
  color: #696969;
  opacity: 1;
  text-transform: none
}

input[type=text].input::-moz-placeholder,
input[type=email].input::-moz-placeholder,
input[type=search].input::-moz-placeholder,
input[type=password].input::-moz-placeholder,
textarea.input::-moz-placeholder {
  color: #696969;
  opacity: 1;
  text-transform: none
}

input[type=text].input:-ms-input-placeholder,
input[type=email].input:-ms-input-placeholder,
input[type=search].input:-ms-input-placeholder,
input[type=password].input:-ms-input-placeholder,
textarea.input:-ms-input-placeholder {
  color: #696969;
  text-transform: none
}

.aside_preheadline,
.clip_sublabel,
.myvienna-auth_tab>li>a,
.social_list-label,
.tile_booked,
.tile_details--icon,
.tile_image-container-overlay-text,
.weather_label {
  text-transform: uppercase
}

input[type=text].input:focus,
input[type=text].input:hover,
input[type=email].input:focus,
input[type=email].input:hover,
input[type=search].input:focus,
input[type=search].input:hover,
input[type=password].input:focus,
input[type=password].input:hover,
textarea.input:focus,
textarea.input:hover {
  border-color: #949494;
  background-color: #fff
}

input[type=text].input--has-error,
input[type=email].input--has-error,
input[type=search].input--has-error,
input[type=password].input--has-error,
textarea.input--has-error {
  background-color: #fff;
  border-color: #e52236
}

input[type=text].input--has-error:focus,
input[type=text].input--has-error:hover,
input[type=email].input--has-error:focus,
input[type=email].input--has-error:hover,
input[type=search].input--has-error:focus,
input[type=search].input--has-error:hover,
input[type=password].input--has-error:focus,
input[type=password].input--has-error:hover,
textarea.input--has-error:focus,
textarea.input--has-error:hover {
  background-color: #fff;
  border-color: #be1627
}

html[lang=ar] input[type=text].input,
html[lang=ar] input[type=email].input,
html[lang=ar] input[type=search].input,
html[lang=ar] input[type=password].input,
html[lang=ar] textarea.input,
html[lang=ja] input[type=text].input,
html[lang=ja] input[type=email].input,
html[lang=ja] input[type=search].input,
html[lang=ja] input[type=password].input,
html[lang=ja] textarea.input {
  font-family: Arial, sans-serif
}

input[type=text].input--date,
input[type=text].input--icon,
input[type=text].input--search,
input[type=email].input--email {
  padding-right: 2.5em
}

input[disabled].input {
  cursor: default;
  background-color: #e0e0e0
}

input[disabled].input:hover {
  background-color: #e0e0e0;
  border-color: #e0e0e0
}

input[readonly=readonly].input {
  border: none
}

.checkbox-group--horizontal::after,
.checkbox-group--horizontal::before {
  content: " ";
  display: table
}

.checkbox-group--horizontal::after {
  clear: both
}

.checkbox-group--horizontal>.checkbox {
  float: left
}

.checkbox-group--horizontal>.checkbox+.checkbox {
  margin-left: 1.5em
}

.checkbox {
  position: relative
}

.checkbox_input {
  left: 0;
  position: absolute;
  top: .25em
}

.checkbox_label {
  display: block;
  margin-left: 1.4em
}

.select,
select {
  padding: .4em
}

select.select {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  background-color: #fff;
  background-image: none;
  padding: .4em 2.5em .4em .4em;
  width: 100%
}

select.select--short {
  width: 10em
}

select.select--medium {
  width: 14em
}

select.select--long {
  width: 18em
}

select.select--language {
  background-color: #fff
}

select.select:focus,
select.select:hover {
  border-color: #949494;
  background: #fff
}

select.select--has-error {
  background-color: #fff;
  border-color: #e52236
}

select.select--has-error:focus,
select.select--has-error:hover {
  background-color: #fff;
  border-color: #be1627
}

select[disabled].select {
  cursor: default;
  background-color: #e0e0e0
}

select[disabled].select:hover {
  background-color: #e0e0e0;
  border-color: #e0e0e0
}

.fieldset {
  border: none;
  margin: 0;
  padding: 0
}

.fieldset_legend {
  margin-bottom: .5em;
  padding: 0
}

.orderlist_headline {
  padding-top: 1em
}

.orderlist_image-container {
  padding: 1em;
  -ms-flex: 0 0 12em;
  flex: 0 0 12em;
  margin-right: 1em;
  margin-bottom: 1em;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  height: 12em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center
}

.orderlist_image {
  max-width: 100%;
  max-height: 100%;
  -ms-flex-item-align: center;
  align-self: center
}

.orderlist_error {
  margin: 0;
  color: red
}

.orderlist_pickup-hint {
  color: #696969;
  margin-top: 0
}

.list-item--margin-top,
.orderlist_categories {
  margin-top: 1em
}

.orderlist_pickup.inactive .orderlist_form-control {
  display: none
}

.orderlist_pickup.inactive .orderlist_item-description,
.orderlist_pickup.inactive .orderlist_label {
  color: #696969
}

.orderlist_label {
  padding-top: .5em;
  color: #040404
}

.orderlist_choice-hotel {
  margin-left: 1.5em
}

.orderlist_form-control {
  width: 7em
}

.orderlist_item {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap
}

.masonry {
  opacity: 1;
  transition: opacity .3s ease, height .3s ease;
  overflow: hidden
}

.masonry_element {
  margin: 0;
  font-size: 1rem;
  overflow: hidden;
  padding: .5em
}

.masonry_element,
.masonry_sizer {
  width: 33.333%
}

.masonry--loading {
  height: 100px;
  opacity: 0
}

.tile {
  background-color: #fff;
  padding: 0 .5em .5em 0;
  position: relative;
  width: 100%
}

.tile_image-container {
  position: relative;
  z-index: 0
}

.tile_image-container--video {
  position: relative;
  background: #000;
  height: auto;
  padding-top: 66%
}

.tile_player {
  left: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%
}

.tile_ratio-container {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  height: 100%;
  width: 100%
}

.tile_image-container-overlay-text {
  color: #fff;
  display: block;
  font-size: .9rem;
  font-weight: 500;
  margin: 0;
  width: 2.5rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 42%;
  z-index: 2
}

.tile--campaignteaser .tile_image-container--has-overlay::before {
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  line-height: 1;
  content: "";
  display: block;
  width: 2.5rem;
  margin: 0;
  position: absolute;
  background-color: #e52236;
  right: 0;
  height: 100%;
  z-index: 2
}

.tile--campaignteaser .tile_image-container--has-overlay.icon--news-white::before {
  background-size: 70%
}

.tile--campaignteaser .tile_image-container--has-overlay.icon--overlay-meeting-destination-white::before {
  background-color: transparent;
  width: 100%;
  pointer-events: none;
  background-image: url(/assets/image/logos/mdv/Logo_meeting_destination_vienna-red.svg);
  background-position: center;
  background-size: 70%
}

.tile--fixed-dimensions .tile_image-container--has-overlay::before,
.tile--leadarticle .tile_image-container--has-overlay::before {
  background-repeat: no-repeat;
  line-height: 1;
  content: "";
  background-color: #e52236;
  right: 0;
  display: block
}

.tile--campaignteaser .tile_image-container-overlay-text {
  margin-top: -.5rem;
  top: 50%
}

.tile--leadarticle .tile_details {
  z-index: 3
}

.tile--leadarticle .tile_details--slider-lead {
  position: static !important
}

.tile--leadarticle .tile_image-container--has-overlay::before {
  vertical-align: middle;
  background-size: 100%;
  width: 2.5rem;
  margin: 0;
  position: absolute;
  background-position: center 42%;
  top: 0;
  height: 100%;
  z-index: 2
}

.tile--leadarticle .tile_image-container--has-overlay.icon--news-white::before {
  background-size: 70%
}

.tile--leadarticle .tile_image-container--has-overlay.icon--overlay-meeting-destination-white::before {
  background-color: transparent;
  width: 100%;
  pointer-events: none;
  background-image: url(/assets/image/logos/mdv/Logo_meeting_destination_vienna-red.svg);
  background-position: center;
  background-size: 70%;
  height: 85%
}

.tile--leadarticle .tile_image-container-overlay-text {
  margin-top: -.5rem;
  top: 42%
}

.tile--fixed-dimensions .tile_link {
  position: relative;
  padding-top: 66%
}

.tile--fixed-dimensions .tile_link--video {
  padding-top: 0
}

.tile--fixed-dimensions .tile_link--swiper {
  z-index: 0;
  padding-top: 0
}

.tile--fixed-dimensions .tile_headline {
  margin-top: 15px
}

.tile--fixed-dimensions .tile_image-container {
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0
}

.tile--fixed-dimensions .tile_image-container--has-overlay::before {
  vertical-align: middle;
  background-position: center center;
  background-size: 100%;
  width: 2.5rem;
  margin: 0;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2
}

.tile_details,
.tile_link--video-lead .tile_details.tile_details {
  position: relative
}

.tile--fixed-dimensions .tile_image-container--has-overlay.icon--news-white::before {
  background-size: 70%
}

.tile--fixed-dimensions .tile_image-container--has-overlay.icon--overlay-meeting-destination-white::before {
  background-color: transparent;
  width: 100%;
  pointer-events: none;
  background-image: url(/assets/image/logos/mdv/Logo_meeting_destination_vienna-red.svg);
  background-position: center;
  background-size: 70%
}

.navigation_item--open,
.tile_link--red {
  background: #e52236
}

.tile--fixed-dimensions .tile_image-container-overlay-text {
  margin-top: -.5rem;
  top: 50%
}

.tile_link {
  color: #040404;
  display: block;
  overflow: hidden
}

.tile_link:focus,
.tile_link:hover {
  text-decoration: none;
  outline: 0;
  overflow: hidden
}

.tile_link:focus .tile_image,
.tile_link:hover .tile_image {
  transform: scale(1.03);
  filter: brightness(100%)
}

.tile_link .responsive-video-embed {
  padding-bottom: 66.5%
}

.tile_link--full-height {
  height: 100%
}

.tile_link--video-lead .responsive-video-embed {
  padding-bottom: 56.5%
}

.tile_link--red .tile_details {
  background: 0 0
}

.tile_link--red .tile_details * {
  color: #fff
}

.tile_link--no-hover:focus .tile_details .tile_headline,
.tile_link--no-hover:hover .tile_details .tile_headline {
  text-decoration: none
}

.tile_area-link {
  display: -ms-flexbox;
  display: flex
}

.tile_area-link:active,
.tile_area-link:focus,
.tile_area-link:hover {
  text-decoration: none
}

.tile_link:focus .tile_headline,
.tile_link:hover .tile_headline {
  text-decoration: underline
}

.tile_headline {
  display: block;
  margin-bottom: .2rem
}

.tile_details {
  height: auto;
  padding: .5rem;
  vertical-align: bottom;
  width: 100%;
  background-color: #fff
}

.tile_details--slider a {
  text-decoration: none
}

.tile_details--slider a .tile_teaser-text {
  color: #040404
}

.tile_details--slider a:focus,
.tile_details--slider a:hover {
  text-decoration: none
}

.tile_details--slider a:focus h3,
.tile_details--slider a:hover h3 {
  text-decoration: underline
}

.tile_details--icon {
  position: absolute;
  bottom: 0;
  right: .5em;
  color: #696969;
  font-size: .7em
}

.tile_details--icon::before {
  position: absolute;
  bottom: 1em;
  right: 0
}

.tile_image {
  width: 100%;
  height: auto;
  filter: brightness(90%);
  transform: scale(1);
  transition: transform .2s ease-in-out, filter .2s ease-in-out
}

.tile_image,
.tile_image-events,
.tile_image-events--quadrat {
  display: block;
  margin: auto;
  padding: 0
}

.tile_image-events--quadrat {
  width: auto;
  height: 100%
}

.tile_teaser-text {
  margin: 0
}

.tile_booked {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1em;
  background-color: #e52236;
  color: #fff;
  z-index: 10
}

.tile--campaignteaser {
  height: auto;
  -ms-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.tile--campaignteaser>a {
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -ms-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.tile--campaignteaser .tile_image {
  -ms-box-orient: horizontal;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  -ms-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: block;
  height: auto
}

.tile--campaignteaser .tile_details {
  -ms-box-orient: horizontal;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 1.5em
}

.tile--leadarticle {
  position: relative;
  overflow: hidden;
  z-index: 0
}

.tile--leadarticle .tile_image {
  height: auto;
  max-height: none
}

.tile--leadarticle .tile_headline {
  padding: .3em .5rem 0;
  margin-bottom: 0
}

.tile--leadarticle .tile_details {
  background-color: #fff;
  bottom: 0;
  color: #e52236;
  left: 0;
  padding: 0;
  position: absolute;
  width: 100%
}

.tile--leadarticle .tile_teaser-text {
  background-color: #fff;
  color: #040404;
  padding: .2rem .5rem .8rem
}

.tile--top-events {
  display: -ms-flexbox;
  display: flex;
  padding: 1em
}

.tile--top-events .tile_column--search {
  -ms-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

.tile--top-events .tile_column--events {
  padding-left: 3em;
  -ms-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -ms-flex-direction: column;
  flex-direction: column
}

.tile--top-events .tile_column--top-events {
  width: 100%
}

.top-events {
  display: -ms-flexbox;
  display: flex;
  -ms-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin: 1em 0 0
}

.top-events_list li::before,
.top-events_list2 li::before {
  margin-top: .175em
}

.top-events_list {
  -ms-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

.top-events_list li {
  padding: .35em 0;
  line-height: 1.3
}

.top-events_list+.top-events_list {
  padding-left: 1em
}

.top-events_list2 {
  width: 100%
}

.top-events_list2 li {
  padding: .35em 0;
  line-height: 1.3;
  width: 33.333%
}

.top-events_list2 li.icon {
  margin: 0;
  padding: .2em 0 .2em 1.5em
}

.top-events_list2 li.icon:before {
  left: 0
}

.top-events a {
  color: #040404
}

.tile--socialmedia {
  margin-left: auto !important;
  margin-right: auto !important
}

.tile--tours {
  padding: 1.5em 0 0
}

.tile--tours .tile_headline {
  margin-bottom: .2em
}

.tile--tours .tours_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -.1em;
  width: 100%
}

.tile--tours .tours_list-item {
  margin: 0 0 2em;
  padding: 0 1em 0 2%;
  width: 33.333%
}

.tile--tours .tours_item {
  display: block;
  position: relative;
  margin: 0 0 0 50px;
  padding-top: 10px
}

.tile--tours .tours_item:before {
  position: absolute;
  top: 0;
  left: -50px
}

.tile--masonry {
  padding: 0;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important
}

.tile--html-promotion {
  display: -ms-flexbox;
  display: flex
}

ol,
ul {
  padding: 0;
  margin: 0
}

.list--normal,
.list--normal li {
  list-style: outside
}

.list--normal {
  padding-left: 1em
}

.list--square-icon li {
  padding-left: .5em;
  position: relative;
  list-style: none;
  margin-left: 1em
}

.list--square-icon li::before {
  content: ' ';
  position: absolute;
  width: 4px;
  height: 4px;
  top: .4em;
  left: -.7em;
  border: 1px solid #e52236
}

.list-sort_sort {
  border: 1px solid #ec2f43;
  padding: .5rem 1rem;
  border-radius: 1rem;
  background: 0 0;
  color: #ec2f43;
  cursor: pointer;
  margin-right: .5rem;
  margin-bottom: .5rem
}

.list-sort_sort.asc,
.list-sort_sort.desc {
  background-color: #ec2f43;
  color: #fff
}

.list-sort_sort.asc::after,
.list-sort_sort.desc::after {
  content: '';
  width: 1rem;
  height: .5rem;
  background-position: center left;
  background-size: 1.3rem;
  display: inline-block;
  background-repeat: no-repeat
}

.service {
  padding: 0 1em 0 .5em
}

.service_container {
  -ms-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #e52236
}

.service_container--bottom {
  background-color: transparent;
  box-shadow: none
}

.service_list {
  padding: .3em 0;
  position: relative;
  z-index: 1100
}

.service_list--b2b-channel {
  padding: .4em 0
}

.service_list--b2c-link {
  padding-left: 1.5em
}

.service_list--has-visible-divider-right {
  border-right: 2px solid #fff;
  padding: .3em 2em
}

.service_list--has-visible-divider-right:first-child {
  padding-left: 1.5em
}

.service_list--has-visible-divider-right:last-child {
  padding-right: 1.5em
}

.service_flyout-flex-container {
  padding: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.service_flyout-flex-container p {
  font-size: 14px
}

.service_flex-box {
  padding: 0 1rem;
  width: 22rem;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start
}

.service_flex-box-title {
  font-size: 18px
}

.service_flex-box-list {
  margin: 0 0 .5rem
}

.service_flex-box-list-item {
  font-size: 14px
}

.service_flex-box-list-item.icon--point-grey::before,
.service_flex-box-list-item.icon--point-red::before,
.service_flex-box-list-item.icon--point-white::before {
  height: 14px;
  width: 12px;
  top: 6px !important
}

.service_flyout {
  background-color: #fff;
  margin: 0;
  border: 1px solid #dcdcdc;
  padding: 1em 0;
  position: absolute;
  right: 0;
  top: 100%;
  width: 40em;
  z-index: 100
}

.service_flyout--flex {
  padding: 0;
  width: auto
}

.service_flyout--list {
  padding: 0;
  width: 14em
}

.service_flyout--list a {
  color: #040404;
  display: block;
  padding: .4em 0 .4em 1.5em
}

.service_flyout--list a:focus,
.service_flyout--list a:hover {
  background-color: #f2f2f2
}

.service_flyout--list a:active {
  background-color: #d9d9d9
}

.service_flyout--myvienna {
  padding: 1em
}

.service_flyout--myvienna-not-logged-in.service_flyout--myvienna {
  width: 36em
}

.service_flyout--myvienna-logged-in.service_flyout--myvienna {
  width: 15em
}

.service_flyout--language {
  width: 8em
}

.service_flyout--oegs {
  width: 10em
}

.service_flyout--b2b,
.service_flyout--oegs,
.service_flyout--weather {
  right: auto;
  left: .75em
}

.service_flyout--weather {
  width: auto;
  padding: 0 0 1rem
}

.service_flyout--b2b {
  width: 12em
}

.service--bottom {
  padding-left: 1em
}

.service--bottom .service_flyout {
  bottom: 100%;
  left: 0;
  right: auto;
  top: auto
}

.service_list-item {
  display: inline-block;
  vertical-align: middle
}

.service_list-item>a {
  color: #040404
}

.service_list-item--on-brand-primary>a {
  color: #fff
}

.service_list-item--current-channel>a {
  font-weight: 500
}

.service_list-item-link--newsletter {
  padding: .4em 0
}

.service_list+.service_list:not(.service_list--b2b-channel) {
  margin-left: .75em;
  padding-left: .75em
}

.language-navigation_link.language-navigation_link {
  text-align: left;
  padding-left: 1rem
}

.language-navigation_link.language-navigation_link--is-inactive,
.language-navigation_link.language-navigation_link--is-inactive:active,
.language-navigation_link.language-navigation_link--is-inactive:focus,
.language-navigation_link.language-navigation_link--is-inactive:hover {
  background-color: #fff;
  color: #696969;
  text-decoration: none
}

.language-navigation_link.language-navigation_link--is-inactive:hover {
  background-color: #efefef
}

.language-navigation_link.language-navigation_link span {
  vertical-align: middle
}

.language-navigation_flag {
  vertical-align: middle;
  margin-right: .5rem
}

.logo {
  perspective: 1000px;
  height: 15.5em;
  left: 50%;
  margin: -8em 0 0 -8em;
  position: absolute;
  top: 50%;
  width: 15.5em;
  z-index: 1
}

.logo img,
.logo_back,
.logo_front,
.logo_inner {
  height: 100%;
  width: 100%
}

.logo_inner {
  transform-style: preserve-3d;
  transition: all .4s ease
}

.logo_back,
.logo_front {
  backface-visibility: hidden;
  background-color: #fff;
  position: absolute
}

.logo--rotate .logo_inner,
.logo--with-animation:hover .logo_inner,
.logo_back,
.touch .logo_inner {
  transform: rotateY(180deg)
}

.touch .logo_inner {
  transition-delay: 3s
}

.header-hero {
  position: relative;
  height: 66vh;
  width: 100%;
  text-align: center
}

.header-hero_image-container {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  pointer-events: none
}

.header-hero_image-container--current {
  opacity: 1;
  pointer-events: all
}

.header-hero_image {
  display: block;
  opacity: 0
}

.header-hero_image--current {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 1
}

.header-hero_callout-overlay-inner {
  left: 0;
  top: -59px;
  width: 50%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  color: #000;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column
}

.header-hero_callout-overlay-inner:last-of-type {
  left: 50%;
  top: 59px;
  -ms-flex-align: start;
  align-items: flex-start
}

.header-hero_callout-overlay-item {
  z-index: 100;
  padding: 0 1rem;
  background: #fff;
  display: block;
  color: #e52236;
  font-size: 2.562rem;
  min-width: 440px;
  text-align: right;
  line-height: 1.25
}

.header-hero_callout-overlay-item:first-child {
  padding-top: 8px
}

.header-hero_callout-overlay-item:last-child {
  padding-bottom: 8px
}

.header-hero_callout-overlay-item--right {
  text-align: left
}

.header-hero_overlay {
  display: none;
  padding: 2em 0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

.header-hero_overlay--loaded {
  display: -ms-flexbox;
  display: flex
}

.header-hero_overlay-control--playpause {
  position: absolute;
  bottom: .3em;
  right: .3em
}

.header {
  line-height: 0;
  max-height: 350px;
  overflow: hidden;
  position: relative
}

.header_hero-no-link-container,
.header_hero-no-link.header_image-container {
  max-height: 66vh
}

.header_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 2rem
}

.header_overlay .button {
  font-size: 2.5rem
}

.header_overlay .button--callout--b2b,
.header_overlay .button--callout--vcb,
.header_overlay .button--callout--vec {
  font-size: 2.5rem;
  padding: .8rem 5rem
}

.header_overlay .button:focus,
.header_overlay .button:hover {
  cursor: pointer;
  background-color: #e52236
}

.header_overlay .button--no-target:focus,
.header_overlay .button--no-target:hover {
  cursor: initial;
  background-color: #e52236
}

.header_image {
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%
}

.header_image-container {
  display: block;
  line-height: 0;
  max-height: 350px;
  overflow: hidden
}

.header_search {
  background-color: rgba(255, 255, 255, .8);
  bottom: 3.4em;
  position: absolute;
  right: 1em;
  width: 15em
}

.header_search>form {
  margin-bottom: 0
}

.header_search input {
  background: 0 0
}

.header_location {
  bottom: 2.7em;
  left: 1em;
  position: absolute
}

.header_location-icon {
  background: url(../assets/image/sprites/header_location-sprite.png) -54px -53px no-repeat;
  border-radius: 3em;
  color: #fff;
  display: inline-block;
  height: 51px;
  position: relative;
  width: 51px;
  text-decoration: none
}

.header_location-icon::before {
  background-position: center;
  margin: .1em 0 0 .1em
}

.header_location-icon:focus,
.header_location-icon:hover {
  background-position: 0 -53px;
  text-decoration: none
}

.header_location-name {
  background: url(../assets/image/sprites/header_location-sprite.png) -108px 0 no-repeat;
  color: #fff;
  display: inline-block;
  padding: .9em 1em;
  margin-left: -.4em
}

.navigation,
.skiplink {
  background-color: #fff
}

.header--vec {
  border-bottom: 5px solid #e52236
}

.skiplink {
  left: 0;
  position: absolute;
  padding: .5em 1.5em;
  top: calc(100% + 5rem);
  z-index: 100
}

.skiplink:focus {
  clip: auto;
  display: inline-block;
  height: auto;
  width: auto
}

.navigation {
  line-height: 1.2;
  box-sizing: border-box;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: end;
  align-items: flex-end;
  min-height: 5.1rem
}

.navigation_logo-container {
  box-sizing: border-box;
  padding: 1rem 2.5rem .6rem 4rem
}

.navigation_logo-container--mobile {
  height: 4rem;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.navigation_logo-link {
  z-index: 30
}

.navigation_logo-link:focus {
  outline: #e52236 dotted 1px
}

.navigation_logo {
  width: 10rem
}

.navigation_logo--mobile,
.navigation_logo--mobile-navigation {
  display: none
}

.navigation_list {
  width: 100%;
  display: -ms-flexbox;
  display: flex
}

.navigation_social-media-label {
  padding: .6em .8em;
  font-size: 1.2em
}

.navigation_social-list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: .6em .8em
}

.navigation_language-container {
  padding: .6em .8em;
  width: 100%;
  font-size: 1em
}

.navigation_language-select {
  font-family: "Graphik Web", Arial, sans-serif;
  font-size: .9rem
}

.navigation_toggle {
  position: absolute;
  left: 1em;
  top: 1.25em;
  transition: transform .15s ease-in;
  height: 2.5em;
  width: 2.5em;
  z-index: 50
}

.navigation_hamburger-icon {
  height: .25em;
  margin: 1em auto 0;
  position: relative;
  width: 1.5em;
  background-color: #e52236;
  transition: background 0s .2s
}

.navigation_hamburger-icon::after,
.navigation_hamburger-icon::before {
  content: " ";
  height: .25em;
  left: 0;
  position: absolute;
  width: 1.5em;
  background-color: #e52236;
  transition-duration: .2s, .2s;
  transition-delay: .2s, 0s
}

.navigation_hamburger-icon::before {
  top: -.5em;
  transition-property: top, transform
}

.navigation_hamburger-icon::after {
  bottom: -.55em;
  transition-property: bottom, transform
}

.navigation_item {
  position: static;
  float: left;
  border: 1px solid #fff;
  transition: background .15s linear, border-color .15s linear
}

.navigation_item--active,
.navigation_item--open,
.navigation_item:focus,
.navigation_item:hover {
  border: 1px solid #e52236
}

.navigation_item>div>a,
.navigation_item>div>span.navigation_item-headline {
  font-size: 1.2em;
  padding: .6em .8em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.navigation_item>div>a:focus,
.navigation_item>div>a:hover,
.navigation_item>div>span.navigation_item-headline:focus,
.navigation_item>div>span.navigation_item-headline:hover {
  text-decoration: none
}

.navigation_item>div>a:focus,
.navigation_item>div>span.navigation_item-headline:focus {
  outline: #e52236 dotted 1px
}

.navigation_item>div>a>span,
.navigation_item>div>span.navigation_item-headline>span {
  position: relative
}

.navigation_item>div>a>span::after,
.navigation_item>div>span.navigation_item-headline>span::after {
  display: none;
  content: none
}

.navigation_item--active>div>a,
.navigation_item:focus>div>a,
.navigation_item:hover>div>a {
  position: relative
}

.navigation_item--open>div>a {
  position: relative;
  color: #fff
}

.navigation_item--b2bservice>div.navigation_wrapper>ul>li>a.navigation_categories-link {
  position: relative;
  padding-left: 1.75rem
}

.navigation_item--b2bservice>div.navigation_wrapper>ul>li>a.navigation_categories-link::before {
  position: absolute;
  left: 0;
  top: 7px
}

.navigation_item--b2bservice>.navigation_wrapper>ul {
  padding: 0 1.5rem
}

.navigation_flyout {
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  top: 100%;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1001
}

.navigation_flyout-headline {
  margin: 1.2em 0 0;
  font-size: 24px
}

.navigation_flyout-headline .navigation_flyout-headline--link:focus {
  outline: #e52236 dotted 1px
}

.aside_list-item>a:focus,
.footer_detail-column>a:focus,
.navigation_categories-link:focus {
  outline: #000 dotted 1px
}

.navigation_flyout-container {
  margin-left: 16.1875rem;
  margin-bottom: 1em
}

.navigation_categories-link {
  display: block;
  width: 100%;
  color: #000;
  font-size: 21px;
  line-height: 1.3
}

.navigation_teaser .figure {
  float: left;
  margin-right: 1em
}

.navigation_teaser-link {
  display: block;
  height: 100%
}

.navigation_teaser-link:focus {
  outline: #e52236 dotted 1px
}

.navigation_teaser-link:focus,
.navigation_teaser-link:hover {
  text-decoration: none
}

.navigation_teaser-link:focus .navigation_teaser-headline,
.navigation_teaser-link:hover .navigation_teaser-headline {
  text-decoration: underline
}

.navigation_teaser-overlay {
  position: relative;
  font-size: 0
}

.navigation_teaser-overlay.icon--overlay-meeting-destination-white::before,
.navigation_teaser-overlay::before {
  vertical-align: middle;
  background-repeat: no-repeat;
  line-height: 1;
  display: block;
  position: absolute;
  z-index: 2;
  margin: 0;
  right: 0;
  content: "";
  height: 100%;
  top: 0
}

.navigation_teaser-overlay::before {
  background-position: center center;
  background-size: 100%;
  width: 2.5rem;
  background-color: #e52236
}

.navigation_teaser-overlay.icon--overlay-meeting-destination-white::before {
  background-color: transparent;
  width: 100%;
  pointer-events: none;
  background-image: url(/assets/image/logos/mdv/Logo_meeting_destination_vienna-red.svg);
  background-position: center;
  background-size: 70%
}

.navigation_teaser-headline {
  font-size: 21px
}

.navigation_teaser-text {
  color: #040404;
  margin: 0
}

.breadcrumb {
  padding: 0 .5rem;
  width: 100%;
  margin-bottom: .5rem
}

.breadcrumb_item {
  margin: .2em 0;
  display: inline-block
}

.breadcrumb_item--mobile-overflow {
  display: none
}

.breadcrumb_item>a,
.breadcrumb_item>span {
  font-size: .875em;
  padding: .4em 0;
  color: #3d3d3d
}

.breadcrumb_item>a:focus,
.breadcrumb_item>span:focus {
  outline: #040404 dotted 1px
}

.weather {
  display: -ms-flexbox;
  display: flex
}

.weather_toggle {
  color: #fff
}

.weather_headline {
  display: block;
  margin-top: 1em
}

.weather_icon {
  display: block
}

.clip_module--open.clip_module--map .clip_label,
.weather_label--temperature {
  display: none
}

.weather_icon::before {
  min-height: 6em
}

.weather_icon.icon--3x::before {
  background-size: 50% auto;
  margin-top: 0;
  width: 100%
}

.weather_day {
  border-right: 1px solid #dcdcdc;
  min-width: 16em;
  padding: 0 1.3rem;
  -ms-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.weather_day:first-child:first-child .weather_icon.icon--3x::before {
  background-position: left center
}

.weather_day:last-child {
  border: none;
  margin-right: 0
}

.myvienna_plan+.myvienna_plan,
.weather_link-container {
  border-top: 1px solid #dcdcdc
}

.weather_container {
  position: relative
}

.weather_data {
  min-height: 4.5em
}

.weather_data--today {
  font-size: 1.3em;
  position: absolute;
  right: 0;
  top: 1.6em
}

.weather_link {
  line-height: 1.7
}

.weather_link-container {
  -ms-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1em 1.3rem 0
}

.weather_link>a {
  color: #e52236;
  margin: 0 1em 0 0
}

.weather_link>a:focus {
  outline: #e52236 dotted 1px
}

.weather_link.icon::before {
  top: .2em
}

.weather_label--animation {
  animation: headline 2s linear;
  position: absolute;
  right: 1.4em;
  top: -3em
}

.weather--big {
  margin-top: 2em
}

.weather--big .weather_data {
  min-height: 5em
}

.weather--big .weather_data--today {
  font-size: 2em;
  right: 1em;
  top: 1.5em
}

.weather--big .weather_headline {
  margin: .5em 0
}

.weather_source {
  font-size: .875em;
  margin-top: 1.5em;
  text-align: right
}

.clip_item,
.clip_module--open.clip_module--map .clip_item {
  text-align: center
}

.weather_info {
  margin-top: 4em
}

.navigation_item .icon--weather {
  animation: temperature 2s linear;
  position: relative
}

.clip {
  padding-right: .5em;
  width: 100%
}

.clip_module {
  margin-bottom: .5em;
  position: relative;
  width: 100%
}

.clip_module--open {
  background-color: #fff;
  padding: 0;
  position: relative;
  width: 28em;
  border: 1px solid #ccc;
  z-index: 100
}

.clip_module--open>.clip_item::after {
  width: 100%;
  margin-left: 0
}

.clip_module--hotellist .clip_item,
.clip_module--hotellist .clip_item:active {
  background-color: #e52236
}

.clip_module--hotellist .clip_sublabel {
  color: #fff;
  font-weight: 500
}

html[lang=ru] .clip_module[data-module=touristinfo] .clip_details {
  margin-top: 2em
}

.clip_module--open.clip_module--map {
  width: 100%;
  border: none
}

.clip_item,
.clip_module--open.clip_module--map .clip_sublabel {
  display: block
}

.clip_item {
  background-color: #fff;
  outline: 0;
  padding: .5em;
  position: relative;
  cursor: pointer
}

.footer_link--cookies,
.myvienna-trip_comment,
.myvienna-trip_comment:hover {
  background: 0 0;
  border: none
}

.clip_item--map {
  width: 100%;
  background: 0 0;
  border: none;
  font-size: 1rem
}

.clip_sublabel,
html[lang=ru] .clip_sublabel {
  font-size: .5625em
}

.clip_item::after {
  content: "";
  border-bottom: 1px solid #e52236;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  margin-left: 10%
}

.clip_item::before {
  height: 50px;
  width: 50px
}

.clip_item:focus,
.clip_item:hover {
  border-left-color: #e52236;
  text-decoration: none
}

.clip_item:focus {
  outline: #e52236 dotted 1px
}

.clip_item:active {
  background-color: #f2f2f2
}

.clip_close:focus,
.clip_close:hover,
.clip_module--open .clip_item:active {
  background-color: #fff
}

.clip_module--open .clip_item {
  text-align: left
}

.clip .clip_label {
  left: 2.7em;
  position: absolute;
  top: .5em
}

.clip_sublabel {
  font-family: "Graphik Web", Arial, sans-serif;
  color: #e52236;
  margin-bottom: 0;
  margin-top: .2em
}

html[lang=pl] .clip_sublabel {
  font-size: .5em
}

.clip_module--open .clip_sublabel {
  display: none
}

.clip_details {
  font-size: .875em;
  display: none;
  padding: 1em 1em 1em 5.2em
}

.clip_paragraph+.clip_paragraph {
  margin-top: 1.5em
}

.clip_module--open .clip_details {
  display: block
}

.myvienna-auth .form_label--password-hidden .form_password-label-text,
.promotion.promotion.promotion--b2c-main,
.pureslider_image-container,
.stickyhotelmap .leaflet-control-map-toggle,
.stickyhotelmap_fab {
  display: none
}

.clip_close {
  position: absolute;
  right: 1em;
  top: 1em
}

.clip_close:active {
  background-color: #f2f2f2
}

.u--haslocation .clip_item--map {
  background-color: #e52236
}

.u--haslocation .clip_item--map .clip_sublabel {
  color: #fff;
  font-weight: 500
}

.myvienna_travelplans-list {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: .8em;
  padding-bottom: .3em
}

.myvienna_column--register {
  padding-left: 2em
}

.myvienna_plan {
  padding: 1.2em .5em
}

.myvienna_plan:hover {
  background-color: #fff;
  cursor: pointer
}

.myvienna_plan-description {
  margin-bottom: 0;
  margin-top: 0
}

.myvienna_flyout-label {
  font-size: 1.2em;
  padding: .4em 0
}

.myvienna-auth--flyout .myvienna-auth_content {
  padding: 1rem 0
}

.myvienna-auth--flyout .form_inline-error {
  font-size: .9rem
}

.myvienna-auth {
  margin-top: 1em
}

.myvienna-auth .ui-widget-content .ui-state-active,
.myvienna-auth .ui-widget-content .ui-state-active:focus,
.myvienna-auth .ui-widget-content .ui-state-active:hover,
.myvienna-auth .ui-widget-header .ui-state-hover {
  border: none
}

.myvienna-auth .ui-widget-header .ui-state-default {
  border: none;
  background-color: #fff;
  font-size: 1.2em
}

.myvienna-auth .ui-widget-content {
  border: none
}

.myvienna-auth_tab {
  display: block;
  border: none;
  border-bottom: 1px solid #B0B0B0;
  margin-bottom: 1em
}

.myvienna-auth_tab>li {
  position: relative;
  display: inline-block
}

.myvienna-auth_tab>li:not(.ui-tabs-active)>a:hover {
  text-decoration: none;
  background-color: #FFF;
  color: #000
}

.myvienna-auth_tab>li>a {
  border: 0;
  padding: 1em .5em;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #696969;
  font-size: .7em;
  width: 100%;
  background-color: transparent
}

.myvienna-auth_tab>li.ui-tabs-active button {
  cursor: default
}

.myvienna-auth_tab>li.ui-tabs-active ::before {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #e52236
}

.myvienna-auth_button.myvienna-auth_button {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: .4em;
  text-align: center;
  color: #fff;
  display: block;
  margin-bottom: 1em;
  border-radius: 2px;
  width: 100%;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  font-size: 1rem
}

.cookiedialog a,
.footer_link--cookies:focus,
.footer_link--cookies:hover,
.myvienna-auth_button.myvienna-auth_button:focus,
.myvienna-auth_button.myvienna-auth_button:hover,
.myvienna-trip [data-myvienna-trip-toggle-accessibility]:hover,
.myvienna-trip_comment:hover,
.sectionheadline:focus .sectionheadline-title,
.sectionheadline:hover .sectionheadline-title,
.tooltip a {
  text-decoration: underline
}

.myvienna-auth_button.myvienna-auth_button--google {
  background-color: #cb402a;
  border: 1px solid #a13321
}

.myvienna-auth_button.myvienna-auth_button--facebook {
  background-color: #436098;
  border: 1px solid #334a75
}

.myvienna-auth_content {
  padding: 1rem 2rem;
  max-width: 40rem
}

.myvienna-auth_seperator {
  display: block;
  text-align: center;
  color: #444
}

.myvienna-add-to-trip textarea {
  height: 5em
}

.myvienna-trip_comment {
  margin-bottom: 0;
  margin-top: 0;
  color: #888;
  font-style: italic;
  text-align: left
}

.myvienna-trip .location_contact {
  padding-left: 2em
}

.myvienna-trip_contact-infos {
  margin: .5em 0 0 .5em;
  padding-left: 2em
}

.footer_headline,
.myvienna-trip_entry {
  margin-bottom: 1em
}

.footer_column--right,
.social_item-email::before,
.social_item-facebook::before,
.social_item-googleplus::before,
.social_item-pdf::before,
.social_item-twitter::before {
  margin-right: 0
}

.myvienna-trip_related-location address {
  display: inline-block
}

.myvienna-trip_commentfield {
  width: 100%;
  padding-right: 2em
}

.myvienna-trip_toggle-share {
  color: #e52236
}

.myvienna-trip_share {
  color: #696969;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}

.myvienna-trip_delete {
  position: absolute;
  right: 0;
  top: .2em
}

.myvienna-trip_reminder {
  color: #e52236
}

.myvienna-trip_entries {
  width: 100%
}

.myvienna-trip_entry::after {
  display: block;
  content: "";
  position: relative;
  width: calc(97.5%);
  background-color: #ccc;
  height: 1px;
  margin-top: 1em
}

.myvienna-trip_entry .myvienna-trip_actions {
  width: 100%;
  text-align: right
}

.myvienna-trip_image {
  width: 100%
}

.myvienna-trip_image-icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

.myvienna-trip_image-icon {
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 1.5em
}

.myvienna-trip_entry-content {
  padding: 0 1em;
  min-height: 7.5em;
  width: 100%
}

.myvienna-trip_action-button {
  width: 100%;
  height: 2.5em
}

.myvienna-trip_action-button:hover {
  background-color: rgba(0, 0, 0, .1)
}

.myvienna-trip [data-myvienna-trip-toggle-accessibility] {
  font-family: "Graphik Web", Arial, sans-serif;
  cursor: pointer
}

html[lang=ar] .myvienna-trip [data-myvienna-trip-toggle-accessibility],
html[lang=ja] .myvienna-trip [data-myvienna-trip-toggle-accessibility] {
  font-family: Arial, sans-serif
}

.myvienna-recommendation-tile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.myvienna-recommendation-tile_details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.myvienna-recommendation-tile_details>a:first-child {
  -ms-flex-positive: 1;
  flex-grow: 1
}

.myvienna-recommendation-tile_links {
  display: -ms-flexbox;
  display: flex;
  flex-directiom: row
}

.myvienna-recommendation-tile_map {
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right
}

.sectionheadline {
  display: block;
  font-size: 16px;
  position: relative
}

.sectionheadline-inner-container,
.sectionheadline:before {
  display: inline-block;
  vertical-align: middle
}

.sectionheadline:focus,
.sectionheadline:hover {
  text-deocoration: none
}

.sectionheadline:before {
  height: 115px;
  width: 115px
}

.sectionheadline-title {
  display: block;
  line-height: 1.1
}

.sectionheadline-subtitle {
  display: block;
  margin-top: .1em
}

.footer {
  background-color: #e52236;
  color: #fff;
  padding: 1em 0
}

.footer a {
  font-size: .875em
}

.footer_headline {
  font-size: .875em;
  display: block;
  font-weight: 500
}

.footer_list--link {
  color: #fff
}

.footer_link--detail {
  color: #040404
}

.footer_link--cookies {
  font-family: "Graphik Web", Arial, sans-serif;
  color: #040404;
  font-size: .875em;
  padding: 0;
  font-weight: 300;
  line-height: 1.4
}

.footer_column>ul>li>a,
.footer_link--social-media,
.promotion_item,
.tooltip,
.tooltip a {
  color: #fff
}

.footer_column {
  -ms-flex-direction: column;
  flex-direction: column
}

.footer_column--right {
  position: absolute;
  right: 1em
}

.footer_column--promotion {
  -ms-flex-basis: 15%;
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%
}

.footer_detail {
  background-color: #ebebeb;
  padding: 0
}

.table tbody tr:hover,
.table th:hover {
  background-color: #f3f3f3
}

.footer_detail-column {
  margin-right: 1.2em;
  display: inline-block
}

.footer_service-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.footer_sponsor {
  width: calc(100% - 220px)
}

.footer_sponsor-info {
  font-size: .9em
}

.table,
.table th,
.tooltip {
  font-size: 1rem
}

.footer_sponsor-image {
  max-height: 20px;
  width: auto;
  max-width: 70px;
  margin: 0 .5rem
}

.search-responsive {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10
}

.search-responsive_toggle {
  position: absolute;
  top: 1.25em;
  right: 1em;
  z-index: 10;
  width: 2.5em;
  height: 2.5em
}

.search-responsive_toggle::before {
  width: 2em;
  height: 2em;
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  margin: .15em 3px 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  line-height: 1
}

.pureslider_overlay-control--next::before,
.pureslider_overlay-control--playpause::before,
.pureslider_overlay-control--previous::before,
.swiper-overlay-control--next::before,
.swiper-overlay-control--playpause::before,
.swiper-overlay-control--previous::before {
  margin: 0
}

.search-responsive_form-container {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 100%;
  transform: scale(0);
  transform-origin: 100% 0;
  transition: transform .15s ease-out
}

.search-responsive--open .search-responsive_form-container,
.swiper-image {
  transform: scale(1)
}

.table {
  border-collapse: collapse
}

.table thead {
  border-bottom: 1px solid #040404
}

.table th {
  font-weight: 400;
  vertical-align: bottom;
  cursor: pointer
}

.table tbody tr {
  border-bottom: 1px solid #d6d6d6
}

.table td,
.table th {
  padding: .4em
}

.sticky {
  top: 0;
  z-index: 1
}

.stickyhotelmap {
  position: fixed !important;
  z-index: 99999999999;
  top: 0
}

.stickyhotelmap_fab {
  position: fixed;
  z-index: 9999999999;
  left: 24px;
  bottom: 24px;
  padding: .5rem 1rem;
  border-radius: 2rem
}

.pureslider_container,
.pureslider_slider-overlay,
.swiper-image,
.swiper-slider-overlay,
.tooltip {
  position: absolute;
  left: 0;
  top: 0
}

.tooltip {
  background-color: #000;
  padding: .4rem .7rem;
  border-radius: 2px;
  z-index: 9999999999999999999;
  transform: translateY(calc(-110%))
}

.pureslider_container {
  width: 100%;
  overflow: hidden
}

.pureslider_image-container img {
  transition: all .15s cubic-bezier(.075, .82, .165, 1);
  opacity: 0
}

.pureslider_image-container--current {
  display: block
}

.pureslider_image-container--current img {
  opacity: 1
}

.pureslider_slider-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 2;
  right: 0;
  bottom: 0
}

.pureslider_overlay-control--next,
.pureslider_overlay-control--playpause,
.pureslider_overlay-control--previous {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer
}

.pureslider_overlay-control--playpause {
  position: absolute;
  bottom: .3em;
  right: .3em;
  z-index: 3
}

.swiper {
  max-width: 100%
}

.swiper-slide {
  overflow: hidden
}

.swiper-aspectkeeper {
  padding-top: 66%
}

.swiper-image {
  width: 100%;
  height: auto;
  filter: brightness(100%);
  transition: transform .2s ease-in-out, filter .2s ease-in-out
}

.swiper-slider-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 2;
  right: 0;
  bottom: 0
}

.swiper-placeholder {
  padding-top: 66%;
  width: 100%;
  position: relative;
  background: #d3d3d3
}

.swiper-overlay-control--next,
.swiper-overlay-control--playpause,
.swiper-overlay-control--previous {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer
}

.swiper-overlay-control--next,
.swiper-overlay-control--previous {
  height: 100%;
  padding: 0
}

.swiper-overlay-control--playpause {
  position: absolute;
  bottom: .3em;
  right: .3em;
  z-index: 3
}

.hrs_search-col-promotion {
  padding-left: 2em
}

.hrs_search-logo {
  display: block;
  margin-bottom: 1em;
  margin-top: .2em
}

.hrs_search-suggestions {
  margin-top: 1.5em
}

.hrs_search-child {
  padding: 1em
}

.hrs_search-child+.hrs_search-child {
  border-top: 1px solid #dcdcdc;
  margin-top: 0
}

.hrs-hotel-list::after,
.hrs-hotel-list::before {
  content: " ";
  display: table
}

.hrs-hotel-list::after {
  clear: both
}

.hrs-hotel-list>li {
  float: left;
  height: 18em;
  width: 25%
}

.promotion-footer_image,
.promotion-hrs_image,
.promotion_image {
  height: auto
}

.promotion.promotion {
  background-color: #e52236;
  margin: 14rem 0 3rem;
  width: 100%;
  padding-bottom: 3rem;
  padding-top: 2rem
}

.promotion_image-wrap {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem
}

.promotion_image {
  width: 100%;
  margin-top: -12.6rem;
  margin-left: -.5rem
}

.promotion_item {
  padding: .35em 0;
  line-height: 1.3
}

.promotion_item::before {
  margin-top: 0
}

.promotion_headline-container {
  position: relative
}

.promotion_headline {
  line-height: 1.2;
  margin-bottom: .3em;
  margin-top: -6.5rem;
  position: absolute;
  top: -8.7rem;
  width: 2rem;
  left: 10.4rem;
  color: #e52236
}

.promotion_headline--vcc {
  font-size: 2.25rem
}

.promotion_image-container {
  width: 93%;
  max-width: 147px
}

.promotion_price-container {
  color: #fff;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 400;
  font-size: 1.3rem;
  margin-top: -.7rem;
  padding-left: 1.5rem
}

.promotion_list {
  margin-bottom: 2rem
}

.promotion_wrapper {
  width: 80%;
  margin: 0 auto;
  max-width: 30rem
}

.promotion_headline--ivie {
  width: auto;
  font-size: 1.8rem
}

[lang=ru] .promotion_headline--ivie,
[lang=pl] .promotion_headline--ivie,
[lang=hu] .promotion_headline--ivie {
  font-size: 1.4rem
}

[lang=es] .promotion_headline--ivie {
  font-size: 1.7rem
}

.promotion-hrs_image-wrap {
  width: 80%
}

.map,
.promotion-hrs_image-wrap>a {
  width: 100%
}

.promotion-hrs_item {
  padding: .35em 0 .35em .2em;
  line-height: 1.3;
  color: #040404
}

.promotion-hrs_item::before {
  margin-top: .175em
}

.promotion-hrs_headline {
  color: #e52236;
  line-height: 1.2;
  margin-bottom: .3em;
  margin-top: 2rem;
  font-size: 2.25rem
}

.map {
  background-color: #fff;
  margin-bottom: 1.5em;
  padding: 0;
  position: relative;
  z-index: 0
}

.map--fullscreen.map--fullscreen {
  margin: 0;
  padding: 0;
  height: 100%
}

.map--fullscreen.map--fullscreen .map_container {
  height: 100%
}

.map--pseudofullscreen.map--pseudofullscreen {
  margin: 0;
  padding: 0;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 99999999
}

.map_search-container,
.map_toolbar.map_toolbar {
  z-index: 999;
  position: absolute;
  background-color: #fff
}

.map--pseudofullscreen.map--pseudofullscreen .leaflet-control-fullscreen {
  display: none
}

.figure,
.map[data-open=true] {
  display: block
}

.map_toolbar.map_toolbar {
  bottom: 0;
  left: 0;
  line-height: 1;
  padding: .2em .5em .4em
}

.map_toolbar.map_toolbar>a {
  font-size: .8125rem;
  color: #696969;
  margin-right: 1em
}

.map_search-container {
  border: 2px solid rgba(0, 0, 0, .2);
  border-radius: 4px;
  left: 3.8rem;
  max-width: 30em;
  top: .65em;
  width: 70%
}

input[type=text].map_search-field {
  background-color: #fff;
  border: none;
  height: 2.5rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.map_container {
  height: 45em;
  width: 100%
}

.figure,
.figure>img {
  margin: 0 auto;
  max-width: 100%;
  height: auto
}

.figure_caption {
  font-size: .875rem;
  font-style: italic;
  min-height: 3.625rem
}

.figure_caption--gallery {
  min-height: 0;
  font-style: normal;
  margin-top: 1rem;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

.article_copyright,
.figure_caption-copyright,
.imageblock_caption-copyright,
.location_comment,
.richtext-container blockquote {
  font-style: italic
}

.figure_caption--gallery p {
  margin: 0;
  display: inline
}

.figure--centered .figure_caption {
  text-align: center
}

.progressive-image img {
  opacity: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%)
}

.progressive-image_thumbnail.progressive-image_thumbnail {
  filter: blur(50px);
  opacity: 1
}

.progressive-image_fullsizeLoaded.progressive-image_fullsizeLoaded {
  transition: opacity .15s linear;
  opacity: 1
}

.progressive-image .progressive-image_noscript-image {
  opacity: 1
}

.article {
  margin: 0;
  max-width: 80em;
  padding: 1rem .5rem .5rem;
  position: relative;
  line-height: 1.4
}

.article_headline+.article_richtext-container {
  margin-top: 1em;
  line-height: 1.4
}

.article_copyright {
  color: #353535;
  font-size: .9rem
}

.article_teaser {
  font-size: 1.15em;
  font-weight: 400;
  max-width: 48em;
  margin-bottom: 0
}

.article_image-container {
  float: right;
  margin: 0 0 2em 2em;
  max-width: 250px
}

.article_image {
  height: auto;
  width: 100%
}

.article_embedded-image.float--right {
  float: right;
  width: 33%;
  margin-left: 1.5rem;
  margin-bottom: 1rem
}

.article_embedded-image.float--left {
  float: left;
  width: 33%;
  margin-right: 1.5rem;
  margin-bottom: 1rem
}

.article_embedded-image.float--none {
  width: 100%
}

.article_subheadline {
  font-size: .5em;
  display: block;
  margin: 0
}

.article--category .article_teaser,
.article--category .richtext-container {
  max-width: none
}

[data-loadmodule=article-faq] h2 {
  font-size: 1.25em;
  padding-left: 24px
}

[data-loadmodule=article-faq] h2::before {
  margin: 0 0 0 -24px
}

[data-loadmodule=article-faq] p {
  margin: 1rem 24px;
  line-height: 1.4
}

[data-loadmodule=article-faq] .richtext-container>ul {
  margin: 1em 1.5em
}

[data-loadmodule=article-faq] .richtext-container>ul li {
  margin-bottom: .5rem;
  line-height: 1.4
}

html[lang=ja] .article_teaser {
  font-weight: 700
}

.imageblock_figure {
  width: 100%
}

.imageblock_image {
  background-color: #fff;
  padding: .25em;
  text-align: center;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start
}

.imageblock_image img {
  width: 100%;
  height: auto
}

.imageblock_caption {
  margin-top: .25rem;
  font-size: .875rem
}

.imageblock_headline,
.richtext-container h3:not(.h3),
.slideshow_headline {
  font-size: 1.3125em
}

.imageblock_caption p {
  display: inline
}

.imageblock_headline {
  margin-bottom: 1rem
}

.imageblock--gallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center
}

.imageblock--gallery img {
  width: 100%
}

.imageblock--gallery a {
  text-decoration: none;
  color: #000
}

.imageblock--gallery a:focus,
.imageblock--gallery a:hover {
  text-decoration: none
}

.slideshow {
  max-width: 100%
}

.slideshow_container,
.slideshow_gallerytoggle-container {
  margin-left: 1.7em;
  margin-right: 1.7em;
  max-width: 800px;
  clear: both
}

.slideshow_container.u--is-hidden,
.slideshow_gallerytoggle-container.u--is-hidden {
  display: none
}

.slideshow_container .figure {
  background-color: #fff;
  padding: .5em
}

.slideshow_gallerytoggle-container {
  margin-bottom: .5em;
  text-align: center
}

.article-sidebar {
  background-color: #f7f7f7;
  background-image: linear-gradient(to right, #e6e6e6, #f7f7f7 3px);
  padding: 1em 1.5em
}

.overview {
  -ms-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin-left: 0
}

.overview .message_container {
  padding-left: 0;
  padding-right: .5rem;
  padding-top: .5rem
}

.overview .map {
  margin-right: 1em
}

.richtext-container {
  max-width: 48em
}

#vec-welcome-page .richtext-container,
.richtext-container img {
  max-width: 100%
}

.richtext-container::after,
.richtext-container::before {
  content: " ";
  display: table
}

.richtext-container::after {
  clear: both
}

.richtext-container img.alignleft {
  float: left;
  margin: 0 .5em .5em 0
}

.richtext-container img.alignright {
  float: right;
  margin: 0 0 .5em .5em
}

.richtext-container p a:not(.button),
.richtext-container span a:not(.button),
.richtext-container ul:not(.location_contact):not(.location_list) a:not(.button) {
  text-decoration: none;
  border-bottom: .0625em solid #ccc;
  transition: border-color .15s ease-out;
  padding-bottom: .125em
}

.richtext-container p a:not(.button):focus,
.richtext-container p a:not(.button):hover,
.richtext-container span a:not(.button):focus,
.richtext-container span a:not(.button):hover,
.richtext-container ul:not(.location_contact):not(.location_list) a:not(.button):focus,
.richtext-container ul:not(.location_contact):not(.location_list) a:not(.button):hover {
  border-color: #e52236
}

.richtext-container a.audio,
.richtext-container a.doc,
.richtext-container a.download,
.richtext-container a.extern:not(.button),
.richtext-container a.img,
.richtext-container a.pdf,
.richtext-container a.video,
.richtext-container a.wienkarte,
.richtext-container a.xls,
.richtext-container a.zip {
  display: inline;
  margin-right: 1.5em
}

.richtext-container a.audio::after,
.richtext-container a.doc::after,
.richtext-container a.download::after,
.richtext-container a.extern:not(.button)::after,
.richtext-container a.img::after,
.richtext-container a.pdf::after,
.richtext-container a.video::after,
.richtext-container a.wienkarte::after,
.richtext-container a.xls::after,
.richtext-container a.zip::after {
  width: 26px;
  height: 26px;
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  margin: 1px 3px 0 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  position: absolute;
  line-height: auto
}

.richtext-container>h1,
.richtext-container>h2,
.richtext-container>h3,
.richtext-container>h4,
.richtext-container>h5,
.richtext-container>h6 {
  clear: left;
  line-height: 1.3;
  margin: 1em 0 .5em
}

.richtext-container h4:not(.h4) {
  font-size: 1.125em
}

.richtext-container h1+ol,
.richtext-container h1+p,
.richtext-container h1+ul,
.richtext-container h2+ol,
.richtext-container h2+p,
.richtext-container h2+ul,
.richtext-container h3+ol,
.richtext-container h3+p,
.richtext-container h3+ul,
.richtext-container h4+ol,
.richtext-container h4+p,
.richtext-container h4+ul,
.richtext-container h5+ol,
.richtext-container h5+p,
.richtext-container h5+ul,
.richtext-container h6+ol,
.richtext-container h6+p,
.richtext-container h6+ul {
  margin-top: 0
}

.richtext-container ol+h1,
.richtext-container p+h1,
.richtext-container p+h2,
.richtext-container p+h3,
.richtext-container p+h4,
.richtext-container p+h5,
.richtext-container p+h6,
.richtext-container ul+h1,
.richtext-container ul+h2,
.richtext-container ul+h3,
.richtext-container ul+h4,
.richtext-container ul+h5,
.richtext-container ul+h6 {
  margin-top: 1em
}

.richtext-container>div:not(.location)>ol,
.richtext-container>div:not(.location)>ul,
.richtext-container>ol,
.richtext-container>ul {
  padding-left: .85em;
  margin: 1em 0
}

.richtext-container>div:not(.location)>ol li,
.richtext-container>div:not(.location)>ul li,
.richtext-container>ol li,
.richtext-container>ul li {
  padding-left: .5em;
  position: relative;
  list-style: none
}

.richtext-container>div:not(.location)>ol li::before,
.richtext-container>div:not(.location)>ul li::before,
.richtext-container>ol li::before,
.richtext-container>ul li::before {
  width: .5em;
  height: .5em;
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  line-height: 1;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20500%22%3E%3Cpath%20fill%3D%22%23E42136%22%20d%3D%22M251.3%2044.4C207.9%2044.2%2045%20205.6%2044.8%20249.7c-.2%2043.9%20161%20206.9%20204.7%20207.1%2043.9.2%20206.3-161.4%20206.5-205.3.2-44.1-160.8-206.9-204.7-207.1z%22%2F%3E%3C%2Fsvg%3E');
  position: absolute;
  left: -.7em;
  top: .4em
}

.location--no-icon::before,
.richtext-container>ol li::before {
  display: none
}

.richtext-container>ol {
  padding-left: 1.5em
}

.richtext-container>ol li {
  list-style-type: decimal
}

.richtext-container .align--left {
  text-align: left
}

.richtext-container .align--right {
  text-align: right
}

.richtext-container .align--justify {
  text-align: justify
}

.richtext-container .align--center {
  text-align: center
}

.richtext-container blockquote {
  font-size: 1.25em;
  color: #e52236;
  font-family: "Graphik Web", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  margin: 1em;
  position: relative
}

.richtext-container table {
  font-size: 1rem;
  margin-top: 1rem;
  border: none;
  border-collapse: collapse
}

.location+.location,
.toolbar {
  border-top: 1px solid #dcdcdc
}

.richtext-container table p {
  margin: 0
}

.richtext-container table td {
  padding: .5rem 1rem;
  border-bottom: 1px solid #d6d6d6
}

.richtext-container table td:first-child {
  padding-left: .5rem
}

.richtext-container table td:last-child {
  padding-right: .5rem
}

html[lang=ar] .richtext-container blockquote,
html[lang=ja] .richtext-container blockquote {
  font-family: Arial, sans-serif
}

.aside_preheadline,
.location_list-title,
.recommend_email-preview,
html[data-webfontloaded] .location_list-link {
  font-family: "Graphik Web", Arial, sans-serif
}

.location {
  margin-top: 1.5em;
  padding: .5em 0 1em 4.5em;
  position: relative
}

.location--no-icon {
  padding-left: 0
}

.location--full {
  margin-top: 0
}

.location::before {
  height: 60px;
  left: 0;
  position: absolute;
  top: .4em;
  width: 60px
}

.location--bubble::before {
  height: 45px;
  left: 0;
  position: absolute;
  top: .4em;
  width: 45px
}

.location+.location {
  padding-top: 1.5em
}

.location_contact-link {
  color: #e52236
}

.location_headline {
  margin-bottom: 1rem
}

.location_ad {
  margin: .2rem 0;
  border: 1px solid #696969;
  padding: .15rem .3rem;
  font-size: .7rem;
  color: #696969
}

.location_ad-container {
  position: relative;
  display: block
}

.location_ad-container--mobile {
  display: none
}

.location_subheadline {
  font-size: .6875em;
  display: block
}

.location.location--geonav::before {
  left: .3em
}

.location.location--geonav:focus,
.location.location--geonav:hover {
  background-color: #fff;
  cursor: pointer;
  outline: 0
}

.location.location--geonav-central::before {
  top: 1.7em
}

.location+.location::before,
.location--geonav-central::before {
  top: 1.5em
}

.location--geonav+.location--geonav {
  margin-top: 0;
  padding-top: 1.2em
}

.location--geonav-central {
  background-color: #fff;
  margin-bottom: 0;
  padding-bottom: 1.5em;
  padding-top: 1.5em
}

.location--geonav-central+.location--geonav {
  margin-top: 0
}

.location_image {
  font-size: .875em;
  float: right;
  margin: 0 0 0 1em;
  padding: 0
}

.location_image img {
  width: 100%;
  display: block;
  margin: 0 0 .3em;
  max-width: 250px
}

.location_image--responsive {
  float: none;
  margin-left: 0
}

.location_image--responsive img {
  width: 100%;
  display: block;
  margin: 0;
  max-width: 800px
}

.location_contact {
  list-style: none
}

.location_contact li.icon::before {
  margin-top: 0
}

.location_contact a {
  word-break: break-all
}

.location_description {
  padding: 0 0 1em
}

.location_address {
  display: block;
  margin: 0 0 .5em
}

.location_list {
  margin-bottom: .8em;
  margin-top: .8em
}

.location_list-item.icon--list::before {
  top: 2px
}

.location_list-item--indent {
  margin-left: 3rem
}

.location_list-item--active.icon--list::before {
  transform: rotate(90deg)
}

.location_list-title {
  color: #e52236;
  font-size: 1em;
  line-height: 1;
  margin-bottom: .2em
}

.location_list-link {
  font-weight: 300;
  display: inline-block;
  margin: 0 0 .3em
}

.location_list-title+.location_sublist {
  margin-top: .5em
}

.location_sublist,
.location_subsublist {
  margin: .1em 0 .7em
}

.location_sublist>li,
.location_subsublist>li {
  padding-bottom: .1em;
  padding-top: .1em;
  margin-left: 0
}

.location_subsublist {
  list-style: circle
}

.location_sublist {
  padding: 0 0 .5em;
  margin-left: 27px
}

.location_sublist--no-indent {
  margin-left: 0
}

.location_sublist-item--first-descendant-no-margin-top>a:first-child,
.location_sublist-item--first-descendant-no-margin-top>h2:first-child,
.location_sublist-item--first-descendant-no-margin-top>h3:first-child,
.location_sublist-item--first-descendant-no-margin-top>p:first-child {
  margin-top: 0
}

.location_sublist-item--last-descendant-no-margin-bottom>a:last-child,
.location_sublist-item--last-descendant-no-margin-bottom>h2:last-child,
.location_sublist-item--last-descendant-no-margin-bottom>h3:last-child,
.location_sublist-item--last-descendant-no-margin-bottom>p:last-child {
  margin-bottom: 0
}

.location_options {
  width: auto
}

.location_options>a {
  margin-right: 1em
}

.location_options>li {
  margin: 0 1em 0 -.5em
}

.location_options>li a::before {
  width: 30px;
  height: 30px
}

.location_options>li.location_options--more {
  display: none
}

.location--ultra-compact .location_headline {
  margin-top: .6rem;
  margin-bottom: 0
}

.location:not(.location--full) .location_comment>p:first-child {
  margin-top: 0
}

.location:not(.location--full) .location_comment>p:last-child {
  margin-bottom: 0
}

.hotel_ammenities,
.hotel_properties {
  margin-bottom: 1rem
}

html[lang=ar] .location_list-link,
html[lang=ar] .location_list-title,
html[lang=ja] .location_list-link,
html[lang=ja] .location_list-title {
  font-family: Arial, sans-serif
}

.hotel_column--info {
  padding-left: 1em
}

.hotel_properties {
  margin-top: .5em
}

.hotel_properties:not(.hotel_properties--list) li {
  display: inline-block
}

.hotel_properties--list {
  -moz-column-count: 3;
  column-count: 3;
  -moz-column-gap: 1rem;
  column-gap: 1rem
}

.hotel_properties--list li {
  margin-bottom: .5rem;
  font-size: 1rem
}

.hotel_subtitle {
  display: block;
  font-size: 1rem;
  margin-top: .5rem
}

.hotel_rooms {
  margin-right: .5em
}

.hotel_beds {
  margin-right: 1.5em
}

.hotel_link {
  margin-right: .5em
}

.reducedmode .footer,
.reducedmode .footer_spacer,
.reducedmode .grid_column--clip,
.reducedmode .header,
.reducedmode .navigation,
.reducedmode .service_container {
  display: none
}

.social_item,
.toolbar_item--feedback:focus>span,
.toolbar_item--feedback:hover>span,
.toolbar_item--rate {
  display: inline-block
}

.toolbar {
  background-color: #fff;
  padding: 1.5rem 1rem
}

.toolbar_column--last {
  -ms-flex-pack: end;
  justify-content: flex-end
}

.toolbar--esc-article {
  padding: 1em 0 0;
  margin: 1em 0 0
}

.toolbar_link {
  margin-right: 1em
}

.toolbar--top {
  border-bottom: 1px solid #dcdcdc;
  border-top: none
}

.toolbar--in-tile {
  padding: .8em
}

.toolbar_item--rate {
  text-align: center;
  white-space: nowrap
}

.social_list,
.toolbar_item--contact {
  text-align: right
}

.toolbar_targets-container>div {
  border-top: 1px solid #dcdcdc;
  margin-top: 1em;
  padding-top: 1em
}

.recommend_email-preview {
  font-size: .875em;
  line-height: 1.9
}

.recommend_email-preview>label {
  background-color: #fff;
  border: 1px dotted #040404;
  padding: .3em .25em .1em
}

.recommend_email-preview>label:focus,
.recommend_email-preview>label:hover {
  background-color: #f2f2f2;
  border-color: #e52236;
  cursor: pointer
}

.recommend_email-preview>label:active {
  background-color: #d9d9d9
}

.recommend_label {
  background-color: #fff;
  border: 1px dotted #040404;
  padding: .3em .25em .1em
}

html[lang=ar] .recommend_email-preview,
html[lang=ja] .recommend_email-preview {
  font-family: Arial, sans-serif
}

.social {
  margin-bottom: 1.5em;
  width: 100%
}

.social_list {
  background-color: #f7f7f7;
  height: 3.8em;
  position: relative;
  white-space: nowrap;
  width: 100%;
  padding-right: .5rem
}

.social_item,
.u--ta-left {
  text-align: left
}

.social_list-label {
  font-size: .875em;
  left: 3.8em;
  position: absolute;
  top: 1.5em
}

html[lang=ru] .social_list-label {
  left: 1.5em
}

.social_item {
  height: 100%;
  padding: 0;
  position: relative;
  width: 8em
}

.social_item>a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.social_item-pdf {
  background-color: #dd0015
}

.social_item-pdf:focus,
.social_item-pdf:hover {
  background-color: #c40013
}

.social_item-facebook {
  background-color: #436098
}

.social_item-facebook:focus,
.social_item-facebook:hover {
  background-color: #3b5586
}

.social_item-twitter {
  background-color: #6fc2f1
}

.social_item-twitter:focus,
.social_item-twitter:hover {
  background-color: #58b8ef
}

.social_item-googleplus {
  background-color: #cb402a
}

.social_item-googleplus:focus,
.social_item-googleplus:hover {
  background-color: #b63926
}

.social_item-email {
  background-color: #da9424
}

.social_item-email:focus,
.social_item-email:hover {
  background-color: #c48520
}

.social_item+.social_item {
  margin-left: -.3em
}

.social_icon:before {
  display: block;
  margin: 6px auto
}

.social-mobile {
  position: fixed;
  bottom: 5rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  background-color: #e52236;
  transition: width .2s ease;
  z-index: 99;
  max-width: 50rem
}

.social-mobile_fallback {
  display: none;
  padding: .8rem 1rem;
  overflow: hidden
}

.social-mobile_button {
  width: 100%;
  height: 100%;
  border: none;
  background: #e52236;
  margin-left: -1px;
  cursor: pointer;
  border-radius: 50%;
  transition: background .2s ease
}

.social-mobile_button:focus,
.social-mobile_button:hover {
  background: #e94455
}

.social-mobile--open {
  width: calc(100% - 2rem)
}

.social-mobile--open .social-mobile_fallback {
  display: -ms-flexbox;
  display: flex
}

.social-mobile--open .social-mobile_button {
  display: none
}

.social-mobile_copylink {
  border: 0;
  border-radius: 1px;
  height: 1.5rem;
  padding: .3rem;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 3rem
}

.social-mobile_close,
.social-mobile_copybutton {
  border: none;
  cursor: pointer;
  transition: background .2s ease;
  padding-top: .2rem;
  box-sizing: border-box;
  height: 1.5rem
}

.social-mobile_copybutton {
  background: 0 0
}

.social-mobile_copybutton:focus,
.social-mobile_copybutton:hover {
  background: #e94455
}

.social-mobile_close {
  background: 0 0
}

.searchresults>li,
.vec_welcome-club+.vec_welcome-club {
  border-top: 1px solid #dcdcdc
}

.social-mobile_close:focus,
.social-mobile_close:hover {
  background: #e94455
}

.searchresults>li {
  padding: 1.4em .5em
}

.searchresults_snippet {
  display: inline-block;
  margin: .2em 0 .5em;
  vertical-align: top
}

.b2b-news li:before,
.greenicon::before {
  content: ' ';
  vertical-align: middle;
  background-position: center center
}

.searchresults_snippet>p {
  margin-bottom: 0;
  margin-top: 0
}

.searchresults_container {
  margin-bottom: .5em;
  margin-top: .5em
}

.searchresults_container:before {
  margin-top: .2em
}

.searchresults_headline-container {
  margin-bottom: 1em
}

.searchresults_refine-container {
  bottom: .3em;
  position: absolute;
  right: 0
}

.searchresults_breadcrumb {
  margin: 0
}

.rating {
  white-space: nowrap
}

.rating--hotel {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important
}

.rating--condensed>li+li {
  margin-left: -.65em
}

.rating_item::before {
  height: 27px;
  padding-left: .1em;
  width: 27px
}

.rating_item:focus,
.rating_item:hover {
  background-color: #f2f2f2
}

.rating_item:active {
  background-color: #d9d9d9;
  outline: 0
}

.rating--disabled .rating_item:focus,
.rating--disabled .rating_item:hover {
  background-color: transparent;
  cursor: default
}

.aside {
  font-size: .875em;
  width: 100%;
  background-color: #ebebeb;
  margin-top: .5rem
}

.aside_container {
  margin: 0 auto 3em;
  width: 80%
}

.aside_container--navigation a {
  color: #040404
}

.aside_container--search {
  width: 100%;
  background-color: #e52236
}

.aside_container-content {
  margin: 1em 0 3em
}

.aside_headline {
  line-height: 1.2;
  margin-bottom: .3em;
  margin-top: 2rem;
  font-size: 2.25rem;
  color: #e52236
}

.aside_headline--small,
.aside_headline--toggle {
  text-shadow: none;
  color: #e52236;
  margin-top: 0
}

.aside_headline--toggle {
  font-size: inherit
}

.aside_headline--small {
  font-size: 2rem
}

.aside_headline--xsmall {
  font-size: 1.5rem
}

.aside_list--facet .aside_list--facet {
  padding-left: 1.5em
}

.aside_list-item,
.b2b-news li {
  padding: .35em 0;
  line-height: 1.3
}

.aside_list+.aside_headline {
  margin-top: .8em
}

.aside_preheadline {
  font-size: .3125em;
  color: #040404;
  display: block;
  margin-bottom: .5em;
  text-shadow: none
}

.aside_list-item::before {
  margin-top: 0
}

.aside_list-item--margin-top {
  margin-top: 1em
}

.aside_link {
  color: #040404
}

.aside_subline {
  display: block;
  color: #3d3d3d
}

html[lang=ar] .aside_preheadline,
html[lang=ja] .aside_preheadline {
  font-family: Arial, sans-serif
}

.b2b-news li::before {
  margin-top: .175em
}

.b2b-news li:before {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: -3px 3px 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  line-height: 1
}

.b2b-news li strong {
  font-weight: 400
}

.ui-tabs {
  border: none
}

.ui-state-focus,
.ui-state-hover {
  border: 1px solid #e52236;
  background: #e52236;
  font-weight: 400;
  color: #fff
}

.ui-autocomplete {
  z-index: 99999
}

.player_timeline.ui-slider {
  background-color: #292929;
  background: -webkit-gradient(inear, left top, left bottom, from(#292929), to(#151515));
  background: -linear-gradient(to bottom, #292929, #151515);
  border: none;
  border-top: 1px solid #3d3d3d;
  height: 100%
}

.player_timeline.ui-slider-horizontal {
  height: 1.3em
}

.player_timeline .ui-slider-range {
  background-color: #e52236;
  background: -webkit-gradient(inear, left top, left bottom, from(#e52236), to(#c71729));
  background: -linear-gradient(to bottom, #e52236, #c71729);
  cursor: pointer;
  height: 100%;
  position: absolute
}

.player_timeline .ui-slider-handle {
  padding: .5em;
  background-color: #fff;
  border-radius: 1.7em;
  display: block;
  height: 1.7em;
  position: relative;
  width: 1.7em;
  z-index: 200
}

.player_timeline .ui-slider-handle:before {
  background-color: #292929;
  border-radius: 1.1em;
  content: ' ';
  display: block;
  height: 1.1em;
  left: .26em;
  position: absolute;
  top: .23em;
  width: 1.1em;
  z-index: 201
}

.player_volume .ui-slider-range {
  background-color: #e52236;
  background-image: none;
  height: 100%
}

.player_volume .ui-slider-handle {
  background-color: #e52236;
  background-image: none;
  border: none;
  height: 1.7em;
  margin-left: 0;
  width: .2em
}

.player+.article_richtext-container h2:first-child,
.player+.richtext-container h2:first-child {
  margin-top: .5em
}

.hotelform_fixed-header {
  padding: 1em
}

.hotelform_margin-after {
  margin-bottom: 1em
}

.hotelform .mobility_subgroup {
  margin-bottom: 2em
}

.hotelform .mobility_subgroup .group-header {
  margin-bottom: 1em
}

.cookiedialog {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, .85);
  padding: 1rem;
  z-index: 2200;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.cookiedialog p {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: inline-block;
  margin: 0 1rem 0 0;
  padding: .25rem 0
}

.cookiedialog a {
  color: #fff
}

.cookiedialog button {
  min-width: 4rem
}

.head-b2b {
  font-size: 1em;
  padding: .2em 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.head-b2b_label {
  color: #e52236;
  font-size: 1.4em
}

#vec-welcome-page .article_headline,
#vec-welcome-page .richtext-container h2 {
  font-size: 1.75rem
}

.head-b2b_link {
  padding-top: .5em
}

.vec_welcome-club {
  padding: 1em .5em
}

.vec_welcome-club:hover {
  background-color: #fff
}

.vec_welcome-description {
  margin-bottom: 0;
  margin-top: 0
}

.vec_welcome-register-link {
  display: block
}

.vcb-filter_headline {
  margin-bottom: 2rem
}

.vcb-filter_headline-counter {
  color: #040404;
  display: block;
  font-size: 1.4rem
}

.vcb-overview_highlights {
  padding: 0 1em;
  width: 25%
}

.vcb-overview_highlights:not(:last-child) {
  border-right: 1px solid #d0d0d0
}

.vcb-overview_number-container {
  width: 100%;
  position: relative;
  color: #e52236
}

.vcb-overview_teaser-text {
  margin-top: .5rem
}

.vcb-overview_no {
  display: inline-block;
  position: absolute;
  right: 50%;
  margin-right: 1.1em;
  top: .3em;
  font-size: 1.4em
}

.vcb-overview_number {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 5rem;
  line-height: 1em
}

.vcb-overview_highlight-title {
  text-align: center;
  width: 100%;
  line-height: 1.3;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 15.5rem;
  font-size: 1.7rem;
  margin: 0 auto
}

.agencylist_sponsor,
.greenicon {
  margin-top: 1rem
}

.vcb-footer {
  color: #fff;
  background-color: #e52236
}

.vcb-footer a {
  color: #fff
}

.vcb-footer_headline-row {
  height: 4rem;
  border-bottom: 1px solid #fff;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end
}

.vcb-footer_headline {
  font-weight: 400;
  font-size: 2rem;
  line-height: 1rem
}

.vcb-footer_main {
  padding: 2rem 0;
  line-height: 1.6rem
}

.vcb-footer_detail {
  padding: 1rem 0;
  background-color: #ebebeb;
  font-size: .9rem
}

.vcb-footer_detail-column {
  display: inline-block;
  margin-right: 2rem
}

.vcb-footer_spacer {
  padding-left: 6.5rem;
  padding-right: 6.5rem
}

.vcb-footer_placeholder {
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding-left: 3rem
}

.vcb-footer .vcb-footer_link--detail {
  color: #040404
}

.agencylist_entry,
.sponsorlist_entry {
  padding: 1rem 0;
  border-bottom: 1px solid #ebebeb
}

.agencylist_list-content {
  padding-left: 1rem
}

.greenicon {
  margin-bottom: 1rem;
  display: inline-block;
  font-size: .9rem
}

.greenicon--tag {
  padding: .4rem .5rem;
  border: 1px solid #e52236;
  color: #e52236
}

.greenicon::before {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: -3px .5rem 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  line-height: 1
}

.u--clearfix::after,
.u--clearfix::before {
  content: " ";
  display: table
}

.u--lightbox-open body::after,
.u--menu-open .navigation::after {
  content: '';
  position: fixed;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, .47);
  z-index: 1999
}

.u--clearfix::after {
  clear: both
}

.u--is-hidden,
.u--is-hidden-secondary {
  display: none !important
}

.u--fs-1-5 {
  font-size: 1.5rem !important
}

.u--fs-1-3 {
  font-size: 1.3rem !important
}

.u--fs-1 {
  font-size: 1rem !important
}

.u--fs-0-9 {
  font-size: .9rem !important
}

.u--fs-0-8 {
  font-size: .8rem !important
}

.u--lightbox-open {
  overflow-y: hidden
}

.u--lightbox-open body::after {
  top: 0;
  height: 100%
}

.u--menu-open {
  overflow-y: hidden
}

.u--menu-open .navigation::after {
  top: 0;
  height: 100vh
}

.u--is-accessible-hidden,
.u--is-accessible-hidden-not-on-focus,
.u--is-accessible-hidden-not-on-focus-not-on-mobile {
  border: 0;
  clip: rect(.1rem, .1rem, .1rem, .1rem);
  height: .1rem !important;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: .1rem !important
}

.u--is-accessible-hidden-not-on-focus-not-on-mobile:focus,
.u--is-accessible-hidden-not-on-focus:focus {
  height: auto !important;
  width: auto !important
}

.u--cursor-pointer {
  cursor: pointer !important
}

.u--color-brand {
  color: #e52236
}

.u--normal {
  font-weight: 300 !important
}

.u--bold {
  font-weight: 400 !important
}

.u--boldest {
  font-weight: 500 !important
}

.u--bg-aside {
  background-color: #ebebeb
}

.u--margin-left-0-5x {
  margin-left: .5rem !important;
  margin-right: .5rem !important
}

.u--margin-left {
  margin-left: 1rem !important
}

.u--margin-left-1-5x {
  margin-left: 1.5rem !important
}

.u--margin-right {
  margin-right: 1rem !important
}

.u--margin-bottom {
  margin-bottom: 1rem !important
}

.u--margin-bottom-0x {
  margin-bottom: 0 !important
}

.u--margin-bottom-2x {
  margin-bottom: 2rem !important
}

.u--margin-bottom-3x {
  margin-bottom: 3rem !important
}

.u--margin-bottom-0-5x {
  margin-bottom: .5rem
}

.u--margin-bottom-15px {
  margin-bottom: 15px !important
}

.u--margin-top-auto {
  margin-top: auto !important
}

.u--no-margin-top {
  margin-top: 0 !important
}

.u--margin-top {
  margin-top: 1rem !important
}

.u--margin-top-2x {
  margin-top: 2rem !important
}

.u--margin-top-3x {
  margin-top: 3rem !important
}

.u--margin-top-4x {
  margin-top: 4rem !important
}

.u--margin-top-0-5x {
  margin-top: .5rem
}

.u--margin-top-0-3x {
  margin-top: .3rem !important
}

.u--margin-h-auto {
  margin-left: auto;
  margin-right: auto
}

.u--floats-right {
  float: right !important
}

.u--floats-left {
  float: left !important
}

.u--display-i,
.u--display-ib {
  display: inline-block !important
}

.u--display-b {
  display: block !important
}

.u--va-middle {
  vertical-align: middle !important
}

.u--ff-sans-serif {
  font-family: "Graphik Web", Arial, sans-serif !important
}

.u--listitem-padding-compact {
  padding: .35em 0;
  line-height: 1.3
}

.u--listitem-padding-compact::before {
  margin-top: .175em
}

.u--padding-compact {
  padding: .5em !important
}

.u--flex-justify-content-ib {
  -ms-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.u--flex-justify-content-end {
  -ms-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.u--position-rel {
  position: relative !important
}

.u--ta-right {
  text-align: right !important
}

.u--width-1rem {
  width: 1rem !important
}

.u--width-2rem {
  width: 2rem !important
}

.u--width-3rem {
  width: 3rem !important
}

.u--width-4rem {
  width: 4rem !important
}

.u--width-5rem {
  width: 5rem !important
}

.u--width-6rem {
  width: 6rem !important
}

.u--width-7rem {
  width: 7rem !important
}

.u--width-8rem {
  width: 8rem !important
}

.u--width-9rem {
  width: 9rem !important
}

.u--width-10rem {
  width: 10rem !important
}

.u--width-11rem {
  width: 11rem !important
}

.u--width-12rem {
  width: 12rem !important
}

.u--width-13rem {
  width: 13rem !important
}

.u--width-19rem {
  width: 19rem !important
}

.u--width-100 {
  width: 100% !important
}

.u--width-80 {
  width: 80% !important
}

.u--uppercase {
  text-transform: uppercase !important
}

.u--no-transition {
  transition: none !important
}

html[lang=ar] .u--ff-sans-serif,
html[lang=ja] .u--ff-sans-serif {
  font-family: Arial, sans-serif !important
}

.u--is-touch .u--is-hidden-if-touch,
body:not(.u--is-touch) .u--is-hidden-if-not-touch {
  display: none !important
}

.tile--animation {
  position: relative;
  overflow: hidden
}

.tile--animation .tile_icon,
.tile--animation .tile_image {
  transition: all .3s linear
}

.tile--animation .tile_icon {
  width: 8em;
  height: 8em;
  border-radius: 4em;
  position: absolute;
  left: 100%;
  bottom: 100%;
  margin: 0 0 -4em -4em;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .8)
}

.tile--animation .icon--2x::before {
  position: absolute;
  bottom: .8em;
  left: .8em;
  transition: all .3s
}

.tile--animation:hover .tile_image {
  transform: scale(1.05)
}

.tile--animation:hover .icon--2x::before {
  bottom: 1em;
  left: 1em
}

.tile--animation:hover .tile_icon {
  width: 9em;
  height: 9em;
  border-radius: 5em;
  margin: 0 0 -4.5em -4.5em
}

@media only screen and (min-width:500px) {
  .hide--gt-bxxsmall {
    display: none
  }
}

@media only screen and (min-width:600px) {
  .hide--gt-xsmall {
    display: none
  }
}

@media screen and (min-width:700px) and (max-height:700px) {

  .stickyhotelmap,
  .stickyhotelmap .map_container {
    height: 100%
  }

  .stickyhotelmap_fab {
    display: block
  }
}

@media only screen and (min-width:760px) {
  .geonav_list-container {
    overflow-y: auto
  }

  .geonav_control--hide-list,
  .geonav_control--show-detail,
  .geonav_control--show-list,
  .hide--gt-small {
    display: none
  }
}

@media only screen and (min-width:900px) {
  .socialmedia_link-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
  }

  .hide--gt-bsmall {
    display: none
  }
}

@media only screen and (min-width:960px) {

  .fab:not(.fab--forced),
  .hide--gt-medium {
    display: none
  }
}

@media only screen and (min-width:1024px) {
  .grid--offset-clip {
    margin-left: 8.33333333%;
    width: calc(91.6666666%)
  }

  .hide--gt-large,
  .social-mobile,
  .social-mobile_button {
    display: none
  }
}

@media only screen and (min-width:1274px) {

  .grid_column.grid_column--clip,
  .grid_column.grid_column--spacer1x {
    width: 6.5em
  }

  .grid--offset-clip {
    margin-left: 6.5em;
    width: calc(100% - 6.5em)
  }

  .grid_row--footer {
    margin: 0
  }

  .clip_sublabel {
    font-size: .6875em
  }

  .article {
    font-size: 1.125em
  }

  .article_image-container {
    max-width: 350px
  }

  .aside {
    font-size: 1em
  }

  .aside_container--search {
    padding-left: 0
  }

  .hide--gt-xlarge {
    display: none
  }
}

@media only screen and (min-width:1301px) {
  .geonav_searchonmapcheckbox {
    margin-left: 10px
  }
}

@media only screen and (max-width:1500px) {
  .tile--leadarticle .tile_image-container--has-overlay::before {
    background-position: center 38%
  }

  .tile--leadarticle .tile_image-container-overlay-text {
    top: 42%
  }

  .promotion_headline--ivie {
    font-size: 1.5rem
  }

  [lang=ru] .promotion_headline--ivie,
  [lang=pl] .promotion_headline--ivie,
  [lang=hu] .promotion_headline--ivie {
    font-size: 1.3rem
  }
}

@media only screen and (max-width:1400px) {
  .button--promotion {
    font-size: 1rem;
    width: 100%
  }

  .service_list--has-visible-divider-right {
    border-right: 2px solid #fff;
    padding: .3em .75em
  }

  .service_list--has-visible-divider-right:first-child {
    padding-left: .25em
  }

  .service_list--has-visible-divider-right:last-child {
    padding-right: .25em
  }

  .service_list--b2c-link {
    padding-left: .75em
  }

  .service_grid--b2b-no-margin-padding {
    margin-right: 0;
    padding-right: 0
  }

  .navigation {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .navigation_flyout-container {
    margin-left: 11%
  }

  .navigation_logo-container {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    min-height: 5.3rem
  }

  .navigation_logo-container--mobile-navigation {
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .navigation_logo {
    margin-top: 1em;
    margin-bottom: .5em
  }

  .navigation_logo--mdv-mobile {
    margin-top: .2em
  }

  .navigation_logo--language-hu {
    margin-top: .5em
  }

  .navigation_toggle-container {
    -ms-flex-positive: 1;
    flex-grow: 1
  }

  .navigation_list {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
  }

  .promotion_image-container {
    max-width: 115px
  }

  .promotion_headline {
    top: -10.7rem;
    left: 8.4rem;
    margin-top: -1.3rem
  }

  .promotion_headline--vcc {
    font-size: 2rem
  }

  .promotion_price-container {
    font-size: 1.1rem;
    margin-top: -1.4rem
  }

  [lang=ru] .promotion_headline--ivie,
  [lang=pl] .promotion_headline--ivie,
  [lang=hu] .promotion_headline--ivie {
    font-size: 1.2rem
  }

  .social--myvienna .social_item {
    width: 5.3rem
  }
}

@media only screen and (max-width:1300px) {
  .tile--leadarticle .tile_image-container--has-overlay::before {
    background-position: center 33%
  }

  .tile--leadarticle .tile_image-container-overlay-text {
    top: 33%
  }

  .promotion_headline--ivie {
    font-size: 1.2rem
  }

  .aside_headline {
    font-size: 2.25rem
  }
}

@media only screen and (max-width:1273px) {
  .grid_row--footer {
    margin: 0;
    padding: 0
  }

  .tile--tours .tours_list-item {
    width: 50%
  }

  .weather--big .weather_data--today {
    position: static;
    display: block;
    text-align: center;
    margin-top: -1.5em;
    margin-bottom: .64em
  }

  .weather--big .weather_icon {
    min-height: 6em
  }

  .weather--big .weather_icon::before {
    display: block;
    margin: -1em auto 0
  }

  .footer_service-row {
    -ms-flex-align: start;
    align-items: flex-start
  }

  .footer_sponsor-info {
    display: block
  }

  .footer_sponsor-image {
    margin: .5rem .5rem 0 0
  }

  .footer_sponsor {
    margin-bottom: 1em
  }

  .promotion_headline {
    left: 7.5rem
  }

  .promotion_price-container {
    padding-left: .5rem
  }

  [lang=ru] .promotion_headline--ivie,
  [lang=pl] .promotion_headline--ivie,
  [lang=hu] .promotion_headline--ivie {
    font-size: 1rem
  }

  .aside_headline {
    font-size: 2rem
  }

  .hide--lt-xlarge {
    display: none
  }
}

@media only screen and (max-width:1179px) {
  .service {
    padding-right: .1em
  }

  .service_list--has-visible-divider-right {
    border-right: 2px solid #fff;
    padding: .3em .25em
  }

  .service_list--has-visible-divider-right:first-child {
    padding-left: 0
  }

  .service_list--has-visible-divider-right:last-child {
    padding-right: 0
  }

  .service_list--b2c-link {
    padding-left: .25em;
    margin-right: -7px
  }

  .service_flyout--flex {
    right: -83px
  }

  .navigation {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .navigation_logo-container {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
  }

  .navigation_logo-container--mobile-navigation {
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .navigation_list {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
  }

  .navigation_item>div>a {
    font-size: 1.1em
  }

  .aside_headline {
    font-size: 1.8rem
  }
}

@media only screen and (max-width:1100px) {
  .tile--leadarticle .tile_image-container--has-overlay::before {
    background-position: center 35%
  }

  .tile--leadarticle .tile_image-container-overlay-text {
    top: 35%
  }

  .service {
    padding-right: 1px
  }

  .service_list--has-visible-divider-right {
    border-right: 2px solid #fff;
    padding: .3em 1.5em
  }

  .service_list--has-visible-divider-right:first-child {
    padding-left: 1em
  }

  .service_grid--b2b-no-margin-padding:last-child,
  .service_list--b2c-link {
    padding-left: 1.5em
  }

  .service_list--has-visible-divider-right:last-child {
    padding-right: 1em
  }

  .service_flyout--flex {
    left: -100px;
    right: auto
  }

  .service_flex-box {
    width: 20rem
  }

  .header-hero_callout-overlay-inner {
    top: -48px
  }

  .header-hero_callout-overlay-inner:last-child {
    top: 48px
  }

  .header-hero_callout-overlay-item {
    font-size: 2rem
  }

  .navigation_item>div>a {
    font-size: 1.05em
  }

  .article_image-container {
    max-width: 250px;
    margin: 0 0 1em 1em
  }

  .social_item {
    width: 6em
  }

  .vcb-overview_highlight-title {
    font-size: 1.4rem
  }
}

@media only screen and (max-width:1023px) {
  .grid--offset-clip {
    margin-left: 0
  }

  .grid_column--margin-top {
    margin-top: 0
  }

  .grid_column--12-lt-medium,
  .grid_column--agencylist,
  .grid_column--article,
  .grid_column--aside,
  .grid_column--location,
  .grid_column--overview,
  .grid_column--spacer3x,
  .grid_column.grid_column--clip {
    width: 100%
  }

  .grid_column--article {
    padding-left: 0;
    padding-right: 0
  }

  .grid_column--location .grid_row:not(.grid_row--more) {
    padding-right: 0
  }

  .grid_block-headline {
    margin-left: .3em
  }

  .grid_row--more {
    width: 100%;
    padding: 0
  }

  .grid_row--footer {
    margin: 0;
    padding: 0 1em
  }

  .message--vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
  }

  .message--vertical .message_message-container {
    padding-left: 0;
    padding-top: 1rem
  }

  .message--vertical .message_close {
    position: absolute;
    right: 1rem;
    top: 1rem
  }

  .message--vertical .message_container {
    margin-top: 1.5rem
  }

  .socialmedia_section--hashtags {
    padding: 0 1em
  }

  .socialmedia_hashtags-header {
    padding: 0 .5em
  }

  .socialmedia_section--main {
    margin-top: 0
  }

  .lightbox_dialog {
    margin-top: 2rem
  }

  .button--callout {
    padding: .5rem 2rem !important
  }

  .button--callout--vcb {
    display: none
  }

  .tile {
    padding: 0 .25em
  }

  .tile--campaignteaser {
    padding-bottom: .25em
  }

  .service_flyout-flex-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
  }

  .service_flex-box {
    margin: 0 0 2rem
  }

  .header-hero_overlay-control--callout,
  .header_overlay .button--callout {
    font-size: 24px
  }

  .skiplink,
  .skiplink:focus {
    display: hidden !important
  }

  .navigation_logo-link {
    min-height: 4.8125rem
  }

  .navigation_logo {
    display: none;
    width: 10rem;
    height: auto
  }

  .navigation_logo--mobile {
    display: block
  }

  .navigation_logo--vec {
    margin-top: 1.5rem
  }

  .navigation_logo--vcb,
  .navigation_logo--vec-language-es {
    margin-top: 1.3rem
  }

  .navigation_logo--mobile-navigation {
    display: block;
    width: 10rem;
    height: auto;
    margin-top: 0
  }

  .navigation_logo--vcb-mobile {
    margin-top: .5rem
  }

  .navigation_social-list-item {
    float: left
  }

  .navigation_social-list-item a::before {
    width: 2em;
    height: 2em;
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    margin: -3px 3px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    line-height: 1
  }

  .clip::after,
  .clip::before,
  .navigation_item::after {
    content: " "
  }

  .navigation_contact-link-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding: .6em .8em;
    -ms-flex-positive: 1;
    flex-grow: 1
  }

  .navigation_contact-link {
    color: #040404;
    font-size: .9rem
  }

  .navigation_list {
    display: block !important;
    position: absolute;
    z-index: 2100;
    transform: translateX(0);
    left: -50%;
    height: auto;
    min-height: 100vh;
    width: 50%;
    background-color: #fff;
    transition: transform .15s ease-out;
    padding-bottom: 5em
  }

  .navigation_item {
    display: block;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc
  }

  .navigation_item:last-child,
  .navigation_item:last-child:focus,
  .navigation_item:last-child:hover {
    border-bottom: none
  }

  .navigation_item>a {
    color: #040404
  }

  .navigation_item:focus,
  .navigation_item:hover {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc
  }

  .navigation_item>div>a {
    font-size: 1.2em;
    color: #040404;
    display: block;
    text-align: left
  }

  .navigation_item>div>a:focus {
    outline: auto
  }

  .navigation_item--open {
    background-color: #fff
  }

  .navigation.navigation--open .navigation_hamburger-icon,
  .navigation_flyout {
    background-color: transparent
  }

  .navigation_item--myvienna {
    border-bottom: 1px solid #ccc
  }

  .navigation_wrapper--myvienna {
    display: block
  }

  .navigation_flyout {
    display: block;
    position: static;
    border-bottom: none;
    border-top: none
  }

  .clip--b2b,
  .navigation.navigation--open .navigation_item div>a::after,
  .navigation.navigation--open .navigation_item--open div>a::after {
    display: none
  }

  .navigation_flyout-label {
    overflow-wrap: break-word
  }

  .navigation_flyout-headline {
    font-size: 16px;
    font-weight: 300;
    padding: .3em 0;
    margin: 0
  }

  .navigation_flyout-headline .navigation_flyout-headline--link {
    color: #000
  }

  .navigation_flyout-headline .navigation_flyout-headline--link:focus {
    outline: #000 dotted 1px
  }

  .navigation_flyout-list-item {
    padding: .3em 0 .3em 1.5em
  }

  .navigation_flyout-list-item a {
    color: #040404
  }

  .navigation_toggle-container {
    -ms-flex-positive: 0;
    flex-grow: 0
  }

  .navigation.navigation--open .navigation_toggle-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
    overflow-y: scroll;
    min-height: 100vh
  }

  .navigation.navigation--open .navigation_list {
    transform: translateX(99%)
  }

  .navigation.navigation--open .navigation_flyout-container {
    margin-left: 0;
    padding-left: 1.5em
  }

  .navigation.navigation--open .navigation_flyout-container--bottom,
  .navigation.navigation--open .navigation_flyout-container--top {
    margin-bottom: 0
  }

  .navigation.navigation--open .navigation_categories,
  .navigation.navigation--open .navigation_flyout-grid--column {
    width: 100%
  }

  .navigation.navigation--open .navigation_categories-link {
    font-size: 16px;
    padding: .3em 0
  }

  .navigation.navigation--open .navigation_toggle {
    transform: translateX(40vw);
    z-index: 2101
  }

  .clip_item:active,
  .clip_module--open .clip_item:active {
    background-color: #f2f2f2
  }

  .navigation.navigation--open .navigation_hamburger-icon::after,
  .navigation.navigation--open .navigation_hamburger-icon::before {
    transition-delay: 0s, .2s
  }

  .navigation.navigation--open .navigation_hamburger-icon::before {
    transform: rotate(45deg);
    top: 0
  }

  .navigation.navigation--open .navigation_hamburger-icon::after {
    transform: rotate(-45deg);
    bottom: 0
  }

  .clip {
    padding-right: 0;
    margin: .5em 0
  }

  .clip::after,
  .clip::before {
    display: table
  }

  .clip::after {
    clear: both
  }

  .clip_module {
    float: left;
    margin-bottom: 0;
    width: 25%;
    z-index: 0
  }

  .clip_module--open {
    box-shadow: none
  }

  .clip_item {
    border-left: none;
    border-right: 1px solid #ccc;
    border-bottom: 3px solid #fff
  }

  .clip_item::before {
    width: 42px;
    height: 42px
  }

  .clip_item:focus::after,
  .clip_item:hover::after {
    border-bottom-width: 3px
  }

  .clip_sublabel {
    font-size: .9em
  }

  .clip_module--open .clip_item {
    border-top-color: #e52236;
    text-align: center
  }

  .clip_module:last-child .clip_item {
    border-right: none
  }

  .clip_module--open .clip_sublabel {
    display: block
  }

  .clip_module--open.clip_module--map {
    width: 25%
  }

  .clip_details {
    background-color: #fff;
    font-size: 16px;
    margin: -1.5em 0 1.5em;
    padding: 1.5em 2.5em;
    width: 100%
  }

  .clip_details--open {
    display: block
  }

  .clip_details--open .clip_label {
    display: block;
    margin-bottom: .5em;
    position: static
  }

  .myvienna_flyout-label {
    font-size: 1.2em;
    padding: .6em .8em
  }

  .footer_column {
    width: 25%;
    margin-right: 0
  }

  .footer_sponsor {
    margin-top: 1em;
    margin-bottom: 2em;
    width: 100%
  }

  .promotion.promotion.promotion--b2c-main {
    display: block;
    margin-bottom: 0
  }

  .promotion.promotion.promotion--b2c-aside,
  .social.social--article .social_list {
    display: none
  }

  .promotion_headline--ivie,
  [lang=pl] .promotion_headline--ivie {
    font-size: 1.8rem
  }

  [lang=ru] .promotion_headline--ivie,
  [lang=pl] .promotion_headline--ivie,
  [lang=hu] .promotion_headline--ivie {
    font-size: 1.2rem
  }

  .head-b2b {
    display: block;
    background-color: #ebebeb
  }

  .head-b2b_label {
    font-size: 1rem;
    color: #040404;
    display: block
  }

  .head-b2b_link.icon::before,
  .hide--lt-large {
    display: none
  }

  .head-b2b_link {
    font-size: 1rem;
    text-decoration: underline;
    color: #040404
  }

  .vcb-overview_highlight-title {
    height: 8rem
  }

  .vcb-footer_spacer {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .u--is-accessible-hidden-not-on-focus-not-on-mobile:focus {
    width: .1em !important;
    height: .1em !important
  }
}

@media only screen and (max-width:959px) {

  .hotellist--open .hotellist_list,
  .hotellist--open .leaflet-control-fullscreen,
  .location_ad-container:not(.location_ad-container--always-visible) {
    display: none
  }

  .filter--travelagencies-content {
    width: 100%
  }

  .filter--travelagencies {
    width: 0%
  }

  .filter_toggle-content {
    position: fixed;
    background-color: #fff;
    width: 95%;
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 1rem 1rem 6em;
    z-index: 2000;
    overflow-y: scroll;
    transform: translateX(100%);
    transition: .28s ease transform
  }

  .hotellist--open {
    top: 1.5rem;
    left: 0;
    width: 100%;
    height: 100%
  }

  .masonry_element,
  .masonry_sizer {
    width: 50%
  }

  .logo {
    width: 13.175em;
    height: 13.175em;
    margin: -6.5875em 0 0 -6.5875em
  }

  .logo_claim {
    font-size: 20px
  }

  .map {
    margin-top: -1.5em
  }

  .article_image-container {
    max-width: 250px
  }

  .overview {
    margin-left: 0
  }

  .overview .message_container {
    padding-right: 0
  }

  .overview .map {
    margin-right: 0
  }

  .location_headline {
    margin-bottom: .5rem
  }

  .location_ad-container.location_ad-container--mobile {
    display: inline-block
  }

  .aside {
    margin: 2em 0 0;
    padding-bottom: 3em
  }

  .aside_container {
    width: 90%;
    margin: 0 auto
  }

  .hide--lt-medium {
    display: none
  }
}

@media only screen and (max-width:899px) {

  .grid_column--bsmall-12,
  .socialmedia_language-column,
  .socialmedia_link-column,
  .socialmedia_navigation-container-column,
  .socialmedia_navigation-item a,
  .socialmedia_social-column {
    width: 100%
  }

  .socialmedia_logo {
    max-width: 100%;
    height: auto
  }

  .socialmedia .service_flyout {
    right: auto
  }

  .socialmedia_section--main {
    font-size: 1rem
  }

  .socialmedia_clips {
    display: inline-block;
    position: static;
    vertical-align: middle
  }

  .socialmedia_clip {
    box-shadow: none;
    display: inline-block;
    margin-bottom: 0
  }

  .socialmedia_menulink {
    font-size: 1em;
    margin-right: 0
  }

  .socialmedia_navigation-list {
    display: block;
    border-top: 1px solid #dcdcdc
  }

  .socialmedia_language-column,
  .socialmedia_social-column {
    padding: 1em;
    border-bottom: 1px solid #dcdcdc
  }

  .socialmedia_navigation-toggle {
    -ms-flex-negative: 0;
    flex-shrink: 0
  }

  .socialmedia_navigation-item {
    border-bottom: 1px solid #dcdcdc;
    display: block
  }

  .socialmedia_navigation-item a {
    display: block;
    padding: 1em
  }

  .socialmedia_navigation {
    padding: 0
  }

  .socialmedia_language-column button {
    margin-top: 0
  }

  .logo {
    width: 12.4em;
    height: 12.4em;
    margin: -6.2em 0 0 -6.2em
  }

  .logo_claim {
    font-size: 20px
  }

  .navigation_list {
    left: -70%;
    width: 70%
  }

  .navigation.navigation--open .navigation_toggle {
    transform: translateX(55vw)
  }

  .weather_label {
    position: static;
    text-transform: none
  }

  .weather--in-navigation>.icon,
  .weather--in-navigation>.weather_label {
    animation: none
  }

  .map_search-container {
    width: 60%
  }

  input[type=text].map_search-field {
    height: 2.5rem
  }

  .vcb-overview_highlights {
    width: 50%
  }

  .vcb-overview_highlights:nth-child(even) {
    border-right: none
  }

  .vcb-overview_highlight-title {
    height: 8rem
  }

  .vcb-footer_placeholder {
    padding-left: 0
  }

  .hide--lt-bsmall {
    display: none
  }
}

@media only screen and (max-width:759px) {

  .grid_row--more .grid_column--4,
  .top-events_list2 li {
    width: 50%
  }

  .geonav_wrapper--shown .leaflet-top.leaflet-right,
  .header--hidden header,
  .recommend_column--email-preview {
    display: none
  }

  .geonav--hasfilter .geonav_list-container {
    padding-bottom: 6rem
  }

  .geonav_header-text.geonav_header-text {
    margin-top: .7rem;
    font-size: 1.3rem;
    margin-bottom: .7rem
  }

  .geonav_header-text.geonav_header-text--offset {
    padding-top: 0
  }

  .geonav_found-header.geonav_found-header {
    padding: .5rem 1rem
  }

  .geonav_aside {
    transition: 70ms top ease;
    min-height: auto;
    position: absolute;
    top: 35%;
    left: 0;
    z-index: 99999;
    width: 100%;
    bottom: 0
  }

  .geonav_aside--shown {
    top: 100px
  }

  .geonav_aside--hidden {
    top: 100%
  }

  .geonav_control {
    color: inherit;
    background-color: #fff
  }

  .geonav_control--back-to-list.geonav_control--back-to-list {
    padding: .5rem;
    font-size: .9rem
  }

  .geonav_control--back-to-list.geonav_control--back-to-list::before {
    background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M19.304%2010.417c.1%200%20.2.04.275.118.143.15.136.387-.016.53l-4.806%204.552c-.115.11-.18.255-.177.407s.07.295.187.403l4.903%204.448c.153.14.165.377.026.53-.14.153-.377.164-.53.025l-4.9-4.448c-.276-.25-.43-.588-.435-.952-.003-.363.144-.704.415-.958l4.805-4.553c.07-.068.162-.102.254-.103z%22%2F%3E%3C%2Fsvg%3E')
  }

  .geonav_control--hide-list {
    font-size: .9rem;
    background-color: #e52236;
    color: #fff
  }

  .geonav_control-container {
    background: 0 0;
    position: absolute;
    bottom: 100%
  }

  .geonav_found-subheader {
    margin-right: .5rem;
    display: inline-block
  }

  .geonav_found-link {
    font-size: 1rem;
    display: inline-block
  }

  .geonav_areasearch {
    top: 64px;
    left: .5rem;
    margin: 0;
    transform: none;
    bottom: auto;
    max-width: calc(100% - 5rem)
  }

  .tile--top-events {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .tile--top-events .tile_column--events {
    padding-left: 0;
    margin-top: 2em
  }

  .grid--top-events {
    padding: 0 0 0 1em
  }

  .grid--top-events:first-child {
    padding: 0 1em 0 0
  }

  .grid--top-events:last-child {
    padding: 0 0 0 8%
  }

  .logo {
    width: 10.85em;
    height: 10.85em;
    margin: -5.425em 0 0 -5.425em
  }

  .logo_claim {
    font-size: 20px
  }

  .header-hero_callout-overlay-inner {
    top: -32px
  }

  .header-hero_callout-overlay-inner:last-child {
    top: 32px
  }

  .header-hero_callout-overlay-item {
    font-size: 1.2rem
  }

  .header-hero_overlay-control--callout,
  .header_overlay .button--callout {
    font-size: 21px
  }

  .navigation_list {
    left: -90%;
    width: 90%
  }

  .navigation.navigation--open .navigation_toggle {
    transform: translateX(70vw)
  }

  .overview .grid_column--4 {
    width: 50%
  }

  .overview .grid_column--8,
  .recommend_column--form,
  .social_item.social_item {
    width: 100%
  }

  .social_list {
    display: -ms-flexbox;
    display: flex;
    padding: 0
  }

  .social_item+.social_item {
    margin-left: 0
  }

  .hide--lt-small {
    display: none
  }
}

@media screen and (max-width:700px) {
  .stickyhotelmap_fab {
    display: block
  }
}

@media only screen and (max-width:699px) {
  .logo {
    width: 9.3em;
    height: 9.3em;
    margin: -4.65em 0 0 -4.65em
  }

  .logo_claim {
    font-size: 16px
  }

  .weather {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .weather_day {
    border: none;
    border-bottom: 1px solid #dcdcdc;
    width: 100%
  }

  .weather--big .weather_data--today {
    position: static;
    display: block;
    text-align: center
  }

  .article_embedded-image.float--left,
  .article_embedded-image.float--none,
  .article_embedded-image.float--right {
    float: none;
    width: 100%;
    margin: 0 0 1rem
  }

  .article_embedded-image img {
    max-width: 100%
  }

  .location_image:not(.location_image--responsive) {
    display: none
  }

  .hotel_properties--list {
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0;
    column-gap: 0
  }

  .social_icon:before {
    height: 38px;
    margin-top: 14px;
    margin-bottom: 14px;
    width: 38px
  }
}

@media only screen and (max-width:599px) {

  .breadcrumb_item,
  .grid_column--bsmall-0,
  .grid_row--more .tile_image {
    display: none
  }

  .grid_column--bsmall-12,
  .grid_row--more .grid_column--4 {
    width: 100%
  }

  .h1,
  .h1--sans-serif,
  .h2,
  .h2--sans-serif,
  .tile--leadarticle .tile_headline,
  h1,
  h2 {
    font-family: "Graphik Web", Arial, sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: #e52236
  }

  .h1,
  .h1--sans-serif,
  h1 {
    font-size: 1.5625em
  }

  .h2,
  .h2--sans-serif,
  h2 {
    font-size: 1.5em
  }

  .grid_row--more {
    padding-right: 0
  }

  .grid_row--footer-detail {
    padding: 0 1em 1em
  }

  .grid--offset-clip {
    margin-left: 0
  }

  .grid_column--article {
    padding-left: 0;
    padding-right: 0
  }

  .geonav .article_image-container.article_image-container {
    display: block;
    width: auto
  }

  .geonav .article_image {
    width: 50px
  }

  .masonry_element,
  .masonry_sizer {
    width: 100%
  }

  .masonry_element {
    padding: 0 0 1em
  }

  .tile--leadarticle .tile_image-container--has-overlay::before {
    background-position: center center
  }

  .tile--leadarticle .tile_image-container-overlay-text {
    top: 50%
  }

  .tile {
    padding: 0 .5rem
  }

  .tile--campaignteaser.tile--campaignteaser .tile_details,
  .tile--leadarticle.tile--leadarticle .tile_details,
  .tile_details {
    padding: .5rem
  }

  .tile_headline.tile_headline {
    margin-top: 0;
    margin-bottom: .5em;
    font-size: 1.25em
  }

  .tile_link {
    margin-bottom: 1.3rem
  }

  .tile--campaignteaser>a {
    -ms-flex-direction: column;
    flex-direction: column;
    display: block
  }

  .tile--campaignteaser .tile_details,
  .tile--campaignteaser .tile_image {
    width: 100%;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
  }

  .tile--leadarticle .tile_headline {
    font-size: 1.25em;
    margin-bottom: .5em;
    padding: 0
  }

  .tile--leadarticle .tile_details {
    position: relative;
    padding: .8em
  }

  .location,
  .top-events_list+.top-events_list {
    padding-left: 0
  }

  .tile--leadarticle .tile_teaser-text {
    padding: 0
  }

  .top-events {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .top-events_list2 li {
    width: 100%
  }

  .grid--top-events {
    padding: 0 0 0 16.666667%
  }

  .grid--top-events:first-child {
    padding: 0
  }

  .grid--top-events:last-child {
    padding: 0 0 0 16.666667%
  }

  .tile--tours .tours_list-item {
    width: 100%
  }

  .service_list--mobile {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .logo {
    width: 6.2em;
    height: 6.2em;
    margin: -3.1em 0 0 -3.1em
  }

  .logo_claim {
    font-size: 14px
  }

  .header-hero_overlay-control--callout,
  .header_overlay .button--callout {
    font-size: 18px
  }

  .breadcrumb {
    margin-bottom: .8rem;
    margin-top: .5rem
  }

  .breadcrumb_item {
    margin-bottom: 0
  }

  .breadcrumb_item--mobile-overflow,
  .breadcrumb_item:first-child,
  .breadcrumb_item:last-child,
  .breadcrumb_item:nth-last-child(2) {
    display: inline-block
  }

  .breadcrumb_item .icon.icon--home::before {
    width: 20px;
    margin-right: 0
  }

  .breadcrumb_item .icon.icon--list::before {
    width: 16px;
    height: 16px
  }

  .clip_module {
    box-shadow: none
  }

  .clip_item {
    background-color: transparent;
    height: 5em
  }

  .clip_item::after {
    bottom: -3px
  }

  .clip_label {
    display: none
  }

  .clip_sublabel {
    font-size: .7em
  }

  .footer_detail-column {
    display: block;
    margin-top: .5rem
  }

  .promotion_image-container {
    max-width: 115px
  }

  .promotion_headline {
    top: -10.7rem;
    margin-top: -1.3rem
  }

  .promotion_headline--vcc {
    font-size: 2rem
  }

  .promotion_price-container {
    font-size: 1.1rem;
    margin-top: -1.4rem
  }

  .promotion_headline--ivie {
    font-size: 1.2rem
  }

  .article_image-container {
    max-width: 40%;
    height: auto
  }

  .article_richtext-text {
    display: none
  }

  .article_richtext-text.show {
    display: block
  }

  .imageblock {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .imageblock .grid_column {
    width: 100%
  }

  .slideshow_container {
    margin-left: 0;
    margin-right: 0
  }

  .slideshow_container .figure {
    padding: 0
  }

  .slideshow .slick-next,
  .slideshow .slick-prev {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    background-color: #fff9;
    left: auto;
    top: 50%
  }

  .slideshow .slick-next:focus,
  .slideshow .slick-next:hover,
  .slideshow .slick-prev:focus,
  .slideshow .slick-prev:hover {
    background-color: #fff
  }

  .slideshow .slick-prev {
    left: 0
  }

  .slideshow .slick-next {
    right: 0
  }

  .slideshow .slick-next::before,
  .slideshow .slick-prev::before {
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110%;
    margin: 0
  }

  .overview .grid_column--4 {
    width: 100%
  }

  .overview .map,
  .overview .message {
    margin-right: 0
  }

  .overview_section-headline,
  .overview_section-headline-container {
    margin-left: .5em;
    margin-right: .5em
  }

  .location_headline {
    margin-left: 2.5em
  }

  .location--geonav {
    padding-left: 1em;
    padding-right: 1em
  }

  .location--geonav::before {
    display: none
  }

  .location::before {
    height: 30px;
    top: .65em;
    width: 30px
  }

  .location_options>li {
    width: 100%
  }

  .searchresults_refine-container {
    display: block;
    float: none;
    margin-bottom: .5em;
    position: static
  }

  .searchresults_breadcrumb {
    font-size: .875em
  }

  .searchresults_breadcrumb>li {
    margin-right: -.4em
  }

  .searchresults_breadcrumb a:before {
    height: 18px;
    margin-right: -.2em;
    width: 18px
  }

  .aside_container {
    padding: 0 1em 0 0
  }

  .cookiedialog:not(.u--is-hidden) {
    display: block
  }

  .cookiedialog p {
    margin-bottom: 1rem
  }

  .cookiedialog button {
    float: right;
    margin-bottom: 1rem
  }

  .vcb-overview .tile_link.tile_link {
    padding-top: 0
  }

  .u--xsmall-margin-bottom-15px {
    margin-bottom: 15px !important
  }

  .hide--lt-xsmall {
    display: none
  }
}

@media only screen and (max-width:499px) {

  .hide--lt-bxxsmall,
  .hotel_column--image,
  .social:not(.social--myvienna)_list-label {
    display: none
  }

  .grid_column--bxxsmall-6 {
    width: 50%
  }

  .grid_column--bxxsmall-12 {
    width: 100%
  }

  .geonav .hotel {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .myvienna-trip_entry {
    padding: 0
  }

  .myvienna-trip_entry-content {
    padding: 1em
  }

  .myvienna-trip_actions-container,
  .myvienna-trip_content-container,
  .myvienna-trip_image-container {
    width: 100%
  }

  [lang=ru] .promotion_headline--ivie,
  [lang=pl] .promotion_headline--ivie,
  [lang=hu] .promotion_headline--ivie {
    font-size: 1rem
  }

  .article_image-container {
    max-width: 100%;
    width: 100%;
    margin: 0 0 1em
  }

  .hotel {
    padding-left: 0
  }

  .hotel_column--info {
    padding-left: 0;
    width: 100%
  }

  .toolbar_column {
    padding-top: .5em;
    width: 100%
  }

  .toolbar_item--contact {
    text-align: left
  }

  .toolbar_column--last {
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .vcb-overview_highlights.vcb-overview_highlights {
    width: 100%;
    border-right: none;
    margin-bottom: 4rem
  }

  .vcb-overview_highlight-title {
    height: auto
  }

  .u--bxxsmall-no-padding-left {
    padding-left: 0 !important
  }
}

@media only screen and (max-width:449px) {
  .logo {
    width: 5.425em;
    height: 5.425em;
    margin: -2.7125em 0 0 -2.7125em
  }

  .logo_claim {
    font-size: 11px
  }

  .hide--lt-xxsmall {
    display: none
  }
}

@media only screen and (max-width:399px) {

  .header-hero_overlay-control--next,
  .header-hero_overlay-control--previous {
    padding: 0
  }

  .header-hero_overlay-control--next:before,
  .header-hero_overlay-control--previous:before {
    width: 56px;
    height: 56px
  }

  .header_overlay {
    padding-bottom: 1rem
  }

  .header_overlay .button--callout {
    font-size: 14px
  }

  .head-b2b_label,
  .head-b2b_link {
    font-size: .9rem
  }
}

@media only screen and (max-width:349px) {
  .header-hero_callout-overlay-inner {
    top: -28px
  }

  .header-hero_callout-overlay-inner:last-child {
    top: 28px
  }

  .header-hero_callout-overlay-item {
    font-size: 1rem
  }
}

@keyframes loadingwhite {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes spin {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes showFab {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: scale(.8)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes headline {

  0%,
  50% {
    top: 10px;
    opacity: 1
  }

  100% {
    top: -40px;
    opacity: 0
  }
}

@keyframes temperature {

  0%,
  50% {
    top: 40px;
    opacity: 0
  }

  100% {
    top: 0;
    opacity: 1
  }
}