.img-schattenborder {
  -webkit-box-shadow: 20px 3px 50px -25px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 20px 3px 50px -25px rgba(0, 0, 0, 0.75);
  box-shadow: 20px 3px 50px -25px rgba(0, 0, 0, 0.75);
  border: 5px double rgba(119,119,119,0.22);
  border-radius: 15px;
}

.img-round {
  border-radius: 10px 10px 0px 0px;
}

.textfett{
  font-weight: 600;
}

b {
  font-weight: 600 !important;
}

.fetteUeberschrift{
  color: #777;
  font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1600 - 320)));
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 300;
}

.text-headline
{
  font-family: 'Philosopher', sans-serif;
  color: #777;
  font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (1600 - 320)));
  /*calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 300;
  text-transform: uppercase;
}

.text-headline-middle
{
  font-family: 'Philosopher', sans-serif;
  color: #777;
  font-size: 2em;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 300;
  text-transform: uppercase;
}

.text-headline-klein
{
  font-family: 'Philosopher', sans-serif;
  color: #777;
  font-size: 22px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 300;
  text-transform: uppercase;
}

.text-headline-big
{
  font-family: 'Philosopher', sans-serif;
  color: #777;
  font-size: calc(24px + (30 - 24) * ((100vw - 320px) / (1600 - 320)));
  /*calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 300;
  text-transform: uppercase;
}

.detailbox
{
background: #fff;
padding-top: 15px;
padding-bottom: 15px;
}

.card-title {
    font-size: 20px;
    text-transform: uppercase;
}