@font-face {
  font-family: "Source Sans 3";
  src: url("fonts/Source_Sans_3/SourceSans3-VariableFont_wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("fonts/Source_Sans_3/SourceSans3-Italic-VariableFont_wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url("fonts/PT_Sans/PTSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "PT Sans";
  src: url("fonts/PT_Sans/PTSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

:root {
  /* Brand colors */
  --vvp-yellow: #f7ce00;
  --vvp-gray: #e1e1e1;
  --vvp-gray-dark: #392b1f;
  --vvp-gray-light: #f7f7f7;
  --vvp-yellow-rgb: 247, 206, 0;
  --vvp-gray-rgb: 225, 225, 225;
  --vvp-gray-light-rgb: 247, 247, 247;

  /* Bootstrap overrides */
  --bs-body-font-family: "Source Sans 3", sans-serif;

  --bs-body-bg: #f7f7f7;
  --bs-body-color: #1d1c1c;
  --bs-primary: var(--vvp-yellow);
  --bs-primary-rgb: var(--vvp-yellow-rgb);
  --bs-secondary: var(--vvp-gray);
  --bs-secondary-rgb: var(--vvp-gray-rgb);
  --bs-dark: var(--vvp-gray-dark);
  --bs-light: var(--vvp-gray-light);
  --bs-light-rgb: var(--vvp-gray-light-rgb);

  --bs-link-color: var(--bs-primary);
  --bs-link-color-rgb: var(--bs-primary-rgb);

  --bs-link-hover-color: var(--bs-primary);
  --bs-link-hover-color-rgb: var(--bs-primary-rgb);

  --bs-border-radius: 1.25rem;

  /* Gradients */
  --vvp-gradient-yellow: linear-gradient(to bottom, #f7ce00 0%, #eac60d 100%);
  --vvp-gradient-gray: linear-gradient(to bottom, #e1e1e1 0%, #d2d2d2 100%);

  /* Swiper */

  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-color: #1d1c1b;
  --swiper-pagination-bullet-inactive-color: rgba(var(--vvp-yellow-rgb));
  --swiper-pagination-bullet-inactive-opacity: 1;
}
html {
  height: 100%;
}
body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
main {
  flex-shrink: 0;
  margin-bottom: 3rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  white-space: normal;
}

h3 {
  font-size: 1.275rem;
}
.rounded-big {
  border-radius: 1.875rem;
}
a:not([class]) {
  text-decoration: none;
}
a:not([class]):hover,
a:not([class]):focus {
  text-decoration: underline;
}
/* Borders */

/*
.borders-top {
  box-shadow:
    0 -10px 0 0 rgba(var(--vvp-yellow-rgb), 0.8),
    0 -20px 0 0 rgba(var(--vvp-yellow-rgb), 0.6);
}
*/

.borders-top {
  position: relative;
}

.borders-top::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: rgba(var(--vvp-yellow-rgb), 1);
  top: -80px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='1' d='M 0,40 C 180,35 360,30 540,38 C 720,46 900,58 1080,52 C 1260,46 1440,22 1620,28 C 1800,34 1980,60 2160,54 C 2340,48 2520,22 2700,32 C 2790,37 2835,38.5 2880,40 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.53' d='M 0,30 C 200,38 400,46 600,36 C 800,26 1000,8 1200,18 C 1400,28 1600,58 1800,52 C 2000,46 2200,14 2400,22 C 2640,32 2760,31 2880,30 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.4' d='M 0,20 C 220,28 440,36 660,26 C 880,16 1100,2 1320,12 C 1540,22 1760,52 1980,48 C 2200,44 2420,16 2640,20 C 2760,20 2820,20 2880,20 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='1' d='M 0,40 C 180,35 360,30 540,38 C 720,46 900,58 1080,52 C 1260,46 1440,22 1620,28 C 1800,34 1980,60 2160,54 C 2340,48 2520,22 2700,32 C 2790,37 2835,38.5 2880,40 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.53' d='M 0,30 C 200,38 400,46 600,36 C 800,26 1000,8 1200,18 C 1400,28 1600,58 1800,52 C 2000,46 2200,14 2400,22 C 2640,32 2760,31 2880,30 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.4' d='M 0,20 C 220,28 440,36 660,26 C 880,16 1100,2 1320,12 C 1540,22 1760,52 1980,48 C 2200,44 2420,16 2640,20 C 2760,20 2820,20 2880,20 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E");
  -webkit-mask-size: 2880px 80px;
  mask-size: 2880px 80px;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-composite: source-over;
  mask-composite: add;
  animation:
    wave-move-top-1 30s linear infinite,
    wave-move-top-2 22s linear infinite,
    wave-move-top-3 18s linear infinite;
}

@keyframes wave-move-top-1 {
  from {
    -webkit-mask-position:
      0 0,
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0,
      0 0;
  }
  to {
    -webkit-mask-position:
      2880px 0,
      0 0,
      0 0;
    mask-position:
      2880px 0,
      0 0,
      0 0;
  }
}

@keyframes wave-move-top-2 {
  from {
    -webkit-mask-position:
      0 0,
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0,
      0 0;
  }
  to {
    -webkit-mask-position:
      0 0,
      2880px 0,
      0 0;
    mask-position:
      0 0,
      2880px 0,
      0 0;
  }
}

@keyframes wave-move-top-3 {
  from {
    -webkit-mask-position:
      0 0,
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0,
      0 0;
  }
  to {
    -webkit-mask-position:
      0 0,
      0 0,
      2880px 0;
    mask-position:
      0 0,
      0 0,
      2880px 0;
  }
}

.borders-bottom {
  box-shadow:
    0 10px 0 0 rgba(var(--vvp-yellow-rgb), 0.8),
    0 20px 0 0 rgba(var(--vvp-yellow-rgb), 0.6);
}

/*.borders-top-bottom {
  -webkit-box-shadow:
    0 -10px 0 0 rgba(var(--vvp-yellow-rgb), 0.8),
    0 -20px 0 0 rgba(var(--vvp-yellow-rgb), 0.6),
    0 10px 0 0 rgba(var(--vvp-yellow-rgb), 0.8),
    0 20px 0 0 rgba(var(--vvp-yellow-rgb), 0.6);
          box-shadow:
    0 -10px 0 0 rgba(var(--vvp-yellow-rgb), 0.8),
    0 -20px 0 0 rgba(var(--vvp-yellow-rgb), 0.6),
    0 10px 0 0 rgba(var(--vvp-yellow-rgb), 0.8),
    0 20px 0 0 rgba(var(--vvp-yellow-rgb), 0.6);
}*/
.borders-top-bottom {
  position: relative;
}

.borders-top-bottom::before,
.borders-top-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: rgba(var(--vvp-yellow-rgb), 1);
}

.borders-top-bottom::before {
  top: -80px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='1' d='M 0,40 C 180,35 360,30 540,38 C 720,46 900,58 1080,52 C 1260,46 1440,22 1620,28 C 1800,34 1980,60 2160,54 C 2340,48 2520,22 2700,32 C 2790,37 2835,38.5 2880,40 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.53' d='M 0,30 C 200,38 400,46 600,36 C 800,26 1000,8 1200,18 C 1400,28 1600,58 1800,52 C 2000,46 2200,14 2400,22 C 2640,32 2760,31 2880,30 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.4' d='M 0,20 C 220,28 440,36 660,26 C 880,16 1100,2 1320,12 C 1540,22 1760,52 1980,48 C 2200,44 2420,16 2640,20 C 2760,20 2820,20 2880,20 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='1' d='M 0,40 C 180,35 360,30 540,38 C 720,46 900,58 1080,52 C 1260,46 1440,22 1620,28 C 1800,34 1980,60 2160,54 C 2340,48 2520,22 2700,32 C 2790,37 2835,38.5 2880,40 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.53' d='M 0,30 C 200,38 400,46 600,36 C 800,26 1000,8 1200,18 C 1400,28 1600,58 1800,52 C 2000,46 2200,14 2400,22 C 2640,32 2760,31 2880,30 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.4' d='M 0,20 C 220,28 440,36 660,26 C 880,16 1100,2 1320,12 C 1540,22 1760,52 1980,48 C 2200,44 2420,16 2640,20 C 2760,20 2820,20 2880,20 L 2880,80 L 0,80 Z'/%3E%3C/svg%3E");
  -webkit-mask-size: 2880px 80px;
  mask-size: 2880px 80px;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-composite: source-over;
  mask-composite: add;
  animation:
    wave-move-1 30s linear infinite,
    wave-move-2 22s linear infinite,
    wave-move-3 18s linear infinite;
}

.borders-top-bottom::after {
  bottom: -80px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='1' d='M 0,25 C 190,32 380,38 570,28 C 760,18 950,2 1140,15 C 1330,28 1520,58 1710,52 C 1900,46 2090,8 2280,18 C 2520,30 2700,26 2880,25 L 2880,0 L 0,0 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.53' d='M 0,38 C 210,46 420,52 630,42 C 840,32 1050,12 1260,22 C 1470,32 1680,62 1890,56 C 2100,50 2310,18 2520,26 C 2700,33 2790,36 2880,38 L 2880,0 L 0,0 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.4' d='M 0,48 C 230,42 460,36 690,44 C 920,52 1150,68 1380,62 C 1610,56 1840,28 2070,36 C 2300,44 2530,72 2700,58 C 2790,52 2835,50 2880,48 L 2880,0 L 0,0 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='1' d='M 0,25 C 190,32 380,38 570,28 C 760,18 950,2 1140,15 C 1330,28 1520,58 1710,52 C 1900,46 2090,8 2280,18 C 2520,30 2700,26 2880,25 L 2880,0 L 0,0 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.53' d='M 0,38 C 210,46 420,52 630,42 C 840,32 1050,12 1260,22 C 1470,32 1680,62 1890,56 C 2100,50 2310,18 2520,26 C 2700,33 2790,36 2880,38 L 2880,0 L 0,0 Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='80' viewBox='0 0 2880 80' preserveAspectRatio='none'%3E%3Cpath fill='black' fill-opacity='0.4' d='M 0,48 C 230,42 460,36 690,44 C 920,52 1150,68 1380,62 C 1610,56 1840,28 2070,36 C 2300,44 2530,72 2700,58 C 2790,52 2835,50 2880,48 L 2880,0 L 0,0 Z'/%3E%3C/svg%3E");
  -webkit-mask-size: 2880px 80px;
  mask-size: 2880px 80px;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-composite: source-over;
  mask-composite: add;
  animation:
    wave-move-4 35s linear infinite reverse,
    wave-move-5 26s linear infinite reverse,
    wave-move-6 20s linear infinite reverse;
}

@keyframes wave-move-1 {
  from {
    -webkit-mask-position:
      0 0,
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0,
      0 0;
  }
  to {
    -webkit-mask-position:
      2880px 0,
      0 0,
      0 0;
    mask-position:
      2880px 0,
      0 0,
      0 0;
  }
}

@keyframes wave-move-2 {
  from {
    -webkit-mask-position:
      0 0,
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0,
      0 0;
  }
  to {
    -webkit-mask-position:
      0 0,
      2880px 0,
      0 0;
    mask-position:
      0 0,
      2880px 0,
      0 0;
  }
}

@keyframes wave-move-3 {
  from {
    -webkit-mask-position:
      0 0,
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0,
      0 0;
  }
  to {
    -webkit-mask-position:
      0 0,
      0 0,
      2880px 0;
    mask-position:
      0 0,
      0 0,
      2880px 0;
  }
}

@keyframes wave-move-4 {
  from {
    -webkit-mask-position:
      0 0,
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0,
      0 0;
  }
  to {
    -webkit-mask-position:
      2880px 0,
      0 0,
      0 0;
    mask-position:
      2880px 0,
      0 0,
      0 0;
  }
}

@keyframes wave-move-5 {
  from {
    -webkit-mask-position:
      0 0,
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0,
      0 0;
  }
  to {
    -webkit-mask-position:
      0 0,
      2880px 0,
      0 0;
    mask-position:
      0 0,
      2880px 0,
      0 0;
  }
}

@keyframes wave-move-6 {
  from {
    -webkit-mask-position:
      0 0,
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0,
      0 0;
  }
  to {
    -webkit-mask-position:
      0 0,
      0 0,
      2880px 0;
    mask-position:
      0 0,
      0 0,
      2880px 0;
  }
}

/* Buttons */
.btn {
  --bs-btn-font-weight: 500;
}
.btn-primary {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--bs-primary);
  background-image: var(--vvp-gradient-yellow);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --btn-border-rgb: var(--bs-primary-rgb);
}
.btn-secondary {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--bs-secondary);
  background-image: var(--vvp-gradient-gray);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
  --btn-border-rgb: var(--bs-secondary-rgb);
}
.btn-bordered {
  box-shadow: 0 0 0 5px rgba(var(--btn-border-rgb), 0.6);
  line-height: 1;
}

.btn-circle {
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.btn-circle i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Navbar */
.navbar {
  --bs-nav-link-color: var(--bs-body-color);
  --bs-navbar-hover-color: #fff;
}
.navbar .nav-link {
  flex: 1;
  padding: 0.4rem 0;
  font-size: 1.125rem;
  line-height: 1.25;
  font-weight: 500;
  background-image: var(--vvp-gradient-yellow);
  text-align: center;
  border-radius: 1.5rem;
  box-shadow: 0 0 0 5px rgba(var(--vvp-yellow-rgb), 0.6);
}
.navbar-brand img {
  width: auto;
  max-width: 220px;
}

.hamburger {
  border: none;
  background: var(--vvp-yellow);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease;
}
.hamburger:focus {
  box-shadow: none;
  outline: none;
}
.menu-line {
  display: block;
  width: 25px;
  height: 2px;
  background-color: var(--bs-body-color);
  margin: 3px 0;
  transition: all 0.3s ease;
  transform-origin: center;
}
.hamburger:hover .menu-line {
  background-color: #fff;
}
.menu-line:nth-child(1) {
  transform: translateY(0);
}
.menu-line:nth-child(2) {
  opacity: 1;
}
.menu-line:nth-child(3) {
  transform: translateY(0);
}
.hamburger[aria-expanded="true"] .menu-line:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.hamburger[aria-expanded="true"] .menu-line:nth-child(2) {
  opacity: 0;
}
.hamburger[aria-expanded="true"] .menu-line:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* Swiper */
.slide-text {
  position: absolute;
  bottom: 10px;
  left: 20px;
  right: 20px;
  background: rgba(29, 29, 29, 0.6);
  font-size: 18px;
  color: #fff;
}
.slide-text p {
  margin-bottom: 0 !important;
}
.swiper.pagination-out {
  padding-bottom: 40px;
}

/* Cards */
.card {
  --bs-card-border-width: 0;
  --bs-card-border-color: transparent;
}
.card.card-square {
  aspect-ratio: 1 / 1;
  height: auto;
}

.card.card-square .card-img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.card-title {
  margin-bottom: 0;
  font-size: 24px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  hyphens: auto;
  white-space: normal !important;
}
.card-img-overlay {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-img-overlay .card-header {
  background: var(--vvp-gray-light);
  box-shadow: 0 0 0 5px rgba(var(--vvp-gray-light-rgb), 0.6);
}
.card-header small {
  display: block;
  line-height: 1;
  font-weight: 500;
}

.card.no-img {
  --bs-card-img-overlay-padding: 0;
}
.card.no-img .card-img {
  display: none;
}
.card.no-img .card-header {
  margin: 1rem;
  background: none;
  box-shadow: none;
}
.card.no-img .card-btn-wrapper {
  background-color: var(--vvp-gray-light);
  border-radius: 1.25rem;
  padding: 6.25rem 1rem 1rem 1rem;
  background-image: url("/img/logos/logo-small-black.png");
  background-repeat: no-repeat;
  background-position: center 1rem;
}
.card .table {
  --bs-table-bg: #fff;
  border: none !important;
  border-style: hidden !important;
  border-collapse: collapse !important;
}
.card-body ul {
  padding-left: 20px;
  list-style-type: disc;
}
.card-body ul li::marker {
  color: var(--vvp-yellow);
  font-size: 18px;
}

/* Forms & Inputs */
.form-control,
.form-check-input {
  border: 2px solid var(--vvp-yellow);
}
.form-check-input:checked {
  background-color: var(--vvp-yellow);
  border-color: var(--vvp-yellow);
}
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--vvp-yellow-rgb), 0.25);
  border-color: var(--vvp-yellow);
}
.form-control.gradient {
  background-color: #fff;
  background-image: linear-gradient(
    to bottom,
    rgba(247, 206, 0, 0) 0%,
    rgba(206, 172, 0, 0.05) 47%,
    rgba(159, 133, 1, 0.1) 100%
  );
}
/* Content */
.section-title {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
}
.section-title .date {
  font-size: 0.875rem;
  display: block;
  font-family: var(--bs-body-font-family);
  font-weight: 400;
}
section#hero {
  margin-top: 100px;
  margin-bottom: 300px;
}
section.bg-logo {
  min-height: 760px;
  padding: 120px 0;
  background-image: url("/img/logos/logo-background.png");
  background-repeat: no-repeat;
  background-position: center right;
}
section#projekte {
  padding: 40px 0 120px;
}
section#contact {
  margin-bottom: 150px;
}
#membership {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
}
#membership h5 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0;
}
footer h5 {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
}
footer a {
  color: var(--bs-body-color);
  text-decoration: none;
}
/* Responsive */
@media (min-width: 576px) {
  .navbar-brand img {
    max-width: none;
  }
}
@media (min-width: 992px) {
  #hero-swiper {
    position: absolute;
  }
}