.language-switcher {
  position: relative;
  display: inline-block;
}
.lang-label {
   text-transform: lowercase; 
}

.lang-label::first-letter {
  text-transform: uppercase;
}
.language-switcher .lang-dropdown {
  display: none;
}

.language-switcher.open .lang-dropdown {
  display: block;
}

.lang-toggle {
  background: none;
  border: none;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #f6ecdd;
  font-weight: 400;
  letter-spacing: 0;
  font-family: 'LouisGeorgeCafe', sans-serif !important;
  font-family
Specifies a prioritized list of font family names or generic family names. A user agent iterates through the list of family names until it matches an available font that contains a glyph for the character to be rendered.
Weitere Informationen

Nicht anzeigen: 'LouisGeorgeCafe' !important;
}

.on-scroll .lang-toggle, .tm-no-slider .lang-toggle {
    color: #544938;
}

.tm-hcb-helper .lang-toggle {
  background: none;
  border: none;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #90827a;
  font-weight: 400;
  letter-spacing: 0;
}


.lang-toggle::first-letter {
  text-transform: uppercase !important;
}

.arrow {
  transition: transform 0.3s ease;
}

.lang-toggle.open .arrow {
  transform: rotate(180deg); 
}

.lang-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 1px;
  list-style: none;
  padding: 0 0 5px;
  margin: 4px 0 0 0;
  z-index: 999;
}

.lang-dropdown li {
  padding: 0px 9px;
  background: #bc6718;
  border-radius: 100%;
  width: 31px;
  height: 31px;
  margin-bottom: 5px;
  text-align: center;
}

.lang-dropdown li a {color: #f6ecdd !important;font-weight: 400;font-size: 60%;width: 30px!important;display: block;border-radius: 100%;left: -8px;position: relative;top: 2px;}

.lang-dropdown li:hover {
  background: #544938;
}

.language-switcher.open .lang-dropdown {
  display: block;
}

.arrow {
  font-family: 'ETmodules';
  content: '';
  display: inline-block;
  transition: transform 0.3s ease;
  /* font-size: 16px; */
  line-height: 1;
  margin-left: -3px;
  position: relative;
  top: -1px;
}

.arrow::before {
  content: "\33"; /* das ist die "3" in ETmodules – also der Pfeil nach unten */
  display: inline-block;
  color: #bc6718;
}

.lang-toggle.open .arrow {
  transform: rotate(180deg); /* nach oben drehen */
}

.tm-wpml-box {position: fixed;top: 131px;display:inline-block;right: 27px;left: auto;margin:0 auto;z-index:9999999;width: 55px;transform:scale(1.35);}
.on-scroll .tm-wpml-box, .tm-no-slider .tm-wpml-box {opacity: 1;top: 17px;}

.tm-hcb-helper .tm-wpml-box {position: absolute;top: 20px;display:inline-block;right: 12px;opacity: 1!important;left: auto;z-index: 999999999;width: max-content;display: none;}



.tm-wpml-box li.wpml-ls-item {display:inline-block;transition:all 0.5s;}
.tm-wpml-box li.wpml-ls-item a {background:transparent;display:inline-block;width:15px;text-align:center;height:40px;padding-top:7px;margin-right:24px;border-radius:100%;text-transform:uppercase;font-size:15px;font-weight:300!important;color: #d2cabd;font-family:'Overpass'!important; !important00; !importan00; !importa00; !import00; !impor00; !impo00; !imp00; !im00; !i00; !00;}

.on-scroll .tm-wpml-box li.wpml-ls-item a {color: #90827a !important;}

span.wpml-ls-native {font-weight: 200;}
li.wpml-ls-current-language:after {content:"";position:absolute;left:28px;top:12px;background: #bd691c;height:13px;display:block;width: 1px;}


.et-fixed-header .tm-wpml-box li.wpml-ls-item a {width:25px; height:25px; font-size:13px; padding-top:1px;}
.et-fixed-header .tm-wpml-box {left:165px; top:5px;}
.tm-wpml-box li.wpml-ls-item a, .tm-wpml-box {transition: all 0.3s;-webkit-transition: all 0.3s;}

@media screen and (max-width: 1600px) {
.tm-wpml-box {
    top: 112px;
    }
}

@media screen and (max-width: 1300px) {
.tm-wpml-box li.wpml-ls-item a {font-size:14px;}
.tm-wpml-box {top: 91px;right: 25px;}
.lang-toggle {
    font-size: 14px;
}

  
}

@media screen and (max-width: 980px) {
.lang-toggle {
    font-size: 13px;
}
.lang-dropdown li a {
    font-size: 60%;
    width: 29px!important;
    left: -8px;
    top: 3px;
    height: 27px;
}  
.tm-wpml-box li.wpml-ls-item a {font-size:12px;}
.tm-wpml-box {top: 67px;right: 25px;width: 40px;}  
.on-scroll .tm-wpml-box, .tm-no-slider .tm-wpml-box {top: 18px;}
}

@media screen and (max-width: 768px) {
.tm-wpml-box li.wpml-ls-item a {font-size:12px;}
.tm-wpml-box {top: 57px;transform: scale(1.2);width: 35px;}  
li.wpml-ls-current-language:after {
    left: 28px;
    top: 13px;
    height: 9px;
    width: 2px;}
.on-scroll .tm-wpml-box, .tm-no-slider .tm-wpml-box {
    top: 20px;
    }
}



@media screen and (max-width: 600px) {
li.wpml-ls-current-language:after {left: 33px;top: 13px;}
.tm-wpml-box {right: 0;top: 36px;width: 45px;}
.tm-wpml-box li.wpml-ls-item a {width: 36px;height:32px;padding-top:7px;}
.tm-wpml-box li.wpml-ls-item {
    display: inline-block;
    transition: all 0.5s;
    width: 31px;}
.on-scroll .tm-wpml-box {
    top: 19px;
    }

.tm-hcb-helper .tm-wpml-box {
    position: absolute;
    top: 10px;
    right: 7px!important;
}
  
}