/* CSS Variables */
/** Try to use these first and foremost, we can phase out the less variables then **/
:root {
  --body-max: 2560px;
  --grid-gap: 12px;
  --grid-col-width: 139px;
  --col-num: 12;
  --col-gap-num: 11;
  --mb-content: 24px;
}
/* COLOR */
/* FONT */
/* ICONS */
/* LOGO */
/* GRID */
/* MEDIA QUERIES */
/* Legacy */
/* grid specific */
/* Z-Indexes */
/* Generate grid columns based on size and count */
/* Generate grid offsets based on count */
/* General */
.abcRioButton {
  width: 100% !important;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
/* icon styles */
.icon {
  background-repeat: no-repeat;
  /* Shortcut for different Icon-Sizes */
}
.icon::before {
  width: 24px;
  height: 24px;
  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;
}
.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-1-75x::before {
  width: 42px;
  height: 42px;
}
.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: 0.1em;
}
.icon--standalone::before {
  margin: 0;
}
.icon--password-show {
  visibility: hidden;
}
.icon--password-show::before {
  margin: 0;
}
.icon--password-hide::before {
  margin: 0;
}
/* --overlay-meeting-destination-white::before is handled differently. see navigation.less */
.icon {
  /* Partner News same as News */
  /* weather-icons */
  /* Weather Icons White */
}
.icon--agency-film::before {
  background-image: url('/assets/image/icon/agency-film.svg');
}
.icon--agency-film::before {
  background-image: url('/assets/image/icon/agency-film.svg');
}
.icon--agenturen::before {
  background-image: url('/assets/image/icon/agenturen.svg');
}
.icon--aircondition::before {
  background-image: url('/assets/image/icon/aircondition.svg');
}
.icon--allergiker::before {
  background-image: url('/assets/image/icon/allergiker.svg');
}
.icon--anfrage::before {
  background-image: url('/assets/image/icon/anfrage.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-down-red::before {
  background-image: url('/assets/image/icon/arrow-down-red.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--busguide::before {
  background-image: url('/assets/image/icon/busguide_icon.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--calendar-white::before {
  background-image: url('/assets/image/icon/calendar-white.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--co-working-black::before {
  background-image: url('/assets/image/icon/co-working-black.svg');
  background-size: contain;
}
.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--e-bike-charging-black::before {
  background-image: url('/assets/image/icon/e-bike-charging-black.svg');
  background-size: contain;
}
.icon--electric-filling-station-black::before {
  background-image: url('/assets/image/icon/electric-filling-station-black.svg');
  background-size: contain;
}
.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::before {
  background-image: url('/assets/image/icon/email.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--event-register::before {
  background-image: url('/assets/image/icon/event_register.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--events-new::before {
  background-image: url('/assets/image/icon/events_icon.svg');
}
.icon--events-new-ws::before {
  background-image: url('/assets/image/icon/events_sb_icon_ws.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--gallery-all-red::before {
  background-image: url('/assets/image/icon/gallery-all-red.svg');
}
.icon--gallery-single-red::before {
  background-image: url('/assets/image/icon/gallery-slider-red.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--fitness-courses-black::before {
  background-image: url('/assets/image/icon/fitness-courses-black.svg');
  background-size: contain;
}
.icon--foerderungen::before {
  background-image: url('/assets/image/icon/foerderungen.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-meetings::before {
  background-image: url('/assets/image/icon/green_meetings.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--hotel-bed-new::before {
  background-image: url('/assets/image/icon/hotel-bed_icon.svg');
}
.icon--hotel-bed-new-ws::before {
  background-image: url('/assets/image/icon/hotel-bed_sb_icon_ws.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');
}
.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--ivie-outline-white::before {
  background-image: url('/assets/image/icon/ivie-outline-white.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--kontakt::before {
  background-image: url('/assets/image/icon/kontakt_icon.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-down-red::before {
  background-image: url('/assets/image/icon/list-down-red.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-up-red::before {
  background-image: url('/assets/image/icon/list-up-red.svg');
}
.icon--list-white::before {
  background-image: url('/assets/image/icon/list-white.svg');
}
@keyframes loadingwhite {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.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-tour::before {
  background-image: url('/assets/image/icon/location/location-tour.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,
.icon--location-reduced-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-tour::before {
  background-image: url('/assets/image/icon/location/location-tour.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 {
  background-image: url('/assets/image/icon/location/location-wellness.svg');
}
.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--massage-black::before {
  background-image: url('/assets/image/icon/massage-black.svg');
  background-size: contain;
}
.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--message-red::before {
  background-image: url('/assets/image/icon/message-red.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-before-white::before {
  background-image: url('/assets/image/icon/navigate-before-white.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--navigate-next-white::before {
  background-image: url('/assets/image/icon/navigate-next-white.svg');
}
.icon--news::before {
  background-image: url('/assets/image/icon/news.svg');
}
.icon--news-white::before {
  background-image: url('/assets/image/icon/news-white.svg');
}
.icon--newsletter-header-white::before {
  background-image: url('/assets/image/icon/newsletter-white.svg');
  background-size: initial;
}
.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');
}
.icon--overlay-partner-news-white::before {
  background-image: url('/assets/image/icon/overlay-news-white.svg');
}
.icon--overlay-win-now-white::before {
  background-image: url('/assets/image/icon/win-now-white.svg');
}
.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-video-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-pdf-white::before {
  background-image: url('/assets/image/icon/overlay-pdf-white.svg');
  background-size: contain;
}
.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--password-show::before {
  background-image: url('/assets/image/icon/show-password.svg');
}
.icon--password-hide::before {
  background-image: url('/assets/image/icon/hide-password.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-pause-white::before {
  background-image: url('/assets/image/icon/player-pause-white.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--route::before {
  background-image: url('/assets/image/icon/route_icon.svg');
}
.icon--route-ws::before {
  background-image: url('/assets/image/icon/route_sb_icon_ws.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--servicedienstleister::before {
  background-image: url('/assets/image/icon/servicedienstleister.svg');
}
.icon--services-agencies::before {
  background-image: url('/assets/image/icon/services_agencies.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--share-red::before {
  background-image: url('/assets/image/icon/share-red.svg');
}
.icon--smart-tv-black::before {
  background-image: url('/assets/image/icon/smart-tv-black.svg');
  background-size: contain;
}
.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');
  background-size: initial;
}
.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::before {
  background-image: url('/assets/image/icon/social-media-google.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');
  background-size: initial;
}
.icon--social-media-instagram-header-red::before {
  background-image: url('/assets/image/icon/social-media-instagram-header-red.svg');
}
.icon--social-media-linkedin-red::before {
  background-image: url('/assets/image/icon/social-media-linkedin-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-pinterest::before {
  background-image: url('/assets/image/icon/social-media-pinterest-black.svg');
}
.icon--social-media-pinterest-red::before {
  background-image: url('/assets/image/icon/social-media-pinterest-red.svg');
}
.icon--social-media-pinterest-black::before {
  background-image: url('/assets/image/icon/social-media-pinterest-black.svg');
}
.icon--social-media-pinterest-color::before {
  background-image: url('/assets/image/icon/social-media-pinterest-red.svg');
}
.icon--social-media-pinterest-white::before {
  background-image: url('/assets/image/icon/social-media-pinterest-white.svg');
}
.icon--social-media-pinterest-header-red::before {
  background-image: url('/assets/image/icon/social-media-pinterest-header-red.svg');
}
.icon--social-media-pinterest-header-white::before {
  background-image: url('/assets/image/icon/social-media-pinterest-header-white.svg');
  background-size: initial;
}
.icon--social-media-pinterest-header-black::before {
  background-image: url('/assets/image/icon/social-media-pinterest-header-black.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');
  background-size: initial;
}
.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--stephansdom-white::before {
  background-image: url('/assets/image/icon/stephansdom-white.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--support-handshake::before {
  background-image: url('/assets/image/icon/support_handshake.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--ti-clock::before {
  background-image: url('/assets/image/icon/clock_icon.svg');
}
.icon--ti-location::before {
  background-image: url('/assets/image/icon/location_icon.svg');
}
.icon--ti-mail::before {
  background-image: url('/assets/image/icon/mail_icon.svg');
}
.icon--ti-phone::before {
  background-image: url('/assets/image/icon/phone_icon.svg');
}
.icon--tooltip::before {
  background-image: url('/assets/image/icon/tooltip.svg');
}
.icon--tooltip-white::before {
  background-image: url('/assets/image/icon/tooltip-white.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--tourist-info::before {
  background-image: url('/assets/image/icon/tourist-info.svg');
}
.icon--train::before {
  background-image: url('/assets/image/icon/train.svg');
}
.icon--tram::before {
  background-image: url('/assets/image/icon/tram.svg');
}
.icon--tram-new::before {
  background-image: url('/assets/image/icon/tram_icon.svg');
}
.icon--tram-new-ws::before {
  background-image: url('/assets/image/icon/tram_sb_icon_ws.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--vcc-ap::before {
  background-image: url('/assets/image/icon/vcc_ap_icon.svg');
}
.icon--vec::before {
  background-image: url('/assets/image/icon/vec_icon.svg');
}
.icon--venue-finder::before {
  background-image: url('/assets/image/icon/venue_finder.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--werbemittel::before {
  background-image: url('/assets/image/icon/promotional_material_icon.svg');
}
.icon--wheelchair::before {
  background-image: url('/assets/image/icon/wheelchair.svg');
}
.icon--wheelchair-new::before {
  background-image: url('/assets/image/icon/wheelchair_icon.svg');
}
.icon--wheelchair-new-ws::before {
  background-image: url('/assets/image/icon/wheelchair_sb_icon_ws.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--wien-card-new::before {
  background-image: url('/assets/image/icon/wien-card_icon.svg');
}
.icon--wien-card-new-ws::before {
  background-image: url('/assets/image/icon/wien-card_icon_ws.svg');
}
.icon--wlan::before {
  background-image: url('/assets/image/icon/wlan.svg');
}
.icon--wlan-new::before {
  background-image: url('/assets/image/icon/wlan_icon.svg');
}
.icon--wlan-new-ws::before {
  background-image: url('/assets/image/icon/wlan_sb_icon_ws.svg');
}
.icon--weather-white::before {
  background-image: url('/assets/image/icon/weather-white.svg');
}
.icon--weather-new::before {
  background-image: url('/assets/image/icon/weather_icon.svg');
}
.icon--weather-new-ws::before {
  background-image: url('/assets/image/icon/weather_sb_icon-ws.svg');
}
.icon--social-media-email-white::before {
  background-image: url('/assets/image/icon/social-media-email-white.svg');
}
.icon--social-media-email-red::before {
  background-image: url('/assets/image/icon/social-media-email-red.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');
}
/* icons where the background image is not attached to a pseudo element but to the element itself */
.icon-calendar {
  background-image: url('/assets/image/icon/calendar.svg');
  background-repeat: no-repeat;
}
/* list of icons where the class does not match with the used icon */
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 {
  background-image: url('/assets/image/icon/location/location-nocategory.svg');
}
.location::before {
  background-image: url('/assets/image/icon/location/location-nocategory-red.svg');
}
.location.location--category-coffee::before {
  background-image: url('/assets/image/icon/location/location-coffee-red.svg');
}
.icon--coffee::before {
  background-image: url('/assets/image/icon/location/location-coffee.svg');
}
.location.location--category-sport::before {
  background-image: url('/assets/image/icon/location/location-sport-red.svg');
}
.icon--sport::before {
  background-image: url('/assets/image/icon/location/location-sport.svg');
}
.location.location--category-transport::before {
  background-image: url('/assets/image/icon/location/location-transport-red.svg');
}
.icon--transport::before {
  background-image: url('/assets/image/icon/location/location-transport.svg');
}
.location.location--category-public::before {
  background-image: url('/assets/image/icon/location/location-public-red.svg');
}
.icon--public::before {
  background-image: url('/assets/image/icon/location/location-public.svg');
}
.location.location--category-venue::before {
  background-image: url('/assets/image/icon/location/location-venue-red.svg');
}
.icon--venue::before {
  background-image: url('/assets/image/icon/location/location-venue.svg');
}
.location.location--category-hotel::before {
  background-image: url('/assets/image/icon/location/location-hotel-red.svg');
}
.icon--hotel::before {
  background-image: url('/assets/image/icon/location/location-hotel.svg');
}
.location.location--category-shopping::before {
  background-image: url('/assets/image/icon/location/location-shopping-red.svg');
}
.icon--shopping::before {
  background-image: url('/assets/image/icon/location/location-shopping.svg');
}
.location.location--category-eat_trink::before {
  background-image: url('/assets/image/icon/location/location-eat_trink-red.svg');
}
.icon--eat_trink::before {
  background-image: url('/assets/image/icon/location/location-eat_trink.svg');
}
.location.location--category-museum_art::before {
  background-image: url('/assets/image/icon/location/location-museum_art-red.svg');
}
.icon--museum_art::before {
  background-image: url('/assets/image/icon/location/location-museum_art.svg');
}
.location.location--category-sightseeing::before {
  background-image: url('/assets/image/icon/location/location-sightseeing-red.svg');
}
.icon--sightseeing::before {
  background-image: url('/assets/image/icon/location/location-sightseeing.svg');
}
.location.location--category-park::before {
  background-image: url('/assets/image/icon/location/location-park-red.svg');
}
.icon--tour::before {
  background-image: url('/assets/image/icon/location/location-tour.svg');
}
.location.location--tour::before {
  background-image: url('/assets/image/icon/location/location-tour-red.svg');
}
.icon--park::before {
  background-image: url('/assets/image/icon/location/location-park.svg');
}
.location.location--category-music_stage::before {
  background-image: url('/assets/image/icon/location/location-music_stage-red.svg');
}
.icon--music_stage::before {
  background-image: url('/assets/image/icon/location/location-music_stage.svg');
}
.location.location--category-entertainment::before {
  background-image: url('/assets/image/icon/location/location-entertainment-red.svg');
}
.icon--entertainment::before {
  background-image: url('/assets/image/icon/location/location-entertainment.svg');
}
.location.location--category-nightlife::before {
  background-image: url('/assets/image/icon/location/location-nightlife-red.svg');
}
.icon--nightlife::before {
  background-image: url('/assets/image/icon/location/location-nightlife.svg');
}
.location.location--category-wellness::before {
  background-image: url('/assets/image/icon/location/location-wellness-red.svg');
}
.icon--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');
}
.richtext-container a.xls::after,
.richtext-container a.extern.xls::after,
.icon--file {
  background-image: url('/assets/image/icon/file-excel.svg');
}
.richtext-container a.pdf::after,
.richtext-container a.extern.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.video::after,
.richtext-container a.extern.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.zip::after,
.richtext-container a.extern.zip::after {
  background-image: url('/assets/image/icon/file-archive.svg');
}
.richtext-container a.img::after,
.richtext-container a.extern.img::after {
  background-image: url('/assets/image/icon/file-picture.svg');
}
.slick-next::before,
.b2b-news li::before,
html[lang="ar"] .location .icon--list::before {
  background-image: url('/assets/image/icon/list.svg');
}
.slick-prev::before,
.icon--list-left::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.wienkarte::after,
.richtext-container a.extern.wienkarte::after {
  background-image: url('/assets/image/icon/wien-card.svg');
}
.icon--social-media-youtube:hover::before,
.icon--social-media-youtube:focus::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:hover::before,
.icon--social-media-twitter:focus::before {
  background-image: url('/assets/image/icon/social-media-twitter-color.svg');
}
.icon--social-media-pinterest:hover::before,
.icon--social-media-pinterest:focus::before {
  background-image: url('/assets/image/icon/social-media-pinterest-color.svg');
}
.icon--social-media-foursquare:hover::before,
.icon--social-media-foursquare:focus::before {
  background-image: url('/assets/image/icon/social-media-foursquare-color.svg');
}
.icon--social-media-facebook:hover::before,
.icon--social-media-facebook:focus::before {
  background-image: url('/assets/image/icon/social-media-facebook-color.svg');
}
.icon--social-media-instagram:hover::before,
.icon--social-media-instagram:focus::before {
  background-image: url('/assets/image/icon/social-media-instagram-color.svg');
}
.icon--social-media-google:hover::before,
.icon--social-media-google:focus::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::before {
  width: 76px;
  height: 25px;
}
.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;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.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-white,
li.icon--point-grey,
li.icon--point-red,
li.icon--point-filled-red {
  margin-left: 25px;
}
li.icon--point-grey::before,
li.icon--point-red::before,
li.icon--point-white::before,
li.icon--point-filled-red::before {
  height: 16px;
  width: 16px;
  top: 8px !important;
  left: -25px;
}
/*
 * *******************************************************
 * Copyright (C) 1994-2021 Babiel GmbH <info@babiel.com>
 *
 * This file is part of a Babiel development
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are not permitted without the express
 * permission of Babiel GmbH
 *
 * Any modification is not permitted without the express
 * permission of Babiel GmbH
 *
 * The file may contain confidential and or privileged materials.
 * Any review, retransmission, dissemination or other use of
 * or taking of any action in reliance upon, this file
 * by persons or entities other than the intended is prohibited.
 * *******************************************************
 */
.intro-text {
  padding-top: 36px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  .intro-text {
    display: grid;
    grid-template-columns: repeat(var(--col-num, 12), 1fr);
    column-gap: var(--grid-gap);
    padding-top: 48px;
    padding-bottom: 96px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
.intro-text__content {
  color: #e52236;
  font-size: 24px;
  line-height: 1.20833333;
  font-weight: 300;
}
@media only screen and (min-width: 1024px) {
  .intro-text__content {
    grid-column: 4 / span 6;
    font-size: 48px;
    line-height: 1.16666667;
  }
}
.intro-text__content > p {
  margin: 0;
}
.intro-text__content > * + p {
  margin-top: 0.6em;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  image-rendering: -webkit-optimize-contrast;
}
body {
  background-color: #ffffff;
  color: #040404;
  font-family: "Graphik Web", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  width: 100vw;
  margin: 0 auto;
  max-width: var(--body-max);
  padding: 0;
}
html[lang="ar"] body {
  font-family: Arial, sans-serif;
}
html[lang="ja"] body {
  font-family: Arial, sans-serif;
}
html,
body {
  width: auto;
  /*
    overflow-x: hidden;
  */
}
html.u--menu-open body {
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto;
}
b {
  font-weight: 500;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  line-height: 1.3;
  padding: 0;
  margin: 0;
}
h1,
.h1 {
  font-family: "Graphik Web", Arial, sans-serif;
  color: #e52236;
  font-weight: 400;
  line-height: 1.3;
  font-size: 2.5625em;
}
h2,
.h2 {
  font-family: "Graphik Web", Arial, sans-serif;
  color: #e52236;
  font-weight: 400;
  line-height: 1.3;
  font-size: 1.5625em;
}
h3,
.h3 {
  font-family: "Graphik Web", Arial, sans-serif;
  color: #e52236;
  font-weight: 400;
  line-height: 1.3;
  font-size: 1.5em;
}
h4,
.h4 {
  font-family: "Graphik Web", Arial, sans-serif;
  color: #e52236;
  font-weight: 400;
  line-height: 1.3;
  font-size: 1.25em;
}
h5,
.h5 {
  font-family: "Graphik Web", Arial, sans-serif;
  color: #e52236;
  font-weight: 400;
  line-height: 1.3;
  font-size: 1em;
}
html[lang="ar"] h1,
html[lang="ar"] .h1,
html[lang="ar"] h2,
html[lang="ar"] .h2,
html[lang="ar"] h3,
html[lang="ar"] .h3,
html[lang="ar"] h4,
html[lang="ar"] .h4,
html[lang="ar"] h5,
html[lang="ar"] .h5 {
  font-family: Arial, sans-serif !important;
}
html[lang="ja"] h1,
html[lang="ja"] .h1,
html[lang="ja"] h2,
html[lang="ja"] .h2,
html[lang="ja"] h3,
html[lang="ja"] .h3,
html[lang="ja"] h4,
html[lang="ja"] .h4,
html[lang="ja"] h5,
html[lang="ja"] .h5 {
  font-family: Arial, sans-serif !important;
}
a {
  text-decoration: none;
  color: #e52236;
}
a:hover,
a:focus {
  text-decoration: underline;
}
address {
  font-style: normal;
}
figure {
  margin: 0;
}
pre {
  margin: 0;
  padding: 0;
}
/* When the webfont is fully loaded, apply it
   NOTE + TODO: this should be moved into the modules, since a global list
                of selectors never scales very well */
html[data-webfontloaded] h1,
html[data-webfontloaded] .h1,
html[data-webfontloaded] h2,
html[data-webfontloaded] .h2,
html[data-webfontloaded] h3,
html[data-webfontloaded] .h3,
html[data-webfontloaded] h4,
html[data-webfontloaded] .h4,
html[data-webfontloaded] h5,
html[data-webfontloaded] .h5,
html[data-webfontloaded] h6,
html[data-webfontloaded] .h6,
html[data-webfontloaded] .richtext-container blockquote {
  font-family: "Graphik Web", Arial, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] .h1,
html[lang="ar"] h2,
html[lang="ar"] .h2,
html[lang="ar"] h3,
html[lang="ar"] .h3,
html[lang="ar"] h4,
html[lang="ar"] .h4,
html[lang="ar"] h5,
html[lang="ar"] .h5,
html[lang="ar"] h6,
html[lang="ar"] .h6,
html[lang="ar"] .richtext-container blockquote {
  font-family: Arial, sans-serif;
}
html[lang="ja"] h1,
html[lang="ja"] .h1,
html[lang="ja"] h2,
html[lang="ja"] .h2,
html[lang="ja"] h3,
html[lang="ja"] .h3,
html[lang="ja"] h4,
html[lang="ja"] .h4,
html[lang="ja"] h5,
html[lang="ja"] .h5,
html[lang="ja"] h6,
html[lang="ja"] .h6,
html[lang="ja"] .richtext-container blockquote {
  font-family: Arial, sans-serif;
}
@media only screen and (max-width: 599px) {
  h1,
  .h1,
  .h1--sans-serif {
    font-family: "Graphik Web", Arial, sans-serif;
    color: #e52236;
    font-weight: 400;
    line-height: 1.3;
    font-size: 1.5625em;
  }
  h2,
  .h2,
  .h2--sans-serif {
    font-family: "Graphik Web", Arial, sans-serif;
    color: #e52236;
    font-weight: 400;
    line-height: 1.3;
    font-size: 1.5em;
  }
}
strong {
  font-weight: 400;
}
html[lang="ja"] strong {
  font-weight: 700;
}
/* Overwrite user agent stylesheet in chrome */
input,
textarea,
keygen,
select,
button {
  font-weight: 300;
}
/* Overwrite user agent styles in firefox */
button::-moz-focus-inner {
  border: 0;
}
.page {
  font-size: 1em;
}
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, 0.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;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  text-align: left;
}
/* -------------------------------------------------------------------------- *\
 * Necessary styling for the dialog to work
 * -------------------------------------------------------------------------- */
.dialog[aria-hidden="true"] {
  display: none;
}
/* -------------------------------------------------------------------------- *\
 * Styling to make the dialog look like a dialog
 * -------------------------------------------------------------------------- */
.dialog-overlay {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.66);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.dialog-content {
  background-color: white;
  z-index: 3;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* -------------------------------------------------------------------------- *\
 * Extra dialog styling to make it shiny
 * -------------------------------------------------------------------------- */
.dialog-content {
  padding: 1em;
  max-width: 90%;
  width: 600px;
  border-radius: 2px;
}
.dialog-overlay {
  background-color: rgba(43, 46, 56, 0.9);
}
.dialog h1 {
  margin: 0;
  font-size: 1.25em;
}
.dialog-close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  border: 0;
  padding: 0;
  background-color: transparent;
  font-weight: bold;
  font-size: 1.25em;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  z-index: 999;
  background-color: #fff;
  border-radius: 2px;
  /* padding: 1rem; */
  width: 2rem;
  height: 2rem;
  box-shadow: 0 0 0 2px #0000003d;
}
.grid {
  width: 100%;
}
.grid_element--newline {
  flex-basis: 100%;
}
.grid_row,
.grid_column {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.grid_row {
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.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;
  justify-content: space-between;
}
.grid_row--footer-detail .footer_links .footer_detail-column--first {
  display: none;
}
.grid_column {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grid_column--margin-top,
.grid_column--hidden-clips {
  margin-top: 0.5rem;
}
.grid_column--aside,
.grid_column--spacer3x {
  flex-grow: 1;
}
.grid_column--spacer3x {
  background-color: #ebebeb;
  height: 2rem;
}
.grid_column--clip,
.grid_column--spacer1x {
  width: 5em;
}
.grid_column--article {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.grid--offset-clip {
  margin-left: 5em;
  width: calc(100% - 5em);
}
.grid_block-headline {
  margin-bottom: 0.3rem;
}
.grid_row + .grid_block-headline {
  margin-top: 0.5em;
}
.grid_column--location {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.grid_column--location .grid_row:not(.grid_row--more) {
  padding-right: 0;
}
.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%;
}
.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%;
}
/*

  MEDIAQUERIES

*/
@media only screen and (max-width: 899px) {
  .grid_column--bsmall-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 499px) {
  .grid_column--bxxsmall-6 {
    width: 50%;
  }
  .grid_column--bxxsmall-12 {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .grid--offset-clip {
    margin-left: 8.33333333%;
    width: calc(91.6666666%);
  }
}
@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;
  }
}
@media only screen and (max-width: 1273px) {
  .grid_row--footer {
    margin: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .grid--offset-clip {
    margin-left: 0;
  }
  .grid_column--margin-top {
    margin-top: 0;
  }
  .grid_column.grid_column--clip {
    width: 100%;
  }
  .grid_column--aside,
  .grid_column--overview,
  .grid_column--article,
  .grid_column--agencylist,
  .grid_column--location,
  .grid_column--spacer3x {
    width: 100%;
  }
  .grid_column--12-lt-medium {
    width: 100%;
  }
  .grid_column--article {
    padding-left: 0;
    padding-right: 0;
  }
  .grid_column--location .grid_row:not(.grid_row--more) {
    padding-right: 0;
  }
  .grid_row--more {
    width: 100%;
    padding: 0;
  }
  .grid_row--footer {
    margin: 0;
    padding: 0 1em;
  }
}
@media only screen and (max-width: 759px) {
  .grid_row--more .grid_column--4 {
    width: 50%;
  }
}
@media only screen and (max-width: 699px) {
  .grid_row--more {
    padding-right: 0;
  }
  .grid_row--more .grid_column--4 {
    width: 100%;
  }
  .grid_row--more .tile_image {
    display: none;
  }
  .grid_row--footer-detail {
    flex-direction: column;
    padding: 0 1em 1em;
  }
  .grid_row--footer-detail .service_list .footer_detail-column--first {
    display: none;
  }
  .grid_row--footer-detail .footer_links .footer_detail-column--first {
    display: block;
  }
  .grid--offset-clip {
    margin-left: 0;
  }
  .grid_column--article {
    padding-left: 0;
    padding-right: 0;
  }
  .grid_column--bsmall-0 {
    display: none;
  }
  .grid_column--bsmall-12 {
    width: 100%;
  }
}
.maincontent {
  background: white;
  z-index: 1;
}
.u--lightbox-open .maincontent {
  z-index: auto;
}
/*  After much consideration, this grid system is implemented as additional
*   grid inside the project as long as the old grid is still used in parts of the site.
*   Once the old grid is retired this may need to be moved.
*/
.scgrid {
  box-sizing: border-box;
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(12, minmax(0, 139px));
  grid-template-areas: "content";
  /* Items */
  /* colstart */
}
.scgrid--content {
  grid-area: "content";
}
.scgrid--teaser-block {
  row-gap: 3rem;
}
@media only screen and (max-width: 1919px) {
  .scgrid--teaser-block {
    row-gap: 1.5rem;
  }
}
.scgrid_container {
  width: 100%;
  max-width: calc((var(--grid-gap) * var(--col-gap-num)) + (var(--grid-col-width) * var(--col-num)));
  margin: auto;
}
.scgrid_container * {
  box-sizing: border-box;
}
.scgrid_container--overview {
  margin-bottom: 96px;
}
.scgrid_portrait {
  grid-template-columns: repeat(16, minmax(0, 1fr));
}
.scgrid .hidden {
  display: none;
}
.scgrid .width-1-12 {
  grid-column-end: span 1;
}
.scgrid .width-2-12 {
  grid-column-end: span 2;
}
.scgrid .width-3-12,
.scgrid .width-1-4 {
  grid-column-end: span 3;
}
.scgrid .width-4-12 {
  grid-column-end: span 4;
}
.scgrid .width-5-12 {
  grid-column-end: span 5;
}
.scgrid .width-6-12,
.scgrid .width-1-2 {
  grid-column-end: span 6;
}
.scgrid .width-7-12 {
  grid-column-end: span 7;
}
.scgrid .width-8-12 {
  grid-column-end: span 8;
}
.scgrid .width-9-12,
.scgrid .width-3-4 {
  grid-column-end: span 9;
}
.scgrid .width-10-12 {
  grid-column-end: span 10;
}
.scgrid .width-11-12 {
  grid-column-end: span 11;
}
.scgrid .width-12-12,
.scgrid .width-1 {
  grid-column-end: span 12;
}
.scgrid .start-1 {
  grid-column-start: 1;
}
.scgrid .start-3 {
  grid-column-start: 3;
}
.scgrid .start-4 {
  grid-column-start: 4;
}
.scgrid .start-10 {
  grid-column-start: 10;
}
@media only screen and (max-width: 1919px) {
  .scgrid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    width: 100%;
    /* colstart */
  }
  .scgrid_container {
    width: 100%;
    max-width: calc(100% - calc(11 * var(--grid-gap)));
    margin: 0 auto 12px;
  }
  .scgrid_container--overview {
    margin-bottom: 60px;
  }
  .scgrid .hidden\@laptop {
    display: none;
  }
  .scgrid_portrait {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }
  .scgrid .width-1-12\@laptop {
    grid-column-end: span 1;
  }
  .scgrid .width-2-12\@laptop {
    grid-column-end: span 2;
  }
  .scgrid .width-3-12\@laptop,
  .scgrid .width-1-4\@laptop {
    grid-column-end: span 3;
  }
  .scgrid .width-4-12\@laptop,
  .scgrid .width-1-3\@laptop {
    grid-column-end: span 4;
  }
  .scgrid .width-5-12\@laptop {
    grid-column-end: span 5;
  }
  .scgrid .width-6-12\@laptop,
  .scgrid .width-1-2\@laptop {
    grid-column-end: span 6;
  }
  .scgrid .width-7-12\@laptop {
    grid-column-end: span 7;
  }
  .scgrid .width-8-12\@laptop,
  .scgrid .width-2-3\@laptop {
    grid-column-end: span 8;
  }
  .scgrid .width-9-12\@laptop,
  .scgrid .width-3-4\@laptop {
    grid-column-end: span 9;
  }
  .scgrid .width-10-12\@laptop {
    grid-column-end: span 10;
  }
  .scgrid .width-11-12\@laptop {
    grid-column-end: span 11;
  }
  .scgrid .width-12-12\@laptop,
  .scgrid .width-1\@laptop {
    grid-column-end: span 12;
  }
  .scgrid .start-1\@laptop {
    grid-column-start: 1;
  }
  .scgrid .start-2\@laptop {
    grid-column-start: 2;
  }
  .scgrid .start-3\@laptop {
    grid-column-start: 3;
  }
  .scgrid .start-4\@laptop {
    grid-column-start: 4;
  }
  .scgrid .start-10\@laptop {
    grid-column-start: 10;
  }
}
@media only screen and (max-width: 1600px) {
  .scgrid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    /* colstart */
  }
  .scgrid_container {
    margin: 0 auto;
  }
  .scgrid_container--overview {
    margin-bottom: 60px;
  }
  .scgrid .hidden\@smlaptop {
    display: none;
  }
  .scgrid .width-1-12\@smlaptop {
    grid-column-end: span 1;
  }
  .scgrid .width-2-12\@smlaptop {
    grid-column-end: span 2;
  }
  .scgrid .width-3-12\@smlaptop,
  .scgrid .width-1-4\@smlaptop {
    grid-column-end: span 3;
  }
  .scgrid .width-4-12\@smlaptop,
  .scgrid .width-1-3\@smlaptop {
    grid-column-end: span 4;
  }
  .scgrid .width-5-12\@smlaptop {
    grid-column-end: span 5;
  }
  .scgrid .width-6-12\@smlaptop,
  .scgrid .width-1-2\@smlaptop {
    grid-column-end: span 6;
  }
  .scgrid .width-7-12\@smlaptop {
    grid-column-end: span 7;
  }
  .scgrid .width-8-12\@smlaptop,
  .scgrid .width-2-3\@smlaptop {
    grid-column-end: span 8;
  }
  .scgrid .width-9-12\@smlaptop,
  .scgrid .width-3-4\@smlaptop {
    grid-column-end: span 9;
  }
  .scgrid .width-10-12\@smlaptop {
    grid-column-end: span 10;
  }
  .scgrid .width-11-12\@smlaptop {
    grid-column-end: span 11;
  }
  .scgrid .width-12-12\@smlaptop,
  .scgrid .width-1\@smlaptop {
    grid-column-end: span 12;
  }
  .scgrid .start-1\@smlaptop {
    grid-column-start: 1;
  }
  .scgrid .start-2\@smlaptop {
    grid-column-start: 2;
  }
  .scgrid .start-3\@smlaptop {
    grid-column-start: 3;
  }
  .scgrid .start-4\@smlaptop {
    grid-column-start: 4;
  }
  .scgrid .start-5\@smlaptop {
    grid-column-start: 5;
  }
  .scgrid .start-6\@smlaptop {
    grid-column-start: 4;
  }
  .scgrid .start-10\@smlaptop {
    grid-column-start: 10;
  }
}
@media only screen and (max-width: 1400px) {
  .scgrid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    /* colstart */
  }
  .scgrid_container {
    width: 100%;
    margin: 0 auto;
  }
  .scgrid_container--overview {
    margin-bottom: 60px;
  }
  .scgrid .hidden\@xslaptop.hidden\@xslaptop {
    display: none;
  }
  .scgrid .width-1-12\@xslaptop {
    grid-column-end: span 1;
  }
  .scgrid .width-2-12\@xslaptop {
    grid-column-end: span 2;
  }
  .scgrid .width-3-12\@xslaptop,
  .scgrid .width-1-4\@xslaptop {
    grid-column-end: span 3;
  }
  .scgrid .width-4-12\@xslaptop,
  .scgrid .width-1-3\@xslaptop {
    grid-column-end: span 4;
  }
  .scgrid .width-5-12\@xslaptop {
    grid-column-end: span 5;
  }
  .scgrid .width-6-12\@xslaptop,
  .scgrid .width-1-2\@xslaptop {
    grid-column-end: span 6;
  }
  .scgrid .width-7-12\@xslaptop {
    grid-column-end: span 7;
  }
  .scgrid .width-8-12\@xslaptop,
  .scgrid .width-2-3\@xslaptop {
    grid-column-end: span 8;
  }
  .scgrid .width-9-12\@xslaptop,
  .scgrid .width-3-4\@xslaptop {
    grid-column-end: span 9;
  }
  .scgrid .width-10-12\@xslaptop {
    grid-column-end: span 10;
  }
  .scgrid .width-11-12\@xslaptop {
    grid-column-end: span 11;
  }
  .scgrid .width-12-12\@xslaptop,
  .scgrid .width-1\@xslaptop {
    grid-column-end: span 12;
  }
  .scgrid .start-1\@xslaptop {
    grid-column-start: 1;
  }
  .scgrid .start-2\@xslaptop {
    grid-column-start: 2;
  }
  .scgrid .start-3\@xslaptop {
    grid-column-start: 3;
  }
  .scgrid .start-4\@xslaptop {
    grid-column-start: 4;
  }
  .scgrid .start-1\@xslaptop {
    grid-column-start: 10;
  }
}
@media only screen and (max-width: 1200px) {
  .scgrid {
    grid-template-areas: "content";
    width: 100%;
    /* colstart */
  }
  .scgrid_container {
    margin: 0 auto;
  }
  .scgrid_container--overview {
    margin-bottom: 60px;
  }
  .scgrid .hidden\@tab.hidden\@tab {
    display: none;
  }
  .scgrid_portrait {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }
  .scgrid .width-1-12\@tab {
    grid-column-end: span 1;
  }
  .scgrid .width-2-12\@tab {
    grid-column-end: span 2;
  }
  .scgrid .width-3-12\@tab,
  .scgrid .width-1-4\@tab {
    grid-column-end: span 3;
  }
  .scgrid .width-4-12\@tab,
  .scgrid .width-1-3\@tab {
    grid-column-end: span 4;
  }
  .scgrid .width-5-12\@tab {
    grid-column-end: span 5;
  }
  .scgrid .width-6-12\@tab,
  .scgrid .width-1-2\@tab {
    grid-column-end: span 6;
  }
  .scgrid .width-7-12\@tab {
    grid-column-end: span 7;
  }
  .scgrid .width-8-12\@tab,
  .scgrid .width-2-3\@tab {
    grid-column-end: span 8;
  }
  .scgrid .width-9-12\@tab,
  .scgrid .width-3-4\@tab {
    grid-column-end: span 9;
  }
  .scgrid .width-10-12\@tab {
    grid-column-end: span 10;
  }
  .scgrid .width-11-12\@tab {
    grid-column-end: span 11;
  }
  .scgrid .width-12-12\@tab,
  .scgrid .width-1\@tab {
    grid-column-end: span 12;
  }
  .scgrid .start-1\@tab {
    grid-column-start: 1;
  }
  .scgrid .start-2\@tab {
    grid-column-start: 2;
  }
  .scgrid .start-3\@tab {
    grid-column-start: 3;
  }
  .scgrid .start-4\@tab {
    grid-column-start: 4;
  }
  .scgrid .start-6\@tab {
    grid-column-start: 6;
  }
  .scgrid .start-10\@tab0 {
    grid-column-start: 10;
  }
}
@media only screen and (max-width: 992px) {
  .scgrid {
    grid-template-areas: "content";
    width: 100%;
    /* colstart */
  }
  .scgrid_container {
    margin: 0 auto;
    max-width: calc(100% - 80px);
  }
  .scgrid_container--overview {
    margin-bottom: 60px;
  }
  .scgrid .hidden\@smtab.hidden\@smtab {
    display: none;
  }
  .scgrid .width-1-12\@smtab {
    grid-column-end: span 1;
  }
  .scgrid .width-2-12\@smtab {
    grid-column-end: span 2;
  }
  .scgrid .width-3-12\@smtab,
  .scgrid .width-1-4\@smtab {
    grid-column-end: span 3;
  }
  .scgrid .width-4-12\@smtab,
  .scgrid .width-1-3\@smtab {
    grid-column-end: span 4;
  }
  .scgrid .width-5-12\@smtab {
    grid-column-end: span 5;
  }
  .scgrid .width-6-12\@smtab,
  .scgrid .width-1-2\@smtab {
    grid-column-end: span 6;
  }
  .scgrid .width-7-12\@smtab {
    grid-column-end: span 7;
  }
  .scgrid .width-8-12\@smtab {
    grid-column-end: span 8;
  }
  .scgrid .width-9-12\@smtab,
  .scgrid .width-3-4\@smtab {
    grid-column-end: span 9;
  }
  .scgrid .width-10-12\@smtab {
    grid-column-end: span 10;
  }
  .scgrid .width-11-12\@smtab {
    grid-column-end: span 11;
  }
  .scgrid .width-12-12\@smtab,
  .scgrid .width-1\@smtab {
    grid-column-end: span 12;
  }
  .scgrid .start-1\@smtab {
    grid-column-start: 1;
  }
  .scgrid .start-2\@smtab {
    grid-column-start: 1;
  }
  .scgrid .start-3\@smtab {
    grid-column-start: 3;
  }
  .scgrid .start-4\@smtab {
    grid-column-start: 4;
  }
  .scgrid .start-10\@smtab0 {
    grid-column-start: 10;
  }
}
@media only screen and (max-width: 576px) {
  .scgrid {
    grid-template-areas: "content";
    width: 100%;
    /* colstart */
  }
  .scgrid_container {
    margin: 0 auto;
    max-width: calc(100% - 60px);
  }
  .scgrid_container--overview {
    margin-bottom: 60px;
  }
  .scgrid .hidden\@xstab.hidden\@xstab {
    display: none;
  }
  .scgrid .width-1-12\@xstab {
    grid-column-end: span 1;
  }
  .scgrid .width-2-12\@xstab {
    grid-column-end: span 2;
  }
  .scgrid .width-3-12\@xstab,
  .scgrid .width-1-4\@xstab {
    grid-column-end: span 3;
  }
  .scgrid .width-4-12\@xstab,
  .scgrid .width-1-3\@xstab {
    grid-column-end: span 4;
  }
  .scgrid .width-5-12\@xstab {
    grid-column-end: span 5;
  }
  .scgrid .width-6-12\@xstab,
  .scgrid .width-1-2\@xstab {
    grid-column-end: span 6;
  }
  .scgrid .width-7-12\@xstab {
    grid-column-end: span 7;
  }
  .scgrid .width-8-12\@xstab,
  .scgrid .width-2-3\@xstab {
    grid-column-end: span 8;
  }
  .scgrid .width-9-12\@xstab,
  .scgrid .width-3-4\@xstab {
    grid-column-end: span 9;
  }
  .scgrid .width-10-12\@xstab {
    grid-column-end: span 10;
  }
  .scgrid .width-11-12\@xstab {
    grid-column-end: span 11;
  }
  .scgrid .width-12-12\@xstab,
  .scgrid .width-1\@xstab {
    grid-column-end: span 12;
  }
  .scgrid .start-1\@xstab {
    grid-column-start: 1;
  }
  .scgrid .start-3\@xstab {
    grid-column-start: 3;
  }
  .scgrid .start-4\@xstab {
    grid-column-start: 4;
  }
  .scgrid .start-1\@xstab {
    grid-column-start: 10;
  }
}
@media only screen and (max-width: 390px) {
  .scgrid {
    width: 100%;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-areas: "content";
  }
  .scgrid_container {
    margin: 0 auto;
    max-width: calc(100% - 50px);
  }
  .scgrid_container--overview {
    margin-bottom: 60px;
  }
  .scgrid .hidden\@phone.hidden\@phone {
    display: none;
  }
  .scgrid_portrait {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }
  .scgrid .width-1-8\@phone {
    grid-column-end: span 1;
  }
  .scgrid .width-2-8\@phone,
  .scgrid .width-1-4\@phone {
    grid-column-end: span 2;
  }
  .scgrid .width-3-8\@phone {
    grid-column-end: span 3;
  }
  .scgrid .width-4-8\@phone,
  .scgrid .width-1-2\@phone {
    grid-column-end: span 4;
  }
  .scgrid .width-5-8\@phone {
    grid-column-end: span 5;
  }
  .scgrid .width-6-8\@phone,
  .scgrid .width-3-4\@phone {
    grid-column-end: span 6;
  }
  .scgrid .width-7-8\@phone {
    grid-column-end: span 7;
  }
  .scgrid .width-8-8\@phone,
  .scgrid .width-1\@phone {
    grid-column-end: span 8;
  }
}
.geonav {
  padding: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  /* TODO, has to change once header and footer information is merged into location template, if possible */
  /* filter */
}
.geonav .geonav_hidden {
  display: none;
}
.geonav_filterheading {
  cursor: pointer;
}
.geonav_location-search {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 5rem);
  max-width: 30rem;
  z-index: 999;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.geonav_location-search-input.geonav_location-search-input.geonav_location-search-input {
  font-size: 1rem;
  border-radius: 0;
  padding-left: 0.7rem;
  background-color: #ffffff;
  border: none;
  height: 2.5rem;
}
.geonav_wrapper {
  display: flex;
  height: 100%;
  overflow: hidden;
}
.geonav_content-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.geonav_aside {
  min-height: 100vh;
  width: 28rem;
  flex-grow: 0;
  display: flex;
  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;
  flex-grow: 0;
}
.geonav_more-links-container {
  background: #ebebeb;
  padding: 0.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: flex;
}
.geonav_searchform-button {
  width: 3rem;
  background-color: #fff;
  border: 0;
  cursor: pointer;
}
.geonav_searchform-button:hover,
.geonav_searchform-button:focus {
  background-color: #f4f4f4;
}
.geonav_osmcontainer {
  padding: 2rem 1rem;
}
.geonav_osmbutton {
  background: transparent;
  border: 1px solid #e52236;
  color: #e52236;
  font-weight: 500;
  padding: 1rem;
  width: 100%;
  display: block;
  font-family: "Graphik Web", Arial, sans-serif;
  cursor: pointer;
}
.geonav_osmbutton:hover,
.geonav_osmbutton:focus {
  background-color: #f4f4f4;
}
.geonav_areasearch {
  position: absolute;
  font-family: "Graphik Web", Arial, sans-serif;
  border: 0;
  background: #fff;
  z-index: 999;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  cursor: pointer;
  animation: fadeIn 0.2s ease;
  background-color: #fff;
  font-weight: 300;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%);
  font-size: 0.9rem;
}
.geonav_areasearch:hover,
.geonav_areasearch:focus {
  background-color: #f4f4f4;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.geonav_areasearch-link-container {
  margin-bottom: 0.2rem;
}
.geonav_areasearch-link {
  color: #040404;
  font-weight: 400;
  font-size: 0.9rem;
  display: inline-block;
  background-size: 22px;
}
.geonav_myvienna-link {
  color: #040404;
  font-weight: 400;
  font-size: 0.9rem;
  display: inline-block;
  background-size: 22px;
}
.geonav_header-container label {
  font-size: 1rem;
}
.geonav_main {
  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 {
  flex-grow: 1;
}
.geonav_maptooltip.geonav_maptooltip {
  margin-top: -15px;
  left: 0;
  top: -4px;
  font-family: "Graphik Web", Arial, sans-serif;
}
.geonav_mapsearchlocations {
  font-size: 0.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 0;
}
.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 0.06s ease;
}
.geonav_list-link:hover,
.geonav_list-link:focus {
  text-decoration: none;
  background-color: #f4f4f4;
}
.geonav_list-link:hover .geonav_list-item-title,
.geonav_list-link:focus .geonav_list-item-title {
  text-decoration: underline;
}
.geonav_label-container {
  display: flex;
  justify-content: flex-end;
  float: right;
}
.geonav_label-highlight {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  padding: 0.2rem 0.5rem;
  border-top: 0;
  border-right: 0;
  font-weight: 400;
  color: #e62236;
  font-size: 0.7rem;
}
.geonav_list-link-content {
  display: block;
  padding: 1rem;
}
.geonav_list-item-category {
  color: #040404;
  font-size: 0.9rem;
}
.geonav_list-item-title {
  color: #e52236;
  font-weight: 400;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.geonav_list-item-address {
  color: #040404;
  font-size: 0.9rem;
}
.geonav_list-item-detail-link {
  color: #e52236;
}
.geonav_found-header.geonav_found-header {
  font-size: 1.3rem;
}
.geonav_found-subheader {
  font-size: 0.9rem;
}
.geonav_found-link {
  color: #fff;
  text-decoration: underline;
}
.geonav_osm-result-button {
  color: #e52236;
  border: 1px solid #e52236;
  display: inline-block;
  margin-top: 1rem;
  margin-left: 1rem;
  padding: 0.5rem 1rem;
}
.geonav_control {
  background-color: transparent;
  color: #fff;
  border: 0;
  padding: 0.5rem 0.8rem;
  margin: 0;
}
.geonav_control--back-to-list {
  font-size: 0.9rem;
  display: inline;
  padding: 0;
  cursor: pointer;
  padding-left: 0.5rem;
  margin-top: 0.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');
  background-repeat: no-repeat;
}
.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');
  background-repeat: no-repeat;
}
.geonav_control--show-list.geonav_control--show-list,
.geonav_control--hide-list.geonav_control--hide-list {
  background-color: #e52236;
  color: #fff;
}
.geonav_control:hover {
  text-decoration: underline;
}
.geonav_found-header {
  color: #fff;
  padding: 1rem;
}
.geonav .leaflet-control-container .leaflet-left {
  left: auto;
  right: 0;
}
.geonav .leaflet-control-container .leaflet-top {
  top: auto;
  bottom: 0;
}
.geonav .leaflet-top.leaflet-right {
  top: 3rem;
  z-index: 9999;
}
.geonav .leaflet-touch .leaflet-bar {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.geonav_highlights-checkbox:hover + .geonav_highlights-label,
.geonav_highlights-checkbox:focus + .geonav_highlights-label {
  text-decoration: underline;
}
.geonav_allnonecontainer {
  padding-left: 2rem;
}
.geonav_hiddenfilter-container {
  padding: 1rem;
  padding-bottom: 4rem;
}
.geonav_filtercontent {
  padding-left: 2rem;
  margin-bottom: 0.7rem;
  margin-top: 0.4rem;
}
.geonav_filterlistbutton {
  cursor: pointer;
  font-size: 1rem;
  text-decoration: underline;
  margin-left: 0.5rem;
  display: inline-block;
}
.geonav_highlights-label {
  cursor: pointer;
}
.geonav_highlights-label:hover,
.geonav_highlights-label:focus {
  text-decoration: underline;
}
.geonav_close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  border: 0;
  padding: 0;
  background-color: transparent;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  z-index: 99999;
  background-color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.geonav_close:hover,
.geonav_close:focus {
  background-color: #f4f4f4;
}
.geonav_control-container {
  background: #e52236;
}
.geonav_fab {
  cursor: pointer;
  animation: showFab 0.1s ease;
  font-size: 0;
  border: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #e52236;
  color: #fff;
  padding: 0;
  margin: 0;
  bottom: 1rem;
  right: 1rem;
  z-index: 999999;
  position: fixed;
}
.geonav_fab:hover,
.geonav_fab:focus {
  background-color: #d5192c;
}
.geonav_filter {
  padding: 1rem;
  padding-bottom: 6rem;
  position: fixed;
  right: 0;
  max-width: 24rem;
  width: 100%;
  top: 0;
  background: white;
  z-index: 99999;
  height: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: transform 0.2s ease;
  overflow-y: auto;
}
.geonav_filter--closed {
  transform: translateX(105%);
}
.geonav_autosuggest-entry.geonav_autosuggest-entry {
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid #ebebeb;
}
.geonav_autosuggest-label {
  margin-left: 0.2rem;
  margin-bottom: 0.2rem;
  display: inline-block;
  margin-right: 1rem;
}
.geonav_autosuggest-found {
  font-weight: 500;
}
.geonav_autosuggest-container {
  padding-top: 0.1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.geonav_autosuggest-labelcategory {
  font-size: 0.9rem;
  padding-top: 0.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, 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: 0.5rem;
}
.geonav_scrollbar::-webkit-scrollbar-thumb {
  background-color: #888;
}
.geonav_scrollbar::-webkit-scrollbar-track {
  background-color: #fff;
}
.u--lightbox-open .geonav::after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
  display: block;
  content: '';
  top: 0;
  left: 0;
  z-index: 9999999999999;
}
@media only screen and (min-width: 1301px) {
  .geonav_searchonmapcheckbox {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 760px) {
  .geonav_list-container {
    overflow-y: auto;
  }
  .geonav_control--show-list {
    display: none;
  }
  .geonav_control--hide-list {
    display: none;
  }
  .geonav_control--show-detail {
    display: none;
  }
}
@media only screen and (max-width: 759px) {
  .geonav--hasfilter .geonav_list-container {
    padding-bottom: 6rem;
  }
  .geonav_header-text.geonav_header-text {
    margin-top: 0.7rem;
    font-size: 1.3rem;
    margin-bottom: 0.7rem;
  }
  .geonav_header-text.geonav_header-text--offset {
    padding-top: 0;
  }
  .geonav_found-header.geonav_found-header {
    padding: 0.5rem 1rem;
  }
  .geonav_wrapper--shown .leaflet-top.leaflet-right {
    display: none;
  }
  .geonav_aside {
    transition: 0.07s 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: 0.5rem;
    font-size: 0.9rem;
    /* temporary icon workaround, until new icon system is merged */
  }
  .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: 0.9rem;
    background-color: #e52236;
    color: #fff;
  }
  .geonav_control-container {
    background: transparent;
    position: absolute;
    bottom: 100%;
  }
  .geonav_found-subheader {
    margin-right: 0.5rem;
    display: inline-block;
  }
  .geonav_found-link {
    font-size: 1rem;
    display: inline-block;
  }
  .geonav_areasearch {
    top: 64px;
    left: 0.5rem;
    margin: 0;
    transform: none;
    bottom: auto;
    max-width: calc(100% - 5rem);
  }
}
@keyframes showFab {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
/* location richtext snippets custom styling */
.geonav {
  /* hotellocations */
}
.geonav .location_options {
  display: none;
}
.geonav .location {
  padding: 0.5rem;
  font-size: 1rem;
}
.geonav .location::before {
  display: none;
}
.geonav .article_image {
  width: 100px;
}
.geonav .grid_column--location,
.geonav .grid_column--article {
  width: 100%;
}
.geonav .breadcrumb {
  display: none;
}
.geonav .location_headline {
  display: none;
}
.geonav .location_more-articles-heading {
  display: none;
}
.geonav .location_more-articles-content {
  display: none;
}
.geonav .location_sublist,
.geonav .location_list-item--indent {
  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: inline-flex;
  flex-direction: column;
  margin-top: 0;
}
.geonav .hotel .article_image-container {
  margin-bottom: 1rem;
}
.geonav .hotel_ammenities {
  display: block;
  clear: both;
}
.geonav .hotel_geonavmaplink {
  display: none;
}
.geonav .hotel_geonavmaparealink {
  display: none;
}
.geonav .hotel .article_headline {
  display: none;
}
.geonav .hotel_location-area {
  display: none;
}
.geonav .hotel .article_image {
  width: 170px;
}
@media only screen and (max-width: 599px) {
  .geonav .article_image-container.article_image-container {
    display: block;
    width: auto;
  }
  .geonav .article_image {
    width: 50px;
  }
}
@media only screen and (max-width: 499px) {
  .geonav .hotel {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.geosearch_location-list .location {
  padding: 0.5em 0 1em 4.5em;
}
.geosearch_location-list .location:not(:last-of-type) {
  margin-bottom: 1.5em;
}
.message {
  font-size: 0.875em;
  background-color: #d5e9ff;
  padding: 1em;
  width: 100%;
  margin-bottom: 0.5rem;
  display: flex;
}
.message_container {
  width: 100%;
  padding: 0.5rem;
  padding-bottom: 0.5rem;
}
.message_icon-container {
  display: flex;
}
.message_message-container {
  flex-grow: 1;
  padding-left: 0.5rem;
  display: flex;
  align-content: center;
}
.message_icon {
  display: block;
  align-self: center;
}
.message_message-container-inner-wrapper {
  align-self: center;
  flex-grow: 1;
}
.message > p {
  margin: 0;
}
.message > p:not(:first-child) {
  margin: 0 1rem 0 2rem;
}
.message a {
  text-decoration: underline;
}
.message,
.message a {
  color: #040404;
}
.message--big-icon p:not(:first-child) {
  margin-left: 3rem;
}
.message--info {
  background-color: #d5e9ff;
}
.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: #358535;
}
.message--error {
  background-color: #fad4e4;
}
.message--error.message--inline {
  background-color: transparent;
  color: #df0000;
}
@media only screen and (max-width: 1023px) {
  .message--vertical {
    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;
  }
}
.notification__anchor {
  position: relative;
}
.notification__box,
.notification__header,
.notification__headline,
.notification__content,
.notification__footer {
  display: flex;
}
.notification__box {
  position: fixed;
  top: 0;
  right: 24px;
  padding: 48px;
  padding-top: 24px;
  max-width: calc(100% - 48px);
  flex-flow: column;
  align-items: stretch;
  z-index: 2099;
  box-shadow: 0 3px 12px rgba(64, 90, 59, 0.29);
  border-radius: 30px;
  transition: transform 1s cubic-bezier(0.45, 0, 0.55, 1), opacity 0.5s ease-in-out;
  transform: translateX(calc(100% + 48px + 12px));
  pointer-events: none;
  opacity: 0;
}
@media only screen and (min-width: 600px) {
  .notification__box {
    right: 48px;
    max-width: calc(560px);
  }
}
.notification__box--error {
  background-color: #fbe8ea;
}
.notification__box--error .notification__icon .circle {
  border-color: #e52236;
}
.notification__box--error .notification__icon .circle svg {
  fill: #e52236;
}
.notification__box--error .notification__icon .circle--success,
.notification__box--error .notification__icon .circle--info {
  display: none;
}
.notification__box--error .notification__icon--close svg {
  stroke: #e52236;
  fill: none;
}
.notification__box--error .notification__footer .button.button--read-on {
  background-color: #e52236;
}
.notification__box--success {
  background-color: #e8fbe8;
}
.notification__box--success .notification__icon .circle {
  border-color: #358535;
}
.notification__box--success .notification__icon .circle svg {
  fill: #358535;
}
.notification__box--success .notification__icon .circle--error,
.notification__box--success .notification__icon .circle--info {
  display: none;
}
.notification__box--success .notification__icon--close svg {
  stroke: #358535;
  fill: none;
}
.notification__box--success .notification__footer .button.button--read-on {
  background-color: #358535;
}
.notification__box--info {
  background-color: #f5f5f5;
}
.notification__box--info .notification__icon .circle--error,
.notification__box--info .notification__icon .circle--success {
  display: none;
}
.notification__box--visible {
  transform: translateX(0);
  opacity: 1;
  pointer-events: all;
}
.notification__header {
  justify-content: flex-end;
}
.notification__headline {
  margin-bottom: 14px;
  align-items: center;
}
.notification__headline .textContent {
  flex-grow: 1;
}
.notification__headline h3 {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  max-width: calc(100% - 55px);
}
.notification__icon {
  display: inline-flex;
}
.notification__icon .circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}
.notification__icon .circle svg {
  width: 100%;
  height: auto;
}
.notification__icon--close .circle {
  border: 1px solid transparent;
  border-radius: 50%;
}
.notification__icon--close .circle svg {
  stroke-width: 1px;
  width: 24px;
}
.notification__icon--close:hover .circle,
.notification__icon--close:focus .circle {
  border-width: 2px;
}
.notification__icon--close:hover .circle svg,
.notification__icon--close:focus .circle svg {
  stroke-width: 2px;
}
.notification__icon--status {
  margin-right: 12px;
}
.notification__icon.hidden {
  display: none;
}
.notification__content,
.notification__content p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.notification__content p:only-child {
  margin: 0;
}
.notification__content p + p {
  margin-bottom: 15px;
}
.notification__footer {
  margin-top: 28px;
}
.notification__footer .button.button--read-on {
  padding: 10px 20px;
  text-transform: uppercase;
  border: none;
}
.address_block {
  display: block;
}
.address_block--gap-top {
  margin-top: 0.5em;
}
/*
 * *******************************************************
 * Copyright (C) 1994-2021 Babiel GmbH <info@babiel.com>
 *
 * This file is part of a Babiel development
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are not permitted without the express
 * permission of Babiel GmbH
 *
 * Any modification is not permitted without the express
 * permission of Babiel GmbH
 *
 * The file may contain confidential and or privileged materials.
 * Any review, retransmission, dissemination or other use of
 * or taking of any action in reliance upon, this file
 * by persons or entities other than the intended is prohibited.
 * *******************************************************
 */
.similar-articles {
  padding: 48px 25px;
  width: 100%;
  background-color: #ebebeb;
  overflow: hidden;
}
@media only screen and (min-width: 960px) {
  .similar-articles {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.similar-articles__heading {
  color: #e52236;
  font-size: 24px;
  line-height: 1.16666667;
  font-weight: 400;
}
@media only screen and (min-width: 960px) {
  .similar-articles__heading {
    font-size: 28px;
    line-height: 1.14285714;
  }
}
.similar-articles__cta {
  font-size: 0.5em;
  margin-left: 1rem;
}
.similar-articles__tiles-wrapper {
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
}
* + .similar-articles__tiles-wrapper {
  margin-top: 24px;
}
.similar-articles__tiles {
  display: flex;
  position: relative;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  transition-property: transform;
  z-index: 1;
}
.similar-articles__tile {
  position: relative;
  flex-shrink: 0;
  width: 290px;
}
.similar-articles__tile:hover,
.similar-articles__tile:focus {
  text-decoration: none;
}
.similar-articles__navigation {
  display: none;
}
@media only screen and (min-width: 960px) {
  .similar-articles__navigation {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    top: 66.66666667px;
    width: 40px;
    height: 60px;
    background-color: #e52236;
    color: white;
    z-index: 1;
    transition: background-color 300ms ease, color 300ms ease, transform 300ms ease;
    transform: none;
  }
  .similar-articles__navigation:hover,
  .similar-articles__navigation:focus {
    background-color: white;
    color: #e52236;
  }
  .similar-articles__navigation--prev {
    left: -60px;
  }
  .similar-articles:hover .similar-articles__navigation--prev,
  .similar-articles:focus-within .similar-articles__navigation--prev {
    transform: translateX(50%);
  }
  .similar-articles__navigation--next {
    right: -60px;
  }
  .similar-articles:hover .similar-articles__navigation--next,
  .similar-articles:focus-within .similar-articles__navigation--next {
    transform: translateX(-50%);
  }
  .similar-articles__navigation--disabled {
    display: none;
  }
}
.similar-article-tile {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.similar-article-tile__picture-wrapper {
  flex-shrink: 0;
  position: relative;
  padding-top: 66.66666667%;
  height: 0;
  overflow: hidden;
}
@supports (aspect-ratio: 3/2) {
  .similar-article-tile__picture-wrapper {
    padding-top: 0;
    height: auto;
    aspect-ratio: 1.5;
  }
}
.similar-article-tile__picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: transform 0.3s ease-out;
}
[href]:hover .similar-article-tile__picture,
[href]:focus .similar-article-tile__picture {
  transform: scale(1.03);
}
.similar-article-tile__title {
  max-height: 3.66666667em;
  font-size: 18px;
  line-height: 1.22222222;
  color: #e52236;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0.2em;
  transition: text-decoration-color 0.3s ease;
  text-decoration-color: transparent;
}
@media only screen and (min-width: 960px) {
  .similar-article-tile__title {
    max-height: 3.6em;
    font-size: 20px;
    line-height: 1.2;
  }
}
@supports (-webkit-line-clamp: 3) {
  .similar-article-tile__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: none;
    -webkit-line-clamp: 3;
  }
}
[href]:hover .similar-article-tile__title,
[href]:focus .similar-article-tile__title {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.125em;
  text-decoration-color: currentColor;
}
* + .similar-article-tile__title {
  margin-top: 12px;
}
.socialmedia_navigation-container {
  align-items: flex-end;
}
.socialmedia_header-image-container {
  min-width: 100%;
}
.socialmedia_logo {
  margin: 1rem 2.5rem 0.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_menulink--active {
  text-decoration: underline;
}
.socialmedia_userinfo {
  vertical-align: middle;
  display: inline-block;
  max-width: 63%;
  font-size: 0.9em;
}
.socialmedia_userinfo a {
  color: #888;
}
.socialmedia_main-article {
  margin-top: 2em;
}
.socialmedia_header {
  display: inline-block;
}
.socialmedia_footer-social-container {
  display: inline-block;
}
.socialmedia_footer-social {
  display: inline-block;
}
.socialmedia_userpicture {
  height: 3em;
  width: 3em;
  border-radius: 50%;
}
.socialmedia_userpicture-link {
  display: inline-block;
  vertical-align: middle;
}
.socialmedia_user-postings {
  margin-top: 6em;
  display: none;
}
.socialmedia_main-headline-wrapper {
  margin-top: 6em;
  display: none;
}
.socialmedia_main-headline {
  text-align: right;
  width: 100%;
  border-top: solid 2px #e52236;
  padding-top: 0.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: #ffffff;
}
.socialmedia .socialmedia_hamburger-icon {
  margin: 0 auto 0;
}
.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: #ffffff;
  padding: 0.5em;
  padding: 0;
  margin-bottom: 1em;
}
.socialmedia_clip > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  transition: 0.2s ease background-color;
}
.socialmedia_clip > a:hover,
.socialmedia_clip > a:focus {
  background-color: #d4d4d4;
}
.socialmedia_date {
  color: #888;
}
.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 1em;
}
.socialmedia_bottom-footer {
  padding: 1em;
  background-color: #161616;
  color: #9D9D9D;
  font-size: 0.8rem;
}
.socialmedia_top-footer {
  padding: 1em;
  background-color: #3E3E3E;
  color: #eaeaea;
}
.socialmedia_navigation-list {
  display: inline-block;
}
.socialmedia_language-column button {
  margin-top: 0.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: 0em;
}
@media only screen and (min-width: 900px) {
  .socialmedia_link-column {
    display: flex;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 1023px) {
  .socialmedia_section--hashtags {
    padding: 0 1em 0;
  }
  .socialmedia_hashtags-header {
    padding: 0 0.5em 0;
  }
  .socialmedia_section--main {
    margin-top: 0;
  }
}
@media only screen and (max-width: 899px) {
  .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_social-column {
    padding: 1em;
    border-bottom: 1px solid #dcdcdc;
  }
  .socialmedia_language-column {
    padding: 1em;
    border-bottom: 1px solid #dcdcdc;
  }
  .socialmedia_social-column,
  .socialmedia_link-column,
  .socialmedia_language-column {
    width: 100%;
  }
  .socialmedia_navigation-toggle {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .socialmedia_navigation-container-column {
    width: 100%;
  }
  .socialmedia_navigation-item {
    border-bottom: 1px solid #dcdcdc;
    display: block;
  }
  .socialmedia_navigation-item a {
    width: 100%;
    display: block;
    padding: 1em;
  }
  .socialmedia_navigation {
    padding: 0;
  }
  .socialmedia_language-column button {
    margin-top: 0;
  }
}
/* the rule 'aside_container--navigation a' is setting a color, this should instead be aside_link rule, would have to change many templates */
.aside_container--navigation .button {
  color: #ffffff;
}
.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: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: #e52236;
  color: #fff;
  padding: 0;
  margin: 0;
  position: fixed;
  right: 0.7rem;
  bottom: 5rem;
  z-index: 2001;
}
.fab--secondary {
  bottom: 9.4rem;
  background-color: #fff;
  border: 1px solid #e52236;
  box-sizing: border-box;
}
.fab--forced {
  display: block;
}
@media only screen and (max-width: 992px) {
  .fab {
    display: block;
  }
}
.lightbox {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  overflow-y: scroll;
}
.lightbox--rounded {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-y: hidden;
}
@media only screen and (min-width: 600px) {
  .lightbox--rounded {
    padding: 1em;
  }
}
.lightbox_dialog {
  animation-name: slideIn;
  animation-duration: 0.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;
  padding-right: 4em;
}
.lightbox_dialog .ui-dialog-titlebar .ui-button {
  background: none;
  position: absolute;
  border: 0;
  height: 100%;
  width: 3em;
  top: 0;
  right: 0;
  padding: 0;
}
.lightbox_dialog .ui-dialog-titlebar .ui-button:hover,
.lightbox_dialog .ui-dialog-titlebar .ui-button:focus {
  background-color: #E2E2E2;
}
.lightbox_dialog .ui-dialog-content {
  border: 0;
}
.lightbox_dialog--rounded {
  position: static !important;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  margin: 0;
  animation-name: moveUp;
  border-radius: 30px !important;
  border: 0 !important;
  box-shadow: 0 3px 12px #00000029;
  overflow: hidden;
  width: 34.25em !important;
  max-height: 100%;
}
.lightbox_dialog--rounded .ui-dialog-titlebar {
  flex: 0 0 auto;
  border: 0;
  padding: 4em 3em 1.5em;
}
.lightbox_dialog--rounded .ui-dialog-titlebar .ui-dialog-title {
  position: static;
  padding: 0 2em 0 0;
  font-size: 1.75em;
  color: #e52236;
}
.lightbox_dialog--rounded .ui-dialog-titlebar .ui-button {
  top: 1.5em;
  right: 3em;
  width: 2.5em;
  height: 2.5em;
  border: 1px solid #e52236;
  border-radius: 50%;
}
.lightbox_dialog--rounded .ui-dialog-titlebar .ui-button:hover,
.lightbox_dialog--rounded .ui-dialog-titlebar .ui-button:focus {
  border-width: 2px;
  background-color: transparent;
}
.lightbox_dialog--rounded .ui-dialog-titlebar .ui-button::before {
  margin: 0;
}
.lightbox_dialog--rounded .ui-dialog-content {
  flex: 1 1 auto;
  overflow: auto;
}
.lightbox_content {
  padding: 1em;
  min-height: 10em;
}
.lightbox_content--rounded {
  padding: 0 3em 3em;
  min-height: auto;
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes moveUp {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  1% {
    transform: translateY(4em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media only screen and (max-width: 1023px) {
  .lightbox_dialog {
    margin-top: 2rem;
  }
}
.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, 0.7);
}
.flipsnack_iframe {
  height: calc(95vh - 2rem);
  max-height: 54rem;
}
.flipsnack_hide {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 2rem;
  padding: 0;
  display: block;
}
.filter {
  font-size: 0.875rem;
  font-weight: 400;
}
.filter_headline {
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.filter_main-headline {
  font-size: 0.875rem;
  margin-bottom: 0.5625rem;
}
.filter_list {
  margin-bottom: 0.5rem;
}
.filter_list-item {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #ccc;
}
.filter_list-item .filter_list-item {
  padding-bottom: 0;
  border-bottom: none;
}
.filter_list-item:not(:last-child) {
  margin-bottom: 1rem;
}
.filter_list-item--reset {
  text-align: right;
}
.filter_list--sub {
  border-left: 1px solid #b7b7b7;
  padding-left: 1rem;
  margin-left: 0.4rem;
  margin-top: 0.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_slider-minvalue.filter_slider-minvalue,
.filter_slider-maxvalue.filter_slider-maxvalue {
  width: 5em;
  -moz-appearance: textfield;
}
.filter_slider-minvalue.filter_slider-minvalue::-webkit-outer-spin-button,
.filter_slider-minvalue.filter_slider-minvalue::-webkit-inner-spin-button,
.filter_slider-maxvalue.filter_slider-maxvalue::-webkit-outer-spin-button,
.filter_slider-maxvalue.filter_slider-maxvalue::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.filter .filter_input {
  max-width: 20rem;
  margin-bottom: 3rem;
}
.filter .filter_input input,
.filter .filter_input select,
.filter .filter_input.select {
  height: 2.375rem;
}
.filter .filter_input .icon::before {
  margin: 0 9px 0 0;
}
.filter .filter_headline {
  cursor: pointer;
}
.filter .filter_content {
  margin-bottom: 2rem;
}
.filter .filter_content_functions {
  text-align: right;
  margin-bottom: 1.5rem;
}
.filter li.filter_list-item::before {
  top: 0.4rem;
}
.filter_select {
  max-width: 17rem;
  height: 2.375rem;
  display: block;
}
.filter .button[data-js-generate-hotel-list-pdf] {
  font-size: 0.875rem;
  line-height: 1.3;
  margin-bottom: 0.5rem;
  padding: 0.625rem 1.125rem;
}
.filter .button--link {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: none;
}
.filter .button--link[data-filter-toggle-all] {
  margin-left: 0.25rem;
}
.filter .icon--list-down-red::before {
  width: 34px;
  height: 17px;
  margin: 0;
  align-self: center;
}
.filter .icon--list-up-red::before {
  width: 34px;
  height: 17px;
  margin: 0;
  align-self: center;
}
.filter .pipe {
  color: #ccc;
}
.filter input[type="checkbox"] {
  appearance: none;
  width: 22px;
  height: 22px;
  border: 1px solid #707070;
  margin-right: 0.3rem;
  vertical-align: bottom;
}
.filter input[type="checkbox"]:checked {
  background: url('/assets/image/icon/checkbox-marker.svg') no-repeat center;
  background-size: auto;
  border-color: #e52236;
}
.filter input[type="checkbox"]:hover {
  border-color: #e52236;
}
@media only screen and (max-width: 959px) {
  .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;
    z-index: 2000;
    overflow-y: scroll;
    padding-bottom: 6em;
    transform: translateX(100%);
    transition: 0.28s ease transform;
  }
}
.responsive-video-embed {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  /* = 16:9 */
  position: relative;
  background-color: #000;
}
.responsive-video-embed::after {
  content: '';
  height: 4rem;
  width: 4rem;
  margin-top: -2rem;
  margin-left: -2rem;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  background-image: url('/assets/image/icon/social-media-youtube-white.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  opacity: 0.5;
}
.responsive-video-embed iframe,
.responsive-video-embed object,
.responsive-video-embed embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
}
.headroom--top {
  transition: none;
}
.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 {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  border-bottom: 1px solid #ccc;
  transition: transform 200ms linear;
}
.headroom.headroom--unpinned {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: none;
}
.jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-reset {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}
.jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-reset .jw-button-container {
  flex: 0 0 auto;
  width: initial;
}
.jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-slider-time,
.jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-horizontal-volume-container .jw-slider-volume {
  flex: 1 1 auto;
  width: initial;
}
.jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-icon.jw-icon-tooltip.jw-tooltip-time.jw-button-color.jw-reset {
  display: none;
}
.jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-title,
.jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-display-container,
.jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-related-btn,
.jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-icon-fullscreen,
.jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-nextup-container {
  display: none;
}
@media only screen and (max-width: 599px) {
  .jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-reset {
    display: table;
  }
  .jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-reset .jw-slider-time {
    display: none;
  }
  .jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-reset .jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-playback,
  .jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio .jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-controlbar.jw-reset .jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-next {
    display: flex;
  }
}
/* Unfortunately - there are evil forces at play with the audio player as of version 8 -- we need to override hard values that are added as style attributes! */
@media only screen and (min-width: 1274px) {
  .jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio.jw-breakpoint-7 {
    height: 60px !important;
  }
  .jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio.jw-breakpoint-7 .jw-controlbar {
    height: 60px;
    align-items: start;
  }
  .jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio.jw-breakpoint-7 .jw-controlbar .jw-button-container {
    padding: 0 30px !important;
  }
  .jw-reset.jw-flag-media-audio.jw-flag-media-audio.jw-flag-media-audio.jw-breakpoint-7 .jw-controlbar .jw-slider-time {
    height: 60px !important;
  }
}
.player {
  margin-top: 0;
  margin-bottom: calc(var(--mb-content) * 2);
}
.player--tile {
  margin-top: 0;
}
.player button.u--is-accessible-hidden:focus {
  width: 100%;
  height: 100%;
  outline: 1px solid #ffffff;
  left: 0;
  clip: initial;
  color: transparent;
  background-color: transparent;
}
.player_playlist-entry:hover,
.player_playlist-entry:focus {
  background-color: #e52236;
  color: #ffffff;
}
.player_playlist-entry {
  cursor: pointer;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 0.8em;
  border-bottom: #dcdcdc solid 1px;
}
.player_headline {
  margin-bottom: 1rem;
}
.contact {
  border: 1px solid #ebebeb;
  border-left-width: 3rem;
  max-width: 38rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.hotellist .map_container {
  height: 100%;
}
.hotellist--open {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 2000;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  display: flex;
  flex-direction: row;
}
.hotellist--open .hotellist_list {
  width: 35rem;
  height: 100%;
  overflow-y: scroll;
}
.hotellist--open .hotellist_map-container {
  flex-grow: 1;
  height: 100%;
  /* due to issues with not beeing able to focus the input box, this gets hidden*/
}
.hotellist--open .hotellist_map-container .map_search-container {
  display: none;
}
.hotellist--open .hotellist_map-container .grid_column {
  height: 100%;
}
.hotellist--open .grid_row {
  height: 100%;
}
.hotellist--open .map {
  margin-bottom: 0;
  height: 100% !important;
}
.hotellist--open .map_container {
  display: block;
}
@media only screen and (max-width: 959px) {
  .hotellist--open {
    top: 1.5rem;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .hotellist--open .hotellist_list {
    display: none;
  }
  .hotellist--open .leaflet-control-fullscreen {
    display: none;
  }
}
.no-js [data-src] {
  display: none;
}
.shareable-maps_list-element {
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.shareable-maps_heading {
  margin-bottom: 0.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;
}
.videoheader {
  z-index: 2;
  position: relative;
}
.videoheader-video,
.videoheader-endimage {
  min-height: 100%;
  min-width: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.videoheader-endimage {
  width: 100%;
}
.videoheader-container {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: auto;
}
.videoheader-lowercontainer {
  height: calc(0.48 * calc(100vh - 200px));
  overflow: hidden;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: flex-end;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
}
.videoheader-lowercontainer {
  bottom: 0;
  width: 100%;
}
.videoheader .slide-top {
  animation: slide-top 1s ease-in 2s both;
}
@keyframes slide-top {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.videoheader .lowerbutton {
  display: flex;
  border: none;
  font-size: 5.25rem;
  padding: 0 4rem;
  color: white;
  flex-direction: column;
  opacity: 0;
  margin: calc(0.067 * calc(100vh - 200px)) 0;
  transition: 0.3s;
}
.videoheader .lowerbutton:hover {
  margin: calc(0.047 * calc(100vh - 200px)) 0;
}
.videoheader .lowerbutton:hover .videoheader_tagbutton-downarrow {
  margin-top: calc(0.07 * calc(100vh - 200px));
}
.videoheader_tagbutton-downarrow {
  align-self: center;
  margin-top: calc(0.05 * calc(100vh - 200px));
  transition: 0.3s;
}
.videoheader_tagbutton-downarrow::before {
  width: 4rem;
}
.videoheader .lowerbutton_text {
  line-height: 1;
  margin: 0 0.5rem;
  text-align: center;
  letter-spacing: 0px;
  text-shadow: 0px 2px 4px #00000029;
}
.videoheader .lowerbutton_text p {
  margin: 0;
}
.videoheader-play-pause {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 4rem;
  height: 4rem;
  background: #e52236;
  border: none;
  transition: all 0.25s ease-in-out;
  pointer-events: auto;
}
.videoheader-play-pause span.icon.icon--player-pause-white,
.videoheader-play-pause span.icon.icon--player-play-white {
  transition: all 0.25s ease-in-out;
}
.videoheader-play-pause span.icon.icon--player-pause-white::before,
.videoheader-play-pause span.icon.icon--player-play-white::before {
  margin-right: 0;
}
.videoheader-play-pause:focus {
  outline: 1px dotted white;
}
.videoheader-play-pause:hover {
  background: white;
}
.videoheader-play-pause:hover span.icon.icon--player-pause-white::before {
  background: url('/assets/image/icon/player-pause-red.svg');
}
.videoheader-play-pause:hover span.icon.icon--player-play-white::before {
  background: url('/assets/image/icon/player-play-red.svg');
}
@media only screen and (max-width: 1100px) {
  .videoheader-lowercontainer {
    height: calc(0.48 * calc(100vh - 200px));
    bottom: 0rem;
    width: 100%;
  }
  .videoheader-play-pause {
    bottom: initial;
    top: 2rem;
    right: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
  }
  .videoheader-play-pause span {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    position: relative;
  }
  .videoheader-play-pause span.icon.icon--player-play-white::before,
  .videoheader-play-pause span.icon.icon--player-pause-white::before {
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
  }
  .videoheader-play-pause span.icon.icon--player-play-white::before {
    margin: 0;
  }
  .videoheader-play-pause span.icon.icon--player-pause-white::before {
    margin: 0;
  }
  .videoheader .lowerbutton {
    font-size: 4rem;
    padding: 1rem 3rem;
  }
}
@media only screen and (max-width: 599px) {
  .videoheader-lowercontainer {
    height: calc(0.48 * calc(100vh - 86px));
    bottom: 0rem;
    width: 100%;
  }
  .videoheader .lowerbutton {
    font-size: 3rem;
    padding: 1rem 3rem;
    margin: calc(0.067 * calc(100vh - 86px)) 0;
  }
  .videoheader .lowerbutton:hover {
    margin: calc(0.047 * calc(100vh - 86px)) 0;
  }
  .videoheader .lowerbutton:hover .videoheader_tagbutton-downarrow {
    margin-top: calc(0.07 * calc(100vh - 86px));
  }
  .videoheader_tagbutton-downarrow {
    margin-top: calc(0.05 * calc(100vh - 86px));
  }
  .videoheader_tagbutton-downarrow::before {
    width: 3rem;
  }
  .videoheader-video {
    width: 100%;
  }
}
/*
 * *******************************************************
 * Copyright (C) 1994-2021 Babiel GmbH <info@babiel.com>
 *
 * This file is part of a Babiel development
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are not permitted without the express
 * permission of Babiel GmbH
 *
 * Any modification is not permitted without the express
 * permission of Babiel GmbH
 *
 * The file may contain confidential and or privileged materials.
 * Any review, retransmission, dissemination or other use of
 * or taking of any action in reliance upon, this file
 * by persons or entities other than the intended is prohibited.
 * *******************************************************
 */
.highlight {
  display: flex;
  position: relative;
  line-height: 0;
  /* avoid white border (bottom) in some browsers */
  overflow: hidden;
}
.highlight:not(:last-child) {
  margin-bottom: 96px;
}
@media only screen and (max-width: 1919px) {
  .highlight:not(:last-child) {
    margin-bottom: 60px;
  }
}
.highlight:not(.highlight--red) {
  height: 500px;
}
@media only screen and (min-width: 1024px) {
  .highlight:not(.highlight--red) {
    height: 640px;
  }
}
.highlight--red {
  min-height: 380px;
  background-color: #e52236;
}
.highlight--red .highlight_overlay {
  position: relative;
  padding-top: 4.075rem;
  padding-bottom: 6rem;
}
@media only screen and (min-width: 1024px) {
  .highlight--red .highlight_overlay {
    padding-top: 3.325rem;
  }
}
.highlight--red .highlight_overlay .button {
  background-color: #ffffff;
  color: #e52236;
}
.highlight--red .highlight_overlay .button:hover,
.highlight--red .highlight_overlay .button:focus {
  background-color: #ffffff;
}
.highlight_image {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .highlight_image {
    height: 640px;
  }
}
.highlight_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  z-index: 1;
}
.highlight_overlay .button {
  padding: 1.125rem 2.5rem;
  font-size: 1.125rem;
  letter-spacing: 0.58px;
  transition: padding 0.1s ease-out;
}
.highlight_overlay .button:hover,
.highlight_overlay .button:focus {
  cursor: pointer;
  background-color: #e52236;
  padding: 1.25rem 2.625rem;
}
.highlight_button-container {
  display: flex;
  align-items: center;
  min-height: 3.05rem;
}
@media only screen and (min-width: 1024px) {
  .highlight_button-container {
    min-height: 4.3rem;
  }
}
.highlight_text-container {
  color: #ffffff;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.29);
}
.highlight_text-container--heading {
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1024px) {
  .highlight_text-container--heading {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }
}
.highlight_text-container--roof {
  padding-top: 1.925rem;
  min-height: 2.8rem;
}
@media only screen and (min-width: 1024px) {
  .highlight_text-container--roof {
    padding-top: 2.675rem;
    min-height: 4.05rem;
  }
}
.highlight_roofline {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.16666667;
  letter-spacing: 1.44px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .highlight_roofline {
    font-size: 1.125rem;
    line-height: 1.22222222;
    letter-spacing: 2.16px;
  }
}
.highlight_heading {
  margin: 0;
  color: inherit;
  font-size: 3rem;
  line-height: 1.16666667;
  font-weight: 300;
}
@media only screen and (min-width: 1024px) {
  .highlight_heading {
    font-size: 5.25rem;
  }
}
.highlight_heading p {
  margin: 0;
}
.highlight blockquote {
  margin: 0;
}
.highlight picture {
  width: 100%;
}
.event_details {
  padding-left: calc(2.5rem + 0rem);
  padding-right: calc(2.5rem + 0rem);
}
@media only screen and (max-width: 992px) {
  .event_details {
    padding-left: calc(1.5rem + 0rem);
    padding-right: calc(2.5rem + 0rem);
  }
}
@media only screen and (max-width: 390px) {
  .event_details {
    padding-left: calc(0.375rem + 0rem);
    padding-right: calc(0.375rem + 0rem);
  }
}
/* Forms */
.form {
  margin: 0;
  width: 100%;
  max-width: 40rem;
  /* Defines a form-group */
}
.form--search-desktop {
  max-width: 55rem;
  margin-bottom: 1rem;
  position: relative;
}
.form--search,
.form--search-responsive {
  position: relative;
  background-color: #e52236;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.form--search {
  width: 80%;
  padding: 2em 0;
  margin: 0 10%;
}
@media only screen and (max-width: 1023px) {
  .form--search {
    width: 90%;
    max-width: 40rem;
    margin: 0 auto;
  }
}
.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) {
  margin-top: 1em;
}
.form_group + a {
  margin-top: 1em;
}
.form_group--skip-margin {
  margin-top: 0;
}
.form_group--padding-left {
  padding-left: 0.25em;
}
.form_group--padding-right {
  padding-right: 0.25em;
}
.form_password-hint {
  display: block;
  font-size: 0.9rem;
}
.form_field + .form_field {
  padding-left: 0.5em;
}
.form_label {
  display: inline-block;
  margin-bottom: 0.25em;
}
.form_label-colon::after {
  content: ":";
}
.form--horizontal .form_label {
  padding-top: 0.55em;
  padding-right: 0.3em;
}
.form--vertical .form_label,
.form--vertical .form_control {
  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: 0.5em;
}
.form_block-error {
  display: block;
}
.button {
  font-family: "Graphik Web", Arial, sans-serif;
  background-color: #e52236;
  border: none;
  border-radius: 0px;
  color: #ffffff;
  padding: 0 1rem;
  line-height: 1.8rem;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1rem;
  /* A button, which looks like a link */
  /* Usually its the password-forget link, which follows on a button */
}
.button:hover,
.button:focus {
  background-color: #d5192c;
  border-color: #be1627;
  text-decoration: none;
  cursor: pointer;
}
.button--on-primary {
  border: 1px solid #fff;
}
.button--uppercase {
  text-transform: uppercase;
}
.button--white.button--white {
  background-color: white;
  border: 1px solid #e52236;
  color: #e52236;
}
.button--white.button--white:hover,
.button--white.button--white:focus {
  background-color: white;
  border: 1px solid #c9182a;
  color: #c9182a;
}
.button--bigger {
  padding: 0.6rem 1.25rem;
  font-size: 1.3rem;
  letter-spacing: 0.02rem;
}
@media only screen and (max-width: 1023px) {
  .button--bigger {
    padding: 0.4rem 1rem;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 449px) {
  .button--bigger {
    padding: 0.3rem 0.8rem;
    font-size: 0.9rem;
  }
}
.button--red-on-translucent-white {
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  color: #e52236;
}
.button--red-on-translucent-white:hover,
.button--red-on-translucent-white:focus {
  color: #c9182a;
}
.button--no-style {
  background: none;
  border: none;
}
.button--no-style:hover,
.button--no-style:focus {
  background: transparent;
  border: none;
}
.button--top-right {
  margin-left: 3em;
  padding: 0;
}
.button--normalcase {
  text-transform: none;
}
.button--link {
  background: none;
  border: none;
  color: #e52236;
  font-family: "Graphik Web", Arial, sans-serif;
  padding: 0;
  /* Slightly lighter text color */
  /* white text color */
}
.button--link:hover,
.button--link:focus {
  background-color: transparent;
  text-decoration: underline;
}
.button--link-off {
  color: #888;
}
.button--link-light {
  color: #696969;
}
.button--link-on-brand {
  color: #ffffff;
  /* white outline on focus*/
}
.button--link-on-brand:focus {
  outline: 1px dotted #ffffff;
}
.button--link-current-channel {
  font-weight: 500;
}
.button--expand-teaser {
  display: block;
  font-size: 1.25rem;
  text-transform: none;
}
.button + a:not(.button--callout) {
  margin-left: 1em;
}
.button[disabled] {
  font-family: "Graphik Web", Arial, sans-serif;
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 0px;
  color: #040404;
  padding: 0 1rem;
  line-height: 1.8rem;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 400;
  cursor: default;
}
.button[disabled]:hover,
.button[disabled]:focus {
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  cursor: pointer;
}
.button--toggle-visibility-off {
  background-color: #6e6e6e;
  border-color: #616161;
}
.button--toggle-visibility-off:hover,
.button--toggle-visibility-off:focus {
  background-color: #616161;
  border-color: #545454;
}
.button--promotion {
  display: inline-block;
  margin-top: 1em;
  text-align: center;
  padding: 0.4em;
  font-size: 21px;
  border: 1px solid #fff;
}
.button--callout {
  text-align: center;
  padding: 0.6rem 3.5rem;
  font-size: 1.3rem;
  font-weight: 400;
}
.button--full-width {
  width: 100%;
}
.button--80-percent-width {
  width: 80%;
}
html[lang="ar"] .button--link {
  font-family: Arial, sans-serif;
}
html[lang="ja"] .button {
  font-weight: 700;
}
html[lang="ja"] .button--link {
  font-family: Arial, sans-serif;
}
a.button {
  color: #ffffff;
}
@media only screen and (max-width: 1023px) {
  .button--callout {
    padding: 0.5rem 2rem !important;
  }
  .button--callout--vcb {
    display: none;
  }
}
@media only screen and (max-width: 1400px) {
  .button--promotion {
    font-size: 1rem;
    width: 100%;
  }
}
.input {
  width: 100%;
  border-radius: 2px;
}
.input--copy {
  width: 100%;
  border: 0;
  font-size: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input--date {
  width: 12em;
}
.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 {
  padding-left: 3rem;
  font-size: 1.8rem;
  background-color: transparent;
  color: #ffffff;
  border: none;
  height: 2.8rem;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
  max-width: 100%;
}
.input--search.input--search.input--search::-webkit-input-placeholder {
  color: #ffffff;
  text-transform: none;
}
.input--search.input--search.input--search:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
  text-transform: none;
}
.input--search.input--search.input--search::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
  text-transform: none;
}
.input--search.input--search.input--search:-ms-input-placeholder {
  color: #ffffff;
  text-transform: none;
}
.input--search.input--search.input--search:hover,
.input--search.input--search.input--search:focus {
  color: #ffffff;
  background-color: #e52236;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
}
.input--search.input--search.input--search:focus {
  outline: 1px dotted #ffffff;
}
.input--search.input--search.input--search::selection,
.input--search.input--search.input--search::-moz-selection {
  background: #444;
}
@media only screen and (max-width: 1023px) {
  .input--search.input--search.input--search {
    font-size: 1rem;
    height: 2rem;
  }
}
.input_icon {
  margin-top: -12px;
  position: absolute;
  right: 0.2em;
  top: 48%;
  border: none;
  background: none;
}
.input_icon--main-search {
  position: static;
  margin: 0;
  height: 2.2rem;
  line-height: 2.2rem;
  cursor: pointer;
  padding: 0 0.5em;
  border-bottom: 1px solid white;
  box-sizing: border-box;
}
.input_icon--main-search:hover {
  background-color: #c9182a;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 0 0.25em 0 0;
}
/* Resets style of Input Fields in iOs/ FirefoxOS devices
   Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
   Stackoverflow: http://stackoverflow.com/questions/3062968/remove-textarea-inner-shadow-on-mobile-safari-iphone
*/
input[type="text"],
input[type="email"],
input[type="search"],
input[type="number"],
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}
textarea.input:not(.input--icon),
input[type="text"].input:not(.input--icon),
input[type="email"].input:not(.input--icon),
input[type="search"].input:not(.input--icon),
input[type="number"].input:not(.input--icon),
input[type="password"].input:not(.input--icon) {
  background-image: none;
}
textarea.input,
input[type="text"].input,
input[type="email"].input,
input[type="search"].input,
input[type="number"].input,
input[type="password"].input {
  font-family: "Graphik Web", Arial, sans-serif;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  padding: 0.4em;
}
textarea.input::-webkit-input-placeholder,
input[type="text"].input::-webkit-input-placeholder,
input[type="email"].input::-webkit-input-placeholder,
input[type="search"].input::-webkit-input-placeholder,
input[type="number"].input::-webkit-input-placeholder,
input[type="password"].input::-webkit-input-placeholder {
  color: #696969;
  text-transform: none;
}
textarea.input:-moz-placeholder,
input[type="text"].input:-moz-placeholder,
input[type="email"].input:-moz-placeholder,
input[type="search"].input:-moz-placeholder,
input[type="number"].input:-moz-placeholder,
input[type="password"].input:-moz-placeholder {
  color: #696969;
  opacity: 1;
  text-transform: none;
}
textarea.input::-moz-placeholder,
input[type="text"].input::-moz-placeholder,
input[type="email"].input::-moz-placeholder,
input[type="search"].input::-moz-placeholder,
input[type="number"].input::-moz-placeholder,
input[type="password"].input::-moz-placeholder {
  color: #696969;
  opacity: 1;
  text-transform: none;
}
textarea.input:-ms-input-placeholder,
input[type="text"].input:-ms-input-placeholder,
input[type="email"].input:-ms-input-placeholder,
input[type="search"].input:-ms-input-placeholder,
input[type="number"].input:-ms-input-placeholder,
input[type="password"].input:-ms-input-placeholder {
  color: #696969;
  text-transform: none;
}
textarea.input:hover,
input[type="text"].input:hover,
input[type="email"].input:hover,
input[type="search"].input:hover,
input[type="number"].input:hover,
input[type="password"].input:hover,
textarea.input:focus,
input[type="text"].input:focus,
input[type="email"].input:focus,
input[type="search"].input:focus,
input[type="number"].input:focus,
input[type="password"].input:focus {
  border-color: #949494;
  background-color: #ffffff;
}
textarea.input--has-error,
input[type="text"].input--has-error,
input[type="email"].input--has-error,
input[type="search"].input--has-error,
input[type="number"].input--has-error,
input[type="password"].input--has-error {
  background-color: #ffffff;
  border-color: #e52236;
}
textarea.input--has-error:hover,
input[type="text"].input--has-error:hover,
input[type="email"].input--has-error:hover,
input[type="search"].input--has-error:hover,
input[type="number"].input--has-error:hover,
input[type="password"].input--has-error:hover,
textarea.input--has-error:focus,
input[type="text"].input--has-error:focus,
input[type="email"].input--has-error:focus,
input[type="search"].input--has-error:focus,
input[type="number"].input--has-error:focus,
input[type="password"].input--has-error:focus {
  background-color: #ffffff;
  border-color: #be1627;
}
html[lang="ar"] textarea.input,
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="number"].input,
html[lang="ar"] input[type="password"].input {
  font-family: Arial, sans-serif;
}
html[lang="ja"] 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="number"].input,
html[lang="ja"] input[type="password"].input {
  font-family: Arial, sans-serif;
}
input[type="text"].input--search,
input[type="text"].input--date,
input[type="text"].input--icon,
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::before,
.checkbox-group--horizontal::after {
  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: 0.25em;
}
.checkbox_label {
  display: block;
  margin-left: 1.4em;
}
select,
.select {
  padding: 0.4em;
}
select.select {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  background-color: #ffffff;
  background-image: none;
  padding: 0.4em 2.5em 0.4em 0.4em;
  width: 100%;
}
select.select--short {
  width: 10em;
}
select.select--medium {
  width: 14em;
}
select.select--long {
  width: 18em;
}
select.select--language {
  background-color: #ffffff;
}
select.select:hover,
select.select:focus {
  border-color: #949494;
  background: #ffffff;
}
select.select--has-error {
  background-color: #ffffff;
  border-color: #e52236;
}
select.select--has-error:hover,
select.select--has-error:focus {
  background-color: #ffffff;
  border-color: #be1627;
}
select[disabled].select {
  cursor: default;
  background-color: #e0e0e0;
}
select[disabled].select:hover {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
/* Fieldset reset */
.fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.fieldset_legend {
  margin-bottom: 0.5em;
  padding: 0;
}
.mandatory {
  color: #e52236;
}
.orderlist_headline {
  padding-top: 1em;
}
.orderlist_image-container {
  padding: 1em;
  flex: 0 0 12em;
  margin-right: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  height: 12em;
  display: flex;
  justify-content: center;
  align-content: center;
}
.orderlist_image {
  max-width: 100%;
  max-height: 100%;
  align-self: center;
}
.orderlist_error {
  margin: 0;
  color: #f00;
}
.orderlist_pickup-hint {
  color: #696969;
  font-size: 0.875em;
  margin-top: 0;
}
.orderlist_pickup.inactive .orderlist_form-control {
  display: none;
}
.orderlist_pickup.inactive .orderlist_label,
.orderlist_pickup.inactive .orderlist_item-description {
  color: #696969;
}
.orderlist_label {
  padding-top: 0.5em;
  color: #040404;
}
.orderlist_choice-hotel {
  margin-left: 1.5em;
}
.orderlist_categories {
  margin-top: 1em;
}
.orderlist_form-control {
  width: 7em;
}
.orderlist_item {
  flex-flow: row nowrap;
}
/* Tiles */
.tile {
  background-color: #ffffff;
  padding: 0.5em;
  padding: 0;
  position: relative;
  width: 100%;
}
.tile_image-container {
  position: relative;
  z-index: 0;
}
.tile_image-container--video {
  position: relative;
  background: black;
  height: auto;
  padding-top: 66%;
}
.tile_overlay {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.3) 3rem, rgba(0, 0, 0, 0) 5rem);
}
.tile_overlay-text {
  position: absolute;
  color: white;
  bottom: 1.5rem;
  left: 1.5rem;
  font-size: 1.5rem;
}
.tile_overlay-text span:first-child {
  margin-right: 0.25rem;
}
.tile_player {
  left: 0;
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%;
}
.tile_ratio-container {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  height: 100%;
  width: 100%;
}
.tile_image-container-overlay-text {
  color: #fff;
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  margin: 0;
  width: 2.5rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 42%;
  z-index: 2;
  text-transform: uppercase;
}
.tile--campaignteaser .tile_image-container--has-overlay::before {
  width: 24px;
  height: 24px;
  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;
  display: block;
  content: "";
  width: 2.5rem;
  margin: 0;
  position: absolute;
  background-color: #e52236;
  background-size: 80%;
  top: -4rem;
  left: 2rem;
  height: 14rem;
  z-index: 2;
  transform: rotate(45deg);
}
.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--campaignteaser .tile_image-container-overlay-text {
  margin-top: -0.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 {
  width: 24px;
  height: 24px;
  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;
  display: block;
  content: "";
  width: 2.5rem;
  margin: 0;
  position: absolute;
  background-color: #e52236;
  background-size: 80%;
  top: -4rem;
  left: 2rem;
  height: 14rem;
  z-index: 2;
  transform: rotate(45deg);
}
.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: -0.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_link--swiper .tile_details > a p.tile_teaser-text {
  color: black;
}
.tile--fixed-dimensions .tile_link--swiper .tile_details > a:hover {
  text-decoration: none;
}
.tile--fixed-dimensions .tile_link--swiper .tile_details > a:hover h3.tile_headline {
  text-decoration: underline;
}
.tile--fixed-dimensions .tile_link--swiper .tile_details > a:hover .tile_teaser-text {
  color: black;
}
.tile--fixed-dimensions .tile_headline {
  margin-top: 0;
}
.tile--fixed-dimensions .tile_image-container {
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
}
.tile--fixed-dimensions .tile_image-container--has-overlay::before {
  width: 24px;
  height: 24px;
  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;
  display: block;
  content: "";
  width: 2.5rem;
  margin: 0;
  position: absolute;
  background-size: 80%;
  background-color: #e52236;
  top: -4rem;
  left: 2rem;
  height: 14rem;
  z-index: 2;
  transform: rotate(45deg);
}
.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%;
}
.tile--fixed-dimensions .tile_image-container-overlay-text {
  margin-top: -0.5rem;
  top: 50%;
}
.tile_link {
  color: #040404;
  display: block;
  overflow: hidden;
}
.tile_link:hover,
.tile_link:focus {
  text-decoration: none;
  outline: none;
  overflow: hidden;
}
.tile_link:hover .tile_image,
.tile_link:focus .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 .tile_details.tile_details {
  position: relative;
}
.tile_link--video-lead .responsive-video-embed {
  padding-bottom: 56.5%;
}
.tile_link--red {
  background: #e52236;
}
.tile_link--red .tile_details {
  background: transparent;
}
.tile_link--red .tile_details * {
  color: white;
}
.tile_link--no-hover:hover .tile_details .tile_headline,
.tile_link--no-hover:focus .tile_details .tile_headline {
  text-decoration: none;
}
.tile_area-link {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.tile_area-link:hover,
.tile_area-link:focus,
.tile_area-link:active {
  text-decoration: none;
}
.tile_link:hover .tile_headline,
.tile_link:focus .tile_headline {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.125em;
  text-decoration-color: currentColor;
}
.tile_headline {
  display: block;
  margin-bottom: 0.25rem;
  transition: text-decoration-color 0.3s ease;
  text-decoration-color: transparent;
}
.tile_details {
  height: auto;
  padding: 0.5rem;
  position: relative;
  vertical-align: bottom;
  width: 100%;
  background-color: #ffffff;
}
.tile_details--slider a {
  text-decoration: none;
}
.tile_details--slider a:hover,
.tile_details--slider a:focus {
  text-decoration: none;
}
.tile_details--slider a:hover h3,
.tile_details--slider a:focus h3 {
  text-decoration: underline;
}
.tile_details--icon {
  position: absolute;
  bottom: 0;
  right: 0.5em;
  text-transform: uppercase;
  color: #696969;
  font-size: 0.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 0.2s ease-in-out, filter 0.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: #ffffff;
  text-transform: uppercase;
  z-index: 10;
}
/*
MEDIAQUERIES
*/
@media only screen and (max-width: 1500px) {
  .tile--leadarticle .tile_image-container-overlay-text {
    top: 42%;
  }
}
@media only screen and (max-width: 1300px) {
  .tile--leadarticle .tile_image-container-overlay-text {
    top: 33%;
  }
}
@media only screen and (max-width: 1100px) {
  .tile--leadarticle .tile_image-container-overlay-text {
    top: 35%;
  }
}
@media only screen and (max-width: 599px) {
  .tile--leadarticle .tile_image-container-overlay-text {
    top: 50%;
  }
}
@media only screen and (max-width: 1023px) {
  .tile {
    padding: 0;
  }
  .tile--campaignteaser {
    padding-bottom: 0.25em;
  }
}
@media only screen and (max-width: 599px) {
  .tile {
    padding: 0;
  }
  .tile_details {
    padding: 0.5rem 0.5rem;
  }
  .tile_link {
    margin-bottom: 0.75rem;
  }
}
@media only screen and (max-width: 390px) {
  .tile_headline.tile_headline {
    margin-top: 0;
    margin-bottom: 0.25rem;
    font-size: 1.25em;
  }
}
.tile--campaignteaser {
  height: auto;
  -webkit-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.tile--campaignteaser > a {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  height: auto;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.tile--campaignteaser .tile_image {
  -ms-box-orient: horizontal;
  -webkit-box-flex: 0 0 50%;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0 0 50%;
  /* OLD - Firefox 19- */
  -webkit-flex: 0 0 50%;
  /* Chrome */
  -ms-flex: 0 0 50%;
  /* IE 10 */
  flex: 0 0 50%;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  display: block;
  height: auto;
}
.tile--campaignteaser .tile_details {
  -ms-box-orient: horizontal;
  -webkit-box-flex: 0 0 50%;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0 0 50%;
  /* OLD - Firefox 19- */
  -webkit-flex: 0 0 50%;
  /* Chrome */
  -ms-flex: 0 0 50%;
  /* IE 10 */
  flex: 0 0 50%;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  padding: 1.5em;
}
@media only screen and (max-width: 599px) {
  .tile--campaignteaser > a {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
  }
  .tile--campaignteaser .tile_image,
  .tile--campaignteaser .tile_details {
    width: 100%;
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
}
.tile--leadarticle {
  position: relative;
  overflow: hidden;
  z-index: 0;
  /* Rules for Right-Sided Image in lead Teasers */
}
.tile--leadarticle .tile_link {
  display: flex;
  justify-content: flex-start;
  /* Swiper rules for lead articles WTCMS-3628, WTCMS-3629 */
}
.tile--leadarticle .tile_link--video-lead .tile_image-container {
  flex: 0 1 calc(50% - calc(var(--grid-gap) / 2));
  margin-right: var(--grid-gap);
}
@media only screen and (max-width: 1200px) {
  .tile--leadarticle .tile_link--video-lead .tile_image-container {
    flex: 1 0 100%;
  }
}
@media only screen and (max-width: 1200px) {
  .tile--leadarticle .tile_link {
    flex-wrap: wrap;
  }
}
.tile--leadarticle .tile_link--swiper .swiper-container {
  flex: 0 1 calc(50% - calc(var(--grid-gap) / 2));
  margin-right: var(--grid-gap);
  margin-left: 0;
}
@media only screen and (max-width: 1200px) {
  .tile--leadarticle .tile_link--swiper .swiper-container {
    flex: 1 0 100%;
    margin-right: 0;
  }
}
.tile--leadarticle .tile_image {
  height: auto;
  max-height: none;
}
.tile--leadarticle .tile_image-outer-container {
  flex: 0 1 calc(50% - 6px);
  overflow: hidden;
  margin-right: var(--grid-gap);
}
@media only screen and (max-width: 1200px) {
  .tile--leadarticle .tile_image-outer-container {
    flex: 1 0 100%;
    margin-right: 0;
  }
}
.tile--leadarticle .tile_headline,
.tile--leadarticle .tile_teaser-text {
  font-size: 3.75rem;
  line-height: 1.1;
}
@media only screen and (max-width: 1600px) {
  .tile--leadarticle .tile_headline,
  .tile--leadarticle .tile_teaser-text {
    font-size: 2.25rem;
  }
}
@media only screen and (max-width: 1200px) {
  .tile--leadarticle .tile_headline,
  .tile--leadarticle .tile_teaser-text {
    font-size: 1.875rem;
  }
}
.tile--leadarticle .tile_preheadline {
  font-size: 1.125rem;
  margin: 0 0 var(--grid-gap);
  text-transform: uppercase;
  line-height: 1.22;
}
@media -screen-smlaptop {
  .tile--leadarticle .tile_preheadline {
    font-size: 0.85rem;
    font-weight: 500;
  }
}
.tile--leadarticle .tile_headline {
  padding: 0;
  margin-bottom: 0;
  font-weight: 500;
}
.tile--leadarticle .tile_details {
  background-color: #ffffff;
  color: #e52236;
  flex: 0 1 calc(50% - 6px);
  padding: 0;
}
@media only screen and (max-width: 1200px) {
  .tile--leadarticle .tile_details {
    flex: 1 0 100%;
    margin-top: var(--grid-gap);
  }
}
.tile--leadarticle .tile_teaser-text {
  background-color: #ffffff;
  color: #e52236;
  padding: 0;
}
.tile--leadarticle-right {
  /* Swiper rules for lead articles WTCMS-3628, WTCMS-3629 */
}
.tile--leadarticle-right .tile_link--swiper .swiper-container {
  margin-left: var(--grid-gap);
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .tile--leadarticle-right .tile_link--swiper .swiper-container {
    margin-left: 0;
  }
}
.tile--leadarticle-right .tile_link--video-lead .tile_image-container {
  flex: 0 1 calc(50% - calc(var(--grid-gap) / 2));
  margin-left: var(--grid-gap);
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .tile--leadarticle-right .tile_link--video-lead .tile_image-container {
    flex: 1 0 100%;
    margin-left: 0;
  }
}
.tile--leadarticle-right .tile_image-outer-container {
  flex: 0 1 calc(50% - calc(var(--grid-gap) / 2));
  overflow: hidden;
  margin-right: 0;
  margin-left: var(--grid-gap);
}
@media only screen and (max-width: 1200px) {
  .tile--leadarticle-right .tile_image-outer-container {
    flex: 1 0 100%;
    margin-left: 0;
    order: 0;
  }
}
.tile--leadarticle-right .tile_details {
  background-color: #ffffff;
  color: #e52236;
  flex: 0 1 calc(50% - calc(var(--grid-gap) / 2));
  padding: 0;
}
@media only screen and (max-width: 1200px) {
  .tile--leadarticle-right .tile_details {
    flex: 1 0 100%;
    margin-top: var(--grid-gap);
    order: 1;
  }
}
.tile--top-events {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  padding: 1em;
}
.tile--top-events .tile_column--search {
  -webkit-flex-basis: auto;
  -ms-flex-basis: auto;
  flex-basis: auto;
}
.tile--top-events .tile_column--events {
  padding-left: 3em;
  -webkit-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tile--top-events .tile_column--top-events {
  width: 100%;
}
.top-events {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  margin: 1em 0 0;
}
.top-events_list {
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
}
.top-events_list li {
  padding: 0.35em 0;
  line-height: 1.3;
}
.top-events_list li::before {
  margin-top: 0.175em;
}
.top-events_list + .top-events_list {
  padding-left: 1em;
}
.top-events_list2 {
  width: 100%;
}
.top-events_list2 li {
  padding: 0.35em 0;
  line-height: 1.3;
  width: 33.333%;
}
.top-events_list2 li::before {
  margin-top: 0.175em;
}
.top-events_list2 li.icon {
  margin: 0;
  padding: 0.2em 0 0.2em 1.5em;
}
.top-events_list2 li.icon:before {
  left: 0;
}
.top-events a {
  color: #040404;
}
/*

  MEDIAQUERIES

*/
@media only screen and (max-width: 759px) {
  .tile--top-events {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tile--top-events .tile_column--events {
    padding-left: 0;
    margin-top: 2em;
  }
  .top-events_list2 li {
    width: 50%;
  }
  .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%;
  }
}
@media only screen and (max-width: 599px) {
  .top-events {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .top-events_list + .top-events_list {
    padding-left: 0;
  }
  .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--socialmedia {
  margin-left: auto !important;
  margin-right: auto !important;
}
.tile--tours {
  padding: 1.5em 0 0;
}
.tile--tours .tile_headline {
  margin-bottom: 0.2em;
}
.tile--tours .tours_list {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -0.1em;
  width: 100%;
}
.tile--tours .tours_list-item {
  margin: 0 0 2em 0;
  padding: 0 1em 0 2%;
  width: 33.333%;
}
.tile--tours .tile_teaser-text {
  font-size: 0.875em;
}
.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;
}
/*

  MEDIAQUERIES

*/
@media only screen and (max-width: 1273px) {
  .tile--tours .tours_list-item {
    width: 50%;
  }
}
@media only screen and (max-width: 599px) {
  .tile--tours .tours_list-item {
    width: 100%;
  }
}
.tile--masonry {
  padding: 0;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
.tile--html-promotion {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
.list--normal {
  list-style: initial;
  padding-left: 1em;
}
.list--normal li {
  list-style: initial;
}
.list--square-icon li {
  padding-left: 0.5em;
  position: relative;
  list-style: none;
  margin-left: 1em;
}
.list--square-icon li::before {
  content: ' ';
  position: absolute;
  width: 4px;
  height: 4px;
  top: 0.4em;
  left: -0.7em;
  border: 1px solid #e52236;
}
.list-sort_sort {
  border: 1px solid #ec2f43;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  background: none;
  color: #ec2f43;
  cursor: pointer;
  margin-right: 0.5rem;
  margin-bottom: 0.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: 0.5rem;
  background-position: center left;
  background-size: 1.3rem;
  display: inline-block;
  background-repeat: no-repeat;
}
.list-item--margin-top {
  margin-top: 1em;
}
/* Navigation & Sidebar */
/*
  SERVICE NAVIGATION
  @description: Red Service Band above main navigation.
*/
.service:not(:last-child) {
  padding: 0 1em 0 0.5rem;
}
.service:last-child {
  padding: 0 0 0 0.5rem;
}
.service_container {
  padding: 0 3.25rem;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  background-color: #e52236;
}
.service_container--bottom {
  background-color: transparent;
  box-shadow: none;
}
.service_list {
  position: relative;
}
.service_list:not(.service_list--footer) {
  z-index: 1100;
  padding: 0.3rem 0;
}
.service_list > button {
  font-size: 0.875em;
}
.service_list--b2b-channel {
  padding: 0.4em 0;
  margin-left: 1.4375rem;
}
.service_list--b2c-link {
  padding-left: 1.5em;
}
.service_list--current-channel {
  background-color: #ffffff;
  padding: 0.3em 2em;
}
.service_list--has-visible-divider-right {
  border-right: 2px solid #ffffff;
  padding: 0.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: flex;
  align-items: center;
}
.service_flyout-flex-container p {
  font-size: 14px;
}
.service_flex-box {
  padding: 0 1rem;
  width: 22rem;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.service_flex-box-title {
  margin-bottom: 1rem;
  font-size: 18px;
}
.service_flex-box-list {
  margin: 0 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: #ffffff;
  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: 0.4em 0 0.4em 1.5em;
}
.service_flyout--list a:hover,
.service_flyout--list a:focus {
  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--oegs,
.service_flyout--weather {
  right: auto;
  left: 0.75em;
}
.service_flyout--b2b {
  right: 0;
}
.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;
  margin-right: 0.9375rem;
  vertical-align: middle;
}
.service_list-item > a,
.service_list-item > button {
  font-size: 0.875em;
}
.service_list-item > a {
  color: #040404;
}
.service_list-item > a:focus {
  outline: 1px dotted #ffffff;
}
.service_list-item--brand-primary > span {
  color: #e52236;
}
.service_list-item--brand-primary > span:focus {
  outline: 1px dotted #e52236;
}
.service_list-item--on-brand-primary > a {
  color: #ffffff;
}
.service_list-item--on-brand-primary > a:focus {
  outline: 1px dotted #ffffff;
}
.service_list-item--current-channel {
  margin-left: 0.9375rem;
}
.service_list-item--current-channel > span {
  font-weight: 500;
}
.service_list-item--social {
  margin-right: 1rem;
}
.service_list-item--social:nth-child(2) {
  margin-left: 1rem;
}
.service_list-item-link--newsletter {
  padding: 0.4em 0;
}
.service_list.service_list--footer li:last-child {
  margin-left: 2.8125rem;
}
.service_list.service_list--footer_list-item {
  margin-right: 0.9375rem;
}
.service_list + .service_list:not(.service_list--b2b-channel) {
  margin-left: 0.75em;
  padding-left: 0.75em;
}
/*
MEDIAQUERIES
*/
@media only screen and (max-width: 599px) {
  .service_list--mobile {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 1400px) {
  .service_list--current-channel {
    padding: 0.3em 0.75em;
  }
  .service_list--b2c-link {
    padding-left: 0.75em;
  }
  .service_grid--b2b-no-margin-padding {
    margin-right: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .service {
    padding-right: 0.1em;
  }
  .service_list--current-channel {
    padding: 0.3em 0.25em;
  }
  .service_list--b2c-link {
    padding-left: 0.25em;
    margin-right: -7px;
  }
  .service_flyout--flex {
    right: -83px;
  }
}
@media only screen and (max-width: 1100px) {
  .service {
    padding-right: 1px;
  }
  .service_list--current-channel {
    padding: 0.3em 1.5em;
  }
  .service_list--b2c-link {
    padding-left: 1.5em;
  }
  .service_flyout--flex {
    left: -100px;
    right: auto;
  }
  .service_flex-box {
    width: 20rem;
  }
  .service_grid--b2b-no-margin-padding:last-child {
    padding-left: 1.5em;
  }
}
@media only screen and (max-width: 1023px) {
  .service_flyout-flex-container {
    flex-wrap: wrap;
    padding: 0;
  }
  .service_flex-box {
    margin: 0 0 2rem;
  }
}
.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:focus,
.language-navigation_link.language-navigation_link--is-inactive:hover,
.language-navigation_link.language-navigation_link--is-inactive:active {
  background-color: #ffffff;
  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: 0.5rem;
}
/*
  LOGO
  based on article: http://css3.bradshawenterprises.com/flip/
*/
.logo {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  height: 15.5em;
  left: 50%;
  margin: -8em 0 0 -8em;
  position: absolute;
  top: 50%;
  width: 15.5em;
  z-index: 1;
}
.logo img {
  height: 100%;
  width: 100%;
}
.logo_inner {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 100%;
  width: 100%;
}
.logo_back,
.logo_front {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #ffffff;
  height: 100%;
  position: absolute;
  width: 100%;
}
.logo--with-animation:hover .logo_inner,
.logo--rotate .logo_inner,
.logo_back,
.touch .logo_inner {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.touch .logo_inner {
  -webkit-transition-delay: 3000ms;
  -moz-transition-delay: 3000ms;
  -ms-transition-delay: 3000ms;
  -o-transition-delay: 3000ms;
  transition-delay: 3000ms;
}
/*

  MEDIAQUERIES

*/
@media only screen and (max-width: 959px) {
  .logo {
    width: 13.175em;
    height: 13.175em;
    margin: -6.5875em 0 0 -6.5875em;
  }
  .logo_claim {
    font-size: 20px;
  }
}
@media only screen and (max-width: 899px) {
  .logo {
    width: 12.4em;
    height: 12.4em;
    margin: -6.2em 0 0 -6.2em;
  }
  .logo_claim {
    font-size: 20px;
  }
}
@media only screen and (max-width: 759px) {
  .logo {
    width: 10.85em;
    height: 10.85em;
    margin: -5.425em 0 0 -5.425em;
  }
  .logo_claim {
    font-size: 20px;
  }
}
@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;
  }
}
@media only screen and (max-width: 599px) {
  .logo {
    width: 6.2em;
    height: 6.2em;
    margin: -3.1em 0 0 -3.1em;
  }
  .logo_claim {
    font-size: 14px;
  }
}
@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;
  }
}
.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 0.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: flex;
  position: absolute;
  color: black;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
}
.header-hero_callout-overlay-inner:last-of-type {
  left: 50%;
  top: 59px;
  align-items: flex-start;
}
.header-hero_callout-overlay-item {
  z-index: 10;
  padding: 0 1rem;
  background: white;
  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--left:last-child {
  font-weight: 400;
}
.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;
  justify-content: space-between;
  align-items: center;
}
.header-hero_overlay--loaded {
  display: flex;
}
.header-hero_overlay-control:focus {
  outline: 1px dotted #fff;
}
.header-hero_overlay-control--playpause {
  position: absolute;
  bottom: 0.3em;
  right: 0.3em;
}
@media only screen and (max-width: 1100px) {
  .header-hero_callout-overlay-inner {
    top: -48px;
  }
  .header-hero_callout-overlay-inner:last-child {
    top: 48px;
  }
  .header-hero_callout-overlay-item {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1023px) {
  .header-hero_overlay-control--callout {
    font-size: 24px;
  }
}
@media only screen and (max-width: 759px) {
  .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 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 599px) {
  .header-hero_overlay-control--callout {
    font-size: 18px;
  }
}
@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;
  }
}
@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;
  }
}
.header {
  position: relative;
  height: 600px;
  line-height: 0;
  /* avoid white border (bottom) in some browsers */
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .header {
    height: 700px;
  }
}
@media only screen and (max-width: 759px) {
  .header--hidden header {
    display: none;
  }
}
.header_hero-no-link-container {
  max-height: 66vh;
}
.header_hero-no-link.header_image-container {
  max-height: 66vh;
}
.header_hero-video-container {
  height: calc(100vh - 200px);
  max-height: calc(100vh - 200px);
  background: white;
  /* find other implementation details in videoheader.less */
}
.header_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  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: 0.8rem 5rem;
}
.header_overlay .button:hover,
.header_overlay .button:focus {
  cursor: pointer;
  background-color: #e52236;
}
.header_overlay .button--no-target:hover,
.header_overlay .button--no-target:focus {
  cursor: initial;
  background-color: #e52236;
}
.header_image {
  width: 100%;
  height: 600px;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .header_image {
    height: 700px;
  }
}
.header_parallax-container {
  position: relative;
  height: 684.8px;
}
@media only screen and (min-width: 1024px) {
  .header_parallax-container {
    height: 869.4px;
  }
}
@media only screen and (min-width: 1401px) {
  .header_parallax-container {
    height: 816.7px;
  }
}
.header_parallax-image {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  object-fit: cover;
}
.header_search {
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 3.4em;
  position: absolute;
  right: 1em;
  width: 15em;
}
.header_search > form {
  margin-bottom: 0;
}
.header_search input {
  background: transparent;
}
.header_location {
  bottom: 2.7em;
  left: 1em;
  position: absolute;
}
.header_location-icon {
  background: url(/assets/image/sprites/header_location-sprite.png) no-repeat;
  background-position: -54px -53px;
  border-radius: 3em;
  color: #ffffff;
  display: inline-block;
  height: 51px;
  position: relative;
  width: 51px;
  text-decoration: none;
}
.header_location-icon::before {
  background-position: center;
  margin: 0.1em 0 0 0.1em;
}
.header_location-icon:hover,
.header_location-icon:focus {
  background-position: 0 -53px;
  text-decoration: none;
}
.header_location-name {
  background: url(/assets/image/sprites/header_location-sprite.png) no-repeat;
  background-position: -108px 0;
  color: #ffffff;
  display: inline-block;
  padding: 0.9em 1em;
  margin-left: -0.4em;
}
.header--vec {
  border-bottom: 5px solid #e52236;
}
.header_container {
  position: absolute;
  bottom: 48px;
  left: 25px;
  right: 25px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.29);
}
@media only screen and (min-width: 1024px) {
  .header_container {
    display: grid;
    grid-template-columns: repeat(var(--col-num, 12), 1fr);
    column-gap: var(--grid-gap);
    margin-left: auto;
    margin-right: auto;
    left: 60px;
    right: 60px;
    max-width: calc((var(--grid-gap) * var(--col-gap-num)) + (var(--grid-col-width) * var(--col-num)));
  }
}
.header_roofline {
  margin: 0;
  font-size: 12px;
  line-height: 1.16666667;
  font-weight: 500;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 24px;
  font-size: 0.875em;
  padding: 0.4em 0;
  transition: text-decoration-color 0.3s ease;
  text-decoration-color: transparent;
}
.header_roofline:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.25em;
  text-decoration-color: currentColor;
}
.header_roofline::before {
  transition: transform 0.2s ease;
}
.header_roofline:focus::before,
.header_roofline:hover::before {
  transform: translateX(-10px);
}
.header_roofline:focus {
  outline: 1px dotted #040404;
}
@media only screen and (min-width: 760px) {
  .header_roofline {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .header_roofline {
    grid-column: 4 / span 6;
    line-height: 1.22222222;
    letter-spacing: 2.16px;
  }
}
.header_heading {
  margin: 0;
  color: inherit;
  font-size: 48px;
  line-height: 1.16666667;
  font-weight: 300;
}
@media only screen and (min-width: 760px) {
  .header_heading {
    font-size: 60px;
  }
}
@media only screen and (min-width: 960px) {
  .header_heading {
    font-size: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .header_heading {
    grid-column: 4 / span 6;
  }
}
@media only screen and (min-width: 1274px) {
  .header_heading {
    font-size: 84px;
  }
}
* + .header_heading {
  margin-top: 12px;
}
@media only screen and (max-width: 1023px) {
  .header_overlay .button--callout {
    font-size: 24px;
  }
}
@media only screen and (max-width: 759px) {
  .header_overlay .button--callout {
    font-size: 21px;
  }
}
@media only screen and (max-width: 599px) {
  .header_overlay .button--callout {
    font-size: 18px;
  }
}
@media only screen and (max-width: 399px) {
  .header_overlay {
    padding-bottom: 1rem;
  }
  .header_overlay .button--callout {
    font-size: 14px;
  }
}
.skiplink {
  background-color: #ffffff;
  left: 0;
  position: absolute;
  padding: 0.5em 1.5em;
  top: calc(100% + 5rem);
  z-index: 100;
}
.skiplink:focus {
  clip: auto;
  display: inline-block;
  height: auto;
  width: auto;
}
@media only screen and (max-width: 1023px) {
  .skiplink {
    display: hidden !important;
  }
  .skiplink:focus {
    display: hidden !important;
  }
}
.navigation {
  line-height: 1.2;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  min-height: 5.1rem;
  z-index: 31;
}
.navigation_logo-container {
  box-sizing: border-box;
  padding: 1rem 2.5rem 0.6rem 3.75rem;
}
.navigation_logo-container--mobile {
  height: 4rem;
  justify-content: flex-start;
}
.navigation_logo-link {
  z-index: 30;
}
.navigation_logo-link:focus {
  outline: 1px dotted #e52236;
}
.navigation_logo {
  width: 10rem;
}
.navigation_logo--mobile,
.navigation_logo--mobile-navigation {
  display: none;
}
.navigation_list {
  width: 100%;
  display: flex;
}
.navigation_social-media-label {
  padding: 0.6em 0.8em;
  font-size: 1.2em;
}
.navigation_social-list {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0.6em 0.8em;
  flex-wrap: wrap;
}
.navigation_language-container {
  padding: 0.6em 0.8em;
  width: 100%;
  font-size: 1em;
}
.navigation_language-select {
  font-family: "Graphik Web", Arial, sans-serif;
  font-size: 0.9rem;
}
.navigation_toggle {
  position: absolute;
  left: 1em;
  top: 1.25em;
  transition: transform 0.15s ease-in;
  height: 2.5em;
  width: 2.5em;
  z-index: 50;
}
.navigation_hamburger-icon {
  height: 2px;
  margin: 1em auto 0;
  position: relative;
  width: 1.5em;
  background-color: #e52236;
  transition: background 0s 0.2s;
}
.navigation_hamburger-icon::before,
.navigation_hamburger-icon::after {
  content: " ";
  height: 2px;
  left: 0;
  position: absolute;
  width: 1.5em;
  background-color: #e52236;
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.2s, 0s;
}
.navigation_hamburger-icon::before {
  top: -6px;
  transition-property: top, transform;
}
.navigation_hamburger-icon::after {
  bottom: -6px;
  transition-property: bottom, transform;
}
.navigation_item {
  position: static;
  float: left;
  border: 1px solid #ffffff;
  transition: background 0.15s linear, border-color 0.15s linear;
}
.navigation_item--search {
  margin-left: auto;
}
.navigation_item > div > a,
.navigation_item > div > span.navigation_item-headline {
  font-size: 1.2em;
  padding: 0.6em 0.8em;
  display: flex;
  align-items: center;
  text-align: center;
}
.navigation_item > div > a:hover,
.navigation_item > div > span.navigation_item-headline:hover,
.navigation_item > div > a:focus,
.navigation_item > div > span.navigation_item-headline:focus {
  text-decoration: none;
}
.navigation_item > div > a:focus,
.navigation_item > div > span.navigation_item-headline:focus {
  outline: 1px dotted #e52236;
}
.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:hover,
.navigation_item:focus,
.navigation_item--active {
  border: 1px solid #e52236;
}
.navigation_item:hover > div > a,
.navigation_item:focus > div > a,
.navigation_item--active > div > a {
  position: relative;
}
.navigation_item--open {
  background: #e52236;
  border: 1px solid #e52236;
}
.navigation_item--open > div > a {
  position: relative;
  color: #ffffff;
}
.navigation_item--b2bservice span.navigation_item-headline {
  font-weight: 400;
}
.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: #ffffff;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  top: 100%;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1001;
}
.navigation_flyout-headline {
  margin: 1.2em 0 0;
  font-size: 24px;
  font-weight: 400;
}
.navigation_flyout-headline .navigation_flyout-headline--link:focus {
  outline: 1px dotted #e52236;
}
.navigation_flyout-container {
  margin-left: 16.1875rem;
  margin-bottom: 1em;
}
.navigation_categories-link {
  display: block;
  width: 100%;
  color: black;
  font-size: 21px;
  line-height: 1.3;
}
.navigation_categories-link:focus {
  outline: 1px dotted black;
}
.navigation_teaser .figure {
  float: left;
  margin-right: 1em;
}
.navigation_teaser .figure div.tile_image-container {
  position: relative;
  overflow: hidden;
  grid-area: img;
}
.navigation_teaser .figure div.tile_image-container--has-overlay::before {
  width: 24px;
  height: 24px;
  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;
  display: block;
  content: "";
  width: 2.5rem;
  margin: 0;
  position: absolute;
  background-color: #e52236;
  background-size: 80%;
  top: -4rem;
  left: 2rem;
  height: 14rem;
  z-index: 2;
  transform: rotate(45deg);
}
.navigation_teaser-link {
  display: block;
  height: 100%;
}
.navigation_teaser-link:focus {
  outline: 1px dotted #e52236;
}
.navigation_teaser-link:hover,
.navigation_teaser-link:focus {
  text-decoration: none;
}
.navigation_teaser-link:hover .navigation_teaser-headline,
.navigation_teaser-link:focus .navigation_teaser-headline {
  text-decoration: underline;
}
.navigation_teaser-overlay {
  position: relative;
  font-size: 0;
  overflow: hidden;
}
.navigation_teaser-overlay::before {
  width: 24px;
  height: 24px;
  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;
  display: block;
  content: "";
  width: 2.5rem;
  margin: 0;
  position: absolute;
  background-color: #e52236;
  background-size: 80%;
  top: -4rem;
  left: 2rem;
  height: 14rem;
  z-index: 2;
  transform: rotate(45deg);
}
.navigation_teaser-overlay.icon--overlay-meeting-destination-white::before {
  width: 24px;
  height: 24px;
  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;
  display: block;
  content: "";
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 2;
  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;
}
.navigation_toggle-container {
  width: 100%;
  padding-right: 3.25rem;
}
/*

  MEDIAQUERIES

*/
@media only screen and (max-width: 1400px) {
  .navigation {
    flex-wrap: wrap;
  }
  .navigation_flyout-container {
    margin-left: 11%;
  }
  .navigation_logo-container {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    padding: 0;
    align-items: center;
    min-height: 5.3rem;
  }
  .navigation_logo-container--mobile-navigation {
    justify-content: flex-start;
  }
  .navigation_logo {
    margin-top: 1em;
    margin-bottom: 0.5em;
  }
  .navigation_logo--mdv-mobile {
    margin-top: 0.2em;
  }
  .navigation_logo--language-hu {
    margin-top: 0.5em;
  }
  .navigation_toggle-container {
    flex-grow: 1;
  }
  .navigation_list {
    display: flex;
    width: 100%;
    justify-content: center;
  }
}
@media only screen and (max-width: 1179px) {
  .navigation {
    flex-wrap: wrap;
  }
  .navigation_logo-container {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    padding: 0;
  }
  .navigation_logo-container--mobile-navigation {
    justify-content: flex-start;
  }
  .navigation_list {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .navigation_item > div > a {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 1100px) {
  .navigation_item > div > a {
    font-size: 1.05em;
  }
}
@media only screen and (max-width: 1023px) {
  .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 {
    margin-top: 1.3rem;
  }
  .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: 0.5rem;
  }
  .navigation_social-list-item {
    margin-bottom: var(--grid-gap);
    margin-right: var(--grid-gap);
  }
  .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;
  }
  .navigation_contact-link-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.6em 0.8em;
    /* width: 100%; */
    flex-grow: 1;
  }
  .navigation_contact-link {
    color: #040404;
    font-size: 1.2rem;
  }
  .navigation_list {
    display: block !important;
    position: absolute;
    z-index: 2100;
    -ms-transform: translateX(0);
    transform: translateX(0);
    left: -50%;
    height: auto;
    min-height: 100vh;
    width: 50%;
    background-color: #ffffff;
    transition: transform 0.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 #cccccc;
  }
  .navigation_item:last-child {
    border-bottom: none;
  }
  .navigation_item:last-child:hover,
  .navigation_item:last-child:focus {
    border-bottom: none;
  }
  .navigation_item > a {
    color: #040404;
  }
  .navigation_item:hover,
  .navigation_item:focus {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #cccccc;
  }
  .navigation_item > div > a {
    font-size: 1.2rem;
    color: #040404;
    display: block;
    text-align: left;
  }
  .navigation_item > div > a:focus {
    outline: auto;
  }
  .navigation_item::after {
    content: " ";
  }
  .navigation_item--open {
    background-color: #ffffff;
  }
  .navigation_item--myvienna {
    border-bottom: 1px solid #cccccc;
  }
  .navigation_wrapper--myvienna {
    display: block;
  }
  .navigation_flyout {
    display: block;
    position: static;
    background-color: transparent;
    border-bottom: none;
    border-top: none;
  }
  .navigation_flyout-label {
    overflow-wrap: break-word;
  }
  .navigation_flyout-headline {
    font-size: 16px;
    font-weight: 300;
    padding: 0.3em 0;
    margin: 0;
  }
  .navigation_flyout-headline .navigation_flyout-headline--link {
    color: black;
  }
  .navigation_flyout-headline .navigation_flyout-headline--link:focus {
    outline: 1px dotted black;
  }
  .navigation_flyout-list-item {
    padding: 0.3em 0 0.3em 1.5em;
  }
  .navigation_flyout-list-item a {
    color: #040404;
  }
  .navigation_toggle-container {
    flex-grow: 0;
  }
  .navigation.navigation--open .navigation_toggle-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
    overflow-y: scroll;
  }
  .navigation.navigation--open .navigation_list {
    -ms-transform: translateX(99%);
    transform: translateX(99%);
  }
  .navigation.navigation--open .navigation_flyout-container {
    margin-left: 0;
    padding-left: 1.5em;
  }
  .navigation.navigation--open .navigation_flyout-container--top,
  .navigation.navigation--open .navigation_flyout-container--bottom {
    margin-bottom: 0;
  }
  .navigation.navigation--open .navigation_flyout-grid--column {
    width: 100%;
  }
  .navigation.navigation--open .navigation_categories {
    width: 100%;
  }
  .navigation.navigation--open .navigation_categories-link {
    font-size: 16px;
    padding: 0.3em 0;
  }
  .navigation.navigation--open .navigation_item div > a::after {
    display: none;
  }
  .navigation.navigation--open .navigation_item--open div > a::after {
    display: none;
  }
  .navigation.navigation--open .navigation_toggle-container {
    min-height: 100vh;
  }
  .navigation.navigation--open .navigation_toggle {
    -ms-transform: translateX(40vw);
    transform: translateX(40vw);
    z-index: 2101;
  }
  .navigation.navigation--open .navigation_hamburger-icon {
    background-color: transparent;
  }
  .navigation.navigation--open .navigation_hamburger-icon::before,
  .navigation.navigation--open .navigation_hamburger-icon::after {
    transition-delay: 0s, 0.2s;
  }
  .navigation.navigation--open .navigation_hamburger-icon::before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
  }
  .navigation.navigation--open .navigation_hamburger-icon::after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 0;
  }
}
@media only screen and (max-width: 899px) {
  .navigation_list {
    left: -70%;
    width: 70%;
  }
  .navigation.navigation--open .navigation_toggle {
    -ms-transform: translateX(55vw);
    transform: translateX(55vw);
  }
}
@media only screen and (max-width: 759px) {
  .navigation_list {
    left: -90%;
    width: 90%;
  }
  .navigation.navigation--open .navigation_toggle {
    -ms-transform: translateX(70vw);
    transform: translateX(70vw);
  }
}
.breadcrumb {
  padding: 0 0.5rem;
  width: 100%;
  margin-bottom: 0.5rem;
}
.breadcrumb--detail {
  padding: 1.875rem 2.15rem 0;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .breadcrumb--detail {
    padding: 1.875rem 1.15rem 0;
  }
}
@media only screen and (max-width: 576px) {
  .breadcrumb--detail {
    padding: 1.875rem 1.25rem 0;
  }
}
@media only screen and (max-width: 390px) {
  .breadcrumb--detail {
    padding: 1.875rem 0 0;
  }
}
.breadcrumb--detail .breadcrumb_item {
  margin: 0;
  padding: 0;
}
.breadcrumb--detail .breadcrumb_item > a {
  color: #e52236;
  font-size: 20px;
  line-height: 24px;
}
.breadcrumb--detail .breadcrumb_item > a::before {
  transition: transform 0.2s ease;
}
.breadcrumb--detail .breadcrumb_item > a:focus::before,
.breadcrumb--detail .breadcrumb_item > a:hover::before {
  transform: translateX(-10px);
}
.breadcrumb_placeholder {
  margin-top: 4.4375rem;
}
.breadcrumb_item {
  margin: 0.2em 0;
  display: inline-block;
}
.breadcrumb_item--mobile-overflow {
  display: none;
}
.breadcrumb_item > a,
.breadcrumb_item > span {
  font-size: 0.875em;
  padding: 0.4em 0;
  color: #3d3d3d;
  transition: text-decoration-color 0.3s ease;
  text-decoration-color: transparent;
}
.breadcrumb_item > a:hover,
.breadcrumb_item > span:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.25em;
  text-decoration-color: currentColor;
}
.breadcrumb_item > a:focus,
.breadcrumb_item > span:focus {
  outline: 1px dotted #040404;
}
/*
MEDIAQUERIES
*/
@media only screen and (max-width: 576px) {
  .breadcrumb {
    margin-bottom: 0.8rem;
    margin-top: 0.5rem;
  }
  .breadcrumb_item {
    margin-bottom: 0;
    display: none;
  }
  .breadcrumb_item--mobile-overflow {
    display: inline-block;
  }
  .breadcrumb_item:first-child,
  .breadcrumb_item:nth-last-child(2),
  .breadcrumb_item:last-child {
    display: inline-block;
  }
  .breadcrumb_item .icon.icon--home::before {
    width: 20px;
    margin-right: 0;
  }
  .breadcrumb_item .icon.icon--list::before {
    width: 16px;
    height: 16px;
  }
}
.weather {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.weather_toggle {
  color: #ffffff;
}
.weather_headline {
  display: block;
  margin-top: 1em;
}
.weather_label {
  text-transform: uppercase;
}
.weather_icon {
  display: block;
}
.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;
  -webkit-align-content: flex-start;
  -ms-align-content: flex-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;
}
.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_label--temperature {
  display: none;
}
.weather_link {
  line-height: 1.7;
}
.weather_link-container {
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  border-top: 1px solid #dcdcdc;
  padding: 1em 1.3rem 0;
}
.weather_link > a {
  color: #e52236;
  margin: 0 1em 0 0;
}
.weather_link > a:focus {
  outline: 1px dotted #e52236;
}
.weather_link.icon::before {
  top: 0.2em;
}
.weather_label--animation {
  -webkit-animation: headline 2s linear;
  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: 0.5em 0;
}
.weather_source {
  font-size: 0.875em;
  margin-top: 1.5em;
  text-align: right;
}
.weather_info {
  margin-top: 4em;
}
.navigation_item .icon--weather {
  -webkit-animation: temperature 2s linear;
  animation: temperature 2s linear;
  position: relative;
}
@-webkit-keyframes headline {
  0% {
    top: 10px;
    opacity: 1;
  }
  50% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: -40px;
    opacity: 0;
  }
}
@keyframes headline {
  0% {
    top: 10px;
    opacity: 1;
  }
  50% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: -40px;
    opacity: 0;
  }
}
@-webkit-keyframes temperature {
  0% {
    top: 40px;
    opacity: 0;
  }
  50% {
    top: 40px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@keyframes temperature {
  0% {
    top: 40px;
    opacity: 0;
  }
  50% {
    top: 40px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
/*

  MEDIAQUERIES

*/
@media only screen and (max-width: 1273px) {
  .weather--big .weather_data--today {
    position: static;
    display: block;
    text-align: center;
    margin-top: -1.5em;
    margin-bottom: 0.64em;
  }
  .weather--big .weather_icon {
    min-height: 6em;
  }
  .weather--big .weather_icon::before {
    display: block;
    margin: -1em auto 0;
  }
}
@media only screen and (max-width: 899px) {
  .weather_label {
    position: static;
    text-transform: none;
  }
  .weather--in-navigation > .weather_label,
  .weather--in-navigation > .icon {
    -webkit-animation: none;
    animation: none;
  }
}
@media only screen and (max-width: 699px) {
  .weather {
    -webkit-flex-direction: column;
    -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;
  }
}
.side-clips {
  margin-top: 63px;
}
@media only screen and (max-width: 1023px) {
  .side-clips {
    display: none;
  }
}
.side-clips__list {
  display: flex;
  flex-direction: column;
  max-width: 78px;
  margin: 0 auto;
}
.side-clips__item .static-clip:last-of-type {
  margin-bottom: 3rem;
}
.clip {
  /* prevent the map clip from getting bigger */
}
.clip_module--footer {
  position: relative;
  width: 100%;
}
.clip_module--open {
  background-color: #ffffff;
  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 {
  background-color: #e52236;
}
.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_module--open.clip_module--map .clip_item {
  text-align: center;
}
.clip_module--open.clip_module--map .clip_label {
  display: none;
}
.clip_module--open.clip_module--map .clip_sublabel {
  display: block;
}
.clip_item {
  background-color: #ffffff;
  display: block;
  outline: none;
  padding: 0.5em;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.clip_item--footer {
  background-color: transparent;
  border: none;
  display: block;
  font-size: 1rem;
  line-height: normal;
  margin: auto;
  outline: none;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
  cursor: pointer;
}
.clip_item--footer::before {
  height: 50px;
  width: 65px;
  margin: 0;
  background-size: contain;
  transition: transform 0.25s ease;
}
.weather .clip_item--footer::before {
  background-size: 100%;
}
.clip_item--footer:focus {
  outline: 1px dotted #ffffff;
}
.clip_item--footer:hover::before {
  transform: translateY(-10px);
}
.clip_item--footer:hover .clip_sublabel--footer {
  text-decoration: underline;
}
.clip_item--map {
  width: 100%;
  background: none;
  border: none;
  font-size: 1rem;
}
.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:hover,
.clip_item:focus {
  border-left-color: #e52236;
  text-decoration: none;
}
.clip_item:focus {
  outline: 1px dotted #e52236;
}
.clip_item:active {
  background-color: #f2f2f2;
}
.clip_module--open .clip_item {
  text-align: left;
}
.clip_module--open .clip_item:active {
  background-color: #ffffff;
}
.clip .clip_label {
  left: 2.7em;
  position: absolute;
  top: 0.5em;
}
.clip_sublabel {
  font-size: 0.5625em;
  font-family: "Graphik Web", Arial, sans-serif;
  color: #e52236;
  margin-bottom: 0;
  margin-top: 0.2em;
  text-transform: uppercase;
}
.clip_sublabel--footer {
  display: block;
  font-family: "Graphik Web", Arial, sans-serif;
  font-weight: 500;
  color: #ffffff;
  margin: 0.9375rem auto 0;
  text-transform: none;
}
.weather .clip_sublabel--footer {
  max-width: none;
}
.clip_sublabel--footer:not(:first-child) {
  font-weight: 300;
  margin-top: 0;
}
html[lang="ru"] .clip_sublabel {
  font-size: 0.5625em;
}
html[lang="pl"] .clip_sublabel {
  font-size: 0.5em;
}
.clip_module--open .clip_sublabel {
  display: none;
}
.clip_details {
  font-size: 0.875em;
  display: none;
  padding: 1em 1em 1em 5.2em;
}
.clip_paragraph + .clip_paragraph {
  margin-top: 1.5em;
}
.clip_module--open .clip_details {
  display: block;
}
.clip_close {
  position: absolute;
  right: 1em;
  top: 1em;
}
.clip_close:hover,
.clip_close:focus {
  background-color: #ffffff;
}
.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;
}
/*

MEDIAQUERIES

*/
@media only screen and (min-width: 1274px) {
  .clip_sublabel {
    font-size: 0.6875em;
  }
}
@media only screen and (max-width: 1023px) {
  .clip {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }
  .clip--b2b {
    display: none;
  }
  .clip::before,
  .clip::after {
    content: " ";
    display: table;
  }
  .clip::after {
    clear: both;
  }
  .clip_item {
    border-left: none;
    border-right: 1px solid #cccccc;
    border-bottom: 3px solid #ffffff;
  }
  .clip_item::before {
    width: 42px;
    height: 42px;
  }
  .clip_item:hover::after,
  .clip_item:focus::after {
    border-bottom-width: 3px;
  }
  .clip_item:active {
    background-color: #f2f2f2;
  }
  .clip_sublabel {
    font-size: 0.9em;
  }
  .clip_module--open .clip_item {
    border-top-color: #e52236;
    text-align: center;
  }
  .clip_module--open .clip_item:active {
    background-color: #f2f2f2;
  }
  .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: #ffffff;
    font-size: 16px;
    margin: -1.5em 0 1.5em 0;
    padding: 1.5em 2.5em;
    width: 100%;
  }
  .clip_details--open {
    display: block;
  }
  .clip_details--open .clip_label {
    display: block;
    margin-bottom: 0.5em;
    position: static;
  }
}
@media only screen and (max-width: 599px) {
  .clip_item {
    background-color: transparent;
    height: 5em;
  }
  .clip_item::after {
    bottom: -3px;
  }
  .clip_label {
    display: none;
  }
  .clip_sublabel {
    font-size: 0.7em;
  }
}
.static-clips {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.5rem 1rem;
  width: 100%;
}
@media only screen and (max-width: 390px) {
  .static-clips {
    padding-left: 0;
    padding-right: 0;
  }
}
.static-clips > .static-clip:not(:empty) {
  padding: 1rem 0.5rem;
}
.static-clip {
  color: #e52236;
}
.static-clip--standalone {
  margin: calc(var(--mb-content) * -2 + var(--mb-content)) 0 var(--mb-content);
  padding-left: calc(2.5rem + 0rem);
  padding-right: calc(2.5rem + 0rem);
}
@media only screen and (max-width: 992px) {
  .static-clip--standalone {
    padding-left: calc(1.5rem + 0rem);
    padding-right: calc(2.5rem + 0rem);
  }
}
@media only screen and (max-width: 390px) {
  .static-clip--standalone {
    padding-left: calc(0.375rem + 0rem);
    padding-right: calc(0.375rem + 0rem);
  }
}
.static-clip--group {
  text-align: center;
  margin: -0.375rem;
}
.static-clip--hidden {
  display: none !important;
}
.article > .static-clip {
  margin-top: 0;
}
@media only screen and (min-width: 1024px) {
  .static-clip {
    display: none;
  }
  .side-clips .static-clip {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.static-clip__btn {
  appearance: none;
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  margin: -0.375rem;
  padding: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
}
@media only screen and (min-width: 1024px) {
  .static-clip__btn {
    width: 100%;
  }
}
.static-clip__btn:hover,
.static-clip__btn:focus {
  text-decoration: none;
}
.static-clip--vertical .static-clip__btn {
  flex-direction: column;
}
.static-clip--group .static-clip__btn {
  padding: 0.375rem;
}
.static-clip--standalone .static-clip__btn {
  transform: translateX(-10px);
}
.static-clip__icon-wrap {
  padding: 0.375rem;
}
.static-clip--vertical .static-clip__icon-wrap {
  order: 1;
}
.static-clip__icon {
  border: 1px solid #e52236;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  display: block;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transition-property: box-shadow;
}
.static-clip__btn:hover .static-clip__icon,
.static-clip__btn:focus .static-clip__icon {
  box-shadow: 0 0 0 1px #e52236;
}
.static-clip--map .static-clip__icon {
  border: 0;
  border-radius: 0;
  transition-property: transform;
  transform: scale(1);
  transform-origin: 50% 100%;
}
.static-clip--map .static-clip__btn:hover .static-clip__icon,
.static-clip--map .static-clip__btn:focus .static-clip__icon {
  transform: scale(1.03);
  box-shadow: none;
}
.static-clip__icon::before {
  margin: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.static-clip__icon.icon--location-marker-red::before {
  background-size: 120%;
  background-position-y: 40%;
}
.static-clip__icon.icon--share-red::before,
.static-clip__icon.icon--social-media-email-red::before {
  width: 55%;
  height: 55%;
  left: 22.5%;
  top: 22.5%;
}
.static-clip__icon::after {
  content: none;
}
.static-clip__label {
  padding: 0.375rem;
  font-size: 1rem;
  text-transform: uppercase;
  display: block;
}
.myvienna_travelplans-list {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 0.8em;
  padding-bottom: 0.3em;
}
.myvienna_column--register {
  padding-left: 2em;
}
.myvienna_plan {
  padding: 1.2em 0.5em;
  /* there is no focus */
}
.myvienna_plan:hover {
  background-color: #ffffff;
  cursor: pointer;
}
.myvienna_plan + .myvienna_plan {
  border-top: 1px solid #dcdcdc;
}
.myvienna_plan-description {
  margin-bottom: 0;
  margin-top: 0;
}
.myvienna_flyout-label {
  font-size: 1.2em;
  padding: 0.4em 0;
}
@media only screen and (max-width: 1023px) {
  .myvienna_flyout-label {
    font-size: 1.2em;
    padding: 0.6em 0.8em;
  }
}
.myvienna-auth--flyout .myvienna-auth_content {
  padding: 1rem 0;
}
.myvienna-auth--flyout .form_inline-error {
  font-size: 0.9rem;
}
.myvienna-auth {
  /* jquery-ui should not be in here, but at the moment it is the simplest solution */
  /* jquery-ui styles end */
  margin-top: 1em;
}
.myvienna-auth .form_label--password-hidden .form_password-label-text {
  display: none;
}
.myvienna-auth .ui-widget-content .ui-state-active {
  border: none;
}
.myvienna-auth .ui-widget-content .ui-state-active:hover,
.myvienna-auth .ui-widget-content .ui-state-active:focus {
  border: none;
}
.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: #FFFFFF;
  color: #000;
}
.myvienna-auth_tab > li > a {
  border: 0;
  padding: 1em 0.5em;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #696969;
  text-transform: uppercase;
  font-size: 0.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: 0.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;
}
.myvienna-auth_button.myvienna-auth_button:hover,
.myvienna-auth_button.myvienna-auth_button:focus {
  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 {
  /* bit of a hack to style the toggle like a button */
}
.myvienna-trip_comment {
  margin-bottom: 0;
  margin-top: 0;
  color: #888;
  font-style: italic;
  background: transparent;
  border: none;
  text-align: left;
}
.myvienna-trip_comment:hover {
  text-decoration: underline;
  background: transparent;
  border: none;
}
.myvienna-trip .location_contact {
  padding-left: 2em;
}
.myvienna-trip_contact-infos {
  margin: 0.5em 0 0 0.5em;
  padding-left: 2em;
}
.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: 0.2em;
}
.myvienna-trip_reminder {
  color: #e52236;
}
.myvienna-trip_entries {
  width: 100%;
}
.myvienna-trip_entry {
  margin-bottom: 1em;
}
.myvienna-trip_entry::after {
  display: block;
  content: "";
  position: relative;
  width: calc(100% - 2.5em);
  background-color: #cccccc;
  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: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.myvienna-trip_image-icon {
  align-self: flex-start;
  padding-top: 1.5em;
}
.myvienna-trip_entry-content {
  padding: 0 1em 0;
  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, 0.1);
}
.myvienna-trip [data-myvienna-trip-toggle-accessibility] {
  font-family: "Graphik Web", Arial, sans-serif;
  cursor: pointer;
}
.myvienna-trip [data-myvienna-trip-toggle-accessibility]:hover {
  text-decoration: underline;
}
html[lang="ar"] .myvienna-trip [data-myvienna-trip-toggle-accessibility] {
  font-family: Arial, sans-serif;
}
html[lang="ja"] .myvienna-trip [data-myvienna-trip-toggle-accessibility] {
  font-family: Arial, sans-serif;
}
@media only screen and (max-width: 499px) {
  .myvienna-trip_entry {
    padding: 0;
  }
  .myvienna-trip_entry-content {
    padding: 1em;
  }
  .myvienna-trip_image-container {
    width: 100%;
  }
  .myvienna-trip_content-container {
    width: 100%;
  }
  .myvienna-trip_actions-container {
    width: 100%;
  }
}
.myvienna-recommendation-tile {
  display: flex;
  flex-direction: column;
}
.myvienna-recommendation-tile_details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.myvienna-recommendation-tile_details > a:first-child {
  flex-grow: 1;
}
.myvienna-recommendation-tile_links {
  display: flex;
  flex-directiom: row;
}
.myvienna-recommendation-tile_map {
  flex-grow: 1;
  text-align: right;
}
.sectionheadline {
  display: block;
  font-size: 16px;
  position: relative;
}
.sectionheadline:hover,
.sectionheadline:focus {
  text-deocoration: none;
}
.sectionheadline:hover .sectionheadline-title,
.sectionheadline:focus .sectionheadline-title {
  text-decoration: underline;
}
.sectionheadline:before {
  display: inline-block;
  height: 115px;
  vertical-align: middle;
  width: 115px;
}
.sectionheadline-inner-container {
  display: inline-block;
  vertical-align: middle;
}
.sectionheadline-title {
  display: block;
  line-height: 1.1;
}
.sectionheadline-subtitle {
  display: block;
  margin-top: 0.1em;
}
.footer {
  background-color: #e52236;
  color: #ffffff;
  padding: 1.5rem 3.75rem 3rem;
  position: relative;
  /* TODO Backend needs to provide this for footer column links */
}
@media only screen and (max-width: 699px) {
  .footer {
    padding: 3rem 1.5625rem 2rem;
  }
}
.footer:not(.footer--b2c):not(.footer_detail) li a:focus {
  outline: 1px dotted white;
}
.footer .grid:not(:first-child) {
  margin-top: 4.5rem;
}
.footer_headline {
  font-size: 1.75em;
  color: #ffffff;
  margin-bottom: 0.375rem;
  display: block;
  font-weight: 500;
  line-height: 1.15;
}
.footer_headline--sub {
  font-weight: 300;
}
.footer_list--link {
  color: #ffffff;
}
.footer_link--detail {
  color: #e52236;
  font-size: 0.875rem;
}
.footer_link--cookies {
  font-family: "Graphik Web", Arial, sans-serif;
  background: none;
  color: #040404;
  font-size: 0.875em;
  border: none;
  padding: 0;
  font-weight: 300;
  line-height: 1.4;
}
.footer_link--cookies:hover,
.footer_link--cookies:focus {
  text-decoration: underline;
}
.footer_link--social-media {
  color: #ffffff;
}
.footer_column {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.footer_column-tile {
  max-width: 8.6875rem;
  width: 8.6875rem;
  margin-top: 1.5rem;
}
.footer_column-tile:not(:last-child) {
  margin-right: 6.125rem;
}
.footer_column--clips {
  margin: 1.5rem -0.375rem -1.5rem;
  justify-content: space-between;
}
.footer_column--clips::before,
.footer_column--clips::after {
  content: none;
}
.footer_column--clips .footer_column-tile {
  margin: 0 !important;
  padding: 1.375rem 0.375rem;
  width: auto;
  flex: 1 1 8.75rem;
  max-width: none;
}
.footer_column--right {
  position: absolute;
  right: 1em;
  margin-right: 0;
}
.footer_column--promotion {
  -webkit-flex-basis: 15%;
  -ms-flex-basis: 15%;
  flex-basis: 15%;
}
.footer_column > ul > li > a {
  color: #ffffff;
}
.footer_detail {
  background-color: #ffffff;
  padding: 1.375rem 2.75rem 1.625rem;
}
.footer_detail-column {
  margin-right: 1.2em;
  display: inline-block;
}
.footer_detail-column a:focus {
  outline: 1px dotted black;
}
.footer_service-row {
  margin-top: 4.5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.footer_sponsor {
  flex-grow: 1;
}
.footer_sponsor-image {
  max-height: 2em;
  width: auto;
  max-width: 4.5em;
  margin: 0 0.5rem 0 2rem;
  vertical-align: middle;
}
.ti {
  padding: 1.5rem;
  color: #ffffff;
  flex: 0 0 21.125rem;
  max-width: 100%;
}
@media only screen and (min-width: 1024px) {
  .ti {
    padding: 0.75rem 0.375rem;
    flex-basis: 19.625rem;
  }
}
.ti__title,
.ti__item {
  font-size: 1rem;
  margin: 0.75rem 0;
}
.ti__title:first-child,
.ti__item:first-child {
  margin-top: 0;
}
.ti__title:last-child,
.ti__item:last-child {
  margin-bottom: 0;
}
.ti__title--no-space,
.ti__item--no-space {
  margin: 0;
}
.ti__item {
  position: relative;
  padding-left: 1.875rem;
}
.ti__item--no-icon {
  padding-left: 0;
}
.ti__icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25rem;
  height: 1.5rem;
}
.ti__icon::before {
  width: 100%;
  height: 100%;
  margin: 0;
  display: block;
}
.ti h3,
.ti a {
  color: inherit;
  font-size: inherit;
}
.ti-row {
  margin: 0 -1.5rem;
  padding: 1.5rem 0;
}
@media only screen and (min-width: 1024px) {
  .ti-row {
    margin: -0.375rem;
    padding: 0.75rem 0;
  }
}
/*

MEDIAQUERIES

*/
@media only screen and (max-width: 1919px) {
  .footer_column-tile {
    width: 5.7rem;
  }
}
@media only screen and (max-width: 1500px) {
  .footer_column-tile:not(:last-child) {
    margin-right: 3rem;
  }
}
@media only screen and (max-width: 1273px) {
  .footer_service-row {
    align-items: flex-start;
  }
  .footer_sponsor-info {
    display: block;
  }
  .footer_sponsor-image {
    margin: 0.5rem 0.5rem 0 0;
  }
  .footer_sponsor {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 1023px) {
  .footer--b2c .grid_row--footer {
    padding: 0;
  }
  .footer_sponsor {
    margin-top: 1em;
    margin-bottom: 2em;
    width: 100%;
  }
}
@media only screen and (max-width: 699px) {
  .footer_column-tile {
    max-width: 100%;
    width: 50%;
    margin-top: 2.8125rem;
    margin-right: 0;
  }
  .footer_column-tile:nth-child(2n+1) {
    margin-right: 0.75rem;
  }
  .footer_column-tile:not(:last-child) {
    margin-right: 0;
  }
  .footer_detail {
    padding-top: 0.25rem;
    padding-left: 0.5625rem;
  }
  .footer_detail-column {
    display: block;
    margin-top: 1rem;
  }
  .footer_links .footer_detail-column:first-child {
    margin-top: 2.5rem;
  }
}
.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: -3px 3px 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  line-height: 1;
  margin-top: 0.15em;
}
.search-responsive_form-container {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 100%;
  transform: scale(0);
  transform-origin: 100% 0%;
  transition: transform 0.15s ease-out;
}
.search-responsive--open .search-responsive_form-container {
  transform: scale(1);
}
.search-responsive--open .search-responsive_form-container form {
  padding-bottom: 0.5rem;
}
@media only screen and (max-width: 1023px) {
  .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: -3px 3px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    line-height: 1;
    margin-top: 0.15em;
  }
}
.search_navigation-form {
  max-height: 280px;
  width: 100%;
  max-width: 55rem;
  transition: all 0.1s 0.15s ease-in-out;
  opacity: 0;
}
.search_navigation-form--enabled {
  display: block;
  opacity: 1;
}
.search_navigation-form--no-delay {
  transition: all 0.1s ease-in-out;
}
.search_toggle::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;
  margin-top: 0.15em;
}
.search_container {
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 220px;
  max-height: 0;
  background: #e52236;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
.search_container--enabled {
  pointer-events: initial;
  opacity: 1;
  z-index: 30;
  max-height: 220px;
}
.search_lower-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 1023px) {
  .search_lower-container {
    max-width: 40rem;
    width: 90%;
    margin: 0 auto 0.5rem;
    justify-content: space-between;
  }
}
.search_label {
  position: absolute;
  left: 0;
  top: 8px;
}
.search_suggestion {
  text-transform: uppercase;
}
.table {
  border-collapse: collapse;
  font-size: 1rem;
}
.table thead {
  border-bottom: 1px solid #040404;
}
.table th {
  font-weight: 400;
  font-size: 1rem;
  vertical-align: bottom;
  cursor: pointer;
}
.table th:hover {
  background-color: #f3f3f3;
}
.table tbody tr {
  border-bottom: 1px solid #d6d6d6;
}
.table tbody tr:hover {
  background-color: #f3f3f3;
}
.table th,
.table td {
  padding: 0.4em;
}
/*
 * *******************************************************
 * Copyright (C) 1994-2021 Babiel GmbH <info@babiel.com>
 *
 * This file is part of a Babiel development
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are not permitted without the express
 * permission of Babiel GmbH
 *
 * Any modification is not permitted without the express
 * permission of Babiel GmbH
 *
 * The file may contain confidential and or privileged materials.
 * Any review, retransmission, dissemination or other use of
 * or taking of any action in reliance upon, this file
 * by persons or entities other than the intended is prohibited.
 * *******************************************************
 */
.teaser-block {
  --teaser-base-width: 27.5625rem;
}
@media only screen and (max-width: 1919px) {
  .teaser-block {
    --teaser-base-width: 18.5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .teaser-block {
    --teaser-base-width: 14.25rem;
  }
}
@media only screen and (max-width: 390px) {
  .teaser-block {
    --teaser-base-width: 15.75rem;
  }
}
.teaser-block_portrait {
  --teaser-base-width: 18.125rem;
}
@media only screen and (max-width: 1919px) {
  .teaser-block_portrait {
    --teaser-base-width: 18.125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .teaser-block_portrait {
    --teaser-base-width: 13.688rem;
  }
}
@media only screen and (max-width: 576px) {
  .teaser-block_portrait {
    --teaser-base-width: 10.25rem;
  }
}
@media only screen and (max-width: 390px) {
  .teaser-block_portrait {
    --teaser-base-width: 10rem;
  }
}
.teaser-block--u-lt-tab {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .teaser-block--u-lt-tab {
    display: block;
  }
}
@media only screen and (max-width: 1200px) {
  .teaser-block--u-gt-tab {
    display: none;
  }
}
.teaser-block--u-only-tab {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .teaser-block--u-only-tab {
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  .teaser-block--u-only-tab {
    display: none;
  }
}
.teaser-block--u-lt-phone {
  display: none;
}
@media only screen and (max-width: 576px) {
  .teaser-block--u-lt-phone {
    display: block;
  }
}
.teaser-block--u-lt-phone .teaser-block_grouping--last.teaser-block_grouping--last.teaser-block_grouping--last {
  margin-bottom: 60px;
}
@media only screen and (max-width: 576px) {
  .teaser-block--u-gt-phone {
    display: none;
  }
}
.teaser-block--in-detail-placement {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  grid-column-end: span 12;
}
.teaser-block__title {
  --grid-gap-counter: 0px;
  font-weight: 500;
  font-size: 3.75rem;
  margin-bottom: calc(3rem - var(--grid-gap-counter));
}
@media only screen and (max-width: 1919px) {
  .teaser-block__title {
    font-size: 2.25rem;
    margin-bottom: calc(1.5rem - var(--grid-gap-counter));
  }
}
@media only screen and (max-width: 1200px) {
  .teaser-block__title {
    font-size: 1.865rem;
  }
}
.teaser-block__title--sub {
  display: block;
  font-weight: 300;
}
.teaser-block--in-detail-placement .teaser-block__title {
  --grid-gap-counter: var(--grid-gap);
}
.teaser-block__slider-grouping {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-auto-flow: row;
  row-gap: 1.5rem;
}
.teaser-block__slider-grouping .scgrid_container--overview {
  margin-bottom: 0;
}
.teaser-block__slider {
  display: flex;
  transition-property: transform;
  z-index: 1;
}
.teaser-block__arrow {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  top: 86px;
  width: 80px;
  height: 120px;
  background-color: #e52236;
  color: white;
  z-index: 1;
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
}
@media only screen and (max-width: 1919px) {
  .teaser-block__arrow {
    width: 40px;
    height: 60px;
    top: 68px;
  }
}
@media only screen and (max-width: 1200px) {
  .teaser-block__arrow {
    top: 46px;
  }
}
@media only screen and (max-width: 390px) {
  .teaser-block__arrow {
    top: 54px;
  }
}
.teaser-block__arrow--prev {
  left: 0;
  transform: translateX(-100%);
}
.teaser-block__arrow--next {
  right: 0;
  transform: translateX(100%);
}
.teaser-block__arrow--disabled {
  opacity: 0 !important;
  pointer-events: none;
}
.u--overflow-slider:hover .teaser-block__arrow,
.u--overflow-slider:focus-within .teaser-block__arrow {
  opacity: 1;
  transform: translateX(0);
}
.teaser-block__arrow_portrait {
  top: 157.5px;
}
@media only screen and (max-width: 1919px) {
  .teaser-block__arrow_portrait {
    width: 40px;
    height: 60px;
    top: 187.5px;
  }
}
@media only screen and (max-width: 1200px) {
  .teaser-block__arrow_portrait {
    top: 133.5px;
  }
}
@media only screen and (max-width: 576px) {
  .teaser-block__arrow_portrait {
    top: 93px;
  }
}
@media only screen and (max-width: 390px) {
  .teaser-block__arrow_portrait {
    top: 93px;
  }
}
.teaser-block__slider .teaser-block__item-wrapper {
  flex: 0 0 var(--teaser-base-width);
  margin-right: var(--grid-gap);
}
.teaser-block__slider .teaser-block__item-wrapper:last-child {
  margin-right: 0;
}
/*
 * *******************************************************
 * Copyright (C) 1994-2021 Babiel GmbH <info@babiel.com>
 *
 * This file is part of a Babiel development
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are not permitted without the express
 * permission of Babiel GmbH
 *
 * Any modification is not permitted without the express
 * permission of Babiel GmbH
 *
 * The file may contain confidential and or privileged materials.
 * Any review, retransmission, dissemination or other use of
 * or taking of any action in reliance upon, this file
 * by persons or entities other than the intended is prohibited.
 * *******************************************************
 */
.teaser-block-item {
  --img-height: 18.375rem;
  display: grid;
  grid-template: "img" var(--img-height) "body" auto / 1fr;
  gap: 1rem;
  justify-content: stretch;
  align-content: start;
}
@media only screen and (max-width: 1919px) {
  .teaser-block-item {
    --img-height: 12.3125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .teaser-block-item {
    --img-height: 9.5rem;
  }
}
@media only screen and (max-width: 390px) {
  .teaser-block-item {
    --img-height: 10.5rem;
  }
}
.teaser-block-item:hover,
.teaser-block-item:focus {
  text-decoration: none;
}
.teaser-block-item:hover .teaser-block-item__img,
.teaser-block-item:focus .teaser-block-item__img {
  transform: scale(1.03);
}
.teaser-block-item:hover .teaser-block-item__title,
.teaser-block-item:focus .teaser-block-item__title {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.25em;
  text-decoration-color: currentColor;
}
.teaser-block-item__overlay {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.3) 3rem, rgba(0, 0, 0, 0) 5rem);
}
.teaser-block-item__overlay-text {
  position: absolute;
  color: white;
  bottom: 1.5rem;
  left: 1.5rem;
  font-size: 1.5rem;
}
.teaser-block-item__overlay-text span:first-child {
  margin-right: 0.25rem;
}
.teaser-block-item__img-container {
  position: relative;
  overflow: hidden;
  grid-area: img;
}
.teaser-block-item__img-container--has-overlay::before {
  width: 24px;
  height: 24px;
  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;
  display: block;
  content: "";
  width: 2.5rem;
  margin: 0;
  position: absolute;
  background-color: #e52236;
  background-size: 80%;
  top: -4rem;
  left: 2rem;
  height: 14rem;
  z-index: 2;
  transform: rotate(45deg);
}
.teaser-block-item__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.teaser-block-item__body {
  font-size: 1.5rem;
  grid-area: body;
  padding-right: var(--mb-content);
}
@media only screen and (max-width: 1919px) {
  .teaser-block-item__body {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 1200px) {
  .teaser-block-item__body {
    font-size: 1.125rem;
  }
}
.teaser-block-item__title,
.teaser-block-item__text {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.teaser-block-item__title {
  font-weight: 500;
  transition: text-decoration-color 0.3s ease;
  text-decoration-color: transparent;
}
.teaser-block-item__text {
  font-weight: 300;
}
.teaser-block-item_portrait {
  --img-height: 27.188rem;
}
@media only screen and (max-width: 1919px) {
  .teaser-block-item_portrait {
    --img-height: 27.188rem;
  }
}
@media only screen and (max-width: 1200px) {
  .teaser-block-item_portrait {
    --img-height: 20.438rem;
  }
}
@media only screen and (max-width: 576px) {
  .teaser-block-item_portrait {
    --img-height: 15.375rem;
  }
}
@media only screen and (max-width: 390px) {
  .teaser-block-item_portrait {
    --img-height: 15.375rem;
  }
}
html[lang="ja"] .teaser-block-item__text {
  font-size: 0.85em;
}
.sticky {
  top: 0;
  z-index: 1;
}
.stickyhotelmap {
  position: fixed !important;
  z-index: 99999999999;
  top: 0;
}
.stickyhotelmap .leaflet-control-map-toggle {
  display: none;
}
.stickyhotelmap_fab {
  display: none;
  position: fixed;
  z-index: 9999999999;
  left: 24px;
  bottom: 24px;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
}
@media screen and (min-width: 700px) and (max-height: 700px) {
  .stickyhotelmap {
    height: 100%;
  }
  .stickyhotelmap .map_container {
    height: 100%;
  }
  .stickyhotelmap_fab {
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .stickyhotelmap_fab {
    display: block;
  }
}
.tooltip {
  background-color: #000;
  color: #fff;
  font-size: 1rem;
  padding: 0.4rem 0.7rem;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999999999999999;
  transform: translateY(calc(-100% - 10px));
}
.tooltip a {
  color: #fff;
  text-decoration: underline;
}
.pureslider_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.pureslider_image-container {
  display: none;
}
.pureslider_image-container img {
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
}
.pureslider_image-container--current {
  display: block;
}
.pureslider_image-container--current img {
  opacity: 1;
}
.pureslider_slider-overlay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.pureslider_overlay-control--previous,
.pureslider_overlay-control--next,
.pureslider_overlay-control--playpause {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
}
.pureslider_overlay-control--previous:focus,
.pureslider_overlay-control--next:focus,
.pureslider_overlay-control--playpause:focus {
  outline: 1px dotted #fff;
}
.pureslider_overlay-control--previous::before,
.pureslider_overlay-control--next::before,
.pureslider_overlay-control--playpause::before {
  margin: 0;
}
.pureslider_overlay-control--playpause {
  position: absolute;
  bottom: 0.3em;
  right: 0.3em;
  z-index: 3;
}
.swiper {
  max-width: 100%;
}
.swiper-slide {
  overflow: hidden;
}
.swiper-aspectkeeper {
  padding-top: 66%;
}
.swiper-slide-portrait .swiper-aspectkeeper {
  background: #f5f5f5;
}
.swiper-slide-portrait .swiper-image {
  max-height: 100%;
  width: auto;
  left: 50%;
  transition: transform 0.4s ease-out;
}
.swiper-slide-portrait.swiper-slide-prev .swiper-image {
  transform: translateX(-10%);
}
.swiper-slide-portrait.swiper-slide-active .swiper-image {
  transform: translateX(-50%);
}
.swiper-slide-portrait.swiper-slide-next .swiper-image {
  transform: translateX(-90%);
}
.swiper-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  filter: brightness(100%);
  transform: scale(1);
  transition: transform 0.2s ease-in-out, filter 0.2s ease-in-out;
}
.swiper-slider-overlay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.swiper-placeholder {
  padding-top: 66%;
  width: 100%;
  position: relative;
  background: lightgrey;
}
.swiper-overlay-control--previous,
.swiper-overlay-control--next,
.swiper-overlay-control--playpause {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
}
.swiper-overlay-control--previous:focus,
.swiper-overlay-control--next:focus,
.swiper-overlay-control--playpause:focus {
  outline: 1px dotted #fff;
}
.swiper-overlay-control--previous::before,
.swiper-overlay-control--next::before,
.swiper-overlay-control--playpause::before {
  margin: 0;
}
.swiper-overlay-control--previous,
.swiper-overlay-control--next {
  height: 100%;
  padding: 0;
}
.swiper-overlay-control--playpause {
  position: absolute;
  bottom: 0.3em;
  right: 0.3em;
  z-index: 3;
}
@media only screen and (max-width: 390px) {
  article .swiper-slide {
    width: calc(100vw - 3.875em) !important;
  }
}
@media (min-width: 391px) and (max-width: 640px) {
  article .swiper-slide {
    width: calc(100vw - 3.75em) !important;
  }
}
.checktoggle_wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
  margin-right: 2rem;
}
.checktoggle_toggle {
  position: relative;
  display: inline-block;
}
.checktoggle_toggle input {
  height: 40px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 40px;
}
.checktoggle_toggle label {
  display: flex;
  align-items: center;
  padding: 2px;
}
.checktoggle_toggle .label {
  background: transparent;
  border: 1px solid #fff;
  width: 3.5rem;
  background: #e52236;
  height: 33px;
  display: inline-block;
  border-radius: 40px;
  margin: 0;
  position: relative;
  transition: all 0.3s ease;
  transform-origin: 20% center;
  cursor: pointer;
  flex-shrink: 0;
}
.checktoggle_toggle .label:before {
  position: absolute;
  content: "";
  display: block;
  border: 3px solid #fff;
  width: 25px;
  height: 25px;
  top: 3px;
  left: 4px;
  background: #fff;
  border-radius: 100%;
  transition: all 0.3s ease;
  transform-origin: 20% center;
  cursor: pointer;
}
.checktoggle_toggle .checktoggle_label-text {
  margin-left: 0.5rem;
  font-size: 1.2rem;
  color: white;
}
.checktoggle_toggle input:checked + label > .label {
  background: rgba(255, 255, 255, 0.5);
}
.checktoggle_toggle input:checked + label > .label::before {
  transform: translateX(21px);
}
.checktoggle_toggle input:focus + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 37px;
  border: 1px dotted white;
}
@media only screen and (max-width: 1023px) {
  .checktoggle_toggle .checktoggle_label-text {
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 599px) {
  .checktoggle_wrapper {
    margin-right: 0.5rem;
  }
}
/* Promotions */
.hrs {
  /* HRS Hotel Search */
}
.hrs_search-col-promotion {
  padding-left: 2em;
}
.hrs_search-logo {
  display: block;
  margin-bottom: 1em;
  margin-top: 0.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::before,
.hrs-hotel-list::after {
  content: " ";
  display: table;
}
.hrs-hotel-list::after {
  clear: both;
}
.hrs-hotel-list > li {
  float: left;
  height: 18em;
  width: 25%;
}
.promotion-aua * {
  margin: 0;
  padding: 0;
}
.promotion-aua {
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  width: 100%;
}
.promotion-aua_container {
  width: 90%;
  position: relative;
  z-index: 5;
}
.promotion-aua_logo {
  display: block;
  width: 100%;
}
.promotion-aua_logo img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.promotion-aua_form {
  width: 100%;
  padding: 0 0.2em;
}
.promotion-aua_formgroup {
  padding-bottom: 0.3em;
}
.promotion-aua_formgroup.padding-top {
  padding-top: 1em;
}
.promotion-aua_formgroup:after {
  content: ' ';
  display: block;
  clear: both;
}
.promotion-aua_formgroup.personen {
  padding-bottom: 0;
  float: left;
  width: 50%;
}
.promotion-aua_label {
  float: left;
  line-height: 1.6rem;
  font-size: 0.9em;
  padding-right: 2%;
}
.promotion-aua_label.hidden {
  display: none;
}
.promotion-aua_label.white {
  display: block;
  height: 1.6rem;
  background: #fff;
  color: #dc2106;
  text-transform: uppercase;
  padding: 0.4em 0.5em 0.2em;
  width: 25%;
  margin-right: 2%;
  line-height: 1;
  font-size: 1em;
  font-weight: 900;
}
.promotion-aua_input {
  border: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  float: left;
  width: 73%;
  padding: 0.25em;
  font-size: 0.9em;
  height: 1.6rem;
}
.promotion-aua_select {
  border: 1px solid #fff;
  background: #fff;
  float: left;
  padding: 0.1em;
  font-size: 0.9em;
  margin-left: 2%;
  height: 1.6rem;
}
.promotion-aua_select.day {
  width: 20%;
}
.promotion-aua_select.month,
.promotion-aua_select.year {
  width: 27%;
}
.promotion-aua_text {
  line-height: 1.6rem;
  font-size: 0.9em;
  float: left;
}
.promotion-aua_text.hidden {
  display: none;
}
.promotion-aua_text.flug {
  width: 20%;
  text-align: right;
}
.promotion-aua_button {
  background: #dc2106;
  color: #fff;
  width: 100%;
  text-align: center;
  border: none;
  padding: 0.3em 0;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 1.1em;
}
@media only screen and (max-width: 1670px) {
  .promotion-aua_label.white,
  .promotion-aua_text.flug {
    width: 30%;
  }
  .promotion-aua_input {
    width: 68%;
  }
  .promotion-aua_select.day {
    width: 20%;
  }
  .promotion-aua_select.month,
  .promotion-aua_select.year {
    width: 22%;
  }
}
@media only screen and (max-width: 1500px) {
  .promotion-aua_formgroup.padding-top {
    padding-top: 0.4rem;
  }
  .promotion-aua_formgroup.personen {
    float: none;
    width: 100%;
  }
  .promotion-aua_formgroup.personen .promotion-aua_label {
    display: none;
  }
  .promotion-aua_formgroup.personen .promotion-aua_label.hidden {
    display: block;
    padding-left: 0.5em;
  }
  .promotion-aua_formgroup.personen .promotion-aua_select {
    margin-left: 0;
  }
  .promotion-aua_text.flug {
    display: none;
  }
  .promotion-aua_label.white {
    margin-bottom: 0.3em;
  }
  .promotion-aua_text.hidden {
    display: block;
    padding-top: 0.2em;
    padding-left: 0.5em;
  }
  .promotion-aua_text.hidden:after {
    content: ' ';
    clear: both;
    display: block;
  }
  .promotion-aua_input {
    width: 100%;
  }
  .promotion-aua_select.day {
    width: 25%;
    margin-left: 0;
  }
  .promotion-aua_select.month,
  .promotion-aua_select.year {
    width: 35.5%;
  }
}
@media only screen and (max-width: 1200px) {
  .promotion-aua_formgroup.padding-top {
    padding-top: 0.2rem;
  }
}
.footer--parallax {
  max-height: 210px;
  height: 25vh;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .footer--parallax {
    max-height: 250px;
    height: 20vh;
  }
}
.footer_parallax-container {
  position: relative;
  height: 100%;
}
.footer_parallax-image {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  object-fit: cover;
}
.promotion-hrs > div > a:focus {
  outline: 1px dotted white;
}
.promotion-hrs_image-wrap {
  width: 80%;
}
.promotion-hrs_image-wrap > a {
  width: 100%;
}
.promotion-hrs_image {
  height: auto;
}
.promotion-hrs_item {
  padding: 0.35em 0;
  line-height: 1.3;
  color: #040404;
  padding-left: 0.2em;
}
.promotion-hrs_item::before {
  margin-top: 0.175em;
}
.promotion-hrs_headline {
  color: #e52236;
  line-height: 1.2;
  margin-bottom: 0.3em;
  margin-top: 2rem;
  font-size: 2.25rem;
}
.sticky-promo {
  position: fixed;
  bottom: 0;
  right: 50%;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: none;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transform: translateX(50%) translateY(100%);
  opacity: 0;
  z-index: 800;
}
@media only screen and (min-width: 760px) {
  .sticky-promo {
    padding: 3.75rem;
    right: 0;
    transform: translateY(100%);
  }
}
.sticky-promo--visible {
  transform: translateX(50%) translateY(0);
  opacity: 1;
}
@media only screen and (min-width: 760px) {
  .sticky-promo--visible {
    transform: translateY(0);
  }
}
.sticky-promo__content {
  background: #ffffff;
  padding: 1.5625rem;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  width: 32.5rem;
  max-width: 100%;
  box-shadow: 0 3px 12px #00000029;
  display: flex;
  pointer-events: auto;
  transition: border-radius 0.25s ease-in-out;
}
.sticky-promo--stuck-bottom .sticky-promo__content {
  border-radius: 30px;
}
@media only screen and (min-width: 760px) {
  .sticky-promo__content {
    border-radius: 30px;
  }
}
.sticky-promo__image {
  flex: 1 1 10rem;
  min-width: 6rem;
  max-width: calc(33.3333% - 0.625rem);
  margin-right: 1.25rem;
}
.sticky-promo__img {
  width: 100%;
}
.sticky-promo__text {
  flex: 1 1 18.125rem;
  max-width: calc(66.6666% - 0.625rem);
}
.sticky-promo__text:first-child {
  max-width: none;
}
.sticky-promo__ad {
  text-transform: uppercase;
  border: 1px solid #cccccc;
  color: #696969;
  display: inline-block;
  padding: 0.2em 1em;
  border-radius: 5px;
  font-size: 0.8rem;
  font-weight: 500;
}
.sticky-promo__title {
  color: #e52236;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.07;
  margin-bottom: 1rem;
}
.sticky-promo__body {
  color: #040404;
  font-size: 1.125rem;
  line-height: 1.22222;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 760px) {
  .sticky-promo__body {
    margin-bottom: 1.5rem;
  }
}
.sticky-promo__body p {
  margin: 0.875rem 0;
  font-size: 1.5rem;
}
.sticky-promo__body strong {
  font-weight: 500;
}
.sticky-promo__body > :last-child {
  margin-bottom: 0;
}
.sticky-promo__body a {
  font-size: 1rem;
  line-height: 1;
  font-weight: normal;
  display: inline-block;
  padding: 0.625rem 2rem;
  text-transform: uppercase;
  background: #e52236;
  border: 1px solid #e52236;
  transition: border-color 0.1s ease, background 0.1s ease;
  border-radius: 4px;
  color: #fff;
}
.sticky-promo__body a:hover,
.sticky-promo__body a:focus {
  background-color: #d5192c;
  border-color: #be1627;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (min-width: 760px) {
  .sticky-promo__body a {
    padding: 0.625rem 1.125rem;
  }
}
.sticky-promo--paid .sticky-promo__body a {
  background: #040404;
  border: 1px solid #040404;
}
.sticky-promo--paid .sticky-promo__body a:hover,
.sticky-promo--paid .sticky-promo__body a:focus {
  background-color: #e52236;
  border-color: #e52236;
}
.sticky-promo__btn {
  background: #040404;
  border: 1px solid #040404;
}
.sticky-promo__btn:hover,
.sticky-promo__btn:focus {
  background: #e52236;
  border: 1px solid #e52236;
}
@media only screen and (min-width: 760px) {
  .sticky-promo__btn {
    padding: 0.625rem 1.125rem;
  }
}
.sticky-promo__close {
  float: right;
  margin: 0 0 0.5em 1em;
  border: 1px solid #e52236;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: transparent;
  padding: 3px 0 0 3px;
  outline-offset: 4px;
  transition: box-shadow 0.2s ease;
  cursor: pointer;
}
.sticky-promo__close:hover,
.sticky-promo__close:focus {
  box-shadow: 0 0 0 1px #e52236;
}
.map {
  background-color: #ffffff;
  padding: 0.5em;
  margin-bottom: 1.5em;
  padding: 0;
  position: relative;
  width: 100%;
  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--pseudofullscreen.map--pseudofullscreen .leaflet-control-fullscreen {
  display: none;
}
.map[data-open="true"] {
  display: block;
}
.map_toolbar.map_toolbar {
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  line-height: 1;
  padding: 0.2em 0.5em 0.4em;
  position: absolute;
  z-index: 999;
}
.map_toolbar.map_toolbar > a {
  font-size: 0.8125rem;
  color: #696969;
  margin-right: 1em;
}
.map_search-container {
  background-color: #ffffff;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  left: 3.8rem;
  max-width: 30em;
  position: absolute;
  top: 0.65em;
  width: 70%;
  z-index: 999;
}
input[type="text"].map_search-field {
  background-color: #ffffff;
  border: none;
  height: 2.5rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.map_container {
  height: 45em;
  width: 100%;
}
@media only screen and (max-width: 959px) {
  .map {
    margin-top: -1.5em;
  }
}
@media only screen and (max-width: 899px) {
  .map_search-container {
    width: 60%;
  }
  input[type="text"].map_search-field {
    height: 2.5rem;
  }
}
.figure {
  display: block;
}
.figure,
.figure > img {
  margin: 0 0;
  max-width: 100%;
  height: auto;
}
.figure--centered > img {
  margin: 0 auto;
}
.figure_caption {
  font-size: 0.875rem;
  font-style: italic;
  min-height: 3.625rem;
}
.figure_caption--gallery {
  min-height: 0;
  font-style: normal;
  margin-top: calc(var(--mb-content) * 0.8333);
  /* because of issues with non selectable text in slick galleries*/
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.figure_caption--gallery p {
  margin: 0;
  display: inline;
}
.figure_caption-copyright {
  font-style: italic;
}
.figure--centered .figure_caption {
  text-align: center;
}
/*

  MEDIAQUERIES

*/
.progressive-image img {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.progressive-image_thumbnail.progressive-image_thumbnail {
  filter: blur(50px);
  opacity: 1;
}
.progressive-image_fullsizeLoaded.progressive-image_fullsizeLoaded {
  transition: opacity 0.15s linear;
  opacity: 1;
}
.progressive-image .progressive-image_noscript-image {
  opacity: 1;
}
.content_padding {
  padding: 30px 40px;
}
@media only screen and (max-width: 992px) {
  .content_padding {
    padding: 24px 24px;
  }
}
@media only screen and (max-width: 390px) {
  .content_padding {
    padding: 6px;
  }
}
.content_padding--h {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 992px) {
  .content_padding--h {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 390px) {
  .content_padding--h {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.content_container {
  z-index: 1;
  background: white;
}
.content_container--detailView {
  margin-top: -8.6875rem;
  /* 70+15+24+30 */
}
@media only screen and (max-width: 992px) {
  .content_container--detailView {
    margin-top: -6.9rem;
  }
}
@media only screen and (max-width: 576px) {
  .content_container--detailView {
    margin-top: 0;
  }
}
@media only screen and (max-width: 576px) {
  .content_container--detailView-outer {
    margin-top: -7rem;
    background: white;
    z-index: 1;
  }
}
.article {
  margin: 0;
  max-width: 100%;
  padding: 0;
  position: relative;
  line-height: 1.4;
}
.article_headline {
  font-size: 2.25rem;
  line-height: 1.16666667;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: calc(2.5rem + 0rem);
  padding-right: calc(2.5rem + 0rem);
}
@media only screen and (max-width: 992px) {
  .article_headline {
    padding-left: calc(1.5rem + 0rem);
    padding-right: calc(2.5rem + 0rem);
  }
}
@media only screen and (max-width: 390px) {
  .article_headline {
    padding-left: calc(0.375rem + 0rem);
    padding-right: calc(0.375rem + 0rem);
  }
}
@media only screen and (min-width: 760px) {
  .article_headline {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 960px) {
  .article_headline {
    font-size: 3.75rem;
    line-height: 1.18346667;
  }
}
.article_copyright {
  margin-top: 2px;
  text-align: center;
  color: #353535;
  font-size: 0.9rem;
  font-style: italic;
}
.article_teaser {
  font-size: 1.15rem;
  font-weight: 400;
  margin-bottom: var(--mb-content);
  padding-left: calc(2.5rem + 0rem);
  padding-right: calc(2.5rem + 0rem);
}
@media only screen and (max-width: 992px) {
  .article_teaser {
    padding-left: calc(1.5rem + 0rem);
    padding-right: calc(2.5rem + 0rem);
  }
}
@media only screen and (max-width: 390px) {
  .article_teaser {
    padding-left: calc(0.375rem + 0rem);
    padding-right: calc(0.375rem + 0rem);
  }
}
.article_image-container {
  float: right;
  margin: 0 0 2em 2em;
  max-width: 250px;
}
.article_image {
  height: auto;
  width: 100%;
}
.article_embedded-image:not(:last-child) {
  margin: 0 0 calc(var(--mb-content) * 2);
}
.article_embedded-image.float--right {
  float: right;
  width: 33%;
  margin-left: 1.5rem;
}
.article_embedded-image.float--right:not(:last-child) {
  margin: 0 0 calc(var(--mb-content) * 2) 1.5rem;
}
.article_embedded-image.float--left {
  float: left;
  width: 33%;
  margin-right: 1.5rem;
}
.article_embedded-image.float--left:not(:last-child) {
  margin: 0 1.5rem calc(var(--mb-content) * 2) 0;
}
.article_embedded-image.float--none {
  width: 100%;
}
.article_embedded-image.float--none:not(:last-child) {
  margin: 0 0 calc(var(--mb-content) * 2);
}
.article_subheadline {
  font-size: 0.5em;
  display: block;
  margin: 0;
}
.article_richtext-container,
.article .richtext-container {
  margin-bottom: calc(var(--mb-content) * 3);
}
.article_richtext-container p,
.article .richtext-container p,
.article_richtext-container h2,
.article .richtext-container h2,
.article_richtext-container .richtext-embed,
.article .richtext-container .richtext-embed {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 992px) {
  .article_richtext-container p,
  .article .richtext-container p,
  .article_richtext-container h2,
  .article .richtext-container h2,
  .article_richtext-container .richtext-embed,
  .article .richtext-container .richtext-embed {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 390px) {
  .article_richtext-container p,
  .article .richtext-container p,
  .article_richtext-container h2,
  .article .richtext-container h2,
  .article_richtext-container .richtext-embed,
  .article .richtext-container .richtext-embed {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.filterable-list .article_richtext-container p,
.filterable-list .article .richtext-container p,
.filterable-list .article_richtext-container h2,
.filterable-list .article .richtext-container h2,
.filterable-list .article_richtext-container .richtext-embed,
.filterable-list .article .richtext-container .richtext-embed {
  padding-left: 0;
  padding-right: 0;
}
.article_richtext-container p .location_sublist-item p,
.article .richtext-container p .location_sublist-item p,
.article_richtext-container h2 .location_sublist-item p,
.article .richtext-container h2 .location_sublist-item p,
.article_richtext-container .richtext-embed .location_sublist-item p,
.article .richtext-container .richtext-embed .location_sublist-item p {
  padding-left: 0;
  padding-right: 0;
}
.article_richtext-container.content_padding p,
.article .richtext-container.content_padding p,
.article_richtext-container.content_padding h2,
.article .richtext-container.content_padding h2,
.article_richtext-container.content_padding .richtext-embed,
.article .richtext-container.content_padding .richtext-embed {
  padding-left: 0;
  padding-right: 0;
}
.article_richtext-container p:not(:last-child),
.article .richtext-container p:not(:last-child),
.article_richtext-container p:only-child,
.article .richtext-container p:only-child,
.article_richtext-container .richtext-embed:not(:last-child),
.article .richtext-container .richtext-embed:not(:last-child) {
  margin-top: 0;
  margin-bottom: var(--mb-content);
}
.article_richtext-container:last-child,
.article .richtext-container:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.article_richtext-container .richtext-embed > .location,
.article .richtext-container .richtext-embed > .location {
  margin-left: -2.15rem;
  margin-right: -2.15rem;
}
@media only screen and (max-width: 576px) {
  .article_richtext-container .richtext-embed > .location,
  .article .richtext-container .richtext-embed > .location {
    margin-left: 0;
    margin-right: 0;
  }
}
.article_richtext-container p + .article_embedded-image,
.article .richtext-container p + .article_embedded-image,
.article_richtext-container p + .slideshow.js--slideshow-gallery,
.article .richtext-container p + .slideshow.js--slideshow-gallery {
  margin-top: calc(var(--mb-content) * 2);
}
.article_richtext-container + .slideshow.js--slideshow-gallery,
.article .richtext-container + .slideshow.js--slideshow-gallery,
.article_richtext-container + .player.js--player,
.article .richtext-container + .player.js--player {
  margin-top: calc(-1 * var(--mb-content));
}
.article_richtext-container--wide {
  max-width: var(--body-max);
  width: calc(100vw - 17px);
  transform: translateX(-50%);
  margin-left: 50%;
}
.article_richtext-container--wide iframe {
  width: 100%;
}
.article .slideshow + .article_richtext-container {
  padding-top: 0;
}
.article--category .richtext-container,
.article--category .article_teaser {
  max-width: none;
}
.article_content > :first-child {
  margin-top: 0;
}
.article_content > .location:first-child {
  margin-top: -1.875em;
}
@media only screen and (max-width: 576px) {
  .article_content > .location:first-child {
    margin-top: calc(var(--grid-gap) * -1);
  }
}
[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,
[data-loadmodule="article-faq"] .richtext-container > ol {
  margin: 1em 1.5em;
}
[data-loadmodule="article-faq"] .richtext-container > ul li,
[data-loadmodule="article-faq"] .richtext-container > ol li {
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
[data-loadmodule="article-faq"] .richtext-container > ol {
  padding-left: 1.2em;
}
html[lang="ja"] .article_teaser {
  font-weight: 700;
}
/*

  MEDIAQUERIES

*/
@media only screen and (min-width: 1274px) {
  .article {
    font-size: 1.125em;
  }
  .article_image-container {
    max-width: 350px;
  }
  .article .article.article_form-container {
    font-size: 1.125rem;
    padding: 0;
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 1100px) {
  .article_image-container {
    max-width: 250px;
    margin: 0 0 1em 1em;
  }
}
@media only screen and (max-width: 959px) {
  .article_image-container {
    max-width: 250px;
  }
}
@media only screen and (max-width: 599px) {
  .article_image-container {
    max-width: 40%;
    height: auto;
  }
  .article_richtext-text {
    display: none;
  }
  .article_richtext-text.show {
    display: block;
  }
}
@media only screen and (max-width: 699px) {
  .article_embedded-image.float--right {
    float: none;
    width: 100%;
  }
  .article_embedded-image.float--left {
    float: none;
    width: 100%;
  }
  .article_embedded-image.float--none {
    float: none;
    width: 100%;
  }
  .article_embedded-image img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 499px) {
  .article_image-container {
    max-width: 100%;
    width: 100%;
    margin: 0 0 1em;
  }
}
.imageblock_figure {
  width: 100%;
}
.imageblock_image {
  background-color: #ffffff;
  text-align: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  padding: 0.25em;
}
.imageblock_image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.5;
  object-fit: contain;
  background: #F5F5F5;
}
.imageblock_image--portrait img {
  aspect-ratio: 0.66666667;
  object-position: top;
}
.imageblock_gallery {
  padding: 0;
}
@media only screen and (max-width: 576px) {
  .imageblock_gallery--portrait img {
    aspect-ratio: 0.66666667;
    object-position: center;
  }
}
.imageblock_caption {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  padding-bottom: 1rem;
}
.imageblock_caption p {
  display: inline;
}
.imageblock_caption-copyright {
  font-style: italic;
}
.imageblock_headline {
  font-size: 1.3125em;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 390px) {
  .imageblock .grid_row_gallery {
    padding: 0 0.375em;
  }
}
@media (min-width: 391px) {
  .imageblock .grid_row_gallery {
    gap: 0.5em;
  }
}
.imageblock .grid_column--4 {
  width: calc(33.333333% - 0.333333em);
}
.imageblock--gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.imageblock--gallery img {
  width: 100%;
}
.imageblock--gallery a {
  text-decoration: none;
  color: black;
}
.imageblock--gallery a:hover,
.imageblock--gallery a:focus {
  text-decoration: none;
}
/*

  MEDIAQUERIES

*/
@media only screen and (max-width: 599px) {
  .imageblock {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .imageblock .grid_column {
    width: 100%;
  }
}
@media only screen and (max-width: 390px) {
  article .content_padding--h .imageblock .grid_row {
    padding: 0;
  }
}
@media (min-width: 391px) and (max-width: 599px) {
  article .content_padding--h .imageblock .grid_row {
    gap: 0;
    margin-left: -24px;
    width: calc(100% + 48px);
  }
}
@media only screen and (min-width: 600px) {
  article .content_padding--h .imageblock .grid_row {
    margin-left: -40px;
    width: calc(100% + 80px);
  }
}
@media (min-width: 577px) and (max-width: 599px) {
  article .content_padding--h .swiper-container {
    margin-left: -24px;
    width: calc(100% + 48px);
  }
}
@media only screen and (min-width: 600px) {
  article .content_padding--h .swiper-container {
    margin-left: -40px;
    width: calc(100% + 80px);
  }
}
.slideshow {
  max-width: 100%;
  /* small hack, to overrule .slick-slider */
}
.slideshow .swiper_container {
  padding: 0.25em;
}
.slideshow_container,
.slideshow_gallerytoggle-container {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  clear: both;
}
.slideshow_headline {
  padding-left: calc(2.5rem + 0rem);
  padding-right: calc(2.5rem + 0rem);
  font-size: 1.3125em;
}
@media only screen and (max-width: 992px) {
  .slideshow_headline {
    padding-left: calc(1.5rem + 0rem);
    padding-right: calc(2.5rem + 0rem);
  }
}
@media only screen and (max-width: 390px) {
  .slideshow_headline {
    padding-left: calc(0.375rem + 0rem);
    padding-right: calc(0.375rem + 0rem);
  }
}
.slideshow_container.u--is-hidden,
.slideshow_gallerytoggle-container.u--is-hidden {
  display: none;
}
.slideshow_container .figure {
  background-color: #ffffff;
  padding: 0;
}
.slideshow_gallerytoggle-container {
  text-align: center;
}
.article .slideshow {
  margin-bottom: calc(var(--mb-content) * 2);
}
.slideshow_gallerytoggle-icon {
  display: inline-grid;
  margin-right: 0.5ch;
}
.slideshow_gallerytoggle-text {
  font-size: 1.2rem;
}
@media only screen and (max-width: 759px) {
  .slideshow_gallerytoggle-text {
    font-size: 1rem;
  }
}
.slideshow_gallerytoggle-icon > * {
  grid-area: 1/1;
  background-color: #fff;
}
.slideshow .swiper-slider-overlay {
  aspect-ratio: 3/2;
}
.slideshow .swiper-slider-overlay .swiper-overlay-control--previous,
.slideshow .swiper-slider-overlay .swiper-overlay-control--next {
  transition: transform 0.25s ease-out 0s, opacity 0.25s ease-out 0.1s;
  width: 40px;
  height: 60px;
  position: absolute;
  top: calc(50% - 30px);
  background: #e52236;
}
.slideshow .swiper-slider-overlay .swiper-overlay-control--previous::before,
.slideshow .swiper-slider-overlay .swiper-overlay-control--next::before {
  width: 100%;
  height: 100%;
  top: calc(50% - 30px);
}
.slideshow .swiper-slider-overlay .swiper-overlay-control--previous {
  transform: translateX(-40px);
  opacity: 0;
  left: 0;
}
.slideshow .swiper-slider-overlay .swiper-overlay-control--previous:not(.swiper-button-disabled):focus {
  transform: translateX(0);
  opacity: 1;
}
.slideshow .swiper-slider-overlay .swiper-overlay-control--next {
  transform: translateX(40px);
  transform: 0;
  right: 0;
}
.slideshow .swiper-slider-overlay .swiper-overlay-control--next:not(.swiper-button-disabled):focus {
  transform: translateX(0);
  opacity: 1;
}
.slideshow .swiper-slider-overlay:hover .swiper-overlay-control--previous:not(.swiper-button-disabled) {
  transform: translateX(0);
  opacity: 1;
}
.slideshow .swiper-slider-overlay:hover .swiper-overlay-control--next:not(.swiper-button-disabled) {
  transform: translateX(0);
  opacity: 1;
}
.slideshow .slideshow_gallerytoggle-icon {
  overflow: hidden;
}
.slideshow .slideshow_gallerytoggle-icon--single,
.slideshow .slideshow_gallerytoggle-icon--all {
  transition: opacity 0.2s ease, transform 0.2s ease;
  transform-origin: top center;
}
.slideshow .slideshow_gallerytoggle--single .slideshow_gallerytoggle-icon--all {
  opacity: 0;
  transform: scale(1.5);
}
.slideshow .swiper-caption {
  font-size: 0.875rem;
  margin-top: 8px;
  text-align: center;
}
.slideshow .swiper-aspectkeeper {
  overflow: hidden;
  position: relative;
  padding-top: 66.666666%;
  background: #F5F5F5;
}
.slideshow .swiper-image.swiper-image {
  object-fit: contain;
  max-height: 100%;
  height: 100%;
  transition: object-position 0.4s ease;
}
.slideshow .swiper-slide-prev .swiper-image {
  object-position: 100%;
}
.slideshow .swiper-slide-active .swiper-image {
  object-position: 50%;
}
.slideshow .swiper-slide-next .swiper-image {
  object-position: 0%;
}
@media only screen and (max-width: 576px) {
  article .slideshow .swiper-container {
    margin-left: -30px;
    margin-right: -30px;
  }
}
/* swiper specific changes*/
@media screen and (max-width: 640px) {
  .slideshow .swiper-container {
    overflow: hidden;
    margin-left: -25px;
    margin-right: -25px;
  }
  .slideshow .swiper-slide figcaption {
    padding: 0 8%;
  }
  .slideshow .swiper-wrapper {
    overflow: initial;
  }
  .slideshow .swiper-slider-overlay {
    width: 100vw;
    margin-left: -40px;
  }
  .slideshow .swiper-slider-overlay .swiper-overlay-control--previous,
  .slideshow .swiper-slider-overlay .swiper-overlay-control--next {
    display: none;
  }
}
/* end swiper specific changes*/
@media only screen and (max-width: 599px) {
  .slideshow_container {
    margin-left: 0;
    margin-right: 0;
  }
  .slideshow_container .figure {
    padding: 0;
  }
  .slideshow .slick-prev,
  .slideshow .slick-next {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    background-color: #fff9;
    left: auto;
    top: 50%;
  }
  .slideshow .slick-prev:hover,
  .slideshow .slick-next:hover,
  .slideshow .slick-prev:focus,
  .slideshow .slick-next:focus {
    background-color: #fff;
  }
  .slideshow .slick-prev {
    left: 0;
  }
  .slideshow .slick-next {
    right: 0;
  }
  .slideshow .slick-prev::before,
  .slideshow .slick-next::before {
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110%;
    margin: 0;
  }
}
.article-sidebar {
  background-color: #f7f7f7;
  background-image: linear-gradient(to right, #e6e6e6, #f7f7f7 3px);
  padding: 1em 1.5em;
}
.gallery_header {
  display: flex;
  justify-content: space-between;
  padding-left: calc(2.5rem + 0rem);
  padding-right: calc(2.5rem + 0rem);
  align-items: baseline;
  margin-bottom: calc(var(--mb-content) * 0.8333);
}
@media only screen and (max-width: 992px) {
  .gallery_header {
    padding-left: calc(1.5rem + 0rem);
    padding-right: calc(2.5rem + 0rem);
  }
}
@media only screen and (max-width: 390px) {
  .gallery_header {
    padding-left: calc(0.375rem + 0rem);
    padding-right: calc(0.375rem + 0rem);
  }
}
.gallery_header--no-padding {
  padding: 0;
}
.gallery_headline {
  clear: left;
  line-height: 1.3;
  margin: 1rem 0 calc(var(--mb-content));
  padding-left: calc(2.5rem + 0rem);
  padding-right: calc(2.5rem + 0rem);
}
@media only screen and (max-width: 992px) {
  .gallery_headline {
    padding-left: calc(1.5rem + 0rem);
    padding-right: calc(2.5rem + 0rem);
  }
}
@media only screen and (max-width: 390px) {
  .gallery_headline {
    padding-left: calc(0.375rem + 0rem);
    padding-right: calc(0.375rem + 0rem);
  }
}
.gallery_image-number {
  color: #e52236;
  font-size: 1.2rem;
  font-weight: 400;
}
@media only screen and (max-width: 759px) {
  .gallery_image-number {
    font-size: 1rem;
  }
}
.gallery_image-number--vcb {
  font-size: 1rem;
}
@media only screen and (max-width: 576px) {
  .gallery--portrait.slideshow .swiper-aspectkeeper {
    aspect-ratio: 0.66666667;
  }
  .gallery--portrait.slideshow .swiper-slider-overlay {
    aspect-ratio: 0.66666667;
    height: 100%;
  }
}
.overview {
  -webkit-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  margin-left: 0;
}
.overview .message_container {
  padding-left: 0;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
}
.overview .map {
  margin-right: 1em;
}
/*

  MEDIAQUERIES

*/
@media only screen and (max-width: 959px) {
  .overview {
    margin-left: 0;
  }
  .overview .message_container {
    padding-right: 0;
  }
  .overview .map {
    margin-right: 0;
  }
}
@media only screen and (max-width: 759px) {
  .overview .grid_column--4 {
    width: 50%;
  }
  .overview .grid_column--8 {
    width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .overview .grid_column--4 {
    width: 100%;
  }
  .overview .message,
  .overview .map {
    margin-right: 0;
  }
  .overview_section-headline,
  .overview_section-headline-container {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
}
.richtext-container {
  /* Currently this is a hack, because the markup of the links is unclean.
     When cleaning up the richtext-markup, this can be changed to:

     .extern,
     .pdf,
     .wienkarte { .. }
  */
}
.richtext-container::before,
.richtext-container::after {
  content: " ";
  display: table;
}
.richtext-container::after {
  clear: both;
}
.richtext-container > *:last-child {
  margin-bottom: 0 !important;
}
.richtext-container .padding-container {
  padding-left: calc(2.5rem + 0rem);
  padding-right: calc(2.5rem + 0rem);
}
@media only screen and (max-width: 992px) {
  .richtext-container .padding-container {
    padding-left: calc(1.5rem + 0rem);
    padding-right: calc(2.5rem + 0rem);
  }
}
@media only screen and (max-width: 390px) {
  .richtext-container .padding-container {
    padding-left: calc(0.375rem + 0rem);
    padding-right: calc(0.375rem + 0rem);
  }
}
.richtext-container img {
  max-width: 100%;
}
.richtext-container img.alignleft {
  float: left;
  margin: 0 var(--mb-content) var(--mb-content) 0;
}
.richtext-container img.alignright {
  float: right;
  margin: 0 0 var(--mb-content) var(--mb-content);
}
.richtext-container p a:not(.button),
.richtext-container ul:not(.location_contact):not(.location_list) a:not(.button),
.richtext-container span a:not(.button) {
  text-decoration: none;
  border-bottom: 0.0625em solid #ccc;
  transition: border-color 0.15s ease-out;
  padding-bottom: 0.125em;
}
.richtext-container p a:not(.button):hover,
.richtext-container ul:not(.location_contact):not(.location_list) a:not(.button):hover,
.richtext-container span a:not(.button):hover,
.richtext-container p a:not(.button):focus,
.richtext-container ul:not(.location_contact):not(.location_list) a:not(.button):focus,
.richtext-container span a:not(.button):focus {
  border-color: #e52236;
}
.richtext-container a.extern:not(.button),
.richtext-container a.xls,
.richtext-container a.pdf,
.richtext-container a.doc,
.richtext-container a.audio,
.richtext-container a.video,
.richtext-container a.download,
.richtext-container a.zip,
.richtext-container a.wienkarte,
.richtext-container a.img {
  display: inline;
  margin-right: 1.6875rem;
}
.richtext-container a.extern:not(.button)::after,
.richtext-container a.xls::after,
.richtext-container a.pdf::after,
.richtext-container a.doc::after,
.richtext-container a.audio::after,
.richtext-container a.video::after,
.richtext-container a.download::after,
.richtext-container a.zip::after,
.richtext-container a.wienkarte::after,
.richtext-container a.img::after {
  width: 26px;
  height: 26px;
  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;
  position: absolute;
  line-height: auto;
  margin-top: 1px;
  margin-left: 4px;
}
.richtext-container > h1,
.richtext-container > h2,
.richtext-container > h4,
.richtext-container > h3,
.richtext-container > h5,
.richtext-container > h6 {
  clear: left;
  line-height: 1.3;
  margin: 0 0 calc(var(--mb-content));
}
.richtext-container > h2:not(:first-child) {
  margin-top: calc(var(--mb-content) * 2);
}
.richtext-container h2:not(.h2) {
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.20833333;
}
@media only screen and (min-width: 760px) {
  .richtext-container h2:not(.h2) {
    font-size: 1.875rem;
    line-height: 1.16666667;
  }
}
@media only screen and (min-width: 1274px) {
  .richtext-container h2:not(.h2) {
    font-size: 2.25rem;
    line-height: 1.11111111;
  }
}
.richtext-container h3:not(.h3) {
  font-size: 1.3125em;
}
.richtext-container h4:not(.h4) {
  font-size: 1.125em;
}
.richtext-container h1 + p,
.richtext-container h2 + p,
.richtext-container h3 + p,
.richtext-container h4 + p,
.richtext-container h5 + p,
.richtext-container h6 + p,
.richtext-container h1 + ul,
.richtext-container h2 + ul,
.richtext-container h3 + ul,
.richtext-container h4 + ul,
.richtext-container h5 + ul,
.richtext-container h6 + ul,
.richtext-container h1 + ol,
.richtext-container h2 + ol,
.richtext-container h3 + ol,
.richtext-container h4 + ol,
.richtext-container h5 + ol,
.richtext-container h6 + ol {
  margin-top: 0;
}
.richtext-container p + h1,
.richtext-container p + h3,
.richtext-container p + h4,
.richtext-container p + h5,
.richtext-container p + h6,
.richtext-container ul + h1,
.richtext-container ul + h3,
.richtext-container ul + h4,
.richtext-container ul + h5,
.richtext-container ul + h6,
.richtext-container ol + h1,
.richtext-container ol + h1,
.richtext-container ol + h1,
.richtext-container ol + h1,
.richtext-container ol + h1,
.richtext-container ol + h1 {
  margin-top: 0;
}
.richtext-container > ul,
.richtext-container > ol,
.richtext-container > div:not(.location) > ul,
.richtext-container > div:not(.location) > ol {
  margin: 0 0 var(--mb-content);
  padding-left: calc(2.5rem + 0rem);
  padding-right: calc(2.5rem + 0rem);
}
@media only screen and (max-width: 992px) {
  .richtext-container > ul,
  .richtext-container > ol,
  .richtext-container > div:not(.location) > ul,
  .richtext-container > div:not(.location) > ol {
    padding-left: calc(1.5rem + 0rem);
    padding-right: calc(2.5rem + 0rem);
  }
}
@media only screen and (max-width: 390px) {
  .richtext-container > ul,
  .richtext-container > ol,
  .richtext-container > div:not(.location) > ul,
  .richtext-container > div:not(.location) > ol {
    padding-left: calc(0.375rem + 0rem);
    padding-right: calc(0.375rem + 0rem);
  }
}
.richtext-container > ul li,
.richtext-container > ol li,
.richtext-container > div:not(.location) > ul li,
.richtext-container > div:not(.location) > ol li {
  margin-left: 1.1em;
  position: relative;
  list-style: none;
}
.richtext-container > ul li::before,
.richtext-container > ol li::before,
.richtext-container > div:not(.location) > ul li::before,
.richtext-container > div:not(.location) > ol li::before {
  width: 0.6em;
  height: 0.6em;
  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: -1.1em;
  top: 0.45em;
}
.richtext-container > ol {
  margin: 0 0 calc(var(--mb-content) * 2);
}
.richtext-container > ol li {
  list-style-type: decimal;
}
.richtext-container > ol li::before {
  display: none;
}
.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-style: italic;
  font-weight: 400;
  line-height: 1.3;
  margin: 1rem;
  position: relative;
}
.richtext-container table {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: calc(var(--mb-content) * 2);
  border: none;
  border-collapse: collapse;
}
.richtext-container table p {
  margin: 0;
}
.richtext-container table td {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #d6d6d6;
}
.richtext-container table td:first-child {
  padding-left: 0.5rem;
}
.richtext-container table td:last-child {
  padding-right: 0.5rem;
}
.richtext-container--no-padding > ol,
.richtext-container--no-padding > ul,
.richtext-container--no-padding > p,
.richtext-container--no-padding > h2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.richtext-embed .location::before {
  top: 1.5rem;
}
html[lang="ar"] .richtext-container blockquote {
  font-family: Arial, sans-serif;
}
html[lang="ja"] .richtext-container blockquote {
  font-family: Arial, sans-serif;
}
.location {
  margin-top: 1.5em;
  padding: 1.875rem 2.15rem;
  position: relative;
  /*
  &_sublist-item {
    & strong + p {
      margin-top: 0.1em;
    }
  }
  */
}
@media only screen and (max-width: 576px) {
  .location {
    padding: var(--grid-gap) 0 0;
  }
}
.location--no-icon {
  padding-left: 0;
}
.location--no-icon::before {
  display: none;
}
.location::before {
  height: 60px;
  left: 2.15rem;
  position: absolute;
  top: 1.85rem;
  width: 60px;
}
@media only screen and (max-width: 576px) {
  .location::before {
    left: 0;
    top: var(--grid-gap);
  }
}
.location--venue {
  margin-top: 0;
  padding-top: 0;
}
.location--venue.location::before {
  top: 0;
}
@media only screen and (max-width: 576px) {
  .location--venue.location::before {
    left: -0.4rem;
    top: 0;
  }
}
.location--hotel {
  margin-bottom: var(--mb-content);
}
.location--full {
  margin-top: 0;
}
.location--bubble::before {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0.4em;
  width: 45px;
}
.location + .location {
  border-top: 1px solid #dcdcdc;
  padding-top: 1.5em;
}
.location_contact-link {
  color: #e52236;
}
.location_headline {
  font-size: 2.5625rem;
  margin-top: 0;
  margin-bottom: calc(var(--mb-content) * 2);
  line-height: 1;
  padding-left: calc(2.5rem + 0rem);
  padding-right: calc(2.5rem + 0rem);
  padding-left: calc(4.5rem + 0rem);
}
@media only screen and (max-width: 992px) {
  .location_headline {
    padding-left: calc(1.5rem + 0rem);
    padding-right: calc(2.5rem + 0rem);
  }
}
@media only screen and (max-width: 390px) {
  .location_headline {
    padding-left: calc(0.375rem + 0rem);
    padding-right: calc(0.375rem + 0rem);
  }
}
@media only screen and (max-width: 992px) {
  .location_headline {
    padding-left: calc(4.5rem + 0rem);
    font-size: 2rem;
  }
}
@media only screen and (max-width: 390px) {
  .location_headline {
    font-size: 1.5625rem;
  }
}
.location_headline--hotel {
  padding-left: 0;
}
@media only screen and (max-width: 992px) {
  .location_headline--hotel {
    padding-left: 0;
  }
}
.location:not(.location--full) .location_headline {
  font-size: 1.5rem;
}
.richtext-container .location:not(.location--full) .location_headline {
  font-size: 1.5rem;
}
.location_ad {
  margin: 0.2rem 0;
  border: 1px solid #696969;
  padding: 0.15rem 0.3rem;
  font-size: 0.7rem;
  color: #696969;
}
.location_ad-container {
  position: absolute;
  display: block;
  left: 2.2rem;
  top: 3.9rem;
}
@media only screen and (max-width: 992px) {
  .location_ad-container {
    top: 4.25rem;
  }
}
@media only screen and (max-width: 576px) {
  .location_ad-container {
    left: 0;
    top: 3.3rem;
  }
}
.location_ad-container--mobile {
  display: none;
}
.location_subheadline {
  font-size: 0.6875em;
  display: block;
}
.location.location--geonav::before {
  left: 0.3em;
}
.location.location--geonav:focus,
.location.location--geonav:hover {
  background-color: #ffffff;
  cursor: pointer;
  outline: none;
}
.location.location--geonav-central::before {
  top: 1.7em;
}
.location--geonav + .location--geonav {
  margin-top: 0;
  padding-top: 1.2em;
}
.location--geonav-central {
  background-color: #ffffff;
  margin-bottom: 0;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
}
.location--geonav-central::before {
  top: 1.5em;
}
.location--geonav-central + .location--geonav {
  margin-top: 0;
}
.location + .location::before {
  top: 1.5em;
}
.location_image {
  font-size: 0.875em;
  float: right;
  margin: 0 0 0 1em;
  padding: 0;
}
.location_image img {
  width: 100%;
  display: block;
  margin: 0 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: 100%;
  margin-left: 0;
}
.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 .location_comment {
  font-style: italic;
}
.location .location_comment p {
  padding-left: 0;
  padding-right: 0;
}
.location_address {
  display: block;
  margin: 0 0 0.5em;
}
.location_list {
  margin-bottom: 0.8em;
  margin-top: 0.8em;
}
.location_list-item.icon--list::before {
  top: 2px;
}
.location_list-item--indent {
  margin-left: 3rem;
}
.location_list-item--active.icon--list::before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.location_list-title {
  color: #e52236;
  font-family: "Graphik Web", Arial, sans-serif;
  font-size: 1em;
  line-height: 1;
  margin-bottom: 0.2em;
}
.location_list-link {
  font-weight: 300;
  display: inline-block;
  margin: 0 0 0.3em;
}
.location_list-title + .location_sublist {
  margin-top: 0.5em;
}
.location_sublist,
.location_subsublist {
  margin: 0.1em 0 0.7em;
}
.location_sublist > li,
.location_subsublist > li {
  padding-bottom: 0.1em;
  padding-top: 0.1em;
  margin-left: 0;
}
.location_subsublist {
  list-style: circle;
}
.location_sublist {
  padding: 0 0 0.5em;
  margin-left: 27px;
}
.location_sublist--no-indent {
  margin-left: 0;
}
.location_sublist-item--first-descendant-no-margin-top > p: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 > a:first-child {
  margin-top: 0;
}
.location_sublist-item--last-descendant-no-margin-bottom > p: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 > a:last-child {
  margin-bottom: 0;
}
.location_options {
  width: auto;
}
.location_options > a {
  margin-right: 1em;
}
.location_options > li {
  margin: 0 1em 0 -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: 0.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;
}
html[data-webfontloaded] .location_list-link {
  font-family: "Graphik Web", Arial, sans-serif;
}
html[lang="ar"] .location_list-link {
  font-family: Arial, sans-serif;
}
html[lang="ar"] .location_list-title {
  font-family: Arial, sans-serif;
}
html[lang="ja"] .location_list-link {
  font-family: Arial, sans-serif;
}
html[lang="ja"] .location_list-title {
  font-family: Arial, sans-serif;
}
/*

MEDIAQUERIES

*/
@media only screen and (max-width: 959px) {
  .location_ad-container:not(.location_ad-container--always-visible) {
    display: none;
  }
  .location_ad-container.location_ad-container--mobile {
    display: inline-block;
  }
}
@media only screen and (max-width: 699px) {
  .location_image:not(.location_image--responsive) {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .location--geonav {
    padding-left: 1em;
    padding-right: 1em;
  }
  .location--geonav::before {
    display: none;
  }
  .location_options > li {
    width: 100%;
  }
}
.hotel_column--info {
  padding-left: 1em;
}
.hotel_ammenities {
  margin-bottom: 1rem;
}
.hotel_properties {
  margin-bottom: 1rem;
  margin-top: 0.5em;
}
.hotel_properties:not(.hotel_properties--list) li {
  display: inline-block;
}
.hotel_properties--list {
  column-count: 3;
  column-gap: 1rem;
}
.hotel_properties--list li {
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.hotel_subtitle {
  display: block;
  font-size: 1rem;
  margin-top: 0.5rem;
}
.hotel_rooms {
  margin-right: 0.5em;
}
.hotel_beds {
  margin-right: 1.5em;
}
.hotel_link {
  margin-right: 0.5em;
}
.reducedmode .footer_spacer,
.reducedmode .footer,
.reducedmode .service_container,
.reducedmode .navigation,
.reducedmode .grid_column--clip,
.reducedmode .header {
  display: none;
}
/*

MEDIAQUERIES

*/
@media only screen and (max-width: 699px) {
  .hotel_properties--list {
    column-count: 1;
    column-gap: 0;
  }
}
@media only screen and (max-width: 499px) {
  .hotel {
    padding-left: 0;
  }
  .hotel_column--image {
    display: none;
  }
  .hotel_column--info {
    padding-left: 0;
    width: 100%;
  }
}
.toolbar {
  background-color: #ffffff;
  border-top: 1px solid #dcdcdc;
  padding: 1.5rem 1rem;
}
.toolbar_column--last {
  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: 0.8em;
}
.toolbar_item--feedback:hover > span,
.toolbar_item--feedback:focus > span {
  display: inline-block;
}
.toolbar_item--rate {
  text-align: center;
  display: inline-block;
  white-space: nowrap;
}
.toolbar_item--contact {
  text-align: right;
}
.toolbar_targets-container > div {
  border-top: 1px solid #dcdcdc;
  margin-top: 1em;
  padding-top: 1em;
}
/*

MEDIAQUERIES

*/
@media only screen and (max-width: 499px) {
  .toolbar_column {
    padding-top: 0.5em;
    width: 100%;
  }
  .toolbar_item--contact {
    text-align: left;
  }
  .toolbar_column--last {
    justify-content: flex-start;
  }
}
.recommend_email-preview {
  font-size: 0.875em;
  font-family: "Graphik Web", Arial, sans-serif;
  line-height: 1.9;
}
.recommend_email-preview > label {
  background-color: #ffffff;
  border: 1px dotted #040404;
  padding: 0.3em 0.25em 0.1em 0.25em;
}
.recommend_email-preview > label:hover,
.recommend_email-preview > label:focus {
  background-color: #f2f2f2;
  border-color: #e52236;
  cursor: pointer;
}
.recommend_email-preview > label:active {
  background-color: #d9d9d9;
}
.recommend_label {
  background-color: #ffffff;
  border: 1px dotted #040404;
  padding: 0.3em 0.25em 0.1em 0.25em;
}
html[lang="ar"] .recommend_email-preview {
  font-family: Arial, sans-serif;
}
html[lang="ja"] .recommend_email-preview {
  font-family: Arial, sans-serif;
}
@media only screen and (max-width: 759px) {
  .recommend_column--form {
    width: 100%;
  }
  .recommend_column--email-preview {
    display: none;
  }
}
.social {
  margin-bottom: 1.5em;
  width: 100%;
}
.social_list {
  background-color: #f7f7f7;
  height: 3.8em;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: 100%;
  padding-right: 0.5rem;
}
.social_list-label {
  font-size: 0.875em;
  left: 3.8em;
  position: absolute;
  text-transform: uppercase;
  top: 1.5em;
}
html[lang="ru"] .social_list-label {
  left: 1.5em;
}
.social_item {
  display: inline-block;
  height: 100%;
  padding: 0;
  position: relative;
  text-align: left;
  width: 8em;
}
.social_item > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.social_item-pdf {
  background-color: #dd0015;
}
.social_item-pdf::before {
  margin-right: 0;
}
.social_item-pdf:hover {
  background-color: #c40013;
}
.social_item-pdf:focus {
  background-color: #c40013;
}
.social_item-facebook {
  background-color: #436098;
}
.social_item-facebook::before {
  margin-right: 0;
}
.social_item-facebook:hover {
  background-color: #3b5586;
}
.social_item-facebook:focus {
  background-color: #3b5586;
}
.social_item-twitter {
  background-color: #6fc2f1;
}
.social_item-twitter::before {
  margin-right: 0;
}
.social_item-twitter:hover {
  background-color: #58b8ef;
}
.social_item-twitter:focus {
  background-color: #58b8ef;
}
.social_item-googleplus {
  background-color: #cb402a;
}
.social_item-googleplus::before {
  margin-right: 0;
}
.social_item-googleplus:hover {
  background-color: #b63926;
}
.social_item-googleplus:focus {
  background-color: #b63926;
}
.social_item-email {
  background-color: #da9424;
}
.social_item-email::before {
  margin-right: 0;
}
.social_item-email:hover {
  background-color: #c48520;
}
.social_item-email:focus {
  background-color: #c48520;
}
.social_item + .social_item {
  margin-left: -0.3em;
}
.social_icon:before {
  display: block;
  margin: 6px auto;
}
/*

MEDIAQUERIES

*/
@media only screen and (max-width: 1400px) {
  .social--myvienna .social_item {
    width: 5.3rem;
  }
}
@media only screen and (max-width: 1023px) {
  .social.social--article .social_list {
    display: none;
  }
}
@media only screen and (max-width: 1100px) {
  .social_item {
    width: 6em;
  }
}
@media only screen and (max-width: 759px) {
  /* change to 25% when PDF is implemented */
  .social_list {
    display: flex;
    padding: 0;
  }
  .social_item.social_item {
    width: 100%;
  }
  .social_item + .social_item {
    margin-left: 0;
  }
}
@media only screen and (max-width: 699px) {
  .social_icon:before {
    height: 38px;
    margin-top: 14px;
    margin-bottom: 14px;
    width: 38px;
  }
}
@media only screen and (max-width: 499px) {
  .social:not(.social--myvienna)_list-label {
    display: none;
  }
}
.social-mobile {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  background-color: #e52236;
  transition: width 0.2s ease;
  z-index: 99;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  max-width: 50rem;
}
.social-mobile_fallback {
  display: none;
  padding: 0.8rem 1rem;
  overflow: hidden;
}
.social-mobile_button {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  margin-left: -1px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #e52236;
  transition: background 0.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: flex;
}
.social-mobile--open .social-mobile_button {
  display: none;
}
.social-mobile_copylink {
  border: 0;
  border-radius: 1px;
  height: 1.5rem;
  padding: 0.3rem;
  flex-grow: 1;
  min-width: 3rem;
}
.social-mobile_copybutton {
  background: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
  padding-top: 0.2rem;
  box-sizing: border-box;
  height: 1.5rem;
}
.social-mobile_copybutton:focus,
.social-mobile_copybutton:hover {
  background: #e94455;
}
.social-mobile_close {
  background: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
  padding-top: 0.2rem;
  box-sizing: border-box;
  height: 1.5rem;
}
.social-mobile_close:focus,
.social-mobile_close:hover {
  background: #e94455;
}
/*

MEDIAQUERIES

*/
@media only screen and (min-width: 1024px) {
  .social-mobile {
    display: none;
  }
  .social-mobile_button {
    display: none;
  }
}
.searchresults > li {
  border-top: 1px solid #dcdcdc;
  padding: 1.4em 0.5em;
}
.searchresults_snippet {
  display: inline-block;
  margin: 0.2em 0 0.5em 0;
  vertical-align: top;
}
.searchresults_snippet > p {
  margin-bottom: 0;
  margin-top: 0;
}
.searchresults_container {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.searchresults_container:before {
  margin-top: 0.2em;
}
.searchresults_headline-container {
  margin-bottom: 1em;
}
.searchresults_refine-container {
  bottom: 0.3em;
  position: absolute;
  right: 0;
}
.searchresults_breadcrumb {
  margin: 0;
}
.searchresults_wrapper.tile.article {
  padding: 1.875rem 2.5rem 0;
}
@media only screen and (max-width: 992px) {
  .searchresults_wrapper.tile.article {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (max-width: 390px) {
  .searchresults_wrapper.tile.article {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
}
.searchresults_wrapper.tile.article .searchresults a {
  word-break: break-word;
}
.searchresults_wrapper .form_group {
  display: flex;
}
.searchresults_wrapper .form_group .form_field--input {
  flex-grow: 1;
}
/*

MEDIAQUERIES

*/
@media only screen and (max-width: 599px) {
  .searchresults_refine-container {
    display: block;
    float: none;
    margin-bottom: 0.5em;
    position: static;
  }
  .searchresults_breadcrumb {
    font-size: 0.875em;
  }
  .searchresults_breadcrumb > li {
    margin-right: -0.4em;
  }
  .searchresults_breadcrumb a:before {
    height: 18px;
    margin-right: -0.2em;
    width: 18px;
  }
}
.rating {
  white-space: nowrap;
}
.rating--hotel {
  display: inline-flex !important;
}
.rating--condensed > li + li {
  margin-left: -0.65em;
}
.rating_item::before {
  height: 27px;
  padding-left: 0.1em;
  width: 27px;
}
.rating_item:hover,
.rating_item:focus {
  background-color: #f2f2f2;
}
.rating_item:active {
  background-color: #d9d9d9;
  outline: none;
}
.rating--disabled .rating_item:hover,
.rating--disabled .rating_item:focus {
  background-color: transparent;
  cursor: default;
}
.aside {
  font-size: 0.875em;
  width: 100%;
  background-color: #ebebeb;
  margin-top: 0.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: 0.3em;
  margin-top: 2rem;
  font-size: 2.25rem;
  color: #e52236;
}
.aside_headline--toggle,
.aside_headline--small {
  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 + .aside_headline {
  margin-top: 0.8em;
}
.aside_preheadline {
  font-size: 0.3125em;
  color: #040404;
  display: block;
  font-family: "Graphik Web", Arial, sans-serif;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  text-shadow: none;
}
.aside_list-item {
  padding: 0.35em 0;
  line-height: 1.3;
}
.aside_list-item::before {
  margin-top: 0.175em;
}
.aside_list-item::before {
  margin-top: 0;
}
.aside_list-item--margin-top {
  margin-top: 1em;
}
.aside_list-item > a:focus {
  outline: 1px dotted black;
}
.aside_link {
  color: #040404;
}
.aside_subline {
  display: block;
  color: #3d3d3d;
}
html[lang="ar"] .aside_preheadline {
  font-family: Arial, sans-serif;
}
html[lang="ja"] .aside_preheadline {
  font-family: Arial, sans-serif;
}
/*
  MEDIAQUERIES
*/
@media only screen and (min-width: 1274px) {
  .aside {
    font-size: 1em;
  }
  .aside_container--search {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1300px) {
  .aside_headline {
    font-size: 2.25rem;
  }
}
@media only screen and (max-width: 1273px) {
  .aside_headline {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1179px) {
  .aside_headline {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 959px) {
  .aside {
    margin: 2em 0 0;
    padding-bottom: 3em;
  }
  .aside_container {
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .aside_container {
    padding: 0 1em 0 0;
  }
}
/* @import "hacks/aside.less"; */
/* This is a workaround for the B2B-News Widget, which renders as a list, but
   is a richtext-Field in the Backend */
.b2b-news {
  /* SUPER-HACKY, TODO, FIXME */
}
.b2b-news li {
  padding: 0.35em 0;
  line-height: 1.3;
}
.b2b-news li::before {
  margin-top: 0.175em;
}
.b2b-news li:before {
  width: 24px;
  height: 24px;
  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;
}
.b2b-news li strong {
  font-weight: normal;
}
/*!
* jQuery UI CSS Framework 1.11.2
* http://jqueryui.com
*
* Copyright 2014 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/
/* Layout helpers
----------------------------------*/
.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%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.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 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.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: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-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-prev span,
.ui-datepicker .ui-datepicker-next 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: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.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;
}
/* RTL support */
.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 {
  float: left;
}
.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 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  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 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}
/* right-aligned */
.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: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.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: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.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;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.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-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .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: none;
}
/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=0&bgColorHeader=%23ffffff&bgTextureHeader=flat&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=flat&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23e52236&bgTextureHover=flat&borderColorHover=%23e52236&fcHover=%23fff&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=flat&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=flat&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHighlight=55&bgImgOpacityError=95
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  color: #222222;
}
/*.ui-widget-content a {
	color: #222222;
}*/
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  color: #222222;
  font-weight: bold;
}
/*.ui-widget-header a {
	color: #222222;
}*/
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
  font-weight: normal;
  color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #e52236;
  background: #e52236;
  font-weight: normal;
  color: #fff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus 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 #aaaaaa;
  background: #ffffff;
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.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: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.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: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}
.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-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .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");
}
/* positioning */
.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-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  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;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* support: IE8 */
  border-radius: 8px;
}
.ui-tabs {
  border: none;
}
.ui-state-hover,
.ui-state-focus {
  border: 1px solid #e52236;
  background: #e52236;
  font-weight: normal;
  color: #fff;
}
.ui-autocomplete {
  z-index: 99999;
}
/* Timeline */
.player_timeline.ui-slider {
  background-color: #292929;
  background: -webkit-gradient(inear, left top, left bottom, from(#292929), to(#151515));
  background: -webkit-linear-gradient(top, #292929, #151515);
  background: -moz-linear-gradient(top, #292929, #151515);
  background: -ms-linear-gradient(top, #292929, #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: -webkit-linear-gradient(top, #e52236, #c71729);
  background: -moz-linear-gradient(top, #e52236, #c71729);
  background: -ms-linear-gradient(top, #e52236, #c71729);
  background: -linear-gradient(to bottom, #e52236, #c71729);
  cursor: pointer;
  height: 100%;
  position: absolute;
}
.player_timeline .ui-slider-handle {
  padding: 0.5em;
  background-color: #ffffff;
  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: 0.26em;
  position: absolute;
  top: 0.23em;
  width: 1.1em;
  z-index: 201;
}
/* Volume Control */
.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: 0.2em;
}
.player + .article_richtext-container h2:first-child,
.player + .richtext-container h2:first-child {
  margin-top: 0.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: #ffffff;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 1rem;
  z-index: 2200;
  display: flex;
  align-items: center;
}
.cookiedialog p {
  flex-grow: 1;
  display: inline-block;
  margin: 0;
  margin-right: 1rem;
  padding: 0.25rem 0;
}
.cookiedialog a {
  color: #fff;
  text-decoration: underline;
}
.cookiedialog button {
  min-width: 4rem;
}
@media only screen and (max-width: 599px) {
  .cookiedialog:not(.u--is-hidden) {
    display: block;
  }
  .cookiedialog p {
    margin-bottom: 1rem;
  }
  .cookiedialog button {
    float: right;
    margin-bottom: 1rem;
  }
}
/* Sub-Pages */
.head-b2b {
  font-size: 1em;
  padding: 0.2em 1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.head-b2b_label {
  color: #e52236;
  font-size: 1.4em;
}
.head-b2b_link {
  padding-top: 0.5em;
}
/*

MEDIAQUERIES

*/
@media only screen and (max-width: 1023px) {
  .head-b2b {
    display: block;
    background-color: #ebebeb;
  }
  .head-b2b_label {
    font-size: 1rem;
    color: #040404;
    display: block;
  }
  .head-b2b_link {
    font-size: 1rem;
    text-decoration: underline;
    color: #040404;
  }
  .head-b2b_link.icon::before {
    display: none;
  }
}
@media only screen and (max-width: 399px) {
  .head-b2b_label,
  .head-b2b_link {
    font-size: 0.9rem;
  }
}
.vec_welcome-club {
  padding: 1em 0.5em;
}
.vec_welcome-club:hover {
  background-color: #ffffff;
}
.vec_welcome-club + .vec_welcome-club {
  border-top: 1px solid #dcdcdc;
}
.vec_welcome-description {
  margin-bottom: 0;
  margin-top: 0;
}
.vec_welcome-register-link {
  display: block;
}
#vec-welcome-page .article_headline {
  font-size: 1.75rem;
}
#vec-welcome-page .richtext-container {
  max-width: 100%;
}
#vec-welcome-page .richtext-container h2 {
  font-size: 1.75rem;
}
.vec-login-lb {
  font-size: 0.875rem;
}
.vec-login-lb__footer {
  flex-direction: column;
}
.vec-login-lb__footer a {
  align-self: flex-start;
}
.vec-login-lb .form_label {
  color: #e52236;
  margin-bottom: 0.5625rem;
}
.vec-login-lb input.input {
  line-height: 1;
  padding: 0.625rem 1rem;
  border-color: #707070;
  border-radius: 0;
}
.vec-login-lb .button {
  line-height: 1em;
  padding: 0.75rem;
}
.vec-login-lb .button + a {
  margin: 1.5rem 0 0;
}
.vec-login-lb .button + a + a {
  margin: 0.75rem 0 0;
}
.vec-login-lb .form_group + .form_group {
  margin-top: 1.5rem;
}
.vec-login-lb .form_group + .form_group--lmt {
  margin-top: 3rem;
}
.vcb-filter_headline {
  color: #e52236;
  display: block;
  font-size: 3rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
.vcb-filter_headline span[data-filter-counter] {
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .vcb-footer_spacer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.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: 0.5rem;
}
.vcb-overview_no {
  display: inline-block;
  position: absolute;
  right: 50%;
  margin-right: 1.1em;
  top: 0.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;
  flex-grow: 1;
  max-width: 15.5rem;
  font-size: 1.7rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1100px) {
  .vcb-overview_highlight-title {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 1023px) {
  .vcb-overview_highlight-title {
    height: 8rem;
  }
}
@media only screen and (max-width: 899px) {
  .vcb-overview_highlights {
    width: 50%;
  }
  .vcb-overview_highlights:nth-child(even) {
    border-right: none;
  }
  .vcb-overview_highlight-title {
    height: 8rem;
  }
}
@media only screen and (max-width: 599px) {
  .vcb-overview .tile_link.tile_link {
    padding-top: 0;
  }
}
@media only screen and (max-width: 499px) {
  .vcb-overview_highlights.vcb-overview_highlights {
    width: 100%;
    border-right: none;
    margin-bottom: 4rem;
  }
  .vcb-overview_highlight-title {
    height: auto;
  }
}
.vcb-footer a {
  color: #fff;
}
.vcb-footer ul {
  max-width: 100%;
}
.vcb-footer_headline-row {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: flex-end;
}
.vcb-footer_headline {
  font-weight: 400;
  font-size: 2rem;
  line-height: 1rem;
}
.vcb-footer_headline .footer-headline {
  margin-bottom: 0;
}
.vcb-footer_main {
  line-height: 1.6rem;
}
.vcb-footer_detail {
  padding: 1rem 0;
  background-color: #ffffff;
  font-size: 0.9rem;
}
.vcb-footer_detail-column {
  display: inline-block;
  margin-right: 2rem;
}
.vcb-footer_placeholder {
  align-content: flex-start;
  padding-left: 3rem;
}
.vcb-footer_btn {
  font-size: 1.125rem;
  padding: 0.375rem 1rem;
}
.vcb-footer_btn:hover,
.vcb-footer_btn:focus,
.vcb-footer_btn:active {
  color: #e52236;
  background: #ffffff;
}
.vcb-footer .vcb-footer_link--detail {
  color: #040404;
}
@media only screen and (max-width: 899px) {
  .vcb-footer_placeholder {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .vcb-footer_spacer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.sponsorlist_entry {
  padding: 1rem 0;
  border-bottom: 1px solid #ebebeb;
}
.agencylist_entry {
  padding: 1rem 0;
  border-bottom: 1px solid #ebebeb;
}
.agencylist_sponsor {
  margin-top: 1rem;
}
.agencylist_list-content {
  padding-left: 1rem;
}
.greenicon {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: inline-block;
  font-size: 0.9rem;
}
.greenicon--tag {
  padding: 0.4rem 0.5rem;
  border: 1px solid #e52236;
  color: #e52236;
}
.greenicon::before {
  width: 18px;
  height: 18px;
  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;
  margin-right: 0.5rem;
}
/* Helper */
.u {
  /*
    utility classes can be used when it wouldn't make sense to use a the same
    rule inside of a BEM class/modifier. when the required styling is neccessary
    because of composiion the utility class provides the same benefit as a <style>
    tags but are easier to refactor and maintain. utility classes should be
    !important because they should always apply their styling when present.
  */
}
.u--brightness-0 {
  filter: brightness(0%);
}
.u--brightness-25 {
  filter: brightness(25%);
}
.u--brightness-50 {
  filter: brightness(50%);
}
.u--brightness-75 {
  filter: brightness(75%);
}
.u--clearfix::before,
.u--clearfix::after {
  content: " ";
  display: table;
}
.u--clearfix::after {
  clear: both;
}
.u--is-hidden {
  display: none !important;
}
.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-125 {
  font-size: 1.125rem !important;
}
.u--fs-1 {
  font-size: 1rem !important;
}
.u--fs-0-9 {
  font-size: 0.9rem !important;
}
.u--fs-0-8 {
  font-size: 0.8rem !important;
}
.u--overflow-slider {
  overflow-x: hidden;
  position: relative;
}
.u--p-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.u--p-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.u--z-1 {
  z-index: 1;
}
.u--sticky-top {
  position: sticky;
  top: 0;
  z-index: 0;
}
.u--lightbox-open {
  overflow-y: hidden;
}
.u--lightbox-open body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.47);
  z-index: 1999;
}
.u--lightbox-open-rounded {
  overflow-y: auto;
}
.u--lightbox-open-rounded body::after {
  content: none;
}
.u--lightbox-open .u--negative-layer-if-lightbox-open {
  z-index: -1;
}
.u--menu-open {
  overflow-y: hidden;
}
.u--menu-open .navigation::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.47);
  z-index: 1999;
}
.u--is-accessible-hidden,
.u--is-accessible-hidden-not-on-focus,
.u--is-accessible-hidden-not-on-focus-not-on-mobile {
  border: 0 none;
  clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);
  height: 0.1rem !important;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem !important;
}
.u--is-accessible-hidden-not-on-focus:focus {
  height: auto !important;
  width: auto !important;
}
.u--is-accessible-hidden-not-on-focus-not-on-mobile:focus {
  height: auto !important;
  width: auto !important;
}
@media only screen and (max-width: 1023px) {
  .u--is-accessible-hidden-not-on-focus-not-on-mobile:focus {
    width: 0.1em !important;
    height: 0.1em !important;
  }
}
.u--is-centered {
  margin: 0 auto;
}
.u--cursor-pointer {
  cursor: pointer !important;
}
.u--color-brand {
  color: #e52236;
}
.u--color-white {
  color: #ffffff;
}
.u--ta-left {
  text-align: left;
}
.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: 0.5rem !important;
}
.u--margin-left {
  margin-left: 1rem !important;
}
.u--margin-left-1-5x {
  margin-left: 1.5rem !important;
}
.u--margin-right-0-5x {
  margin-right: 0.5rem !important;
}
.u--margin-right {
  margin-right: 1rem !important;
}
.u--margin-bottom-content-2x {
  margin-bottom: calc(var(--mb-content) * 2) !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: 0.5rem;
}
.u--margin-bottom-15px {
  margin-bottom: 15px !important;
}
.u--margin-bottom-headerspacer {
  margin-bottom: 96px;
}
@media only screen and (max-width: 1400px) {
  .u--margin-bottom-headerspacer {
    margin-bottom: 60px;
  }
}
.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: 0.5rem;
}
.u--margin-top-0-3x {
  margin-top: 0.3rem !important;
}
.u--margin-h-auto {
  margin-left: auto;
  margin-right: auto;
}
.u--margin-v {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.u--floats-right {
  float: right !important;
}
.u--floats-left {
  float: left !important;
}
.u--display-i {
  display: inline-block !important;
}
.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: 0.35em 0;
  line-height: 1.3;
}
.u--listitem-padding-compact::before {
  margin-top: 0.175em;
}
.u--padding-compact {
  padding: 0.5em !important;
}
.u--flex-justify-content-ib {
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.u--flex-justify-content-end {
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.u--position-rel {
  position: relative !important;
}
.u--position-sticky {
  position: sticky;
}
.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 {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
html[lang="ar"] .u--ff-sans-serif {
  font-family: Arial, sans-serif !important;
}
html[lang="ja"] .u--ff-sans-serif {
  font-family: Arial, sans-serif !important;
}
body:not(.u--is-touch) .u--is-hidden-if-not-touch {
  display: none !important;
}
.u--is-touch .u--is-hidden-if-touch {
  display: none !important;
}
@media only screen and (max-width: 499px) {
  .u--bxxsmall-no-padding-left {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 599px) {
  .u--xsmall-margin-bottom-15px {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 760px) {
  .hide--gt-small {
    display: none;
  }
}
@media only screen and (max-width: 759px) {
  .hide--lt-small {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  .hide--gt-xsmall {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .hide--lt-xsmall {
    display: none;
  }
}
@media only screen and (min-width: 960px) {
  .hide--gt-medium {
    display: none;
  }
}
@media only screen and (max-width: 959px) {
  .hide--lt-medium {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .hide--gt-large {
    display: none;
  }
}
@media only screen and (min-width: 1274px) {
  .hide--gt-xlarge {
    display: none;
  }
}
@media only screen and (max-width: 1273px) {
  .hide--lt-xlarge {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .hide--lt-large {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .hide--gt-bsmall {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  .hide--lt-bsmall {
    display: none;
  }
}
@media only screen and (max-width: 759px) {
  .hide--lt-small {
    display: none;
  }
}
@media only screen and (min-width: 500px) {
  .hide--gt-bxxsmall {
    display: none;
  }
}
@media only screen and (max-width: 499px) {
  .hide--lt-bxxsmall {
    display: none;
  }
}
@media only screen and (max-width: 449px) {
  .hide--lt-xxsmall {
    display: none;
  }
}
.tile--animation {
  position: relative;
  overflow: hidden;
}
.tile--animation .tile_image,
.tile--animation .tile_icon {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.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: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
}
.tile--animation .icon--2x::before {
  position: absolute;
  bottom: 0.8em;
  left: 0.8em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.tile--animation:hover .tile_image {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  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;
}