/* breakpoints */
:root {
  /*COLORS*/
  --white: #fff;
  --white-rgb: 255,255,255;
  --black: #000;
  --black-rgb: 0,0,0;
  --maincolor:#00A7A7;
  --maincolor-rgb:0,167,167;
  --blue-gray:#C6D5ED;
  --red: #D60000;
  --gray: #EEEEEE;
  --gray-rgb: 224,224,224;
  --gray-light: #AAAAAA;
  --gray-light-rgb: 170,170,170;
  --gray-dark: #8E9194;
  --gray-dark-rgb: 102,102,102;
  --gray-font:rgba(0,0,0,0.7);
  --clr-bg: var(--clr-primary);
  --clr-bg-rgb: var(--clr-primary-rgb);
  --btn-grey:#F5F5F7;
  --light-black:#4C4C4C;
  --explosion-inner-rgba: rgba(0, 167, 167, 1);
  --explosion-outer-rgba: rgba(0, 167, 167, 0.3);
  /*FONT*/
  --font-primary: "Satoshi-Regular", system-ui, sans-serif;
  --font-medium: "Satoshi-Medium", system-ui, sans-serif;
  --font-bold: "Satoshi-Bold", system-ui, sans-serif;
  --font-secondary: var(--font-primary);
  --headline-clr: var(--black);
  /*DECORATION*/
  --border-radius: 6px;
  --border-radius-xs: 0.25rem;
  /* 4px */
  --border-radius-sm: 0.375rem;
  /* 6px */
  --border-radius-md: 0.75rem;
  /* 12px */
  --border-radius-full: 99rem;
  --border-color: #E8E8E8;
  --border-color-alternative: #DCDCDC;
  /*TRANSITIONS*/
  --transition-default-duration: .3s;
  --transition: all var(--transition-default-duration) ease-in-out;
  --transition-fast: all .1s ease-in-out;
  --transition-slow: all .5s ease-in-out;
  /*SPACER*/
  --spaceBetweenElements: 5rem;
}
@media (max-width: 1199.98px) {
  :root {
    --spaceBetweenElements: 4rem;
  }
}
@media (max-width: 767.98px) {
  :root {
    --spaceBetweenElements: 3rem;
  }
}
html {
  scroll-behavior: auto;
  scroll-padding-top: 140px;
  overscroll-behavior: none;
}
body {
  --base-font-size: 1.125rem;
  --font: var(--base-font-size)/1.625rem var(--font-secondary);
  overflow-x: clip;
  transition: background-color 1s ease;
  font: var(--font);
}
body * {
  font: var(--font);
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  color: var(--black);
}
@media (max-width: 575.98px) {
  body * {
    --base-font-size: 1rem;
  }
}
.px-6 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.py-6 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
*:focus {
  outline: none;
}
.img__sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 13rem !important;
}
.element__sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 13rem !important;
}
@media (max-width: 991.98px) {
  .element__sticky {
    position: unset;
  }
}
.rounded {
  border-radius: var(--border-radius) !important;
}
.rounded-md {
  border-radius: calc(var(--border-radius) / 2) !important;
}
.rounded-lg {
  border-radius: calc(var(--border-radius) * 2) !important;
}
.center__vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.img__overlay {
  background: rgba(5, 30, 45, 0.1);
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.overflow-clip {
  overflow: hidden;
}
@supports (overflow: clip) {
  .overflow-clip {
    overflow: clip;
  }
}
.border-bottom, .border-top {
  border-color: var(--gray);
}
.loadingscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 25000;
  pointer-events: none;
  user-select: none;
}
.loadingscreen img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  max-width: 50vw;
  width: 150px;
  pointer-events: none;
}
.color-white {
  background-color: var(--white);
}
.color-petrol {
  background-color: var(--clr-primary);
}
.color-petrol * {
  color: var(--white);
}
.color-petrol .tile__title:not(.without__content):after {
  content: url("/resources/themes/hahnenkratt/images/icons/accordion-arrow-white.svg") !important;
}
.color-petrol .element__with--tiles .tile {
  border-bottom: 2px solid var(--white);
}
.bg-white {
  background-color: var(--white);
}
.bg-petrol {
  background-color: var(--clr-primary);
}
.bg-grey {
  background-color: var(--gray);
}
.bg-btn-grey {
  background-color: var(--btn-grey);
}
.bg-darkgrey {
  background-color: var(--btn-grey);
}
.bg-black {
  background-color: var(--black);
}
.dividing__line hr {
  height: 1px;
  background-color: #32333C;
  opacity: 1;
}
.breadcrumbs a {
  text-decoration: none;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #F5F5F7;
  border-radius: 0;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--maincolor);
  border-radius: 0;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--maincolor);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fhahnenkratt%2Fscss%2Fsettings%2F_settings.scss%22%2C%22%2Fthemes%2Fhahnenkratt%2Fscss%2Fsettings%2F_variables.scss%22%2C%22%2Fthemes%2Fhahnenkratt%2Fscss%2Fsettings%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BACEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACsCI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFtCJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEyBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFfJ%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAERI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFqBJ%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAArLA%3BAA2LA%3BAAAA%3BAAAA%3BAAAA%3BAA3LA%3BAAiMA%3BAAAA%3BAAAA%3BAAAA%3BAAjMA%3BAAuMA%3BAAAA%3BAAAA%22%7D */