/*
Theme Name: WEB Alpenlandtouristik
Theme URI: https://alpenlandtouristik.de
Description: Child Theme für Hello Biz mit individuellen Elementor Klassen und Layouts für Alpenlandtouristik.
Author: Sebastian Richter
Author URI: https://web-sebastian.de
Template: hello-biz
Version: 1.0
*/

/* Hinweis für externe Verlinkung */

a[target="_blank"] {
		background-image: url(https://alpenland.reisen/wp-content/uploads/2025/10/icon-external-link.svg);
		background-repeat: no-repeat;
		background-position: right;
		background-size: 25px;
		padding-right: 1.5em;
}


/* Anpassung Header */

/*--ehp-body-padding-top: 0px;


/* Lange Beschreibung verbergen */

@media (min-width: 768px) {
  .lesemehr-text {
    max-height: none !important;
    overflow: visible !important;
  }

  .lesemehr-text::after,
  .lesemehr-btn {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .lesemehr-container {
    position: relative;
    max-width: 700px;
  }

  .lesemehr-text {
    max-height: 230px;
    overflow: hidden;
    position: relative;
    transition: max-height 3.5s ease; 
  }

  .lesemehr-text::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 170px;
    background: linear-gradient(to bottom,
      rgba(255,255,255,0),
      rgba(255,255,255,1)
    );
    pointer-events: none;
    transition: opacity 0.6s ease;
  }

  
  .lesemehr-container.expanded .lesemehr-text {
    max-height: 3000px; 
  }

  .lesemehr-container.expanded .lesemehr-text::after {
    opacity: 0;
  }


/* Gestaltung Button */
	
}

.trail-button {
	color: #000000 !important;
  position: relative;
  width: 250px;
  height: 60px;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(
		to top,
		rgba(231,237,234,0.5),
    rgba(0,0,0,0.02));
  display: flex;
  align-items: flex-end;
  padding: 18px 22px;
  border: solid 1px;
  font-weight: 500;
  transition: transform .3s ease;
}

.trail-button:hover {
  transform: scale(0.95);
	background: linear-gradient(
		to top,
		rgba(231,237,234,0.50),
    rgba(0,0,0,0.2));
}



/* Gestaltung Wegbeschaffenheit */

.wege {
    color: #FFFFFF;
    font-family: "Shantell_Sans";
    font-weight: 300;
		font-size: 11px;
}