/**
Theme Name: Wyssmann LLC
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wyssmann-llc
Template: astra
*/


/**
 some global font fixes
  */

h1.h1-small {
  font-size: 4rem;
}  

@media (max-width: 768px) {
  h1.h1-small {
    font-size: 2.5rem !important;
  }
  /* figure.responsive-image {
    transform: scale(0.5);
    transform-origin: left center;
  } */

}

h3.h3-subheadline {
  font-size: 1.25rem;
  margin-bottom: 30px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
h2.h2-subheadline {
  font-size: 1.25rem;
  margin-bottom: 30px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

a.lukas-link {
  color: var(--ast-global-color-0);
  text-decoration: none !important;
  border-bottom: 1px solid var(--ast-global-color-0);
}



/**
 * custom sticky header
 * ==================================================
 */

@media (min-width: 768px) {
  .ast-header-sticky-active {
    background-color: white !important; /* Hintergrundfarbe des Sticky Headers nur auf Desktop */
	      transition-duration: .2s !important;
  }

  .ast-header-sticky-active img.uagb-modal-trigger {
     filter: none; /*Filter nur auf Desktop entfernen */
  }

  .ast-header-sticky-active .wp-block-uagb-container.uagb-block-31bc895a {
    min-height: 80px; /* Höhe des Sticky Headers nur auf Desktop */
  }
  
}



/**
 * ==============================================
 * end of custom sticky header
 */


/**
 * ==============================================
 * Accordion Styling
 */
/* Accordion Item Styling */
.wy-accordion-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; /* Border unten */
  padding: 15px 0;
  position: relative;
  cursor: pointer;
}

/* Accordion Title Styling */
.wy-accordion-item h4 {
  color: white; /* Weißer Titel */
  font-size: 3em;
  margin: 0;
  padding-right: 30px; /* Platz für den Pfeil rechts */
  color: #ffffff;
}

/* Accordion Pfeil rechts (SVG) */
.wy-accordion-item::after {
  content: ''; /* Platzhalter für das SVG */
  display: inline-block;
  width: 24px; /* Breite des SVG-Icons */
  height: 24px; /* Höhe des SVG-Icons */
  background: url('/wp-content/uploads/icon-pfeil-rechts-wyssmann-llc.svg') no-repeat center;
  filter: invert(1); /* SVG invertieren (weißes Icon) */
  position: absolute;
  right: 0; /* Rechtsbündig */
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.3s ease;
}

/* Accordion Pfeil bei ausgeklapptem Zustand (SVG dreht sich um) */
.wy-accordion-item.active::after {
  transform: translateY(-50%) rotate(-90deg); /* Pfeil nach oben, wenn aktiv */
  top: 12%;
}

/* Accordion Content (das, was ein- und ausgeklappt wird) */
.wy-faq-child {
  display: none; /*Initial ausgeblendet */
  padding: 10px 0;
  color: #f0f0f0; /* Heller Text */
}

/* Wenn das Accordion aktiv ist (bei Klick), wird der Inhalt gezeigt */
.wy-accordion-item.active + .wy-faq-child {
  display: flex;
  transition: show 1.3s ease;
}

 /**
  end of custom css for our accordion
  ==================================================
  */


  /**
    * ==============================================
    * Custom CSS for our service page -> that stacking of the sections
    */

.stack-container {
  position: sticky;
  top: 0;
  z-index: 1; /* Anfangswert, kann durch JavaScript dynamisch verändert werden */
  transition: transform 0.3s, z-index 0.3s;
}


/**
 * ==============================================
 * end of custom css for our service page
 */


 /**
  * ==============================================
  * Flyout Menü
  */
  .uagb-modal-popup.uagb-modal-type-right-off-canvas .uagb-modal-popup-wrap {
    height: auto !important;
    position:absolute;
    top: 0;
  }
  .uagb-modal-popup.uagb-modal-type-right-off-canvas .uagb-modal-popup-wrap .header-block-right{
    width: 50%;
  }

  .uagb-modal-popup.uagb-modal-type-right-off-canvas .uagb-modal-popup-wrap .header-block-left{
    width: 50%;
  }

  .uagb-modal-popup.uagb-modal-type-right-off-canvas.active .uagb-modal-popup-close:not(.window-top-left) {
    right: 10px;
    left: unset;
  }
  /**
   * ==============================================
   * end of Flyout Menü
   */


   /**
    * ==============================================
    * Custom CSS Pocket Styling on blog post
    */
/* Stile für die ungeordnete Liste und die Listenelemente */
ul.pocket-tags {
  list-style: none; /* Entfernt die Aufzählungszeichen */
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px; /* Abstand zwischen den Buttons */
  margin-top: 24px; /* Abstand zum Text */
}

ul.pocket-tags li {
  padding: 5px 10px;
  border: 1px solid #8ea6c9; /* Rahmenfarbe */
  border-radius: 8px; /* Abgerundete Ecken */
  color: #3d5977; /* Textfarbe */
  font-size: 14px; /* Schriftgröße */
  font-weight: 500; /* Fettgedruckt für bessere Lesbarkeit */
}


.pocket-wrapper .wp-block-uagb-buttons {
  margin-bottom: 0px; /* Abstand zum Text */
}

/**
 * ==============================================
 * end of Custom CSS Pocket Styling on blog post
 */


/**
* ==============================================
* Custom CSS for tools directory
*/


/**
 * Custom code for teams page
 * ==============================================
 * 
 */
 @media (max-width: 768px) {
  .team-popup-wrapper.uagb-popup-builder {
    align-items: normal;
  }
 }


 #rc-anchor-alert, .rc-anchor, .grecaptcha-badge { 
  visibility: hidden;
}