body {
    background-color: #cccccc;
    padding-top: 0px !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
header .container{
    background-color: #ffffff;
    min-height: 120px;
    padding: 20px 25px 20px 25px;
}
main .container {
    background-color: #ffffff;
    padding: 0px 40px 40px 40px;
}

.bigpic {
    padding: 0px 0px 20px 0px !important;    
    background-color: #ffffff;    
}

h1 {
    font-size: 2em;
    margin: 1em 0;
    text-align: center;
}
h2 {
    font-size: 1.5em;
    margin: 0.67em 0;
    text-align: left;
    font-weight: 600;
}
h3 {
    font-size: 1.2em;
    margin: 0.50em 0;
    text-align: left;
    font-weight: 600;
}

main a {
   font-weight: 600;
    color: #7aa228 !important;
}
h2 > a {color: #7aa228 !important;}
h2 > a:hover {text-decoration-line: none;}


/* MAINNAVI */
.mainmenu {
    margin-bottom: 0px;
}
.navbar-default {
  background-color: #ffffff !important;
  border-color: #cccccc;
    border: 0px;
}
.navbar-collapse {
    margin: 2% 0px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
    font-size: 1.2em;
}
.navbar-default .navbar-nav > li > a {
  color: #999;
  font-weight: 600;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #7aa228;
  background-color: transparent;
  font-weight: 600;
}

#home .home-link, #spanndecken .spann-link, #raumgestaltung .raum-link, #trockenbau .trocken-link, #impressum .kontakt-link {
    font-weight: 600;
    color: #7aa228;
}
#home .home-link:after, #spanndecken .spann-link:after, #raumgestaltung .raum-link:after, #trockenbau .trocken-link:after, #impressum .kontakt-link:after {
  content: " ]";
    color: #000000;
}
#home .home-link:before, #spanndecken .spann-link:before, #raumgestaltung .raum-link:before, #trockenbau .trocken-link:before, #impressum .kontakt-link:before {
  content: "[ ";
    color: #000000;
}

/* CONTACT */
.contact {
    background-color: #7aa228;
    padding: 20px 25px;
}
.contacticon { 
    float: left; 
    margin: 0 25px 0 0; 
    padding: 0; 
}
.contacticon i{
    color: #ffffff !important;
    font-size: 45px;
    transition: all 0.3s ease-in-out 0s;
}
.media-body p {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500;
}


/* FOOTER */
.footerinfo {
    background-color: #21202e;
}
.footerLi, .footerRe {
    padding: 10px 25px;
}
.footerLi > p{
    color: #8f969c;
    margin: 0px;
}
.footerRe { text-align: right; }
.footerRe > a{
    color: #ffffff;
}
.footerRe > a {
    color: #ffffff;
    margin: 0 5px;
    text-decoration-line: none;
}
.footerRe > a:hover {
    color: #7aa228;
    margin: 0 5px;
    text-decoration-line: none;
}
.footerRe > a::after {
    content: "|";
    margin-left: 15px;
}
.footerRe > .datenschutz::after {
    content: " ";
    margin-left: 0px;
}

/* CONTENT */
.description {
    margin-bottom: 40px;
}
.panel-angebot > .panel-heading {
  color: #ffffff;
  background-color: #7aa228;
  border-color: #ddd;
}
.panel-angebot > .panel-body > .check {
  list-style: none;
  padding: 0;
}
.check > li {
  padding-left: 1.5em;
}
.check > li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
    color: #7aa228;
}


@media (max-width: 768px) {
 main .container {
    padding: 20px 25px 20px 25px;
  }
    /* Content */
    .panel-angebot > .panel {
        border: 0px;
    }
    .panel-angebot > .panel-heading {
        margin-top: 20px;
    }
    /* FOOTER */
    .footerinfo {
    background-color: #21202e;
    padding-bottom: 20px;
}
    .footerLi, .footerRe {
    padding: 10px 25px 5px 25px;
        text-align: center;
}
/* CONTACT */
 .contacticon i{
    color: #ffffff !important;
    font-size: 30px;
    transition: all 0.3s ease-in-out 0s;
}   
}