/// Replace `$search` with `$replace` in `$string`
/// @author Kitty Giraudel
/// @param {String} $string - Initial string
/// @param {String} $search - Substring to replace
/// @param {String} $replace ('') - New value
/// @return {String} - Updated string
@function str-replace($string, $search, $replace: '') {
  $index: str-index($string, $search);

  @if $index {
    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
  }

  @return $string;
}

@function sanitize-class-name($string) {
  $string: to-lower-case($string); // Convert to lowercase
  $string: str-replace($string, " ", "-"); // Replace spaces with hyphens
  $string: str-replace($string, "ä", "ae"); // Replace umlauts with their respective substitutes
  $string: str-replace($string, "ö", "oe");
  $string: str-replace($string, "ü", "ue");
  $string: str-replace($string, "ß", "ss"); // Replace ß with "ss"
  $string: unquote($string); // Remove quotes
  $string: str-replace($string, "'", ""); // Remove single quotes
  $string: str-replace($string, "\"", ""); // Remove double quotes
  $string: str-replace($string, "(", ""); // Remove parentheses
  $string: str-replace($string, ")", "");
  $string: str-replace($string, "[", ""); // Remove square brackets
  $string: str-replace($string, "]");
  $string: str-replace($string, "{", ""); // Remove curly braces
  $string: str-replace($string, "}");
  $string: str-replace($string, ":", ""); // Remove colons
  $string: str-replace($string, ";", ""); // Remove semicolons
  $string: str-replace($string, ",", ""); // Remove commas
  $string: str-replace($string, ".", ""); // Remove periods
  $string: str-replace($string, "/", ""); // Remove forward slashes
  $string: str-replace($string, "\\", ""); // Remove backslashes
  $string: str-replace($string, "!", ""); // Remove exclamation marks
  $string: str-replace($string, "?", ""); // Remove question marks
  $string: str-replace($string, "&", "and"); // Replace ampersand with "and"

  @return $string;
}


$bg-white-opacities: 1, 2, 3, 4, 5, 6, 7, 8, 9;
@each $value in $bg-white-opacities {
  $opacity: $value / 10; // Wert als Bruchteil (0.1 für 10%, 0.2 für 20% usw.)
  .bg-white-#{$value} {
    background: rgba(255, 255, 255, $opacity);
  }
}

$blurred-values: 10, 20, 30, 40, 50;
@each $value in $blurred-values {
  .bg-blurred-#{$value / 10} {
    -webkit-backdrop-filter: blur(#{$value}px);
    backdrop-filter: blur(#{$value}px);
  }
  .blurred-#{$value / 10} {
    -webkit-filter: blur(#{$value}px);
    filter: blur(#{$value}px);
  }
}

$bg-colors: (
        "Weiß": #ffffff,
        "Grau": #f4f4f4,
        "Hellgrau": #fcfcfc,
        "Rosa": #e7cbc7,
        "Blau": #ccd7e9,
        "Gelb": #f9ead5,
        "Grün": #d1f5cf,
        "Magenta": #c9338b,
        "Orange": #f39207,
        "Rosa intensiv": #d5aea9,
        "Gelb intensiv": #e4cfb2,
        "Blau intensiv": #a6b4d1,
        "Grün intensiv": #a2d9a2
);

@each $name, $hex in $bg-colors {
  $class-name: sanitize-class-name($name);
  .bg-isgus-#{$class-name} {
    background-color: #{$hex};
  }
}

/** Start Videoform **/
.videobanner-cta {
  .wp-stage {

  }
}
/** Ende Videoform **/

.cursor-pointer {
  cursor: pointer;
}

.transform-scale-hover {
  transition: 0.2s ease-in-out;
  &:hover {
    transform: scale(1.025); /* 102,5% zoom  */
  }
}

.countdown {
  .countdown-days,
  .countdown-hours,
  .countdown-minutes,
  .countdown-seconds
  {
    background-color: rgba(255,255,255, .65);
    font-weight: 900;
    color: #0b0b0b;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
  }
}


@media only screen and (max-width: 767.98px) {
  .display-4 {
    font-size: 2rem;
  }
}