/* CSS Document */

/********************************************
   HTML ELEMENTS
********************************************/ 

/* blau: #4092b6 ... Überschriften und Linkfarbe*/ 
/* braun: #5d5239 ... Fließtext */


body {
  background-color: #4092b6;
}

.slicknav_menu {
    display:none;
}

.wrapper {
  background-image:url(../images/bg-stretch.gif);
  background-repeat:repeat-x;
  
  background-color:#FFF;
}
.backend .wrapper, body.backend {
  background-image:none !important;
  background-color: #FFF;
}

.headerwrapper {
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}

.contentwrapper {
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  background-color:#FFF;
  padding-bottom:30px;
}

.head {
  position:relative;
}

.head ul, .sidebar ul {
  list-style:none;
  margin:0;
}

.head ol li, .sidebar ol li, .head ul li, .sidebar ul li {
  margin:0;
  line-height:14px;
}

.head ul li {
  float:left;
}

.elementemenu {
  margin-top:45px;
  margin-bottom:25px;
}

.elementemenu a, .elementemenu img {
  display:block;
  width:129px;
  height:132px;
  float:left;
  margin-left:40px;
}
.elementemenu a:hover img {
  opacity:0;
}
.elementemenu .element1  {
  margin-left:50px;
  background-image:url(../images/circle1.png);
  background-repeat:no-repeat;
}
.elementemenu .element2  {
  background-image:url(../images/circle2.png);
  background-repeat:no-repeat;
}
.elementemenu .element3  {
  background-image:url(../images/circle3.png);
  background-repeat:no-repeat;
}
.elementemenu .element4  {
  background-image:url(../images/circle4.png);
  background-repeat:no-repeat;
}
.elementemenu .element5  {
  background-image:url(../images/circle5.png);
  background-repeat:no-repeat;
}



.metamenu ul li {
  height:13px;
  margin:23px 0 14px 0;
  float:right;
  border-right:1px solid #5d5239;
  font-size:13px;
  padding:0 5px;
}

.metamenu ul li.strong a {
  font-weight: 600;
}

.metamenu ul li a, .metamenu ul li a:visited{
  color:#5d5239;
  text-decoration:none;
}

.metamenu ul li a:hover, .metamenu ul li a:active, .metamenu ul li.current a{
  color:#4092b6;
}

.metamenu ul li.first {
  border:none;
}

.logo {
    clear: both;
    margin-bottom: 24px;
    margin-top: 37px;
    margin-left: 50px;
}

.slogan {
  position:absolute;
  right:50px;
  top:71px;
}

.burgerbutton {
  display: none;
}

.menu ul.level0 {
  padding-left: 33px;
}

.menu ul.level0 li.first {
  border-left: 1px solid #FFF;
}

.menu ul li {
  height:28px;
  margin:0;
  float:left;
  border-right:1px solid #FFF;
  font-size:15px;
  font-weight:bold;
  position:relative;
}

.menu ul li a, .menu ul li a:visited{
  color:#FFF;
  text-decoration:none;
  display:block;
  padding:6px 7px 0;
  height:22px;
  background-color:#948c77;
  width:153px;
  text-align: center;
}

.menu ul li a:hover, .menu ul li a:active, .menu ul li a.current {
  background-color:#4092b6;
}

.menu ul li.last {
  border:none;
}


.menu ul.level1 {
  display:none;
  position:absolute;
  top:28px;
  background-color: #fff;
    left: -1px;
  right: -1px;
    padding:8px 1px 8px 1px;  

}

.menu ul li:hover ul.level1 {
  display:block;
}

.menu li.level1 {
  border: none;
}

.menu li.level1 a, .menu li.level1 a:visited {
  background-color:#fff;
  color:#5d5239;
  font-weight:normal;
  font-size:13px;
}

.menu li.level1 a:active, .menu li.level1:hover a, .menu li.level1 a.current {
  background-color: #99cbe1;
}

.menu ul.level1 li.level1:hover ul.level2 {
  display:block;
}
.menu ul.level2 {
  display:none;
  position:absolute;
  left:100%;
  top:0;
  padding:2px 1px 2px 0;  
  margin-top:-2px;
  margin-left:0px;
  width:212px;
}

.menu ul.level2 li.level2 {
  width:200px;
}

.menu ul.level2 li.level2 a {
  background-color: #fff; 
  margin-left:1px;
  width:100%;
}
.menu li.level2 a:active, .menu li.level2 a:hover, .menu li.level2 a.current  {
  background-color: #99cbe1 !important;
}

.headerimg {
}

.breadcrumbs {
  font-size:13px;
  margin:10px 50px 0 50px;
  padding-bottom:30px;
  color:#4092b6;
}

.breadcrumbs a {
  color:#5d5239;
  text-decoration:none;
}

.breadcrumbs a, .breadcrumbs span {
  margin-right:15px;
}

.breadcrumbs a:hover {
  color:#4092b6;
  text-decoration:none;
}

.content {
  max-width:524px;
  margin:0 50px 0 50px;
  float:left;
}



.content .teaser {
  font-weight:bold;
}


