/* 
Theme Name: Novawerk Child 
Description: Novawerk Child-Theme 
Author: Novawerk - Mathias Pichler
Author URI: https://nova-werk.de 
Template: Divi 
Version: 1.1.14
Text Domain: Novawerk Child-Theme
*/

/* Dot Style Group-Slider */
/* Container Dots */
div.et_pb_group_carousel_dots {
  gap: 1vh;
  margin-top: 5vh;
}

/* Alle Dots */
.et_pb_group_carousel_dot {
  width: 20px !important;
  height: 3px !important;
  border-radius: 1px;
}

/* Aktive Dot */
.et_pb_group_carousel_dot_active {
  width: 30px !important;
}

/* Farbe Browser Scrollbar */
/* Gesamtbreite */
::-webkit-scrollbar {
  width: 10px;
}
/* Der Hintergrund der Scrollbar (Track) */
::-webkit-scrollbar-track {
  background: #000000;
}
/* Der eigentliche Schieberegler (Thumb) */
::-webkit-scrollbar-thumb {
  background: #ff9687;
  border-radius: 5px;
}
/* Hover-Effekt auf den Regler */
::-webkit-scrollbar-thumb:hover {
  background: #fa7664;
}

/* Menügröße */
:root {
  --menu: 6vh;
  --padcontent: calc(var(--menu) * 2.5);
  --marmenu: calc(var(--menu) * -1);
  --padmenu: 1vh;
  --logo: calc(var(--menu) - 2 * var(--padmenu));
}

@media (min-width: 768px) {
:root {
  --menu: 7vh;
  --padcontent: calc(var(--menu) * 2.5);
  --marmenu: calc(var(--menu) * -1);
  --padmenu: 1vh;
  --logo: calc(var(--menu) - 2 * var(--padmenu));
}
}

@media (min-width: 1024px) {
:root {
  --menu: 8vh;
  --padcontent: calc(var(--menu) * 2.5);
  --marmenu: calc(var(--menu) * -1);
  --padmenu: 1vh;
  --logo: calc(var(--menu) - 2 * var(--padmenu));
}
}

/* Horizontal-Scroll */
.horizontal-container {
  width: 700%;
  height: 100%;
  padding-top: 15vh;
  display: flex;
  flex-wrap: nowrap;
  max-width: none;
}

#page-container {
  overflow: hidden;
}

.horizontal-section {
  width: 100%;
  will-change: transform;
  background: #000000;
}