@import url("scrolling-nav.css");
@import url("../fonts/dosis/stylesheet.css");

body {
  font-family: 'Dosis';
  font-size: 1.25rem;
  color: #333;
  font-weight:300;
}

header {
  background: url("../img/frau_haare.jpg") fixed center no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 0px;
  background-color: #fff;
  color: #000;
}

header .container p {
  text-shadow: 0px 0px 2px rgba(255,255,255,0.5);
}

section#nichtraucher {
  background: url("../img/kinder.jpg") fixed center no-repeat;
  background-size: cover;
  color:#000;
}
section#raucher {
  background: url("../img/gruppe_strand.jpg") fixed center no-repeat;
  background-size: cover;
  color:#000;
}
section#supporter {
  background: url("../img/gruppe_beach.jpg") fixed center no-repeat;
  background-size: cover;
  color:#000;
}

nav#mainNav {
  background-color: #e1ddd7 !important;
}

.text-bg p,
.text-bg h2,
.text-bg ul {
  background-color: rgba(255,255,255,0.75);
  color: #333;
  padding: 2px 0px;
  position: relative;
  left: 7px;
  box-shadow: 7px 0px 0px rgba(255,255,255,0.75) , -7px 0px 0px rgba(255,255,255,0.75);
}

.text-bg ul {
  list-style-type: circle;
  padding-left: 20px;
}

.nav-item {
  font-size: 1rem;
}
.bg-light {
  background-color: #f6f6f6 !important; 
}