body{
background-image:url(../theme-images/hg_tabelle.gif);
font-family: tahoma, verdana;
}

ul, ol{
padding:0!important;
margin:16px;
margin-top:-22px;
}


.default{

width:1100px;
margin:0 auto;
padding-top:60px;
padding-bottom:5px;
}


.site-header{
position:fixed;
top: 0;
background:#fff;
width:100%;
z-index:11111;
border-bottom: 1px solid gray;
}


.site-main {
position:relative;
margin-top:140px;
margin-bottom:140px;
padding: 34px 60px;
color: #CDC7C7;
text-shadow: 2px 2px 5px #000;
background: linear-gradient(135deg, rgba(76,76,76,1) 0%,rgba(71,71,71,1) 1%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(44,44,44,1) 70%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(17,17,17,1) 97%,rgba(19,19,19,1) 100%);

}


.entry-title{

position: absolute;
  top: 60px;
  z-index: 111;
  left: 120px;
  font-size: 66px;


}

.site-main h1 {
  font-size: 80px;
  color: #CDC7C7;
  font-weight:300;
}

.site-main a{
color:#E5E5E9;
text-decoration:none;
}

.home-list{ 
background: url(../theme-images/1e_beere_freigestell_transt.gif) no-repeat;
background-repeat:no-repeat;
padding-left:36px;
background-size:44px 28px;;
}


.home-list p,
.home-list h2,
.home-list div{
margin:0;
font-size: 18px;
}

.home-list-header p,
.home-list-header h2,
.home-list-header div{
font-size: 26px;
color:#fff;
}

.home-list{
margin-bottom:18px;
}

.home-list div:nth-child(2) a strong{
color:#e6db00;

}



.home-list .vc_column_container{
width:30%;
}

.xcherry-home{
padding-left:70px;

background-image:url(../theme-images/3beeren_transparent.gif);
background-repeat:no-repeat;

}


.xcherry-konstruktionen{
padding-left:70px;

background-image:url(../theme-images/3beeren_transparent.gif);
background-repeat:no-repeat;

}

h2 a{
color:#fff!important;
text-decoration:none;
}

div{

}

.nav-menu li{
padding-left: 48px;
  padding-top: 6px;
  margin-left: 25px;
  float: left;
  background: url(../theme-images/1e_beere_freigestellt.gif) no-repeat;
  height: 42px;
}




.entry-footer{
display:none;
}


.nav-menu a{
text-decoration: none;
  font-size: 17px;
  padding-bottom: 8px;
  line-height: 100%;
min-width: 60px;
  white-space: nowrap;
  padding: 4px 2px 4px 2px;
  letter-spacing: 1.5px;
}














.cA{
clear:both;
}
.c-tab{
float:left;
}

.tab-0{
wdith:40%;
margin-right:33px;
}
.tab-1{
padding-top:62px;
}





.block-hide{
     position:relative;
     margin-bottom:6px;
}
.block-hide-header{
background:
}


.block-hide-content{
  display:none;
color:#A5A5AB;
margin-top: 34px;
}

.block-btn{
position: absolute;
  top: 0;
  left: 376px;
  width: 18px;
  height: 18px;
  display: block;
  background: #F2527F;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
  line-height: 110%;
}

.block-download {
position:absolute;
top:-10px;
left:416px;
display:block;
width:63px;
height:28px;

}

.block-download  a{
display:inline-block;
width:20px;
height:28px;
margin-right:1px;
  background: url(../theme-images/pdf.gif) no-repeat;
  background-size:cover;
}

footer{
min-height:140px;
background:#fff;
}

.footer-widget-frame{
width:1160px;
margin:0 auto;
padding:22px 0;
}

.footer-widget-frame p{
color:#fff;
}

.c-footer-widget{
float:left;
width:40%;
}


/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.cmn-toggle-switch {
      position: absolute;
       top: 9px;
      right:0;
      left:0;
      margin:0 auto;
      z-index:11111;
      background: transparent !important;
      display: block;

      
      
      overflow: hidden;
      margin:0 auto;
      padding: 0;
      width: 56px;
      height: 45px;
      font-size: 0;
      text-indent: -9999px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-shadow: none;
      border-radius: none;
      border: none;
      cursor: pointer;
      -webkit-transition: background 0.3s;
      transition: background 0.3s;
      background-color:red;
 
}

.cmn-toggle-switch:focus {
  outline: none;
}
 
.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 18px;
  left: 4px;
  right: 4px;
  height: 4px;
  
  background: #fff;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -9px;
}

