@font-face{
  font-family: "Oswald";
  src: url("../fonts/oswald-regular.woff2") format("woff2"),
  url("../fonts/oswald-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



.bg-dark {
    --bs-bg-opacity: 1;
    background-color: #272627 !important;
  }


    .oswald { font-family: "Oswald",sans-serif; }

    h1 {
      margin-top: 0;
      margin-bottom: 0.5rem;
      font-family: "Oswald",sans-serif; 
      font-weight: 400;
      font-size: xx-large;
    }
h2, h3, h4, h5 {
  font-family: "Oswald",sans-serif; 
  text-transform: uppercase;
  font-weight: 600  ;
  letter-spacing: 0.05em;
 }
    .icon{
height: 40px;

    }
    .repeat{
      background-repeat: no-repeat;
    }
    .dunkler{
      width: 100%;
      height: 600px
    }
    .video{ 
      width: auto;

      height: 600px;
    }
    .feature-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      height: 4rem;
      margin-bottom: 1rem;
      font-size: 2rem;
      color: #fff;
      border-radius: .75rem;
    }
    
    


    .video-text {
      margin-top: 200px;

      right: 15%;
      bottom: 1.25rem;
      left: 15%;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      color: #fff;
      text-align: center;
    }
    .display-1 {
      font-size: calc(4rem + 4.5vw);
      font-weight: 300;
      line-height: 1.2;
    }
    .produkt1 {
      font-size: calc(2rem + 2.5vw);
      font-weight: 300;
      line-height: 1.2;
    }
    .produkt-db-1 {
      font-size: calc(4rem + 2.5vw);
      font-weight: 300;
      line-height: 1.2;
    }

    p {
      font-family: open-sans, sans-serif;
      font-weight: 400;
      font-style: normal;
    }
    .hfont1 {
  
      margin-bottom: 0.5rem;
      line-height: calc(3.4rem + 2.5vw);
      font-family: "hello-my-love-pro",sans-serif; 
      font-size: calc(3.4rem + 2.5vw);
     }
     .hfont3 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      font-family: open-sans, sans-serif;
      font-weight: 300;

  
    }
    /* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item1 {
  height: 32rem;
}
.carousel-item1 > img {
  position: absolute;

  min-width: 100%;
  height: 100%;
}
.mein-bild{ 
  max-width: 2000px;
    width: 100%;
    object-fit: cover;
    height: 500px; 
 }
 
 .beschreibungsbild{ 
    width: 100%;
    object-position: 10% 90%;
    object-fit: cover;
    height: 300px;
    overflow: hidden !important; 
 }
 .beschreibungsbild-2{ 
  width: 100%;
  object-position: 10% 90% 10% 90%; 
  object-fit: cover;
  height: 300px;
  overflow: hidden !important; 
}


 .produkt-slide-xl{ 
  max-width: 2000px;
    width: 100%;
    object-fit: cover;
    height: 500px; 
 }
 .maincontainer {
  padding: 60px 15px 0;
}


.flex-bild { 
  display: flex !important;  justify-content: center; align-items: center;

}
.rubrik {width:300px; height:300px;}

.logofont-1 {
  font-size: calc(1.625rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
  vertical-align: -10%;
}
@media (min-width: 768px) {
  .produkt-slide-xl{ 
    max-width: 2000px;
      width: 100%;
      object-fit: cover;
      height: 700px; 
   }  

  
  }
@media (min-width: 1250px) {
  .logofont-1 {
    font-size: 2rem;
    vertical-align: -10%;
  }
  .beschreibungsbild-2{ 
    width: 100%;
    object-position: 10% 90%;
    object-fit: cover;
    height: 500px;
    overflow: hidden !important; 
  }
  .produkt1 {
    font-size: calc(2rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2;
  }
  .produkt-db-1 {
    font-size: calc(6rem + 2.5vw);
    font-weight: 300;
    line-height: 1.2;
  }

}
.info-vorg {
  color: #fff;
  background-color: #4846d1;
  border-color: #D14677;
}

.info-got {
  color: #fff;
  background-color: #4E3D43;
  border-color: #D14677;
}

.info-lepp {
  color: #fff;
  background-color: #dab203;
  border-color: #D14677;
}

.btn-danger {
  color: #fff;
  background-color: #D14677;
  border-color: #D14677;
}
.btn-danger:hover {
  color: #fff;
  background-color: #D14677;
  border-color: #D14677;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #D14677;
  border-color: #D14677;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #D14677;
  border-color: #D14677;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #D14677;
  border-color: #D14677;
}

.btn-link {
  font-weight: 400;
  color: #D14677;
  text-decoration: underline;
}
.btn-link:hover {
  color: #D14677;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #D14677;
}

.link-danger {
  color: #D14677;
}
.link-danger:hover, .link-danger:focus {
  color: #D14677;
}

.link-light {
  color: #fff;
  text-decoration: none;
}
.link-light:hover, .link-danger:focus {
  color: #fff;
}

.contact {
	text-decoration: none;
    	color: #FFFFFF;
}
.contact:hover {
  color: #FFFFFF;
    font-weight: 700;
  text-decoration: none;
}


a.anchorPos {
  display: block;
  position: relative;
  top: -250px;  
  visibility: hidden;
}

.img-info {
  padding: 0.25rem;
  max-height: 80px;
  width: 80px;
}

.mx-u-d-flex {
  display: flex !important;
  margin-right: auto !important;
    margin-left: auto !important;
 }