body{
    font-family: Arial, Helvetica, sans-serif;
}

nav{
    background-color: white;
}

.logo{
    width: 25rem;
}

.text-magenta{
    color: #e6007e;
}

.text-gruen{
    color: #76b72a;
}

.bg-magenta{
    background-color: #e6007e;
}

.bg-magenta-opa{

    background: rgba(230,0,126, .3)
}

.bg-gruen{
    background-color: #76b72a;
}

.bg-gruen-opa{

    background: rgba(118, 183, 42, .3)
}

.bg-gruen-2{
    background-color: #d9f7b7;
}

.borderneu{
border-width: 10px;
}

.btn-magenta {
  background-color: #e6007e; 
  border: none;
  color: white;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9rem;
  border-radius: 0.5rem;
}

.btn-gruen {
  background-color: #76b72a; 
  border: none;
  color: white;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9rem;
  border-radius: 0.5rem;
}

.btn-magenta-outline {
  background-color: white; 
  border: none;
  color: #e6007e;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  border-color: #e6007e;
  border: 2px solid #e6007e;
}


.btn-gruen-outline {
  background-color: white; 
  border: none;
  color: #76b72a;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  border-color: #76b72a;
  border: 2px solid #76b72a;
}

.text-slogan{

    font-size: 1rem;
}

.w-30 {
  width: 30% !important;
}


.border-magenta{

   border: 2px solid #e6007e;
}