@charset "UTF-8";
/**
* Table of Contents
*
* 1.0 Variables
* 2.0 Mixins & Functions
* 3.0 General
* 4.0 WooCommerce
* 5.0 Plugin Styling
**/
/************ 1.0 Variables *********** */
/************ 2.0 Mixins & Functions *********** */
/************ 3.0 General *********** */
html {
  scroll-padding-top: 150px;
}

a {
  text-underline-offset: 2px;
  text-decoration-color: #a7aaad;
  text-decoration-thickness: 1px;
  text-decoration-style: dotted;
}

/* Schräge Bilder */
.skewy {
  transform: skewY(-5deg);
  transform-origin: bottom right;
}

.negative-skew {
  transform: skewY(5deg);
  rotate: -5deg;
}
@media (max-width: 711px) {
  .negative-skew {
    rotate: 0deg;
  }
}

.negative-skew-floating-button {
  transform: skewY(5deg);
}

.skewy.negativ-spacing-top {
  margin-top: -40px !important;
}

.rotate-icon {
  rotate: 5deg;
}

/* text settings */
h2.change-highlight-font mark.has-inline-color.has-tertiary-color {
  font-family: "Nexa Rust Sans" !important;
  font-size: 1.8rem;
}
@media (min-width: 711px) {
  h2.change-highlight-font mark.has-inline-color.has-tertiary-color {
    font-size: 2.4rem;
  }
}

.text-highlight {
  background: #004d24;
  display: table;
}

mark.has-inline-color.has-mediumdark-color {
  font-family: "Nexa Rust Script B";
  text-transform: none;
  color: #f29327 !important;
}

.title-with-background {
  display: table;
}

/* Media Queries */
/* Dies wird der Standardwert sein, der für Bildschirme ab 1024px gilt. */
.skewy.negativ-spacing-top {
  margin-top: -80px !important; /* Beispielwert für Desktops */
}

/* --- Media Query für Tablets (von 768px bis 1023px) --- */
@media (min-width: 768px) and (max-width: 992px) {
  .skewy.negativ-spacing-top {
    margin-top: -90px !important; /* Beispielwert für Tablets */
  }
}
/* --- Media Query für Mobilgeräte (bis 767px) --- */
@media (max-width: 767px) {
  .skewy.negativ-spacing-top {
    margin-top: -180px !important; /* Beispielwert für Mobilgeräte */
  }
}
@media (max-width: 577px) {
  .skewy.negativ-spacing-top {
    margin-top: -110px !important; /* Beispielwert für Mobilgeräte */
  }
}
.change-font-styling-highlight {
  display: inline-block;
}
.change-font-styling-highlight mark.has-inline-color.has-secondary-color {
  text-transform: uppercase;
  font-weight: bold;
}/*# sourceMappingURL=main.css.map */