/* @import url('http://example.com/example_style.css'); */

/* Dunkle Farbe ist der Standard 
 * 
 * Farbend sind hier zu überschrein
 * Auf den Seiteneigenschaften dieses CSS zusätzlich wählen
 * 
 * Petrol.css für 
 * 
 **/


/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

ul,
ol,
ul li,
ol li {
   clamp(1.0rem, 1.075268817204301vw + 0.4838709677419355rem, 1.25rem) 
}

@media screen and (max-width:768px) {
h1 {
  line-height: 1em;
  hyphens: auto;   
}

p { hyphens: auto; }

  
      }
    .slick-dots button {
      display: block;
      width: 8px;
      height: 8px;
      padding: 0;
      border: none;
      border-radius: 100%;
      text-indent: -9999px;
      -webkit-transition: all ease-in-out .2s;
      -o-transition: all ease-in-out .2s;
      transition: all ease-in-out .2s;
      margin: 4px;
      box-shadow: 0 0 0 4px transparent;
      /*background: #0C63FF;
      background: var(--dark);*/
    }
    .slick-dots li.slick-active button {
      background-color: transparent !important;
      /*box-shadow: 0 0 0 2px #0C63FF;
      box-shadow: 0 0 0 2px var(--dark);*/
    }

/* Formular Adressen Problem.
.description br { display: initial; }
*/

/* im Tab */
.cta-group .btn-wrapper a.cta-button.active { 
  background-color: --dark;
  color: white;
}



/* tab umbruch nur bei small */
@media (max-width:768px) {
  .cta-group .btn-wrapper {
    width: 100%;
    display: block;
  }
  
  .btn-wrapper .cta-button {
    width: 100%;
  }
  
  /* Schließen Button in der lightbox */
  .hs-image__grid__lightbox__button--close {
     right:-20px !important; /* -40px */
  }
}
/* Überschriften Header Element
h1.heading.p {
  font-weight: 400;
  font-family: "HalvarMittel-Th";
  line-height: 2.3rem;
  margin-bottom: 0.75rem;
  }
*/