/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/LegendItem.vue?vue&type=style&index=0&id=38593901&prod&lang=scss&scoped=true& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.v-card[data-v-38593901] {
  display: flex !important;
  flex-direction: column;
}
.v-card__text[data-v-38593901] {
  flex-grow: 1;
  overflow: auto;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/KontextView.vue?vue&type=style&index=0&id=f8afd414&prod&lang=scss& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.token {
  background-color: #eee;
  border: 1px solid black;
  border-radius: 5px;
}
.token:hover {
  background-color: lightblue;
  border: 1px solid purple;
}
.focustoken {
  background-color: #999;
  border: 1px solid black;
  border-radius: 5px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/TagViewSelect.vue?vue&type=style&index=0&id=1b8a6e03&prod&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.whiteText[data-v-1b8a6e03] {
  color: white;
}
.groupAdd[data-v-1b8a6e03] {
  border-radius: 15px;
  margin-left: 5px;
}
.addTag[data-v-1b8a6e03] {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.addButton[data-v-1b8a6e03] {
  margin-right: 5px;
  background-color: grey;
}
.childGroup[data-v-1b8a6e03] {
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
.tagGroup[data-v-1b8a6e03] {
  border: 1px solid black;
  padding: 0px 10px;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/CircleDiagram.vue?vue&type=style&index=0&id=150fb814&prod&lang=scss& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover {
  transition: 0.5s ease-in-out;
  transform-origin: 50% 50%;
  cursor: pointer;
}
.hover:hover {
  transform: scaleY(1.1) scaleX(1.1);
}
.hover p:hover {
  cursor: pointer;
}
#text {
  position: fixed;
  background-color: white;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid black;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/ChartViewer.vue?vue&type=style&index=0&id=ab57b42a&prod&lang=scss& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
div.tooltip-donut {
  position: absolute;
  text-align: center;
  padding: 0.5rem;
  background: #ffffff;
  color: #313639;
  border: 1px solid #313639;
  border-radius: 8px;
  pointer-events: none;
  font-size: 1.3rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/VariationCard.vue?vue&type=style&index=0&id=14a2ed02&prod&lang=scss& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.v-card__text {
  flex-grow: 1;
  overflow: auto;
  overflow-y: scroll;
}
.card {
  height: 100%;
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/AudioCard.vue?vue&type=style&index=0&id=0a1a4906&prod&lang=scss&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html[data-v-0a1a4906] {
  overflow: hidden !important;
}
.audio-card[data-v-0a1a4906] {
  height: 100%;
}
.v-card[data-v-0a1a4906] {
  display: flex !important;
  flex-direction: column;
}
.v-card__text[data-v-0a1a4906] {
  flex-grow: 1;
  overflow: auto;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/DragableCard.vue?vue&type=style&index=0&id=c7d2671e&prod&lang=scss&scoped=true& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.box[data-v-c7d2671e] {
  transition: box-shadow 0.3s ease-in-out;
}
.animation[data-v-c7d2671e] {
  transition: all 1s ease-in-out;
}
.bottomBarTransition[data-v-c7d2671e] {
  transition: transform 0.2s ease-in-out;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/MapView.vue?vue&type=style&index=0&id=3f35ed89&prod&lang=scss&scoped=true& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html[data-v-3f35ed89] {
  overflow: hidden;
}
.map-overlay[data-v-3f35ed89] {
  position: fixed;
  z-index: 1;
  width: 100%;
  left: 0;
  right: 0;
  pointer-events: none;
}
.map-overlay *[data-v-3f35ed89] {
  pointer-events: all;
}
.card-overlay[data-v-3f35ed89] {
  position: fixed;
  z-index: 1;
}
.btn-overlay[data-v-3f35ed89] {
  top: 100px;
}
.drawer[data-v-3f35ed89] {
  margin-right: 250px;
  z-index: 5;
}
.drawer-right[data-v-3f35ed89] {
  border-top-right-radius: 0em;
  border-bottom-right-radius: 0em;
}
.drawer-down[data-v-3f35ed89] {
  border-bottom-right-radius: 0em;
  border-bottom-left-radius: 0em;
  margin-right: 15px;
}
.buttons[data-v-3f35ed89] {
  margin-bottom: 0px;
  bottom: 0px;
  left: 25%;
}
.button-var[data-v-3f35ed89] {
  margin-bottom: 0px;
  bottom: 0px;
  left: 50%;
}
.search-overlay[data-v-3f35ed89] {
  position: relative;
  z-index: 1;
  width: 80%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}
.audioCard[data-v-3f35ed89] {
  top: 30vh;
  left: 10vw;
  position: fixed;
  width: 600px;
  height: 60vh;
}
.varCard[data-v-3f35ed89] {
  top: 30vh;
  left: 45%;
  min-width: 250px;
  position: fixed;
  height: 60vh;
}
.erhebung[data-v-3f35ed89] {
  bottom: 0;
  margin-bottom: 50px;
  margin-left: 50px;
  width: 35%;
  max-width: 45%;
  height: 35%;
}
.legend[data-v-3f35ed89] {
  top: 65%;
  left: 75%;
  position: absolute;
  z-index: 2;
  width: 15vw;
}
.zoom[data-v-3f35ed89] {
  margin: 10px;
}
.bottomBarTransform[data-v-3f35ed89] {
  transform: translateY(-150px);
  transition: all 0.2s ease-in-out;
}
.v-card[data-v-3f35ed89] {
  display: flex !important;
  flex-direction: column;
}
.v-card__text[data-v-3f35ed89] {
  flex-grow: 1;
  overflow: auto;
  overflow-y: scroll;
}
.expand-slide-enter-active[data-v-3f35ed89] {
  transition: all 0.3s ease;
  transition-property: width;
}
.expand-slide-enter[data-v-3f35ed89],
.expand-slide-leave-to[data-v-3f35ed89] {
  transition: max-height 0.25s ease-out;
  transition-property: width;
}
.circle-draw[data-v-3f35ed89] {
  animation: 1s ease-out 0s 1 fadeIn;
}
.mapStyle[data-v-3f35ed89] {
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.layout-slide-enter-active[data-v-3f35ed89],
.layout-slide-leave-active[data-v-3f35ed89] {
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.layout-slide-fade-enter[data-v-3f35ed89],
.layout-slide-fade-leave-to[data-v-3f35ed89] {
  transform: translateY(100px);
}
.icon[data-v-3f35ed89] {
  order: 0;
}
.header[data-v-3f35ed89] {
  order: 1;
}
.v-expansion-panel-header__icon[data-v-3f35ed89] {
  margin-left: auto;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/TagView.vue?vue&type=style&index=0&id=111fb515&prod&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.groupAdd[data-v-111fb515] {
  border-radius: 15px;
  margin-left: 5px;
}
.addTag[data-v-111fb515] {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.addButton[data-v-111fb515] {
  margin-right: 5px;
  background-color: grey;
}
.tagGroup[data-v-111fb515] {
  border: 1px solid black;
  padding: 0px 10px;
  border-radius: 10px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/TokenField.vue?vue&type=style&index=0&id=2981f0bd&prod&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.box[data-v-2981f0bd] {
  border: 1px solid black;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px;
}
.box legend[data-v-2981f0bd] {
  margin-right: auto;
  padding: 0.2em 1.5em;
  border-bottom-left-radius: 1em;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Message.vue?vue&type=style&index=0&id=69c5533f&prod&scoped=true&lang=scss& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.v-progress-linear__bar[data-v-69c5533f],
.v-progress-linear__bar__determinate[data-v-69c5533f] {
  transition: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Navigation.vue?vue&type=style&index=0&id=b34bf996&prod&lang=scss& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.navbar {
  opacity: 100%;
  transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}
.navbar:hover {
  opacity: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=caa06528&prod&lang=scss&scoped=true& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html[data-v-caa06528] {
  overflow: hidden !important;
}