html,
body {
  font-family: 'Roboto', sans-serif;
  background: #ffffff;
  scroll-behavior: smooth;
} 

a {
  color: #2f982f;
  -webkit-transition: color .4s ease-in-out;
  transition: color .4s ease-in-out;
} 

a:hover {
  color: #000000;
} 

.btn {
  -webkit-transition: background .4s ease-in-out;
  transition: background .4s ease-in-out;
}

.btn-primary {
  color: #fff;
  background-color: #2f982f;
  border-color: transparent;
}

.btn-primary:hover {
  color: #fff;
  background-color: #26282c;
  border-color: transparent;
}

header .navbar {
  background: #f5f5f5!important;
  box-shadow: 0px 4px 6px #00000029;
} 

header .nav-item {
  font-size: 1.1rem;
  font-weight: 500;
} 

header .nav-link {
  color: #ffffff!important;
  color: #000000!important;
} 

header .nav-link:hover {
  color: #000000!important;
  color: #2f982f!important;
} 

.pageHeader {
  color: #ffffff;
  background: #2f982f;
  box-shadow: 0px 4px 6px #00000029;
} 

.pageHeader a {
  color: #ffffff;
  display: block;
  margin-top: 10px;
  text-decoration: none;
}

.pageHeader a:hover {
  color: #222222;
}

.pageHeader .btn-primary {
  color: #2f982f!important;
  border-color: transparent;
  background-color: #f2f2f2;
  display: inline-block!important;
}

.pageHeader .faceTime {
  max-widht: 100%;
  max-height: 300px;
} 

.pageHeader .bgPunkte {
  z-index: 1;
  margin-top: 20px;
  width: 80px;
  margin-left: -90px;
  float: left;
  position: absolute;
} 

.pageHeader .bgPunkteText {
  z-index: 1;
  margin-top: 70px;
  width: 80px;
  margin-left: -90px;
  float: left;
  position: absolute;
} 

.containerTeaser {
  padding-top: 80px;
  padding-bottom: 80px;
} 

.containerTeaserGrau {
  background:#F2F2F2
}

.containerTeaserGrau img {
  box-shadow: 0px 4px 6px #00000029;
  border-radius: 15px;
  margin-bottom: 20px;
  max-width: 80%;
  height: auto;
}

.containerTeaserGrau .fa-ul {
  margin-left: var(--fa-li-margin,1.5em);
}

.containerTeaserGrau .fa-li {
  color: #2f982f;
}

.containerTeaserGrau .btn-primary {
  margin-top: 20px;
}

.containerTeaserGrau .lineH2 {
  width: 80px;
  background: #2f982f;
  height: 2px;
  display: inline-block;
  margin-bottom: 30px;
}

