/* allgemein */
       :root {
  --bs--primary: rgb(157, 57, 157);
  --bs-mat-color: rgb(157, 57, 157);
  --bs-mat-hover-color: white;
  --bs-mat-dark-color: rgb(71, 25, 71);
} 
body {
   font-size: 1.2rem;
}
.btn-my-prim {
  background-color: var(--bs-mat-color);
  color: white;
}
.btn-my-prim:active {
  border-color: var(--bs-mat-color);
  background-color: navy;
  color:  var(--bs-mat-color);
}
.btn-my-prim:focus {
  border-color: var(--bs-mat-color);
  background-color: lightgrey;
  color:  var(--bs-mat-color);
}
.btn-my-prim:hover {
  border-color: var(--bs-mat-color);
  background-color: var(--bs-mat-hover-color);
  color:  var(--bs-mat-color);
}
  
.text-my-prim {
  color: var(--bs-mat-color);
}



.center {
    text-align: center;
}
.right {
    text-align: right;
}

.limegreen {
    color: limegreen;
} 

.red {
    color: rgb(157, 57, 157);
}
.blue {
    color: rgb(176, 189, 221);
}
#products,
#contact,
#dataprotection {
    padding-top: 10rem;
}
/* Navigation */
.navbar, 
.carousel {
    border-bottom: 1px solid #888;
}
.nav-link {
    cursor: pointer;
}

.nav-link:active,
.nav-link:hover {
    color: limegreen !important;
}


/* Slider */
.slider-image{
    width: 100vw;
    height: 70vh;
    background-position: center;
    background-size: cover;
}