.dev-note{
    background: yellow;
    padding: 3px;
    border: 2.5px dashed #F0D500;
}
.dev-note:before {
    content:"Entwicklerhinweis:";
    padding-right: 5px;
    font-style: italic;
    text-decoration: underline;
    font-weight: bold;
}

body {
  background: #838383;
}

.row{
  margin-top: 1rem;
}

label {
    font-weight: bold;
    margin-bottom: 4px;
    line-height: normal;
}

.v-select {
  cursor: pointer;
}

option.avatar {
    background-repeat: no-repeat !important;
    padding-left: 30px;
  }
  .avatar .ui-icon-custom {
    background-position: left top;
  }
  .ui-icon-custom {
      width: 24px;
      height: 24px;
  }

  .ui-icon-custom{
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
  }

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

#app.lang-de [class*="lang-only-"]:not([class*="lang-only-de"]),
#app.lang-en [class*="lang-only-"]:not([class*="lang-only-en"]),
#app.lang-es [class*="lang-only-"]:not([class*="lang-only-es"]),
#app.lang-fr [class*="lang-only-"]:not([class*="lang-only-fr"]),
#app.lang-nl [class*="lang-only-"]:not([class*="lang-only-nl"]),
#app.lang-ru [class*="lang-only-"]:not([class*="lang-only-ru"]){
  display: none;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 19px;
}

h1 {
  font-weight: 700;
}

h1, h2, h3 {
  font-family: 'Cairo', sans-serif;
}

#app {
  /* max-width: 1000px;
  background: url('ressources/background_telegram_v02.jpg');
  background-size: contain; */
  background-color: rgb(233,246, 254);
}

button.btn {
  background-color: #1a8895;
}

.vid-wrapper {
  background-color: #07182c;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.we-need-you {
  background-color: #be0902;
}

.we-need-you-circle {
  position: relative;
  /* background-color: #be0902; */
  background: url('ressources/telegram-icon.png');
  background-size: contain; 
  background-color: rgb(233,246, 254);
  color: #be0902;
  width: 200px;
  
}
.we-need-you-circle::before {
  content: '';
  width: 100%;
  padding-top: 100%;
  display: block;
}

.klatvSwiper {
  height: 290px;
}

.klatvSwiper .swiper-button-next,
.klatvSwiper .swiper-button-prev {
  background: rgba(45, 45, 45, .5);
}

.klatvSwiper .swiper-button-prev {
  left: 0;
}

.klatvSwiper .swiper-button-next {
  right: 0;
}

.klatvSwiper .swiper-pagination-bullet {
  background-color: #fff;
}

.klatvSwiper .swiper-slide img + div {
  text-shadow: 1px 1px 1px #000;
}

#languageMenu-button {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  opacity: 0.9;
}

#languageMenu-button .ui-selectmenu-icon.ui-icon {
  margin-top: 0;
}

#languageMenu-button .custom-flagg-icon {
  top: 3px;
}

.flyer-wrapper .flyer-overlay{
  background: rgb(7 24 44 / 40%);
}

.flyer-wrapper .flyer-overlay .fas{
  margin-top: -40px;
  opacity: 0.8;
}
.flyer-wrapper .flyer-overlay:hover .fas{
  transition: margin 0.7s cubic-bezier(0.33, 1, 0.68, 1);
  margin-top: 0px;
  opacity: 1;
}

@media only screen and (max-width: 700px) {
  .klatvSwiper {
    height: 350px;
  }

  .klatvSwiper .swiper-slide img {
    right: -12% !important;
  }
}

@media only screen and (max-width: 475px) {
  .klatvSwiper .swiper-slide img {
    right: -22% !important;
  }
}