.containerVorteile {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.containerVorteile .btn{
  margin-top: 20px;
}

.containerVorteile .vorteilBox {
  background: #f2f2f2;
  box-model: border-box;
  border: 15px solid transparent;
  background-clip: padding-box;
  padding: 20px;
  text-align: left;
}

.containerVorteile .vorteilBox i {
  background: green;
  color: white;
  padding: 10px;
  font-size: 3rem;
  border-radius: 15px;
}

.containerVorteile .vorteilBox .vorteilHead {
  display: block;
  padding-top: 20px;
}

.containerVorteile .vorteilBox .vorteilText {
  display: block;
  padding-top: 20px;
}

.containerForm {
  background: #2f982f;
}

.containerForm .mailWdh {
  display: none;
}

.containerForm h2 {
  color: white;
  margin-bottom: 50px;
}

.containerForm .btn-primary {
  color: #2f982f;
  background: #ffffff;
}

.containerTeam .teamBild {
  border-radius: 20px;
  max-width: 60%;
  height: auto;
  display: block;
  margin: auto;
}

.containerTeam span,
.containerTeam strong {
  display: block;
  text-align: center;
}

.containerTeam .teamBuch {
  font-style: italic;
  margin-top: 5px;
}

.containerContent {
  margin-top: 50px; 
} 

.containerContent .naviContent {
  padding: 20px;
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border-radius: 20px;
  text-align: left;
  font-weight: 300;
  letter-spacing: 0.13px;
  color: #163235;
  opacity: 1;
} 

.containerContent .naviContent strong {
  text-align: left;
  font-weight: bold;
  letter-spacing: 0.14px;
  color: #2f982f;
  text-transform: uppercase;
  opacity: 1;
} 

.containerContent .naviContent .list-group-item {
  background: none;
  padding: 1rem 0rem;
}

.containerContent .naviContent .list-group-item a{
  color: #163235;
  text-decoration: none;
}

.containerContent .naviContent .list-group-item a:hover{
  color: #2f982f;
}

.containerContent .centerContent .artikel{
  padding: 20px; 
  margin-bottom: 50px; 
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border-radius: 20px;
  text-align: left;
  letter-spacing: -0.4px;
  color: #000000;
  font-size: 1rem;
} 

.containerContent .centerContent .artikel h1, 
.containerContent .centerContent .artikel h2 {
  font-size: 1.3rem;
  text-align: left;
  letter-spacing: 0.17px;
  color: #000000;
  opacity: 1;
  margin-bottom: 20px;
} 

.containerContent .centerContent .artikel a{
  margin-top: 10px;
  text-decoration: none;
  display: block;
} 

.containerContent .centerContent .artikel img{
  box-shadow: 0px 4px 6px #00000029;
  opacity: 1;
  margin-bottom: 20px;
} 

.containerContent .centerContent .artikel hr{
  color: #717171;
} 

.containerContent .teaser {
  margin-bottom: 50px;
} 

.containerContent .teaser img {
  box-shadow: 0px 4px 6px #00000029;
  border-radius: 15px;
  opacity: 1;
  margin-bottom: 20px;
} 

.containerContent .shareLine {
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.containerContent .shareLine .shareDetail {
	text-align: center;
}

.containerContent .shareLine a {
  margin-top: 0px;
  -webkit-transition: background .4s ease-in-out;
  transition: background .4s ease-in-out;
}

.containerContent .shareLine .shareDetail i  {
  font-size: 1.5rem;
  padding: 10px;
  color: white;
}

.containerContent .shareLine .wa {
  background: #189D0E;
}

.containerContent .shareLine .fb {
  background: #3B5998;
}

.containerContent .shareLine .tw {
  background: #1DA1F3;
}

.containerContent .shareLine .li {
  background: #008cc9;
}

.containerContent .shareLine .pin {
  background: #CB2027;
}

.containerContent .shareLine .mail {
  background: orange;
}

.containerContent .shareLine .shareDetail:hover {
  background: #26282c;
}

.containerContent .shareRow {
  text-align: center;
  margin-top: 0px;
}

.containerContent .shareRow .wa {
  color: #189D0E;
  background: none;
}

.containerContent .shareRow .fb {
  color: #3B5998;
  background: none;
}

.containerContent .shareRow .tw {
  color: #1DA1F3;
  background: none;
}

.containerContent .shareRow .li {
  color: #008cc9;
  background: none;
}

.containerContent .shareRow .pin {
  color: #CB2027;
  background: none;
}

.containerContent .shareRow .mail {
  color: orange;
  background: none;
}

.containerContent .shareRow .shareDetail:hover {
  background: #26282c;
}

footer .container {
  background: #222222;
} 

footer .container {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
	
footer .container strong {
  color: #ffffff;
  font-weight: 600;
} 

footer a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  font-weight: 200;
} 

footer a:hover {
  color: #2f982f;
} 




/* Kleiner als md */
@media (max-width: 768px) {
  footer {
    margin-bottom: 0px;
  }

  footer .container strong {
    margin-top: 20px;
    display: block;
  }

  .containerTeaser {
    padding-top: 60px;
    padding-bottom: 60px;
  } 

  .pageHeader .bgPunkte,
  .pageHeader .bgPunkteText {
    display: none;
  }

  .navbar-nav {
    margin-top: 20px;
  }
}


/* Größer als md */
@media (min-width: 769px) {
  .containerForm {
    border-radius: 20px;
  }

  .containerForm h2 {
    margin-right: 50px;
    margin-left: 50px;
    text-align: center;
  }

  .containerTeaser {
    text-align: center;
    padding-right: 100px;
    padding-left: 100px;
  } 
}


/* Kleiner als lg */
@media (max-width: 992px) {

  .containerTeaserGrau img {
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
  }
}


/* Groesser als lg */
@media (min-width: 993px) {
  .navbar-nav {
    width: 100%;
  }

  header .nav-item {
    width: 100%;
    text-align: center;
  } 

  .containerContent .centerContent .artikel{
    margin-left: 30px; 
    margin-right: 30px; 
    margin-bottom: 20px; 
  } 

  .containerTeaser {
    text-align: center;
    padding-right: 200px;
    padding-left: 200px;
  } 

  .containerTeaserGrau img {
    margin-right: 0px;
    margin-left: auto;
  }
}