/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@font-face {
  font-family: "Pacifico";
  font-style: normal;
  font-weight: 400;
  src: local("Pacifico Regular"), local("Pacifico-Regular"),
    url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2)
      format("woff2");
  font-display: swap;
}

body {
  overflow-x: hidden;
}

:root {
  --cnvs-themecolor: rgb(145, 43, 192);
  --cnvs-themecolor-rgb: 145, 43, 192;
}

:root {
  --cnvs-body-font: "Roboto", sans-serif;
  --cnvs-primary-font: "Roboto", sans-serif;
  --cnvs-secondary-font: "Roboto", sans-serif;
}

.custom-themecolor {
  color: rgb(255, 226, 133) !important;
}

.custom-bg-color2 {
  background-color: #912bc0 !important;
}

.custom-background {
  background-color: #151515 !important;
}

.custom-header-background {
  background-color: #050505 !important;
}

.custom-bg-slider {
  background-color: transparent !important;
  background-image: url(../custom-images/background1.jpg);
  background-attachment: fixed;
  background-position: left;
  background-size: cover;
}

.custom-bg-quickfeatures {
  background-color: #050505 !important;
}

.custom-title-text {
  font-family: "Archivo Black", sans-serif !important;
  transform: skew(-11deg) !important;
  width: fit-content;
  color: #050505 !important;
  letter-spacing: -2px !important;
  text-shadow: -1px 0 rgb(250, 229, 173), 0 1px rgb(255, 208, 77),
    1px 0 rgb(247, 195, 53), 0 -1px rgb(255, 221, 128) !important;
}

/*-----------------------------------------------------------------------*/

.topbuttoncustom {
  text-align: center;
  font-size: 0.8rem;
  padding: 1px 15px 1px 15px;
}

.custom-herotext {
  padding: 50px 0 0 0;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
}

.custom-slider-images {
  z-index: 0;
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  object-fit: cover;
}
.custom-slide {
  object-fit: cover !important;
  height: 100%;
  width: 50vw;
}

.flex-control-paging {
  display: none;
}

.custom-leistungen {
  width: 100%;
  left: 0 !important;
  position: relative;
  background-image: url(../custom-images/background1.jpg) !important;
  background-position: left;
  background-size: cover;
  background-attachment: fixed;
}

.slider-bottom-box {
  border: 2px solid #ddcb63;
  border-radius: 5px;
}

.main-title {
  font-size: 70px !important;
}

.title-larger {
  font-size: 45px !important;
}

.custom-premium {
  transform: scaleX(0.75) skew(-12deg) !important;
}

.owl-dots {
  display: none !important;
}
/*----------------------------------------------------------------------*/

.showsmall {
  display: none;
}
.showbig {
  display: block;
}

@media screen and (max-width: 1600px) {
  .custom-header-background {
    padding-left: calc(12vw - 150px);
    padding-right: calc(12vw - 150px);
  }
}

@media screen and (max-width: 1499px) {
  .custom-remove-breakpoint {
    display: none;
  }
}

@media screen and (max-width: 990px) {
  .custom-bg-slider {
    background-color: #151515 !important;
    background-image: none;
  }

  .custom-slider-images {
    /* display: none; */
    width: 100%;
    filter: brightness(25%);
  }

  .fixed-background img {
    display: none;
  }

  .fixed-background {
    background-color: #151515 !important;
  }

  .topbuttoncustom {
    display: none;
  }
}

@media screen and (max-width: 500px) {
  .custom-bg-slider {
    height: 430px !important;
  }

  .custom-title-size {
    font-size: 2.8rem !important;
  }

  .custom-herotext {
    padding: 20px 10px 60px 10px;
    font-weight: normal;
    font-family: "Roboto", sans-serif;
    font-size: 0.8rem;
  }

  .showbig {
    display: none;
  }
  .showsmall {
    display: block;
    padding: 0px 10px 0 10px;
    text-align: center;
  }

  .footer-logo-small {
    height: 15px !important;
  }
}

@media screen and (max-width: 450px) {
  .custom-remove-mobile {
    display: none;
  }
}

@media screen and (max-width: 319px) {
  .custom-title-size {
    font-size: 2.2rem !important;
  }
}