/**
 * Theme Name: Mountain Vitavibe Theme
 * Template:   hello-elementor
 */


h1,h2, h3, h4 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

ul {
  padding-left: 1.2em;
  margin-left: 0;
}

/* Color Button Hover */
.peach-light-btn::before,
.apricot-btn::before,
.peach-medium-btn::before,
.peach-coral-btn::before,
.coral-btn::before,
.red-orange-btn::before,
.pink-red-btn::before,
.deep-pink-btn::before,
.berry-pink-btn::before,
.magenta-btn::before {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s ease;
    will-change: transform;
    z-index: 0;
}

.peach-light-btn,
.apricot-btn,
.peach-medium-btn,
.peach-coral-btn,
.coral-btn,
.red-orange-btn,
.pink-red-btn,
.deep-pink-btn,
.berry-pink-btn,
.magenta-btn {
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.peach-light-btn::before{
  background: var( --e-global-color-61a31f3 );
}
.apricot-btn::before {
    background: var( --e-global-color-3b85a92 );
}
.peach-medium-btn::before {
    background: var(--e-global-color-1c25a33);
}
.peach-coral-btn::before{
    background: var( --e-global-color-7df6dcb );
}
.coral-btn::before {
    background: var( --e-global-color-c484952 );
}
.red-orange-btn::before {
    background: var(--e-global-color-e855180);
}
.pink-red-btn::before {
    background: var(--e-global-color-39907e2);
}
.deep-pink-btn::before {
    background: var(--e-global-color-de6c1c4);
}
.berry-pink-btn::before {
    background: var(--e-global-color-4ec6cf1);
}
.magenta-btn::before {
    background: var(--e-global-color-bf3ca25);
}

.peach-light-btn:hover::before,
.apricot-btn:hover::before,
.peach-medium-btn:hover::before,
.peach-coral-btn:hover::before,
.coral-btn:hover::before,
.red-orange-btn:hover::before,
.pink-red-btn:hover::before,
.deep-pink-btn:hover::before,
.berry-pink-btn:hover::before,
.magenta-btn:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

.peach-light-btn .elementor-button-text,
.apricot-btn .elementor-button-text,
.peach-medium-btn .elementor-button-text,
.peach-coral-btn .elementor-button-text,
.coral-btn .elementor-button-text,
.red-orange-btn .elementor-button-text,
.pink-red-btn .elementor-button-text,
.deep-pink-btn .elementor-button-text,
.berry-pink-btn .elementor-button-text,
.magenta-btn .elementor-button-text {
    z-index: 1;
}

/* Black/White Button Hover */
.white-hover-btn::before,
.black-hover-btn::before {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s ease;
    will-change: transform;
    z-index: 0;
}

.white-hover-btn,
.black-hover-btn {
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.white-hover-btn::before {
    background: var(--e-global-color-accent);
}

.black-hover-btn::before {
    background: var(--e-global-color-text);}

.white-hover-btn:hover::before,
.black-hover-btn:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

.white-hover-btn .elementor-button-text,
.black-hover-btn .elementor-button-text {
    z-index: 1;
}
.black-hover-btn:hover .elementor-button-text {
    color: var(--e-global-color-accent);
}

.white-hover-btn:hover .elementor-button-text {
    color: var(--e-global-color-text); 
}

.white-hover-btn,
.black-hover-btn {
    display: inline-block;
    width: auto;
    max-width: max-content;
}

/* Carousel Navigation Hover */
#swiper-light-btn .elementor-swiper-button:hover svg path {
  stroke: white;
}

#swiper-dark-btn .elementor-swiper-button:hover svg path {
  stroke: black;
}

 /* Mehr lesen */
.readmore-wrapper{
  position:relative;
}

.readmore-wrapper::after{
  content:"";
  position:absolute;
  inset:0 0 0 0;
  height:5rem;          
  margin-top:auto;      
  background:linear-gradient(
      180deg,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,1.00) 60%
  );
  transition:opacity .3s;
  pointer-events:none;   
}

.readmore-extra {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.readmore-wrapper.expanded .readmore-extra {
  max-height: 9999px;
  opacity: 1;
}

.readmore-wrapper .readmore-toggle {
  transition: margin-top 0.4s ease;
}

.readmore-wrapper.expanded .readmore-toggle {
  margin-top: 1rem;
}

.readmore-wrapper.expanded::after {
  opacity: 0;
}

.readmore-wrapper:not(.expanded)::after {
  opacity: 1;
}


@media (max-width:810px) {
 #slider-overlay h2,
 #slider-overlay p
 {
    color: var( --e-global-color-text ) !important;
 }
 
  #slider-overlay a{
      color: var( --e-global-color-text ) !important;
      border-color:var( --e-global-color-text ) !important;;
  }
}

@media (min-width: 810px) {
 #slider-overlay {
    position: absolute;
  }
}
.elementor-56 .elementor-element.elementor-element-a0002b4 .wpr-nav-menu > .menu-item:hover{
        background-color: black;
    color: var(--e-global-color-accent);
    border-radius: 20px;
    padding: 15px 13px;
}
.elementor-56 .elementor-element.elementor-element-a0002b4 .wpr-nav-menu > .menu-item{
    padding: 15px 13px;
}

#menu-1-28b00b1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#menu-1-28b00b1 > li {
  break-inside: avoid;
}
#menu-1-4372464{
      display: grid;
  grid-auto-flow: column; /* zuerst nach unten, dann nächste Spalte */
  grid-template-rows: repeat(10, minmax(0, auto));
}