.cmn-toggle-switch span::after {
  bottom: -10px;
}
 
 
.cmn-toggle-switch__htx {

}

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0 0.3s;
          transition: background 0 0.3s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
          transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {

}

.cmn-toggle-switch__htx.active span {
  background: none;
}

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0, 0.3s;
          transition-delay: 0, 0.3s;
}



.cmn-toggle-switch{

display:none;

}








.img-full-responsive{
display:none
}






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




 
} 
div{

}





/////////////////////////////////////////////////////////////////////////////////////////////////////////
.main-navigation ul {
    display: flex;

}







/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {


 
}
@media all and (max-width: 1186px) {
.site-title a{
    font-size:100%;
}
}


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {


.menu-item-6197{
display:inline-block!important; 
}

.nav-menu li {
  margin-right: auto;
}

.header-grid{

height:12px;

}
.nav-menu{
background:#fff;
}
.nav-top-bar{
display:none; 
 }

.site-title{
line-height:100%;
}



.site-branding{
height:50px;
}
.site-branding h2{
margin-top:16px;
}
 .nav-res-loader{
display:block;
} 
 

.main-navigation-content,
.nav-menu{
background:#fff;
width:100%;
padding-bottom:0;
opacity:1;
}

.main-navigation-content{

}

.page_item{
margin:0!important;
}

.nav-menu a{

}

.site-main{

padding:10px 10px;

}
.main-navigation ul {
    display: none;
background:#fff;
}


.cmn-toggle-switch {
display:block;
}
.section{

} 

.site-title{
margin-top:36px;
}



.section .default{
width:90%;
margin:0 auto;

} 

.default h2, 
.default li, 
.default p {
    font-size: 18px;
    line-height: 158%;
    letter-spacing: 1.1px;
}
.home-btn {

    height: 40px;
    width: 40px;
    background-size:cover;

}
 
 
 
}


 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 700px) and (max-width: 980px) {}


@media all and (max-width: 980px) {

.entry-title{
    top: 26px;
    left: 20px;


}

.site-main h1 {
  font-size: 34px;
  color: #CDC7C7;
  font-weight:300;
}








.site-header{
background: #000;
height: 60px!important;
}

.nav-menu li {

  margin-left: 25px!important;
  margin-top: 12px!important;
}

.nav-menu{
padding: 32px 0;
}

.home-list .vc_column_container {
  width: 100%;
}

   .default{
   width:100%;
   }
   
   
   .nav-menu li{
   float:none;
   margin-top:12px;
   }
   
  .site-main{
  margin-top:44px;
  } 

 .block-btn {
    left: auto;
    font-size: 22px;
    width: 30px !important;
    height: 30px !important;
    right: 0;
  }
  .block-download {
top: 24px;
    left: 4px;
  }
  
  
  
}

 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {



 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {



.quote-dot-main {
    animation: bgmain 2s linear infinite;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 54px;
    height: 110px;
    width: 110px;
    border-radius: 50%;
    z-index: 12;
}

.main-navigation ul ul{
float:none;
}


.nav-menu{
background:#fff;
width:100%;
padding-bottom:0;
opacity:1;
padding:10px 0;
}









#section-2 h3,
#section-2 p:first-of-type, #section-2 ul {
    width: 100%;
    margin: 0 auto;
}

#section-2 p,
#section-2 ul{
width:100%;
margin:0 auto;
}

#section-2 ul li::before {
margin-left:-14px;
}




.section-2 p, .section-2 ul {
    width: 100%;
    margin: 0 auto;
}

#section-2 ul{

}
#section-2 ul li{
   margin-left:-30px;
}

.list-workshop, .list-dafdaz {
    margin-top: 0px;
}


.img-full-responsive{
display:block;
}
.img-full-default{
display:none;
}

.img-full-responsive{
 padding-bottom:10px;
}


.site-title a{
    font-size:80%;
}

.default{
padding-top:3px;
}

p{
margin-top:12px;
margin-bottom:12px;
}
.default p:first-of-type{
padding-top:0px;
margin:0;
}

.default h2{
padding-top:6px;
}
.default h2:first-of-type{
padding-top:0px;
margin:0;
}


.site-header{
  height: 132px;
}




.sub-menu{
position:relative!important;
display:block!important;
left:0!important;
padding:0 30px!important;
background:#fff!important;
}
.custom-logo-link{
margin:0 auto;
width:120px;
  padding: 10px;

}

.site-branding h2 {
  font-size: 16px;
}


.nav-menu a {
  text-align: left;
}



 
}