/* lato-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/lato-v25-latin-regular.woff2") format("woff2");
}
/* lato-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/lato-v25-latin-700.woff2") format("woff2");
}
.bg-gradient {
  background: linear-gradient(91deg, var(--Brand-Colors-Secondary, #A93468) 0.75%, var(--Brand-Colors-Primary, #E35A10) 99.21%);
}

html, body {
  color: #0D0D0D;
  margin: 0px;
  padding: 0px 0 0px 0;
  font-family: "Lato", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.48px;
  -webkit-text-size-adjust: none;
  moz-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow-y: auto;
  scrollbar-color: rgba(0, 0, 0, 0) transparent;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
html ::-webkit-scrollbar, body ::-webkit-scrollbar {
  opacity: 0;
}
html ::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 0px;
  opacity: 0;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  box-shadow: none;
  border-color: inherit;
}

.trans {
  opacity: 0;
}
.trans.trans-on {
  opacity: 1;
  transition: opacity 650ms ease, transform 650ms ease;
  will-change: opacity, transform;
  transform: translateZ(0);
}

a {
  color: #0D0D0D;
  text-decoration: none;
}

.icon-black {
  -webkit-filter: brightness(0) saturate(100%) invert(5%) sepia(7%) saturate(1056%) hue-rotate(54deg) brightness(98%) contrast(99%);
  filter: brightness(0) saturate(100%) invert(5%) sepia(7%) saturate(1056%) hue-rotate(54deg) brightness(98%) contrast(99%);
}

.content-row {
  float: left;
  width: 100%;
  position: relative;
  margin: 0 0 0 0px;
}

.content-row-inner {
  width: 100%;
  float: left;
  position: relative;
}

.content-row-inner-center {
  width: calc(100% - 96px);
  margin: 0 auto;
  position: relative;
}

h1 {
  color: #A93468;
  font-size: 72px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 0 0 0 0;
}

.boxheadline {
  font-size: 48px;
  margin: 0 0 15px 0;
}

.subline {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.22px;
}

.seperator {
  background: #E3E3E3;
  height: 1px;
  width: 100%;
  float: left;
  margin: 32px 0;
}

.btn-action-100w {
  width: 100%;
  max-width: 100%;
  float: left;
  position: relative;
}

.btn-action-left {
  width: auto;
  max-width: 50%;
  float: left;
  position: relative;
}

.btn-action-right {
  width: auto;
  max-width: 50%;
  float: right;
  position: relative;
}

.btn-action {
  width: 64px;
  height: 64px;
  padding: 0px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  background: #F9F871;
  overflow: hidden;
  float: left;
  text-align: center;
  margin: 0 12px 0 0;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.51px;
}
.btn-action .icon {
  display: inline-block;
  width: auto;
  height: 22px;
  margin: 20px auto 0 auto;
  position: relative;
}
.btn-action.btn-labelicontext {
  width: auto;
  padding: 0 20px 0 20px;
  margin-right: 0px;
}
.btn-action.btn-labelicontext .icon {
  margin: 17px 10px 0 0;
  top: 5px;
}
.btn-action.btn-labelicontext .icon-down {
  width: 12px;
  position: relative;
  top: 6px;
  margin: 0 0 0 5px;
}
.btn-action.btn-zoomin .icon {
  height: auto;
  top: 5px;
}
.btn-action.btn-zoomout .icon {
  height: auto;
  top: 11px;
}

.btn-language {
  position: relative;
  top: 0px;
  transition: top 350ms ease, transform 350ms ease;
  will-change: top, transform;
  transform: translateZ(0);
}
.btn-language .spracheselector {
  position: absolute;
  z-index: 10;
  background: #F9F871;
  top: 48px;
  display: none;
}
.btn-language .spracheselector .btn-lang {
  display: block;
  float: left;
  width: calc(100% - 45px);
  text-align: left;
  margin: 1px 0 1px 0;
  padding: 3px 0px 0 37px;
}
.btn-language.langselectorOpen {
  top: -60px;
  height: 130px;
}
.btn-language.langselectorOpen .spracheselector {
  display: block;
}

.box-btnmove {
  position: relative;
  float: left;
}
.box-btnmove .btn-move .icon {
  height: 35px;
  margin-top: 16px;
}
.box-btnmove .btn-move-top, .box-btnmove .btn-move-bottom, .box-btnmove .btn-move-right, .box-btnmove .btn-move-left {
  display: none;
  position: absolute;
  z-index: 9999;
}
.box-btnmove.open {
  left: 0;
  top: -76px;
}
.box-btnmove.open .btn-move {
  background-color: #0D0D0D;
}
.box-btnmove.open .btn-move .icon {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(7387%) hue-rotate(354deg) brightness(98%) contrast(95%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(7387%) hue-rotate(354deg) brightness(98%) contrast(95%);
}
.box-btnmove.open .btn-move-top, .box-btnmove.open .btn-move-bottom, .box-btnmove.open .btn-move-right, .box-btnmove.open .btn-move-left {
  display: block;
}
.box-btnmove.open .btn-move-top .icon, .box-btnmove.open .btn-move-bottom .icon, .box-btnmove.open .btn-move-right .icon, .box-btnmove.open .btn-move-left .icon {
  width: 20px;
}
.box-btnmove.open .btn-move-right {
  left: 76px;
  top: 0px;
  transform: rotate(-90deg);
}
.box-btnmove.open .btn-move-right .icon {
  margin: 23px 0px 0 0px;
}
.box-btnmove.open .btn-move-left {
  left: -76px;
  top: 0px;
  transform: rotate(90deg);
}
.box-btnmove.open .btn-move-left .icon {
  margin: 21px 0px 0px 0px;
}
.box-btnmove.open .btn-move-top {
  left: 0px;
  top: -76px;
  transform: rotate(180deg);
}
.box-btnmove.open .btn-move-top .icon {
  margin: 22px 0px 0px 0px;
}
.box-btnmove.open .btn-move-bottom {
  left: 0px;
  top: 76px;
}
.box-btnmove.open .btn-move-bottom .icon {
  margin: 22px 0px 0px 0px;
}

.box-searchinput {
  float: left;
  position: absolute;
  width: 0px;
  opacity: 0;
  pointer-events: none;
  z-index: -9;
}
.box-searchinput #searchWord {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  width: calc(100% - 40px);
  height: 59px;
  padding: 0px 0 0 20px;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.48px;
}

.searchActive .box-searchinput {
  width: calc(100% - 155px);
  position: relative;
  opacity: 1;
  pointer-events: inherit;
  z-index: 1;
  transition: width 350ms ease, transform 350ms ease;
  will-change: width, transform;
  transform: translateZ(0);
}

.content-row-header {
  padding: 32px 0;
}
.content-row-header .logo {
  width: 189px;
  float: left;
}
.content-row-header .logo .img-logo {
  display: block;
  width: 189px;
  height: auto;
}
.content-row-header .navigation {
  float: right;
  width: auto;
  max-width: calc(100% - 200px);
}
.content-row-header .navigation .navigation-item {
  float: left;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  margin: 0 32px 0 0;
}
.content-row-header .navigation .navigation-item:after {
  content: "";
  width: 2px;
  height: 20px;
  background-color: #ffffff;
  position: relative;
  display: inline-block;
  margin: 0px 0px 0 22px;
  top: 3px;
}
.content-row-header .navigation .navigation-item:last-child {
  margin-right: 0px;
}
.content-row-header .navigation .navigation-item:last-child:after {
  display: none;
}
.content-row-header .navigation .navigation-item .img-icon {
  height: 20px;
  position: relative;
  top: 3px;
  margin: 0 5px 0 0;
}
.content-row-header .navigation .navigation-item.navigation-item-weather {
  position: relative;
}
.content-row-header .navigation .navigation-item.navigation-item-weather .img-icon {
  top: 1px;
  width: 27px;
}
.content-row-header .navigation .navigation-item.navigation-item-weather #dataWeather {
  display: inline-block;
  min-width: 15px;
  min-height: 1px;
  text-align: right;
}
.content-row-header .navigation .navigation-item.navigation-item-weather .copyinfo {
  display: block;
  position: absolute;
  width: 100%;
  font-size: 8px;
  top: 18px;
  right: 0px;
  text-align: right;
}

.content-row-mainboxes .boxpart-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.content-row-mainboxes .boxpart-wrapper .boxpart {
  align-items: stretch;
  background: #fff;
  height: calc(100vh - 142px);
  border-radius: 32px;
  overflow: hidden;
  position: relative;
}
.content-row-mainboxes .boxpart-wrapper .boxpart-left {
  flex: 0 0 743px;
}
.content-row-mainboxes .boxpart-wrapper .boxpart-left .boxpart-inner {
  float: left;
  width: calc(100% - 112px);
  margin: 56px 0 0 56px;
  min-height: 850px;
}
.content-row-mainboxes .boxpart-wrapper .box-right {
  flex: 0 0 1051px;
}
.content-row-mainboxes .boxpart-wrapper .box-right .boxpart-inner {
  float: left;
  width: calc(100% - 112px);
  margin: 56px 0 0 56px;
}
.content-row-mainboxes .boxpart-wrapper .box-right .boxpart-inner .box-imagebuttons {
  width: 100%;
  float: left;
  margin: 56px 0 0 0;
}
.content-row-mainboxes .boxpart-wrapper .box-right .boxpart-inner .box-imagebuttons .imagebutton-item {
  width: 32%;
  float: left;
  border-radius: 8px;
  height: 247px;
  margin: 0 2% 0 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.content-row-mainboxes .boxpart-wrapper .box-right .boxpart-inner .box-imagebuttons .imagebutton-item:last-child {
  margin-right: 0px;
}
.content-row-mainboxes .boxpart-wrapper .box-right .boxpart-inner .box-imagebuttons .imagebutton-item .img-btnbg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-row-mainboxes .boxpart-wrapper .box-right .boxpart-inner .box-imagebuttons .imagebutton-item .label {
  position: absolute;
  z-index: 5;
  background: #F9F871;
  width: 200px;
  text-align: center;
  font-size: 17px;
  letter-spacing: 0.51px;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -100px;
  padding: 15px 0;
  border-radius: 8px;
  color: #0D0D0D;
  font-weight: 600;
}
@keyframes fadeLoop {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.content-row-mainboxes .boxpart-wrapper .box-right .boxpart-inner .box-imagebuttons .imagebutton-item.imagebutton-item-loading .label {
  overflow: hidden;
}
.content-row-mainboxes .boxpart-wrapper .box-right .boxpart-inner .box-imagebuttons .imagebutton-item.imagebutton-item-loading .label:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  opacity: 1;
  height: 2px;
  z-index: 5;
  border-radius: 0px;
  background: linear-gradient(91deg, var(--Brand-Colors-Secondary, #A93468) 0.75%, var(--Brand-Colors-Primary, #E35A10) 99.21%);
  animation: fadeLoop 2000ms ease-in-out infinite alternate;
}
.content-row-mainboxes .boxpart-wrapper .box-right .box-actionbtn {
  border-top: 1px solid #E3E3E3;
  height: 120px;
  width: 100%;
  float: left;
  position: absolute;
  bottom: 0px;
}
.content-row-mainboxes .boxpart-wrapper .box-right .box-actionbtn .boxpart-inner {
  margin: 30px 0 0 56px;
}

.box-ads {
  padding: 0;
  border-radius: 32px;
  overflow: hidden;
  height: calc(100% - 48px);
  width: calc(100% - 48px);
  float: left;
  position: relative;
  margin: 24px 0 0 24px;
}
.box-ads .img-ad {
  border-radius: 32px;
  width: 100%;
  display: block;
}

.box-filter {
  width: 100%;
  position: absolute;
  bottom: 0px;
}
.box-filter .title {
  width: 100%;
  float: left;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.66px;
  margin: 0 0 10px 0;
}
.box-filter .filtertag-item {
  display: inline-block;
  margin: 10px 10px 0 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.48px;
  border-radius: 8px;
  border: 1px solid #0D0D0D;
  padding: 5px 20px 6px 20px;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 350ms ease, transform 350ms ease;
  will-change: background-color, transform;
  transform: translateZ(0);
}
.box-filter .filtertag-item.selected {
  background-color: #0D0D0D;
  color: #ffffff;
}
.box-filter .box-filtertags-color {
  margin: 0 0 30px 0;
}
.box-filter .box-filtertags-color .colorItem {
  height: 48px;
  width: 48px;
  border: 2px solid #ffffff;
}
.box-filter .box-filtertags-color .colorItem.selected {
  border: 2px solid #0D0D0D;
}

.content-row-mainboxes-navigation .box-centernavigation {
  position: relative;
  float: left;
  width: 100%;
  margin: 0px 0 0 -30px;
  min-height: calc(100vh - 450px);
}
.content-row-mainboxes-navigation .box-centernavigation .box-levelselector {
  position: absolute;
  width: 64px;
  right: -18px;
  bottom: 183px;
  z-index: 99;
}
.content-row-mainboxes-navigation .box-centernavigation .box-levelselector .btn-levelselect {
  width: 64px;
  height: 64px;
  padding: 0px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  background: #F9F871;
  overflow: hidden;
  float: left;
  text-align: center;
  margin: 0 0px 12px 0;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.51px;
  transition: background 350ms ease, transform 350ms ease;
  will-change: background, transform;
  transform: translateZ(0);
}
.content-row-mainboxes-navigation .box-centernavigation .box-levelselector .btn-levelselect .label {
  display: inline-block;
  width: auto;
  height: 22px;
  margin: 18px auto 0 auto;
  position: relative;
  font-size: 17px;
  font-weight: 600;
}
.content-row-mainboxes-navigation .box-centernavigation .box-levelselector .btn-levelselect.deactive {
  background: #E3E3E3;
  color: #0D0D0D;
  pointer-events: none;
}
.content-row-mainboxes-navigation .box-centernavigation .box-levelselector .btn-levelselect.active {
  background: #0D0D0D;
  color: #F9F871;
}
.content-row-mainboxes-navigation .box-centernavigation .box-level {
  display: none;
  position: relative;
  width: 100%;
  float: left;
  pointer-events: none;
}
.content-row-mainboxes-navigation .box-centernavigation .box-level.show {
  display: block !important;
}
.content-row-mainboxes-navigation .box-centernavigation .box-level .maplayer {
  display: block;
  width: 100%;
  height: auto;
}
.content-row-mainboxes-navigation .box-centernavigation .box-level .box-navline {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  pointer-events: none;
}

.show2maplayer .content-row-mainboxes-navigation .box-centernavigation .box-level {
  width: 60%;
  margin: 0px auto 10px auto;
  float: none;
}
.show2maplayer .content-row-mainboxes-navigation .box-centernavigation .box-level.level-1 {
  display: none;
}
.show2maplayer .content-row-mainboxes-navigation .box-centernavigation .box-level.level-2 {
  display: none;
}
.show2maplayer .content-row-mainboxes-navigation .box-centernavigation .box-level.level-3 {
  display: none;
}
.show2maplayer .box-centernavigation .box-levelselector {
  bottom: 215.5px;
}

.navigateMetainfos {
  float: left;
  width: 100%;
  margin: 12px 0 0 0;
}
.navigateMetainfos .box-arrow {
  display: inline-block;
  width: 87px;
  height: 87px;
  float: left;
  background-color: #eeeeee;
  text-align: center;
  border-radius: 8px;
  margin: 0 20px 0 0;
  transition: background-color 650ms ease, transform 650ms ease;
  will-change: background-color, transform;
  transform: translateZ(0);
}
.navigateMetainfos .box-arrow .img-arrow {
  display: inline-block;
  position: relative;
  top: 30px;
}
.navigateMetainfos .navigateInfo-layer-housetohouse .box-arrow {
  width: 32px;
  height: 32px;
  margin: 2px 15px 0 0px;
  background-color: #ffffff;
}
.navigateMetainfos .navigateInfo-layer-housetohouse .box-arrow .img-arrow {
  top: 0;
  width: 12px;
  height: auto;
  left: 0px;
  margin: 0 0 -2px 0px;
}
.navigateMetainfos .navigateInfo-layer-housetohouse .label {
  position: relative;
  top: 2px;
  left: -6px;
}
.navigateMetainfos .navigateInfo-layer-housetohouse .label .iconarrow {
  display: inline-block;
  height: 21px;
  position: absolute;
  z-index: 10;
  top: 6px;
}
.navigateMetainfos .navigateInfo-layer-housetohouse .label .label-targethouse-val {
  display: inline-block;
  border-radius: 8px;
  color: #fff;
  padding: 0px 10px 0 10px;
  margin: 0 0 0 20px;
  height: 32px;
  line-height: 30px;
  font-weight: 600;
  transition: background-color 650ms ease, transform 650ms ease;
  will-change: background-color, transform;
  transform: translateZ(0);
}
.navigateMetainfos .label {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.66px;
  display: inline-block;
  width: calc(100% - 115px);
  margin: 0px 0 0 0;
  position: relative;
  top: 0px;
  float: left;
}
.navigateMetainfos .label.label-navigateInfo {
  height: 87px;
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.navigateMetainfos .navigateInfo-target {
  float: left;
  width: 100%;
  margin: 32px 0 0 0;
  padding: 32px 0 0 0;
  border-top: 1px solid #E3E3E3;
}
.navigateMetainfos .navigateInfo-target .box-icon {
  display: inline-block;
  float: left;
  margin: 0 12px 0 0;
  width: 20px;
}
.navigateMetainfos .navigateInfo-target .label {
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  float: left;
}
.navigateMetainfos .navigateInfo-walktime {
  float: left;
  width: 100%;
  margin: 12px 0 0 0;
}
.navigateMetainfos .navigateInfo-walktime .box-icon {
  display: inline-block;
  float: left;
  margin: -3px 12px 0 0;
  width: 20px;
}
.navigateMetainfos .navigateInfo-walktime .label {
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  float: left;
}
.navigateMetainfos .navigateInfo-layer {
  float: left;
  width: 100%;
  margin: 12px 0 0 0;
}
.navigateMetainfos .navigateInfo-layer .box-icon {
  display: inline-block;
  float: left;
  margin: -1px 12px 0 0;
  width: 20px;
}
.navigateMetainfos .navigateInfo-layer .label {
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  float: left;
}
.navigateMetainfos .navigateInfo-citycolor {
  float: left;
  width: 100%;
  margin: 12px 0 0 0;
}
.navigateMetainfos .navigateInfo-citycolor .box-color {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #E3E3E3;
  border-radius: 4px;
  float: left;
}
.navigateMetainfos .navigateInfo-citycolor .box-color.green {
  background-color: #01A888;
}
.navigateMetainfos .navigateInfo-citycolor .img-arrow.icon-black {
  width: 14px;
  float: left;
  margin: 0 10px 0 10px;
  position: relative;
  top: 8px;
}
.navigateMetainfos .navigateInfo-citycolor .label-citycolor {
  display: inline-block;
  border-radius: 4px;
  padding: 0 15px 0 15px;
  height: 30px;
  color: #fff;
  font-weight: 600;
  background-color: #0D0D0D;
}
.navigateMetainfos .navigateInfo-citycolor .label-citycolor.red {
  background-color: #E5354C;
}
.navigateMetainfos .btn-show2layer {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  text-decoration: underline;
  opacity: 0.3;
  cursor: pointer;
}
.navigateMetainfos .btn-show2layer:hover {
  opacity: 0.8;
}

.btn-action.off, .box-btnmove.off {
  pointer-events: none;
  opacity: 0.3;
}

.moveboxwrapper-centernavigation {
  width: 100%;
  height: 710px;
  overflow: hidden;
  position: relative;
  float: left;
}
.moveboxwrapper-centernavigation .movebox-centernavigation {
  width: 100%;
  height: 100%;
  position: relative;
  margin-left: 0%;
  top: 0px;
  left: 0px;
  transition: all 150ms ease, transform 150ms ease;
  will-change: all, transform;
  transform: translateZ(0);
}
.moveboxwrapper-centernavigation.zoom-0 .movebox-centernavigation {
  left: 0px !important;
  top: 0px !important;
  cursor: default !important;
  touch-action: none;
}
.moveboxwrapper-centernavigation.zoom-1 .movebox-centernavigation {
  margin-left: -20%;
  width: 140%;
  height: 140%;
  position: relative;
  cursor: grab;
  touch-action: none;
}
.moveboxwrapper-centernavigation.zoom-2 .movebox-centernavigation {
  margin-left: -70%;
  width: 220%;
  height: 220%;
  position: relative;
  cursor: grab;
  touch-action: none;
}
.moveboxwrapper-centernavigation.zoom-3 .movebox-centernavigation {
  margin-left: -150%;
  width: 320%;
  height: 320%;
  position: relative;
  cursor: grab;
  touch-action: none;
}

.val-navi {
  display: none;
}

.view-navi .val-navi {
  display: inline-block;
}
.view-navi .val-plan {
  display: none;
}
.view-navi .btn-levelselect {
  pointer-events: none;
}

.starthouse-BlueCity .navigateInfo-layer-housetohouse .box-arrow {
  background-color: #52a8d1 !important;
}

.starthouse-VioletCity .navigateInfo-layer-housetohouse .box-arrow {
  background-color: #c182b3 !important;
}

.starthouse-YellowCity .navigateInfo-layer-housetohouse .box-arrow {
  background-color: #f8b96b !important;
}

.starthouse-GreenCity .navigateInfo-layer-housetohouse .box-arrow {
  background-color: #01A888 !important;
}

.starthouse-RedCity .navigateInfo-layer-housetohouse .box-arrow {
  background-color: #E5354C !important;
}

.targethouse-BlueCity .navigateMetainfos .box-arrow, .targethouse-BlueCity .navigateMetainfos .label-targethouse-val {
  background-color: #52a8d1;
}

.targethouse-VioletCity .navigateMetainfos .box-arrow, .targethouse-VioletCity .navigateMetainfos .label-targethouse-val {
  background-color: #c182b3;
}

.targethouse-GreenCity .navigateMetainfos .box-arrow, .targethouse-GreenCity .navigateMetainfos .label-targethouse-val {
  background-color: #01A888;
}

.targethouse-YellowCity .navigateMetainfos .box-arrow, .targethouse-YellowCity .navigateMetainfos .label-targethouse-val {
  background-color: #f8b96b;
}

.targethouse-RedCity .navigateMetainfos .box-arrow, .targethouse-RedCity .navigateMetainfos .label-targethouse-val {
  background-color: #E5354C;
}

.goUp .navigateMetainfos .box-arrow {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.goDown .navigateMetainfos .box-arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.filtertag-item[data-poiid="23"] {
  display: none;
}

.filtertag-item.poi.active {
  background-color: #0D0D0D;
  color: #ffffff;
}

.poi-item {
  z-index: 20;
  display: none;
  position: absolute;
  transform: translate(-50%, -100%);
  pointer-events: auto;
  z-index: 10;
}
.poi-item img {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: #F9F871;
  border-radius: 8px;
  padding: 3px;
  box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.2);
}

.poi-type-19,
.poi-type-10,
.poi-type-6,
.poi-type-14,
.poi-type-16,
.poi-type-12,
.poi-type-17,
.poi-type-23,
.poi-type-20,
.poi-type-13,
.poi-type-22 {
  display: none !important;
}

.level-0 .poi-level-0.show {
  display: block;
}

.level-1 .poi-level-1.show {
  display: block;
}

.level-2 .poi-level-2.show {
  display: block;
}

.level-3 .poi-level-3.show {
  display: block;
}

.content-row-mainboxes-search .hidden {
  display: none !important;
}
.content-row-mainboxes-search .scrollwrapper {
  float: left;
  overflow: hidden;
  width: 100%;
}
.content-row-mainboxes-search .scrollwrapper .scrollbox {
  overflow: auto;
  height: calc(100vh - 350px);
}
.content-row-mainboxes-search .searchResults {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
  box-sizing: border-box;
}
.content-row-mainboxes-search .searchResults .shopItem {
  flex: 0 0 calc((100% - 200px) / 6);
  box-sizing: border-box;
  min-width: 0;
  display: block;
  height: 160px;
}
.content-row-mainboxes-search .searchResults .shopItem a {
  color: #0D0D0D;
  text-decoration: none;
}
.content-row-mainboxes-search .searchResults .shopItem .item-shop {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}
.content-row-mainboxes-search .searchResults .shopItem .item-shop .box-shopimage {
  width: 100%;
  height: 120px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.content-row-mainboxes-search .searchResults .shopItem .item-shop .box-shopimage .shoplogo {
  display: block;
  max-width: 90%;
  max-height: 90%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.content-row-mainboxes-search .searchResults .shopItem .item-shop .shopname {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  line-height: 20px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.content-row-mainboxes-search .searchResults .NoSearchMatch {
  display: none !important;
}
.content-row-mainboxes-search .searchResults .SearchMatch {
  display: block !important;
}

.box-keyboard {
  position: absolute;
  width: calc(100% - 112px);
  height: 250px;
  z-index: 99999;
  bottom: 120px;
  background-color: #F2F2F2;
  border-radius: 24px 24px 0 0;
  left: 56px;
  opacity: 0;
  pointer-events: none;
  transition: all 650ms ease, transform 650ms ease;
  will-change: all, transform;
  transform: translateZ(0);
}
.box-keyboard .keyboard {
  display: grid;
  gap: 14px;
  padding: 24px;
}
.box-keyboard .keyboard .row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 58px;
  column-gap: 14px;
  justify-content: center;
  justify-items: center;
}
.box-keyboard .keyboard .row.row--r2 {
  margin-left: 12px;
}
.box-keyboard .keyboard .row.row--r3 {
  margin-left: 28px;
}
.box-keyboard .keyboard .row.row--r4 {
  margin-left: 56px;
}
.box-keyboard .keyboard .row.row--space {
  margin-left: 0;
}
.box-keyboard .keyboard .row .key {
  height: 54px;
  width: 54px;
  border-radius: 12px;
  border: 1px solid #e3e3e3;
  background: #fff;
  color: #222;
  font-size: 20px;
  font-weight: 500;
  display: grid;
  place-items: center;
  box-shadow: 0 1px 0 0 #e3e3e3 inset, 0 1px 2px rgba(0, 0, 0, 0.06);
  padding: 0;
  cursor: pointer;
}
.box-keyboard .keyboard .row .key.pressed {
  background: #E35A10;
  color: #fff;
  border-color: transparent;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 2px 6px rgba(234, 106, 33, 0.35);
  outline: none;
}
.box-keyboard .keyboard .row .key.key--space {
  width: 360px;
  height: 58px;
}

.searchActive .box-keyboard {
  opacity: 1;
  pointer-events: inherit;
  height: 400px;
  padding: 40px 0 0 0;
}

.shopItem.isHidden {
  display: none !important;
}

.searchGastro .content-row-mainboxes-search .searchResults .ListshopItem {
  display: none !important;
}

.searchShops .content-row-mainboxes-search .searchResults .ListgastroItem {
  display: none !important;
}

.box-ads .img-ad-potrait {
  display: none;
}

.PotraitView .content-row-header .navigation .navigation-item.navigation-item-weather,
.PotraitView .content-row-header .navigation .navigation-item.navigation-item-date {
  display: none;
}
.PotraitView .content-row-header .navigation .navigation-item.navigation-item-time:after {
  display: none;
}
.PotraitView .content-row-mainboxes .boxpart-wrapper {
  display: block;
  flex-direction: column !important;
}
.PotraitView .content-row-mainboxes .boxpart-wrapper .boxpart-left,
.PotraitView .content-row-mainboxes .boxpart-wrapper .box-right {
  width: 100%;
  height: 877px;
  aspect-ratio: 1/1;
}
.PotraitView .content-row-mainboxes .boxpart-wrapper .boxpart-left {
  margin: 0 0 30px 0;
}
.PotraitView .content-row-mainboxes-search .boxpart-wrapper .boxpart-left {
  order: 2;
}
.PotraitView .content-row-mainboxes-search .boxpart-wrapper .box-right {
  order: 1;
}
.PotraitView .boxpart-wrapper .boxpart-left .boxpart-inner {
  min-height: 755px;
}
.PotraitView .content-row-mainboxes-search .scrollwrapper .scrollbox {
  height: 667px;
}
.PotraitView .box-keyboard {
  width: 100%;
  left: 0px;
}
.PotraitView .moveboxwrapper-centernavigation .movebox-centernavigation {
  margin-top: 100px !important;
}
.PotraitView .content-row-mainboxes-navigation .box-centernavigation .box-levelselector {
  right: -50px;
  top: 0px;
}
.PotraitView .img-ad-landscape {
  display: none !important;
}
.PotraitView .img-ad-potrait {
  display: block !important;
}
.PotraitView .BoxStartEbene {
  display: none;
}
.PotraitView .show2maplayer .content-row-mainboxes-navigation .box-centernavigation .box-level {
  width: 100%;
}
.PotraitView .content-row-mainboxes .boxpart-wrapper .box-right .box-actionbtn {
  background: #fff;
}

/*
@tailwind base;
@tailwind components;
@tailwind utilities;

@import "fonts.scss";
@import "index.scss";
@import "searchSite.scss";

//border


// Buttons
.primary-btn {
    background-color: rebeccapurple;
}

//navigation

.navigation {
    display: none;
    .location {
        .locationIcon {
            &::before {
                content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M17.9999 4.48C16.4086 2.8887 14.2504 1.99472 11.9999 1.99472C9.74949 1.99472 7.59123 2.8887 5.99993 4.48C4.40863 6.0713 3.51465 8.22957 3.51465 10.48C3.51465 12.7304 4.40863 14.8887 5.99993 16.48L11.2699 21.76C11.3629 21.8537 11.4735 21.9281 11.5954 21.9789C11.7172 22.0297 11.8479 22.0558 11.9799 22.0558C12.1119 22.0558 12.2426 22.0297 12.3645 21.9789C12.4864 21.9281 12.597 21.8537 12.6899 21.76L17.9999 16.43C19.5846 14.8453 20.4748 12.6961 20.4748 10.455C20.4748 8.21395 19.5846 6.06468 17.9999 4.48ZM16.5699 15L11.9999 19.59L7.42993 15C6.52707 14.0963 5.91241 12.9452 5.66362 11.6923C5.41484 10.4393 5.54312 9.14075 6.03223 7.96068C6.52135 6.78062 7.34935 5.77205 8.41156 5.06248C9.47377 4.35291 10.7225 3.97418 11.9999 3.97418C13.2773 3.97418 14.5261 4.35291 15.5883 5.06248C16.6505 5.77205 17.4785 6.78062 17.9676 7.96068C18.4567 9.14075 18.585 10.4393 18.3362 11.6923C18.0875 12.9452 17.4728 14.0963 16.5699 15ZM8.99993 7.41C8.19264 8.21977 7.73932 9.31657 7.73932 10.46C7.73932 11.6034 8.19264 12.7002 8.99993 13.51C9.59969 14.1108 10.3635 14.5211 11.1956 14.6894C12.0276 14.8577 12.8909 14.7766 13.677 14.4562C14.4631 14.1357 15.1371 13.5903 15.6144 12.8883C16.0917 12.1862 16.3511 11.3589 16.3599 10.51C16.3644 9.94321 16.2553 9.38126 16.0388 8.85739C15.8224 8.33352 15.5032 7.85836 15.0999 7.46C14.7036 7.05458 14.231 6.73154 13.7094 6.50947C13.1877 6.2874 12.6273 6.17068 12.0603 6.16603C11.4934 6.16138 10.9311 6.2689 10.4059 6.48239C9.88067 6.69588 9.40285 7.01113 8.99993 7.41ZM13.6899 12.09C13.311 12.4747 12.8101 12.7159 12.2731 12.7723C11.736 12.8286 11.196 12.6966 10.7454 12.3989C10.2949 12.1012 9.96173 11.6562 9.80294 11.1401C9.64415 10.6239 9.66958 10.0686 9.87489 9.56916C10.0802 9.06967 10.4526 8.65702 10.9285 8.40174C11.4044 8.14646 11.9542 8.06441 12.4839 8.16962C13.0135 8.27483 13.4902 8.56076 13.8324 8.97853C14.1746 9.39631 14.3611 9.91997 14.3599 10.46C14.3454 11.0773 14.0864 11.6635 13.6399 12.09H13.6899Z' fill='white'/%3e%3c/svg%3e");
                display: inline-block;
                width: 24px;
                height: 24px;
                margin-right: 8px;
                vertical-align: middle;
            }
        }
        .time {
            &::before {
                content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11 2C9.02219 2 7.08879 2.58649 5.4443 3.6853C3.79981 4.78412 2.51809 6.3459 1.76121 8.17317C1.00433 10.0004 0.806299 12.0111 1.19215 13.9509C1.578 15.8907 2.53041 17.6725 3.92894 19.0711C5.32746 20.4696 7.10929 21.422 9.0491 21.8079C10.9889 22.1937 12.9996 21.9957 14.8268 21.2388C16.6541 20.4819 18.2159 19.2002 19.3147 17.5557C20.4135 15.9112 21 13.9778 21 12C21 10.6868 20.7413 9.38642 20.2388 8.17317C19.7363 6.95991 18.9997 5.85752 18.0711 4.92893C17.1425 4.00035 16.0401 3.26375 14.8268 2.7612C13.6136 2.25866 12.3132 2 11 2ZM11 20C9.41775 20 7.87104 19.5308 6.55544 18.6518C5.23985 17.7727 4.21447 16.5233 3.60897 15.0615C3.00347 13.5997 2.84504 11.9911 3.15372 10.4393C3.4624 8.88743 4.22433 7.46197 5.34315 6.34315C6.46197 5.22433 7.88743 4.4624 9.43928 4.15372C10.9911 3.84504 12.5997 4.00346 14.0615 4.60896C15.5233 5.21447 16.7727 6.23984 17.6518 7.55544C18.5308 8.87103 19 10.4177 19 12C19 14.1217 18.1572 16.1566 16.6569 17.6569C15.1566 19.1571 13.1217 20 11 20ZM11 6C10.7348 6 10.4804 6.10536 10.2929 6.29289C10.1054 6.48043 10 6.73478 10 7V11.42L7.9 12.63C7.70736 12.7392 7.5564 12.9092 7.47078 13.1134C7.38517 13.3176 7.36975 13.5444 7.42695 13.7583C7.48414 13.9722 7.61072 14.1611 7.78682 14.2953C7.96292 14.4296 8.17859 14.5015 8.4 14.5C8.57518 14.5012 8.7476 14.4564 8.9 14.37L11.5 12.87L11.59 12.78L11.75 12.65C11.7891 12.6005 11.8226 12.5468 11.85 12.49C11.8826 12.4363 11.9094 12.3793 11.93 12.32C11.9572 12.2564 11.9741 12.1889 11.98 12.12L12 12V7C12 6.73478 11.8946 6.48043 11.7071 6.29289C11.5196 6.10536 11.2652 6 11 6Z' fill='white'/%3e%3c/svg%3e");
                display: inline-block;
                width: 24px;
                height: 24px;
                margin-right: 8px;
                vertical-align: middle;
            }
        }
    }
}
.container-full {
    height: calc(100vh - 2rem - 32px - 3rem - 48px);
}
*/

/*# sourceMappingURL=snavigation.css.map */