.content .miscpage {
  margin-top:50px;
}

.content .post .datum {
  font-size:12px;
  font-weight:normal;
}

.content .post h2 a {
  text-decoration:none;
}

.content .post h2 a:hover {
  text-decoration:none;
  color:#5B5438;
}


.content .aktuelles hr {
  margin-bottom:20px;
}


.teamlist .content h2 {
    margin-bottom: 0;
    margin-top: 55px;
  padding-bottom:10px;
  border-bottom:1px solid #948c77;
  color: #4092b6;
  font-size: 16px;
}

.sidebar {
  max-width:226px;
  margin:0 50px 0 0;
  float:left; 
}

.sidebar .bildbeschreibung {
  font-size:12px;
  font-style:italic;
}

.sidebox {
  margin-top:15px;
  background-color:#4192b6;
  color: #FFF;
}

.sidebox.aktuelles {
  margin-top:0;
}

.sidebox h2{
  padding:15px 20px;
  color: #fff;
  font-size:17px;
  text-transform:none;
  margin:0;
}

.backend .sidebox h2{
  font-size:12px;
}

.sidebox h3{
  padding:15px 20px 0 20px;
  color: #fff;
  font-size:15px;
  text-transform:none;
  margin-bottom:10px;
}

.sidebox .post {
  background-color:#FFF;

}

.sidebox p{
  padding:0 20px 15px 20px;
  color: #fff;
  font-size:13px;
  text-transform:none;
  margin-bottom:10px;
}

.sidebox .datum{
  font-size:11px;
  font-weight:normal;
}

.sidebox ul li {
  background-color:#6cabc7;
  border-bottom:2px #8cc1d8 dotted;
  padding:8px 20px;
}

.sidebox ul li a {
  color:#fff;
  text-decoration:none; 
}

.sidebox ul li a:hover {
  text-decoration:underline;  
}

.teammember {
  height:80px;
    margin-bottom: 20px;
    padding-top: 20px;  
}


.teammember .teambild {
  float:right;
}

.teamfunktion {
    margin-bottom: 20px;;
    margin-top: -14px;
}

.backlink {
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: -5px;
}

.partnerdetail h2 {
    margin-bottom: 15px;
    margin-top: 35px;
}


.layout_form  {
  margin-bottom:40px;
}

.layout_form label {
  display:block;
  margin:15px 0 4px;
}

.layout_form input {
  width:76%;
  padding:8px;
}

.layout_form select {
  width:25%;
  padding:8px;
}

.layout_form button {
  margin-top:15px;
  padding:12px 25px;
  background-color:#FBF0D3;
  color:  #5D5239;
  border:1px #DFDCD2 solid;
  cursor:pointer;
}

.layout_form button:hover {
  color: #B40825;
}

#phone_cc1598408, #phone_ac1598408 {
  width:7%;
}

#phone_number1598408 {
  width:50%;
}


.footerwrapper {
  background-color:#eeeee6;
}

.footer {
  padding:20px 50px 35px 50px;
  font-size:12px;
  width:800px;
  margin:auto;
  color: #5d5239;
}

.footer .column {
  width:266px;
  float:left;
}

.footer .column.center {
  text-align:center;
}

.footer .column.right {
  text-align:right;
}

.footer h2 {
  font-size:16px;
  color:#5d5239;
  text-transform:none;
}

.footer .newsletterlink {
  font-size:16px;
  text-decoration:none;
}
.footer .newsletterlink:hover {
  text-decoration:underline;
}

.rot {
  color:#b40825;
}

.clearer { clear:both; }


.loginform {
  background-color: #fff;
}

.loginwrapper {
  width:300px;
  margin: auto;
}



/* @SM ==============================================================================================================================================  */
/* Small devices ====================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */

@media (max-width: 768px) { 


}




/* ==================================================================================================================================================  */
/* MD Only ======================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */
@media (min-width: 769px) and (max-width: 890px) {  

}


/* ==================================================================================================================================================  */
/* Mobile Only ======================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */
/* ==================================================================================================================================================  */
@media (max-width: 900px) {

  .slicknav_menu {
    display:block;
    
    background-color: #948c77;

  }

  .slicknav_nav {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 30px;
  }

  .slicknav_btn {
    background-color: #5d5239;
    text-shadow: none;
    border-radius: 0;
  }

  .slicknav_menu,
  .slicknav_menutxt {
    text-shadow: 0;
  }




  .wrapper {
    background-image: none;
  }

  .logo {
    margin-left: 25px;
    width: 60%;
    height: auto;
  }


  .burgerbutton {
    display: block;
  }


  .content,
  .sidebar,
  .footer,
  .breadcrumbs
   {
      max-width: 100%;
      margin: 0 25px;
  }

  .sidebar img {
    margin: 1%;
    width: 31%;
    height: auto;
  }

  .footer .column,
  .footer .column.center,
  .footer .column.right {
    float:left;
    width: 100%;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 5px;
  }

  .footer {
    padding: 0;
    margin: 0;
  }



  .menu {
    display: none;
  }

  .metamenu {
      top: 30px;
      position: absolute;
      right: 20px;
  }

}