.cc_container .cc_btn {
  background-color: #fff !important; /* Farbe des Buttons */
  color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container, .cc_message {
  color: #000 !important; /* Schriftfarbe des gesamten Bereichs */
} 

.cc_message::-moz-selection,  .cc_message a::-moz-selection {
    background: #fff !important;
    color: #000 !important;
  }

.cc_container {
  background: linear-gradient(#ddd,#aaa) !important; /* Hintergrundfarbe des gesamten Bereichs */
  border-top: 1px solid #888;
  padding-bottom: 0 !important;
}
.cc_container a {
  color: #444 !important; /* Textlink-Farbe "Mehr Infos" */
  text-decoration: underline !important;
}

a.cc_btn {
   text-decoration: none !important;
}



address {
    line-height: 1.5em !important;
}

.page-header h1 {
  line-height: 1.5em;
}

.item-page-title {
  margin-bottom: 40px !important;
  border-bottom: 2px dotted #888;
}

p {
  margin-bottom: 40px !important;
}

.leading-row h2.item-page-title {
    text-align: left !important;
}

#footer ul.menu li {
  display: inline-block !important;
}

#main .page-header h1 {
  font-size: 30px;
}

.catbg {
    padding: 35px 200px;
    background: transparent;
    margin-bottom: 30px;
}



#comp .item, #comp .leading-row {
    padding: 25px;

}

#comp-w {
    padding: 0 40px 40px 40px !important;
}







@media screen and (max-width: 1200px) {

    .catbg {
        padding: 35px 30px;

    }

}
  
  
@media screen and (max-width: 800px) {

      .bernhard {
          width: 50% !important;
        }

      .catbg {
          padding: 35px 30px;

      }


      #nav .menu a:link, #nav .menu a:visited {
          background: #fff !important;
      }

      #nav .menu a:hover {
          background: #ddd !important;
      }




      #menu-icon {
          background: #EDEDED  url(../images/menu-icon.png) no-repeat right;
          color: #222;
          text-shadow: none !important;
          border-top: 1px solid #888;
          border-bottom: 1px solid #888;
      }

      #menu-icon:hover, #menu-icon.active {
          background: #ccc  url(../images/menu-icon.png) no-repeat right;
      }



      #nav ul.menu > li > a,
      #nav ul.menu > li.sfHover > a,
      #nav ul.menu > .active > a {
          background: #EDEDED;
          color: #222 !important;
          text-shadow: none !important;
      }



      #nav ul.menu > li > a:hover, 
      #nav ul.menu > .active > a:hover {
          background: #ccc;
      }

      #nav ul li ul li a {
          background: #aaa !important;
          text-shadow: none !important;
      }

      #nav .menu ul a:link,
      #nav .menu ul a:visited {
           background: #bbb !important;
      }

      #nav .menu ul a:hover {
           background: #888 !important;
      }

  
 }


@media screen and (max-width: 400px) {
  
     .bernhard {
           width: 100% !important;
      }
}


@media screen and (max-width: 330px) {

    .catbg {
        padding: 35px 10px !important;

    }

}