#contact{
  width:100%;
  max-width:1200px;
  margin-top:0px;
}



#contact .ihalf,#contact .ifull,#contact .i13,#contact .i23{
  float:left;
  width:calc(50% - 5px);
  font-size:16px;
  padding:10px;
  margin:0px 0px 10px 0px;
  border:none;
  border-bottom:1px solid #ccc;
  background:#eee;
  opacity:0.7; 
} 
  
#contact .ifull{width:calc(100% - 0px)}
#contact .i13  {width:calc(20% - 5px)}
#contact .i23  {width:calc(80% - 5px)}

#contact .ihalf:focus,#contact .ifull:focus,#contact .i13:focus,#contact .i23:focus{
  background:#fff;
  color:#333;
  opacity:0.9;
}

#contact .itrenner{
  float:left;
  width:10px;
  height:10px;
}

#contact select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  
  width:100%;
  padding:10px 7px 10px 7px;
  margin:0px 0px 10px 0px;
  
  border:none;
  border-bottom:1px solid #ccc;
  border-radius:0;
  
  color:#666;
  font-size:16px;
  
  background:#f8f8f8 url(/images/select-arrow.png) no-repeat right 4px;
  opacity:0.7;
}

#contact select:hover{
  background:#fff url(/images/select-arrow.png) no-repeat right 4px;
  opacity:0.9;
}

.contact_button{
  float:left;
  display:block;
  padding:10px 20px 10px 20px;
  margin:0px 5px 0px 0px;
  border:1px solid #DAA864;
  background:#DAA864;
  color:#fff;
  text-align:center;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px; 
}
.contact_button:hover{
  background:#fff;
  color:#DAA864;
}

@media screen and (max-width: 800px){
  .contact_button{
      width:100%;
      margin:0px 0px 0px 0px;
 }
}

#contact .errorred{
  background:#f2dede;
  color:#c34a48;
}



.fileUpload{
  display:none;
  width:100%;
  position:relative;
  margin-bottom:30px;
}
.fileUpload input[type=file]{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  opacity:0;
  cursor:pointer;
}
.fileUpload .fileDummy{
  width:100%;
  padding:50px;
  background:#e1e1e1;
  border:1px dotted #ccc;
  text-align:center;
  transition:background 0.3s ease-in-out;
}
.fileUpload .fileDummy .success{
  display:none;
  font-size:18px;
  color:#468847;
}
.fileUpload .fileDummy .success i{
  font-size:30px;
  color:#468847;
}

.fileUpload .fileDummy .default{
  font-size:18px;
  color:#999;
}
.fileUpload .fileDummy .default i{
  font-size:30px;
  color:#999;
}

.fileUpload:hover .fileDummy{
  background:#eee;
}


.fileUpload input[type=file]:hover + .fileDummy{
}
.fileUpload input[type=file]:valid + .fileDummy{
  background:#dff0d8;
  border:1px dotted #468847;
}
.fileUpload input[type=file]:valid + .fileDummy .success{
  display:inline-block;
}
.fileUpload input[type=file]:valid + .fileDummy .default{
  display:none;
}




label b{
  float:left;
  font-weight:bold;
  font-size:12px;
}
label small{
  float:right;
  font-weight:normal;
  font-size:10px;
}




#contact .passlost{
  float:left;
  padding:12px 0px;
  font-size:10px;
  margin:0px 0px 0px 20px;
}#cookiedingsbums a{
  color:#111;
  text-decoration:none;
}

#cookiedingsbums a:hover{
  text-decoration:underline;
}

#cookiedingsbums div{
  padding:20px 130px 20px 20px;
}

#cookiedingsbums{
   outline:1px solid #7b92a9;
   border-top:1px solid #fff;
   background:#fff;
   position:fixed;
   bottom:0px;
   z-index:10000;
   width:100%;
   opacity:0.9;
}

#cookiedingsbums span{
  font-size:12px;
}
#cookiedingsbums a{
  font-size:12px;
  font-weight:bold;
}
#cookiedingsbumsCloser{
   color:#fff;
   font-size:11px;
   position:absolute;
   right:15px;
   top:15px;
   text-decoration:none;
   cursor:pointer;
   background:#111;
   padding:10px;
   border-radius:2px;
}.default-all{
  float:left;
  width:100%;
  padding:30px;
  background:#fff;
}

.default-eintraege{
  float:left;
  width:100%;
  padding:30px 0px;
  background:#fff;
}

.default-text{
  color:#60696A;
  font-size:14px;
  line-height:2;
}

.default-all a,
.default-eintraege a,
.default-text a{
  color:#DAA864;
}

.default-eintraege{
  float:left;
  width:100%;
  padding:30px 0px;
  background:#fff;
}

.default-text{
  color:#60696A;
  font-size:14px;
  line-height:2;
}

@media screen and (max-width: 800px){
 .default-eintraege{
  float:left;
  width:100%;
  padding:30px 30px;
  background:#fff;
}
}.noone{
  float:left;
  width:100%;                                 
  text-align:center;                  
  padding:30px 20px 30px 20px;
  background:#ffffff;
  color:#DAA864;
}
.noone b{
  color:#DAA864;
}



#eintraege{
  position:relative;
  float:left;
  width:100%;
  margin-bottom:30px;
  background:rgba(0,0,0,0.025);
}

#eintraege *{
  transition:0.5s;
}                                         

@media screen and (max-width: 800px){
  #eintraege{
    margin:1px 0px 0px 0px;
    padding:0px 30px 30px 30px;
 }
}                               



#tnav{
  padding:10px 30px 10px 30px;
  background:rgba(0,0,0,0.1);
  text-align:center;
  border-top:1px solid #DAA864;
}

#tnav .tnav-bt,#tnav .tnav-bt-active{
  background:#DAA864; 
  display:inline-block;
  color:#fff;
  font-weight:normal;
  padding:8px 14px 8px 10px;
  margin:1px 1px 0px 0px;
  font-size:11px;
  line-height:12px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  border:1px solid #DAA864;
  text-transform:uppercase;
}

#tnav .tnav-bt::before,#tnav .tnav-bt-active::before{
  font-family:FontAwesome;
  content:"\f02c";
  margin-right:10px;
}

#tnav .tnav-bt:hover,#tnav .tnav-bt-active:hover{
  background:#fff;
  color:#DAA864;
  text-decoration:none;
}

#tnav .tnav-bt-active{
  display:none;
}

@media screen and (max-width: 800px){
  #tnav{
      display:none;
 }
}



.entry{
	position:relative;
	float:left;
	overflow:hidden;
	width:calc(25%);
  padding-bottom:calc(25%);
	background:#fff;
	text-align:center;
  border:1px solid #ccc;
}

.entry .bild{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
}

.entry .txt{
  position:absolute;
  top:calc(100% - 45px);
  left:0px;
  width:100%;
  height:calc(100% - 45px);
  background:rgba(218,168,100,0.75);
}

.entry:hover .txt{
  top:45px;
}         

.entry h1{  
  position:relative;
  width:100%;
  padding:15px 0px 10px 0px;
  text-align:center;
  font-size:16px;
  font-weight:normal;
  color:#fff;
}
.entry .txt1,.entry .txt2,.entry .txt3{  
  position:relative;
  width:100%;
  padding:0px 20px 0px 20px;
  text-align:center;
  font-size:12px;
  font-weight:normal;
  color:#fff;
}

.entry .txt2{
  display:none;
}

.entry .txt3{
  padding:30px 20px 0px 20px;
  font-size:11px;
}
      
.entry .txt4{  
  position:absolute;
  width:100%;
  padding:5px 0px 5px 0px;
  text-align:center;
  bottom:0px;   
  background:rgba(255,255,255,0.5);
  font-size:14px;
  font-weight:bold;
  color:#DAA864;
}

@media screen and (max-width: 800px){ 
  .entry{
  	width:calc(50%);
    padding-bottom:calc(50%);
 }
}



.entry-irene{
	position:relative;
	float:left;
	overflow:hidden;
	width:calc(25% - 1px);
  padding-bottom:calc(25%);
	background:rgba(0,0,0,0.5);
  margin:1px 1px 0px 0px;
	text-align:center;
}

.entry-irene .bild{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
}

.entry-irene .txt{
  position:absolute;
  top:calc(100% - 63px);
  left:0px;
  width:100%;
  height:calc(100% - 45px);
  background:rgba(255,255,255,0.75);
}

.entry-irene:hover .txt{
  top:calc(100% - 225px);
}

.entry-irene h1{  
  position:relative;
  width:100%;
  padding:10px 0px 10px 0px;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  color:#DAA864;
}
.entry-irene .txt1,.entry-irene .txt2,.entry-irene .txt3{  
  position:relative;
  width:calc(100% - 2px);
  margin-left:1px;
  padding:2.5px 20px 2.5px 20px;
  text-align:center;
  font-size:12px;
  background:#DAA864;
  font-weight:normal;
  color:#fff;
}

.entry-irene .txt2{
  display:none;
}

.entry-irene .txt3{
  padding:30px 20px 15px 20px;
  font-size:11px;
  background:transparent;
  color:#444;
}
      
.entry-irene .txt4{  
  background:transparent;
  color:#444;
  font-size:12px;
  font-weight:bold;
}

@media screen and (max-width: 800px){ 
  .entry-irene{
  	width:calc(50% - 1px);
    padding-bottom:calc(50%);
 }
}




.entry-thilo{
	position:relative;
  overflow:hidden;
	float:left;
	width:100%;
  height:100px;
  border:1px solid #fff;
	background:#fff;
  margin-bottom:1px;
}

.entry-thilo .bild{
  position:absolute;
  width:100px;
  height:100px;
  left:0px;
  top:0px;
}

.entry-thilo .txt{
  position:absolute;
  left:101px;
  width:calc(100% - 101px);
}

.entry-thilo h1{  
  position:relative;
  display:inline-block;
  float:left;  
  width:100%;
  margin:17.5px 0px 0px 20px;  
  text-align:left;
  font-size:16px;
  font-weight:bold;
  color:#DAA864;
}

.entry-thilo .txt1{
  display:none;
}

.entry-thilo .txt2{
  position:absolute;
  right:43.5px;
  top:0px;
  height:auto;
  padding:38.5px 15px 38.5px 15px;
  text-align:center;
  background:#DAA864;
  font-size:12px;
  font-weight:bold;
  color:#fff;
}
.entry-thilo:hover .txt2{
  right:160px;
}

.entry-thilo .txt3{
  position:relative;
  display:inline-block;
  float:left;
  width:100%;
  padding:0px 50% 0px 0px;
  margin:10px 0px 0px 20px;
  text-align:left;
  font-size:11px;
  font-weight:normal;
  color:#444;                 
}
      
.entry-thilo .txt4{  
  position:absolute;
  right:-117.5px;
  top:0px;
  height:auto;
  padding:38.5px 15px 38.5px 15px;
  text-align:center;
  background:rgba(0,0,0,0.5);
  font-size:12px;
  font-weight:bold;
  color:#fff;
}

.entry-thilo .txt4::before{
  font-family:FontAwesome;
  content:"\f0a9";
  margin-right:17.5px;
}

.entry-thilo:hover .txt4{
  right:0px;
}
@media screen and (max-width: 800px){ 
  .entry-thilo{
    width:50%;
    height:270px;
    margin:0px 0px 1px 0px;
 }
  .entry-thilo:nth-child(odd){
    width:calc(50% - 1px);
    margin:0px 1px 1px 0px;
 }
  
  .entry-thilo .bild{
    position:relative;
    float:left;
    width:100%;
    height:100px;
    left:0px;
    top:0px;
 }
  
  .entry-thilo .txt{
    position:relative;
    float:left;
    left:0px;
    width:100%;
    height:170px;
 }
  
  .entry-thilo h1{  
    font-size:14px;
 }

  .entry-thilo .txt1{
    display:none;
 }
  .entry-thilo .txt2{
    display:none;
 }
  
  .entry-thilo .txt3{
    position:relative;
    display:block;
    float:left;
    width:100%;
    padding:10px 20px 15px 20px;
    margin:0px 0px 0px 0px;
    text-align:left;
    font-size:11px;
    font-weight:normal;
    color:#444;
 }
  .entry-thilo .txt4{
    display:block;
    position:absolute;
    float:left;
    width:100%;
    padding:10px 0px 10px 0px;
    left:0px;
    top:auto;
    bottom:0px;
 }   
}




.entry-rupert{
	position:relative;
	float:left;
	overflow:hidden;
	width:calc(25%);
	background:rgba(0,0,0,0.5);
	text-align:left;
  border:1px solid #DAA864;
}

.entry-rupert h1{
  display:block;
  position:relative;
  width:100%;
  padding:20px;
  padding-bottom:0px;
  background:#fff;
  font-size:15px;
  font-weight:bold;
  color:#DAA864;
  margin:0px 0px 0px 0px;

}

.entry-rupert h2{
  display:block;
  position:relative;
  width:100%;
  padding:20px;
  padding-top:2px;
  background:#fff;
  font-size:10px;
  font-weight:normal;
  color:#999;
  margin:0px 0px 0px 0px;
}

.entry-rupert .bild{
  position:relative;
  width:100%;
  padding-bottom:50%;
}
                                                                  
.entry-rupert .txt{
  position:relative;
  width:100%;
  height:170px;
  background:#fff;
  padding:20px;
}                                                        

.entry-rupert .txt3{
  font-size:11px;
}
      
.entry-rupert .txt4{  
  display:block;
  position:absolute;
  bottom:20px;
  lefT:20px;
  padding:6px 12px 6px 12px;
  background:#DAA864;
  border:1px solid #DAA864;
  color:#fff;
  font-size:10px;
}
.entry-rupert:hover .txt4{  
  background:#fff;
  border:1px solid #DAA864;
  color:#DAA864;
}

@media screen and (max-width: 800px){ 
  .entry-rupert{
    height:auto;
    width:calc(50% - 1px);
    border:none;
    margin-left:1px;
    margin-bottom:1px;
    border-bottom:none;
 }
}#goback{
  position:relative;
  display:block;
  float:right;
  padding:5px 15px 5px 15px;
  font-weight:bold;
  background:#DAA864;
  border:1px solid #DAA864;  
  color:#fff;
  border-radius:2px;
}
#goback i{
  margin:0px 15px 0px 0px;
  color:#fff;
}

#goback:hover{
  background:#fff;
  color:#DAA864;
  text-decoration:none;
}
#goback:hover i{
  color:#DAA864;
}

@media screen and (max-width: 800px){
  #goback{
    position:absolute;
    padding:15px;
    bottom:1px;
    left:-20px;
    width:calc(100% + 20px);
    text-align:center;
 }
}



#e-details{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:30px;
  background:#fff;
  
  color:#60696A;
  font-size:14px;
  line-height:2;
}

#e-details-title{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:10px 30px 10px 30px;
  background:rgba(0,0,0,0.2);
  margin-top:1px;
  margin-bottom:1px;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  text-align:left;
}

#e-details-title i{
  color:#fff;
  font-size:16px;
  margin:0px 10px 0px 0px;
}

@media screen and (max-width: 800px){
  #e-details{
    padding:20px 20px 80px 20px;
 }
}



#e-details *{
  transition:0.0s;
}

#e-details .logo{
  position:absolute;
  right:20px;
  top:-20px;
  width:200px;
  height:200px;
  padding:1px;
  border:1px solid #e1e1e1;
  background:#fff;
  -webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.4);
  box-shadow:0px 0px 5px 3px rgba(0,0,0,0.4);
}

#e-details .e-d-links{
  float:left;
  width:65%;     
}

#e-details .e-d-rechts{
  float:right;
  width:calc(35% - 30px);
  background:#eee;
  border-left:1px solid #e1e1e1;
  padding:20px;
}

#e-details .e-d-rechts h1{
  clear:both;
  margin:0px 0px 20px 0px;
  font-size:16px;
}


#e-details .dlist{
  float:left;
  width:100%;
  padding:2px 5px;
  margin:0px 0px 1px 0px;
}
#e-details .dlist i{
  float:left;
  width:30px;
  color:#DAA864;
  margin-top:5px;
}
#e-details .dlist .dlist-txt,#e-details .dlist .dlist-link{
  float:left;
  width:calc(100% - 30px);
}
#e-details .dlist .dlist-link{
  font-weight:bold;
}

#e-details .dlist-trenner{
  float:left;
  width:100%;
  height:10px;
}

#e-details .cal-day{
  float:left;
  width:100%;
  padding:2px 5px;
}

#e-details .cal-weekday{
  float:left;
  width:40%;
  font-weight:bold;
}

#e-details .cal-clock1{
  float:left;
  width:30%;
}

#e-details .cal-clock2{
  float:left;
  width:30%;
}

#e-details .cal-zusatz{
  float:left;
  padding:2px 5px;
  margin:10px 0px 0px 0px;
}

#e-details .dlist-socials{
  display:block;
  float:left;
  width:50px;
  padding:15px 0px 15px 0px;
  font-size:20px;
  margin:0px 1px 1px 0px;
  background:#999;
  text-align:center;
}
#e-details .dlist-socials i{
  display:block;
  color:#fff;
}

#e-details .dlist-socials:hover{
  background:#DAA864;
}

#e-details .dlist-socials.facebook:hover {background:#3b5998}
#e-details .dlist-socials.yelp:hover     {background:#c41200}
#e-details .dlist-socials.maps:hover     {background:#dc4e41}
#e-details .dlist-socials.google:hover   {background:#dc4e41}
#e-details .dlist-socials.twitter:hover  {background:#55acee}
#e-details .dlist-socials.instagram:hover{background:#3f729b}
#e-details .dlist-socials.youtube:hover  {background:#c4302b}

@media screen and (max-width: 800px){
  #e-details .e-d-links{
    float:left;
    width:100%; 
    padding-bottom:20px;   
 }
  
  #e-details .e-d-rechts{
    float:left;
    width:100%;
    background:#eee;
    border-left:none
    padding:20px;
 }
}



#pchange{
  float:left;                                           
  width:calc(100% + 40px);
  padding:20px;
  background:#e1e1e1;
  margin:30px 0px -20px -20px;
  border-top:1px solid #fff;
  
  font-size:10px;
  font-weight:normal;
  color:#888; 
}

#pchange h3{
  font-size:10px;
  font-weight:bold;
  color:#666; 
}

#pchange .link{
  float:left;
  margin:10px 0px 0px 0px;
  padding:4px 10px 4px 10px;
  background:#DAA864;
  color:#fff;
  font-size:10px;
  font-weight:bold;
}



#nix-da{
  float:left;                                           
  width:calc(100%);
  padding:300px 30%;
  background:#e1e1e1;
  margin:0px 0px 0px 0px;
  border-top:1px solid #fff;
  text-align:center;
  
  font-size:11px;
  font-weight:normal;
  color:#888; 
}

#nix-da h3{
  font-size:14px;
  font-weight:bold;
  color:#666; 
  margin-bottom:20px;
}

#nix-da .link{
  display:inline-block;
  margin:20px 0px 0px 0px;
  padding:4px 10px 4px 10px;
  background:#DAA864;
  color:#fff;
  font-size:11px;
  font-weight:bold;
}


@media screen and (max-width: 800px){
  #nix-da{
    float:left;                                           
    width:calc(100%);
    padding:50px 10%;
 }
}
#home{
  position:relative;
  width:100%;
  margin:0 auto;
  padding:0px 0px 0px 0px;
}

#home h1{
  margin:0px 0px 20px 0px;
}

#home .comp{
  float:left;
  width:100%;
  padding:30px 0px;
}

#home .comp-inline{
  width:100%;
  max-width:1200px;
  margin:0 auto;
}



#home .hpartner{
  position:absolute;
  top:-185px;
  left:1px;
  background:white;
  padding:10px 20px;
}

#home .klangfeld{
  float:left;
  width:190px;
  margin:48px 0px 20px 20px;
}
#home .scfreiburg{
  float:left;
  width:190px;
  margin:20px 0px 15px 0px;
}

#home .jaho{
  float:left;
  width:256px;
  margin:20px 0px 0px 0px;
}


#home .partnertext{
  float:left;
  width:100%;
  background:#f8f8f8;
  text-align:center;
  margin:30px 0px -30px 0px;
}

@media screen and (max-width: 800px){
  #home .hpartner{
    display:none;
 }
  #home .klangfeld{
    display:inline;
    float:none;
    clear:none;
    width:190px;
    margin:20px 0px 20px 0px;
 }
  #home .scfreiburg{
    display:inline;
    float:none;
    clear:none;
    width:190px;
    margin:20px 0px 0px 0px;
 }
  #home .jaho{
   display:inline;
    float:none;
    clear:none;
    width:254px;
    margin:20px 0px 0px 0px;
 }
}


#home .home-default{
  display:flex;
  width:100%;
  padding:0px 0px 0px 0px;
}
#home .home-default .hd-bild{
  flex:1;
}
#home .home-default .hd-bild video{
  display:block;
  float:left;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:100%;
}
#home .home-default .hd-text{
  flex:1;
  font-size:14px;
  color:#60696A;
  padding:50px 0px;
}
#home .home-default .hd-text.left{
  padding-right:50px;
  text-align:right;
}
#home .home-default .hd-text.right{
  padding-left:50px;
}
#home .home-default h1{
  float:left;
  width:100%;
  font-size:30px;
}
#home .home-default span{
  float:left;
  width:100%;
}
#home .home-default .hd-thelink{
  clear:both;
  display:inline-block;
  padding:10px 20px;
  margin:25px 0px 0px 0px;
  background:#DAA864;
  border:1px solid #DAA864;
  color:#fff;
  font-weight:normal;
  font-size:12px;
  border-radius:2px;
}
#home .home-default .hd-thelink:hover{
  background:#fff;
  color:#DAA864;
}

#home .comp.white .home-default h1{color:#fff}
#home .comp.white .home-default span{color:#fff}
#home .comp.white .home-default .hd-thelink{
  background:#fff;
  color:#DAA864;
  border-radius:2px;
}

#home .comp.white .home-default .hd-thelink{
  opacity:0.75;
}
#home .comp.white .home-default .hd-thelink:hover{
  opacity:1;
}

@media screen and (max-width: 800px){
    #home .home-default{
      display:block;
   }
    #home .home-default .hd-bild{
      flex:none;
      display:block;
      float:left;
      padding:0px 40px 0px 40px;
      background:transparent;
   }
    #home .home-default .hd-text{
      flex:none;
      display:block;
      float:left;
   }
    #home .home-default .hd-text.left{
      padding:0px 40px 0px 40px;
      text-align:left;
   }
    #home .home-default .hd-text.right{
      padding:30px 40px 0px 40px;
      text-align:left;
   }
}




#home .heintraege{
  display:flex;
  width:100%;
  padding:0px 0px;
  text-align:center;
}

#home .heintraege .emptyelement{
  flex:1;
  background:#f8f8f8;
  padding:20px;
  border:20px solid #fff;
}

#home .heintraege .heintrag{
  flex:1;
  position:relative;
  padding:20px 20px 20px 20px;
  text-align:left;
  background:#fff;
}


#home .heintraege .heintrag .he-bild{
  float:left;
  width:100%;
  height:200px;
  margin-bottom:0px;
  background:#DAA864;
  border:2px solid #f8f8f8;
  overflow:hidden;
}

#home .heintraege .heintrag .text{
  float:left;
  position:relative;
  width:100%;
  padding:10px 0px 0px 0px;
  color:#60696A;
  font-size:14px;
}

#home .heintraege .heintrag h2{
  width:100%;
  font-weight:normal;
  font-size:11px;
  line-height:1;
  color:#999;
}

#home .heintraege .heintrag h1{
  width:100%;
  font-size:20px;
  font-weight:normal;
  line-height:1.5;
}

#home .heintraege .heintrag span{
  float:left;
  width:100%;
  font-weight:normal;
  padding:0px 20px 10px 0px;
}


#home .heintraege .heintrag .helink{
  float:left;
  display:block;
  padding:5px 10px;
  margin:15px 0px 0px 0px;
  background:#DAA864;
  color:#fff;
  font-weight:normal;
  font-size:11px;
  border-radius:2px;
}

@media screen and (max-width: 800px){
  #home .heintraege{
    display:block;
 }
  #home .heintraege .heintrag{
    float:left;
    flex:none;
    width:100%;
 }
  #home .emptyelement{
    display:none;
 }

  #home .heintraege .heintrag h1{
    height:auto;
 }

  #home .heintraege .heintrag span{
    height:auto;
 }

}



#home .product{
  float:left;
  display:flex;
  width:100%;
}

#home .productleft{
  float:left;
  width:60%;
  padding:30px 0px;
}
#home .producttitle{
  float:left;
  width:100%;
  margin:0px 0px 10px 0px;
  font-size:25px;
  font-weight:bold;
  color:#DAA864;
}
#home .star{
  float:left;
  color:#eee;
}
#home .star.yes{
  color:#fff000;
}
#home .starstext{
  float:left;
  font-size:11px;
  font-weight:normal;
  color:#666;
  margin:4px 0px 0px 10px;
}
#home .producttext{
  float:left;
  width:100%;
  padding:0px 20% 0px 0px;
  margin:25px 0px 0px 0px;
  color:#666;
  font-size:14px;
  font-weight:normal;
}
#home .producttext b{
  color:#666;
  font-size:14px;
  font-weight:bold;
}
#home .productprice{
  float:left;
  width:100%;
  margin:20px 0px 20px 0px;
  line-height:1;
}
#home .productprice strong{
  font-size:25px;
  font-weight:normal;
  color:#DAA864;
}
#home .productprice small{
  font-size:10px;
  font-weight:normal;
}
#home .productbt{
  float:left;
  padding:10px 20px;
  background:#DAA864;
  border-radius:2px;
  margin:0px 10px 0px 0px;
  color:#fff;
  font-size:12px;
  border:1px solid #DAA864;
  cursor:pointer;
}
#home .productbt:hover{
  background:#fff;
  color:#DAA864;
}

#home .productbt .icon{
  display:inline;
  margin:0px 10px 0px 0px;
}

#home .productright{
  float:left;
  width:40%;
}

@media screen and (max-width: 800px){
    #home .product{
      float:left;
      display:block;
      width:100%;
   }

    #home .productleft{
      float:left;
      width:100%;
      padding:30px 40px;
   }
    #home .producttext{
      padding:0px 0px 0px 0px;
   }
    #home .productright{
      float:left;
      width:100%;
   }

}#imagelightbox
{
    position:fixed;
    z-index:9999;
 
    -ms-touch-action:none;
    touch-action:none;
    border:10px solid #fff;
}



#imagelightbox-overlay{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    top:0;
    z-index:9998;
    background-color:rgba(0,0,0,0.4);
    animation:0.25s linear 0s normal none 1 running fade-in;
}



#imagelightbox-caption
{
	text-align:center;
	color:#fff;
	background-color:rgba(0,0,0,0.8);
	position:fixed;
	z-index:10001;
	left:0;
	right:0;
	bottom:0;
	padding:10px 0px 10px 0px;
}



#imagelightbox-loading,
#imagelightbox-loading div
{
	border-radius:50%;
}

#imagelightbox-loading
{
	width:40px;
	height:40px;
	background-color:#444;
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	z-index:10003;
	top:calc(50% - 20px);
	left:calc(50% - 20px);
	padding:0px;
  
	-webkit-box-shadow:0 0 2.5em rgba( 0,0,0,.75 );
	box-shadow:0 0 2.5em rgba( 0,0,0,.75 );
}
#imagelightbox-loading div
{
  position:absolute;
  top:10px;
  left:10px;
	width:20px;
	height:20px;
	background-color:#fff;

	-webkit-animation:imagelightbox-loading .5s ease infinite;
	animation:imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading
{
	from{opacity:.5;	-webkit-transform:scale( .75 )}
	50%	{opacity:1;	-webkit-transform:scale( 1 )}
	to	{opacity:.5;	-webkit-transform:scale( .75 )}
}
@keyframes imagelightbox-loading
{
	from{opacity:.5;	transform:scale( .75 )}
	50%	{opacity:1;	transform:scale( 1 )}
	to	{opacity:.5;	transform:scale( .75 )}
}



#imagelightbox-close
{
	width:40px;
	height:40px;
	background-color:rgba(0,0,0,0.6);
	border-radius:50%;
  border:solid 2px rgba(255,255,255,0.6);
	position:fixed;
	z-index:10002;
	top:2.5em;
	right:2.5em;     
}
#imagelightbox-close:hover,
#imagelightbox-close:focus{background-color:rgba(0,0,0,1.0)}

#imagelightbox-close:before,
#imagelightbox-close:after
{
	width:2px;
	background-color:#fff;
	content:'';
	position:absolute;
	top:20%;
	bottom:20%;
	left:50%;
	margin-left:-1px;
}
#imagelightbox-close:before
{
	-webkit-transform:rotate( 45deg );
	-ms-transform:rotate( 45deg );
	transform:rotate( 45deg );
}
#imagelightbox-close:after
{
	-webkit-transform:rotate( -45deg );
	-ms-transform:rotate( -45deg );
	transform:rotate( -45deg );
}
      


#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption{
  -webkit-animation:fade-in .25s linear;
  animation:fade-in .25s linear;
}
@-webkit-keyframes fade-in
{
	from	{opacity:0}
	to		{opacity:1}
}
@keyframes fade-in
{
	from	{opacity:0}
	to		{opacity:1}
}

#shopnav{
  float:left;
  width:100%;
  text-align:left;
}

#shopnav .shopnav-title{                
  float:right;
  margin:0px 0px 20px 0px;
}

#shopnav h1{
  float:right;
  display:block;
  width:100%;
  font-size:20px;
  margin:0px 0px 5px 0px;

}
#shopnav h2{
  float:right;
  display:block;
  width:100%;
  font-size:11px;
  margin:0px 0px 0px 0px;   
}
#shopnav h3{
  float:left;
  width:100%;
  padding:5px;
  background:#DAA864;
  margin:7.5px 0px 10px 0px;
  color:#fff;
  font-size:11px;
  font-weight:bold;
}

#shopnav h4{
  float:left;
  display:block;
  margin:0px 0px 1px 1px;
  padding:2px 6px 2px 6px;
  background:#666;
  font-size:10px;
  color:#fff;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px; 
  opacity:1;
}



#shopprodukte{
}

#shopprodukte .sp-header{
  float:left;
  width:100%;
  padding:5px 0px;
}
#shopprodukte .sp-header.lineoben{
  border-top:1px solid #e1e1e1;
}
#shopprodukte .sp-header.lineunten{
  border-bottom:1px solid #e1e1e1;
}

#shopprodukte .sp-header .sview{
  float:left;
  display:table;
  margin:0px 0px 0px 0px; 
}   

#shopprodukte .sp-header .sview .link{
  display:table-cell;
  width:30px;
  height:30px;
  background:#eee;
  cursor:pointer;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px; 
  text-align:center;
  vertical-align:middle;
}

#shopprodukte .sp-header .sview .link i{
  font-size:14px;
  color:#999;
}

#shopprodukte .sp-header .sview .link:hover{
  background:#DAA864;
}

#shopprodukte .sp-header .sview .link:hover i{
  color:#fff;
}

#shopprodukte .sp-header .sview .link.on,
#shopprodukte .sp-header .sview .link.on:hover{
  background:#DAA864;
}

#shopprodukte .sp-header .sview .link.on i,
#shopprodukte .sp-header .sview .link.on:hover i{
  color:#fff;
}

#shopprodukte .sp-header .trenner{
  float:left;
  width:20px;
  height:1px;
}
#shopprodukte .styled-select{
  float:left;
  display:block;
  background:url(/images/jquery/input-pfeil.png) no-repeat 98% center;
  background-color:#e1e1e1;
  margin:0px 0px 0px 10px;
  height:29px;
  overflow:hidden;
  width:200px;
  
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
#shopprodukte .styled-select select{
   background:transparent;
   border:none;
   font-size:11px;
   height:29px;
   padding:5px;
   width:230px;
   color:#666;
}          
#shopprodukte .sp-header .pages{
  float:right;
  margin:0px 0px 0px 0px;
}
#shopprodukte .sp-header .pages a{
  display:block;
  float:left;
  margin:0px 0px 0px 1px;
  padding:5px;
  background:#e1e1e1;
  color:#666;
  font-size:11px;
  font-weight:normal;
}
#shopprodukte .sp-header .pages a.active{
  background:#DAA864;
  color:#fff;
  font-weight:bold;
}

#shopprodukte .sp-nachoben{
  float:right;
  padding:5px;
  margin:0px 10px 0px 0px;
  color:#666;
  font-size:11px;
  font-weight:normal;
}

#shopprodukte .sp-nachoben i{
  margin:0px 10px 0px 0px;
  padding:5px;
  color:#666;
  font-size:10px;
  font-weight:normal;
}

#shopprodukte .sp-liste{
  float:left;
  width:100%;
  margin:20px 0px 20px 0px;
}





#shopprodukte .onep.default,
#shopprodukte .onep{
  float:left;
  position:relative;
  width:25%;
  background:#e1e1e1;
  padding:1px;
}
@media screen and (max-width: 800px){
  #shopprodukte .onep.default,
  #shopprodukte .onep{
    width:100%;
 }
}
#shopprodukte .onep.default .op-artnr,
#shopprodukte .onep .op-artnr{
  position:relative;
  width:calc(100%);
  right:0px;
  top:0px;
  background:#DAA864;
  color:#fff;
  padding:1px 5px 1px 5px;
  font-size:11px;
  opacity:1.0;
} 
#shopprodukte .onep.default .op-bild,
#shopprodukte .onep .op-bild{
  float:left;
  width:100%;
  padding:20px;
  background-color:#fff;
  border-top:1px solid #fff;
  border-bottom:1px solid #e1e1e1;
} 
#shopprodukte .onep.default .op-bild.nopic,
#shopprodukte .onep .op-bild.nopic{
  background-color:#DAA864;
}

#shopprodukte .onep.default .op-bild .op-bild-in,
#shopprodukte .onep .op-bild .op-bild-in{
  float:left;
  width:100%;
  padding-bottom:100%;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center; 
}          

#shopprodukte .onep.default .op-txt,
#shopprodukte .onep .op-txt{
  float:left;
  width:100%;
  padding:15px 15px 0px 15px;
  background:#fff;
} 
#shopprodukte .onep.default .op-txt h1.noklein,
#shopprodukte .onep .op-txt h1.noklein{
  display:block;
  float:left;
  width:100%;
  font-size:14px;
  margin:0px 0px 10px 0px;
} 
#shopprodukte .onep.default .op-txt h1.klein,
#shopprodukte .onep .op-txt h1.klein{
  display:none;
} 
#shopprodukte .onep.default .op-txt span,
#shopprodukte .onep .op-txt span{
  float:left;
  width:100%;
  font-size:11px;
  color:#666;
} 
#shopprodukte .onep.default .op-price,
#shopprodukte .onep .op-price{
  float:left;
  width:100%;
  padding:0px 15px 5px 15px;
  font-size:20px;
  font-weight bold;
  color:#DAA864;
  background:#fff; 
} 



#shopprodukte .onep.klein{
  float:left;
  display:table;
  position:relative;
  width:100%;
  background:#e1e1e1;
  margin-bottom:1px;
}

#shopprodukte .onep.klein .op-artnr{
  position:absolute;
  right:0px;
  top:0px;
  width:180px;
  background:#666;
  color:#fff;
  padding:2px 10px 2px 0px;
  font-size:11px;
  opacity:1.0;
  text-align:right;
} 

#shopprodukte .onep.klein .op-bild{
  display:table-cell;
  width:90px;
  padding:2px;
  background-color:#e1e1e1;
  border-right:1px solid #fff;
  border-bottom:2px solid #DAA864;
} 

#shopprodukte .onep.klein:hover .op-bild{
  background-color:#DAA864;
}
#shopprodukte .onep.klein .op-bild.nopic{
  background-color:#DAA864;
}

#shopprodukte .onep.klein .op-bild .op-bild-in{
  float:left;
  width:100%;
  padding-bottom:100%;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center; 
}                 
 
#shopprodukte .onep.klein .op-txt{
  display:table-cell; 
  padding:20px;
  width:calc(100% - 270px);
  height:92px;
  background:#fff;
  text-align:left;
  vertical-align:middle;
  border-bottom:2px solid #DAA864;
} 

#shopprodukte .onep.klein .op-txt h1.klein{
  display:inline;
  width:100%;
  font-size:14px;
}
#shopprodukte .onep.klein .op-txt h1.noklein{
  display:none;
} 

#shopprodukte .onep.klein .op-txt span{
  clear:both;
  display:inline-block;
  width:100%;
  font-size:11px;
  color:#666;
} 
#shopprodukte .onep.klein .op-price{
  display:table-cell; 
  width:180px;
  height:92px;
  padding:37px 0px 0px 0px;
  font-size:20px;
  font-weight bold;
  color:#DAA864;
  background:#eee; 
  text-align:center;
  vertical-align:middle;
  border-bottom:2px solid #DAA864;
} 
#shopprodukte .onep.klein .op-action{
  position:absolute;
  width:30px;
  height:30px;
  top:2px;
  right:145px;
}
#shopprodukte .onep.klein .op-action i{
  color:#fff;
  font-size:14px;
}


#shopdetails{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  background:rgba(0,0,0,0.05);
  padding:70px 30px 30px 30px;
}

.oneBT{
  float:left;
  width:100%;
  background:#DAA864;
  color:#fff;
  font-size:20px;
  padding:10px 10px 10px 15px;
  margin:0px 0px 10px 0px;
  border:1px solid #DAA864; 
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px; 
}
.oneBT:hover{
  background:#fff;
  color:#DAA864;
}
.oneBT i{
  color:#fff;
  font-size:20px;
  margin:0px 10px 0px 0px;
}
.oneBT:hover i{
  color:#DAA864;
}     
#back{
  position:absolute;
  top:0px;
  left:0px;
  padding:10px 30px 10px 30px;
  width:100%;
  background:#DAA864;
  color:#fff;
  border-bottom:2px solid #e1e1e1;
}
#back i{
  color:#fff;
  margin:0px 10px 0px 0px;
}

#shopdetails .left{
  float:left;
  width:calc(40% - 30px);
  background:#fff;
}
#shopdetails .right{
  float:right;
  width:calc(60%);
}

@media screen and (max-width: 800px){
  #shopdetails .left{
    float:left;
    width:100%;
    background:#fff;
 }
  #shopdetails .right{
    float:left;
    width:100%;
 } 
}

#shopdetails .pTITLE{
  float:left;
  width:100%;
  padding:3px 10px 3px 10px;
  font-size:14px;
  background:#999;
  color:#fff;
  text-align:right;
}
#shopdetails h1,#shopdetails h1 b{
  font-size:20px;
  line-height:1.5;
}

#shopdetails h2,#shopdetails h2 b{
  font-size:14px;
}

#shopdetails .pPDF{
  float:left;
  width:100%;
  background:#DAA864;
  color:#fff;
  padding:10px 10px 10px 15px;
  margin:0px 0px 1px 0px;
  border:1px solid #DAA864; 
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px; 
}
#shopdetails .pPDF:hover{
  background:#fff;
  color:#DAA864;
}
#shopdetails .pPDF i{
  color:#fff;
  margin:0px 10px 0px 0px;
}
#shopdetails .pPDF:hover i{
  color:#DAA864;
}

#shopdetails .sd-bild{
  position:relative;
  float:left;
  width:100%;
  padding:20px;
  border:1px solid #e1e1e1;
}
#shopdetails .sd-bild.nopic{
  background-color:#DAA864;
}
#shopdetails .sd-bild .sd-bild-in{
  float:left;
  width:100%;
  padding-bottom:100%;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}

#shopdetails .sd-bild .lupe{
  position:absolute;
  top:20px;
  right:20px;
  opacity:0.5;
}
#shopdetails .sd-bild .lupe i{
  font-size:18px;
}
#shopdetails .sd-bild.nopic .lupe{
  display:none;
}

@media screen and (max-width: 800px){
  #shopdetails h2{
    margin-top:10px;
 }    
  #shopdetails .sd-text{
    padding:20px;
 }
}#products-simple{
  width:100%;
  max-width:1200px;
  margin:0 auto;
}



#products-simple .list{
  display:flex;
  float:left;
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  padding:20px 0px;
}

#products-simple .pone{
  width:32%;
  background:yellow;
  text-align:center;
  background:#f8f8f8;
  border:1px solid #fff;
  padding:20px;
  border-radius:2px;
}
#products-simple .pone:hover{
  border:1px solid #DAA864;
}

#products-simple .pone h1{
  font-size:16px;
  font-weight:normal;
  color:#666;
  margin:25px 0px 15px 0px;
}

#products-simple .pone h2{
  font-size:18px;
  font-weight:normal;
  color:#DAA864;
  margin:0px 0px 0px 0px;
}

#products-simple .pone .bild{
  float:left;
  width:100%;
  background:yellow;
  padding-bottom:100%;
  opacity:0.75;
}


#products-simple .pone:hover .bild{
  opacity:1;
}

@media screen and (max-width: 800px){
  #products-simple .list{
    display:block;
    float:left;
    width:100%;
    padding:20px 0px;
 }
  
  #products-simple .pone{
    float:left;
    width:100%;
    background:yellow;
    text-align:center;
    background:#f8f8f8;
    border:1px solid #fff;
    padding:20px;
    border-radius:2px;
 }
}

.pdfdownload{
  float:left;
  width:100%;
  padding:20px 30px;
  margin:0px 0px 20px 0px;
  background:#f8f8f8;
  border-radius:2px;
}
.pdficon{
  float:left;
  font-size:40px;
  width:70px;
  color:#DAA864;
}
.pdftext{
  float:left;                                                    
  width:calc(100% - 70px);
  padding:0px 0px 0px 0px;
}
.pdftext b{
  color:#DAA864;
  font-size:20px;
}
.pdftext strong{
  color:#666;
  font-weight:normal;
  font-size:14px;
}

.pdfdownload:hover{
  background:#DAA864;
}
.pdfdownload:hover .pdficon{
  color:#fff;
}
.pdfdownload:hover .pdftext b{
  color:#fff;
}
.pdfdownload:hover .pdftext strong{
  color:#fff;
}




#products-simple .details{
  float:left;
  width:100%;
  padding:30px 0px;
}


#products-simple .left{
  float:left;
  width:45%;
}    
#products-simple .bigpic{
  float:left;
  padding:30px;
  background:white;
  border:2px solid #f8f8f8;
}
#products-simple .bildgallery{
  margin:20px 0px 0px 0px;
  border:2px solid #f8f8f8;
}        
#products-simple .theTHUMB{
  width:25%;
  padding-bottom:25%;
}

#products-simple .right{
  float:right;
  width:50%;
}
#products-simple .right h1{
  float:left;
  width:100%;
  font-size:30px;
  color:#666;
}
#products-simple .right h2{
   float:left;
  width:100%;
  font-size:30px;
  color:#DAA864;
  margin:25px 0px 40px 0px;
}
#products-simple .ordernow{
  float:left;
  padding:15px 20px;
  margin:0px 5px 5px 0px;
  font-size:16px;
  border-radius:2px;
  background:#DAA864;
  color:#fff;
  border:1px solid #DAA864;
  cursor:pointer;                                          
}

#products-simple .ordernow:hover{
  background:#fff;
  color:#DAA864;
  border:1px solid #DAA864;                                          
}

#products-simple .text{
  float:left;
  width:100%;
  padding:30px 30px 30px 0px;
  margin:30px 0px;
  border-top:1px dotted #eee;
  border-bottom:1px dotted #eee;
  font-size:14px;
  color:#666;
  line-height:1.5;
} 
#products-simple .text small{
  font-size:14px;
  color:#ccc;
}    
#products-simple .reviews{
  float:left;
  width:100%;
}
#products-simple .reviews h3{
  float:left;
  width:100%;
  font-size:20px;
  font-weight:normal;
  color:#DAA864;
  margin:0px 0px 15px 0px;
}

#products-simple .star{
  float:left;
  color:#eee;
}
#products-simple .star.yes{
  color:#fff000;
}
#products-simple .starstext{
  float:left;
  font-size:11px;
  font-weight:normal;
  color:#666;
  margin:4px 0px 0px 10px;
}

#products-simple hr{
  float:left;
  width:100%;
  border:none;
  border-bottom:1px dotted #eee;
  margin:25px 0px;
  
}

#products-simple .reviewtext{
  float:left;
  width:100%;
  font-size:11px;
  font-weight:normal;
  color:#666;
  margin:4px 0px 20px 0px;
}


#products-simple .rv-one{
  float:left;
  width:100%;
  margin:10px 0px 10px 0px;
}
#products-simple .rvname{
  float:left;
  width:100%;
  font-size:14px;
  font-weight:bold;
  color:#DAA864;
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 5px;
}
#products-simple .rvdate{
  float:left;
  width:100%;
  font-size:12px;
  font-weight:normal;
  color:#ccc;
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 5px;
}
#products-simple .rvtext{
  float:left;
  width:100%;
  font-size:14px;
  font-weight:normal;
  color:#666;
  line-height:1.5;
  padding:0px 0px 0px 5px;
}


@media screen and (max-width: 800px){
#products-simple .left{
  float:left;
  width:100%;
  padding:0px 30px 30px 30px;
}  
#products-simple .right{
  float:left;
  width:100%;
  padding:0px 30px 0px 30px;
} 
}#warenkorb{
  width:100%;
  max-width:1200px;
  margin:30px auto;
}

@media screen and (max-width: 800px){
  #warenkorb.alone{
    padding:30px;
 }
}

#warenkorb .noProducts{
  float:left;
  width:100%;
  padding:20px 20px;
  background:#DAA864;
  color:#fff;
  font-size:11px;
  margin:20px 0px 80px 0px;
}

#warenkorb .tablemobile{
  float:left;
  width:100%;
  height:auto;
  overflow-x:auto;
  margin:30px 0px 0px 0px;
}

#warenkorb table{
  width:100%;
  min-width:1000px;
  margin:0px 0px 0px 0px;
  padding:1px 0px 0px 1px;
  background:#eee;
  border-collapse:separate;
  border-spacing:0px 0px;
}
#warenkorb table th,
#warenkorb table td{
  text-align:left;
  padding:15px 5px 15px 10px;
  border-right:1px solid #eee;
  border-bottom:1px solid #eee;
  background:#fff;
  font-size:14px;
  font-weight:bold;
  color:#666;
}
#warenkorb table td{
  font-weight:normal;
}
#warenkorb table td small{
  font-size:11px;
  color:#666;
}
#warenkorb table td b{
  font-size:14px;
  color:#666;
}          
#warenkorb table td.first{
  background:#eee;
  border-bottom:2px solid #DAA864;
}
#warenkorb table td.first b{
  color:#DAA864;
}

#warenkorb table th{
  background:#ccc;
  color:#ffffff;
}
#warenkorb table th b{
  color:#ffffff;
}

#warenkorb .tblBT{
  float:left;
  padding:15px 20px;
  margin:0px 4px 4px 0px;
  background:#DAA864;
  color:#fff;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px; 
  text-align:left;
  font-size:14px;
  font-weight:bold;
}
#warenkorb .tblBT i{
  color:#fff;
  margin:0px 10px 0px 0px;         
}

#warenkorb .green .ampel,
#warenkorb .yellow .ampel,
#warenkorb .red .ampel{
  display:block;
  width:60px;
  height:20px;
  background-size:contain;
  background:url(/images/ampel0001.png) no-repeat center center;
  margin:8px 0px 0px 0px;
}
#warenkorb .yellow .ampel{ background:url(/images/ampel0002.png) no-repeat center center}
#warenkorb .red .ampel   { background:url(/images/ampel0003.png) no-repeat center center}

#warenkorb .green span,
#warenkorb .yellow span,
#warenkorb .red span{
  font-weight:bold;
  font-size:10px;
  color:#00cc00;
}
#warenkorb .yellow span{ color:#ffcc00}
#warenkorb .red span   { color:#cc0000}


#warenkorb table input{
  width:40px;
  padding:2px 5px 2px 5px;
  border:1px solid #ccc;
  text-align:center;
}
#warenkorb .thmenge{
  background:#DAA864;
  font-weight:bold;
}

#warenkorb .tdmenge{
  width:70px;
  background:#DAA864;
}
#warenkorb .tdbt{
  width:220px;
}
#warenkorb .grey{
  background:#f8f8f8;
}
#warenkorb .grey.small{
  font-size:11px;
  padding:2px 10px;
}
#warenkorb .grey.rabatt{
  color:#DAA864;
}
#warenkorb .withnothing{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  background:#DAA864; 
}
#warenkorb .btdel{
  position:relative;
  display:block;
  text-align:center;
}
#warenkorb .btdel i{
  color:#fff;
  font-size:14px;
  font-weight:normal;
}

#warenkorb .hinweis{
  font-size:14px;
  color:#666;
}
#warenkorb .hinweis b{
  font-size:14px;
  color:#666;
}


#rabattcode{
  float:left;
  margin:0px 10px 5px 0px;
  padding:15px 20px 14px 20px;
  border-radius:2px;
  border:1px solid #ccc;
}



#direktBestellung{
  float:right;
  padding:5px 10px 8px 10px;
  position:relative;
  background:#e1e1e1;
  margin:-30px 0px 0px 0px;
}   

#direktBestellung .dB-label{
  float:left;
  font-weight:bold;
  font-size:12px;
  color:#fff;
  background:#333;
  padding:2px 20px 2px 10px;
  margin:0px 2px 0px 0px;
}
#direktBestellung .dB-input{
  float:left;
}
#direktBestellung .dB-input input{
  padding:2px 20px 2px 10px;
  margin:0px 2px 0px 0px;
  border:none;
}
#direktBestellung .dB-menge{
  float:left;
}
#direktBestellung .dB-menge input{
  padding:2px 20px 2px 10px;
  margin:0px 2px 0px 0px;
  border:none;
}
#direktBestellung .dB-submit{
  float:left;
  background:#DAA864;
  padding:2px 10px 2px 10px;
  color:#fff;
}
#direktBestellung .dB-submit a{
  color:#fff;
}
#direktBestellung .dB-submit a i{
  color:#fff;
}


@media screen and (max-width: 800px){
  #direktBestellung{
    float:left;
    width:calc(100% + 60px);
    padding:5px 10px 8px 10px;
    position:relative;
    background:#e1e1e1;
    margin:-60px 0px 30px -30px;
 }
  #direktBestellung .dB-label{
    width:100%;
 }
  #direktBestellung .dB-input{
    width:50%;
 }
  #direktBestellung .dB-input input{
    width:calc(100% - 2px);
    margin:4px 2px 4px 0px; 
 }
  #direktBestellung .dB-menge{
    width:50%;
 }
  #direktBestellung .dB-menge input{
    width:100%;
    margin:4px 0px 4px 0px;
 }
  #direktBestellung .dB-submit{
    float:left;
    width:100%;
 }
}




.rechtshinweis{
  float:left;
  width:100%;
  font-size:16px;
  font-weight:bold;
  color:#666;
  margin:20px 0px 25px 0px;
}


.rechtshinweis a{
  font-size:16px;
  font-weight:bold;
  color:#DAA864;
}*{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-family:'Open Sans',sans-serif;
  text-decoration:none;
  box-sizing:border-box;  
}                                 
      
html,body{
  position:absolute;
  min-height:100%;
  width:100%;
}

.clear{
  clear:both;
}



.schere-comp{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
}

#schere{
  position:absolute;
  right:100px;
  top:-360px;
  width:400px;
  background-repeat:no-repeat;
}
#schere img{
  width:100%;
}

@media screen and (max-width: 800px){
  #schere{
    position:absolute;
    left:-20px;                           
    top:-220px;
    width:300px;
    background-repeat:no-repeat;
 }
}



.import{
  clear:both;
  float:left;
  width:400px;
  margin:1px 0px 0px 20px;
  background:#eee;
  border-left:2px solid #DAA864;
}
.import b{
  float:left;
  width:150px;
  font-size:11px;
  font-weight:bold;
  padding:2px 5px 2px 5px;
  color:#212121;
}
.import small{
  float:right;
  font-size:11px;
  font-weight:normal;
  padding:2px 5px 2px 5px;
  color:#999;
}



.mobile-on{
  display:none;
}
.mobile-off{
  display:block;
}

@media screen and (max-width: 800px){
  .mobile-on{                                                                                                           
    display:block;
 }
  .mobile-off{
    display:none;
 }
}



#perfectFooter-Content{
  float:left;
  position:relative;
  width:100%;
  z-index:100;
}

#perfectFooter-Content .perfectFooter-Background{
  float:left;
  position:relative;
  width:100%;     
  padding:0px 0px 0px 0px;
  z-index:100;
  background:#fff;
}

#perfectFooter-Space{
  float:left;
  width:100%;
  background:transparent;
  opacity:0.5;
  height:200px;
  z-index:100;
  pointer-events:none;
}

#perfectFooter-Footer{   
  position:fixed;
  bottom:0;
  z-index:0;    
  width:100%;
  background:#60696A; 
}

@media screen and (max-width: 800px){
  #perfectFooter-Content .perfectFooter-Background{
    float:left;
    position:relative;
    padding:0px 0px 0px 0px;
 }
  #perfectFooter-Space{
    display:none;
 }
  #perfectFooter-Footer{
    float:left;  
    position:relative;
    padding:45px 0px 0px 0px;
 }
}



#header{
  position:relative;
	width:100%;
  height:100px;
  z-index:999;
  background:#DAA864; 
}
#header .inline{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
}

@media screen and (max-width: 800px){
  #header{
    height:150px;
 }
  #header .inline{
    height:150px;
 } 
}



#header .logo{
  position:absolute;
  height:50px;
  left:0px;
  top:25px;
}
#header .logo img{
  height:100%;
}

@media screen and (max-width: 800px){
  #header .logo{
    position:relative;
    width:150px;
    height:auto;
    top:30px;
    margin:0px 0px 0px 20px;
 }
}



#header .right{
  float:right;
}

#header .buynow{
  float:left;
  margin:44px 2px 0px 18px;
  padding:8px 12px;
  color:#fff;
  background:rgba(255,255,255,0.1);
  font-size:12px;
  font-weight:bold;
  border-radius:2px;
}
#header .buynow:hover{
  background:#fff;
  color:#DAA864;
}

#header .cart{
  float:left;
  margin:44px 0px 0px 0px;
  padding:8px 12px;
  color:#fff;
  background:rgba(255,255,255,0.1);
  font-size:12px;
  border-radius:2px;
}
#header .cart .icon{
  float:left;
  position:relative;
  margin:0px 10px 0px 0px;
}
#header .cart .label{
  float:left;
}

#header .cart:hover{
  background:#fff;
  color:#DAA864;
}


#header .cart .icon[data-badge]:after{
   content:attr(data-badge);
   position:absolute;
   top:-17px;
   right:-15px;
   font-size:.7em;
   background:#fff;
   border:1px solid #DAA864;
   color:#DAA864;
   width:18px;
   height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
}
 
@media screen and (max-width: 800px){
  #header .cart-mobile{
    position:absolute;
    right:30px;
    top:-5px;
    margin:44px 0px 0px 0px;
    padding:8px 12px;
    color:#fff;
    background:rgba(255,255,255,0.1);
    font-size:12px;
    border-radius:2px;
 }
  #header .cart-mobile .icon{
    float:left;
    position:relative;
    margin:0px 10px 0px 0px;
 }
  #header .cart-mobile .label{
    float:left;
 }
  
  #header .cart-mobile:hover{
    background:#fff;
    color:#DAA864;
 }     
  
  #header .cart-mobile .icon[data-badge]:after{
     content:attr(data-badge);
     position:absolute;
     top:-17px;
     right:-15px;
     font-size:.7em;
     background:#fff;
     border:1px solid #DAA864;
     color:#DAA864;
     width:18px;
     height:18px;
     text-align:center;
     line-height:18px;
     border-radius:50%;
 }
}


#header .menu{
  float:left;
  margin:44px 0px 0px 0px;
}
#header .menu .bthome{
  float:left;
  margin:0px 2px 0px 0px;
  padding:8px 12px;
  color:#fff;
  font-size:12px;
  border-radius:2px;
}
#header .menu .btnormal{
  float:left;
  margin:0px 2px 0px 0px;
  padding:8px 12px;
  color:#fff;
  background:transparent;
  font-size:12px;
  border-radius:2px;
}
#header .menu .bthome:hover,
#header .menu .btnormal:hover{
  background:#fff;
  color:#DAA864;
}

@media screen and (max-width: 800px){
  #mobile-menu-toggle{
    position:absolute;
    left:0px;
    right:0px;
    bottom:1px;
    background:#fff;
    text-align:center;
    color:#999;
    padding:10px 0px;
    cursor:pointer;
 }
  
  #mainnav{
    display:none; 
 }
  
  #header .menu{
    position:absolute;
    left:0px;
    right:0px;
    top:105px;
    padding:1px;
    background:#eee;
 }
  #header .menu .bthome{
    display:none;
 }
  #header .menu .btnormal{
    float:left;
    width:100%;
    border-bottom:1px solid #fff;
    margin:0px 0px 0px 0px;
    padding:15px 12px;
    color:#fff;
    background:#DAA864;
    font-size:12px;
    border-radius:2px;
 }
  #header .menu .bthome:hover,
  #header .menu .btnormal:hover{
    background:#fff;
    color:#DAA864;
 }
}



#SITEPIC{
  float:left;
  width:100%;
  background:#DAA864;
  margin:1px 0px 0px 0px;
}
#SITEPIC.bild{
  height:500px;
}
#SITEPIC.text{
  height:auto;
}

#SITEPIC .inline{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:50px 0px;
}

#SITEPIC h1,#SITEPIC h1 b{
  font-size:40px;
  line-height:1;
  color:#fff;
}

@media screen and (max-width: 800px){
  #SITEPIC.bild{
    height:250px;
 }
  #SITEPIC .inline{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:50px 40px;
 }
  
  #SITEPIC h1,#SITEPIC h1 b{
    font-size:30px;
    line-height:1;
    color:#fff;
 }
}



.breadcrump{
  float:left;
  width:100%;
  padding:16px 0px 14px 0px;
  margin:1px 0px 1px 0px;
  background:#f8f8f8;
}

.breadcrump .inline{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  text-align:right;
  font-size:11px;
  color:rgba(0,0,0,0.5);
}

.breadcrump a,.breadcrump b{
  font-size:11px;
  color:rgba(0,0,0,0.5);
}

.breadcrump .iconhome{
  display:inline;
  font-size:11px;
  color:rgba(0,0,0,0.5);
}

.breadcrump b{
  font-size:11px;
  font-weight:bold;
  color:rgba(0,0,0,0.5);
}

@media screen and (max-width: 800px){
  .breadcrump{
    display:none;
 }
}



#bigmessage{   
  float:left;  
  width:100%;
  padding:20px;
  margin:1px 0px 0px 0px;
}
#bigmessage .inline{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  font-size:12px;
}
#bigmessage .inline .icon{
  float:left;
  margin-right:15px;
  margin-left:-30px;
} 
#bigmessage .inline .text{
  float:right;
  width:calc(100% - 30px);
}
#bigmessage .inline .text ul{
  margin:0px 0px 0px 0px;
}
#bigmessage .inline .text a{ 
  float:left;
  padding:4px 8px;
  margin:10px 2px 0px 0px;
  font-size:11px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}

#bigmessage.ok   {background:#dff0d8;border-bottom:1px solid #d6e9c6}
#bigmessage.ok * {color:#468847}
#bigmessage.ok .inline .text a{background:#468847;color:#dff0d8}

#bigmessage.warning   {background:#fff3a8;border-bottom:1px solid #ffe15b}
#bigmessage.warning * {color:#d5a200}
#bigmessage.warning .inline .text a{background:#d5a200;color:#fff3a8}

#bigmessage.error   {background:#f2dede;border-bottom:1px solid #eed3d7}
#bigmessage.error * {color:#c34a48}
#bigmessage.error .inline .text a{background:#c34a48;color:#f2dede}




#main{
  float:left;
  width:100%;
}

#main .container{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  margin-bottom:1px;
}

#main .content{
  float:left;
  width:100%;
  padding:30px 30px 30px 30px;
  color:#60696A;
  font-size:14px;
  line-height:2;
}

#main .content .left{
  float:right;
  width:75%;
  text-align:left;
}

#main .content .right{
  float:left;
  width:20%;
  text-align:right;
}        

#main .content .sidebar{
  float:left;
  width:100%;
}

#main .content .sidebar-trenner{
  float:left;
  width:100%;
  height:1px;
  border-top:1px dotted #e1e1e1;
  margin:20px 0px 20px 0px;
}



@media screen and (max-width: 800px){
  #main .container{
    margin:0px 0px 0px 0px;
 }
  #main .content{
    padding:20px 20px 20px 20px;
 }
  #main .content .left{
    float:left;
    width:100%;
    text-align:center;
 }  
  #main .content .right{
    float:left;
    width:calc(100% + 40px);
    text-align:center;
    
    background:#eee;
    border-top:1px solid #e1e1e1;
    margin:20px 0px -20px -20px;
    padding:20px;
 }
}



#howitworks{
  float:left;
  width:100%;
  padding:30px 0px 40px 0px;
  background:#DAA864;
}

#howitworks .inline{
  width:100%;
  max-width:1200px;
  margin:0 auto;
}
#howitworks .step{
  float:left;
  width:20%;

}
#howitworks .step .step-icon{
  width:100px;
  margin:0 auto;
  margin-bottom:10px;

}
#howitworks .step .step-text{
  float:left;
  width:100%;
  padding:0px 30px;
  text-align:center;
}
#howitworks .step .step-text b{
  font-size:20px;
  font-weight:bold;
  color:#fff;  
}
#howitworks .step .step-text span{
  font-size:14px;
  font-weight:normal;
  color:#fff;
}

@media screen and (max-width: 800px){ 
  #howitworks{
    display:none;
 } 
}


#howitworks-color{
  float:left;
  width:100%;                                      
  padding:30px 20px 40px 30px;
  background:#f8f8f8;
}

#howitworks-color .inline{
  width:100%;
  max-width:1200px;
  margin:0 auto;
}
#howitworks-color .step{
  float:left;
  width:100%;
  padding:0px 20px 0px 0px;

}
#howitworks-color .step .step-icon{
  float:left;
  width:200px;
}
#howitworks-color .step .step-text{
  float:left;
  width:calc(100% - 200px);
  text-align:left;
  padding:10px 0px 0px 0px;
}
#howitworks-color .step .step-text b{
  font-size:20px;
  font-weight:bold;
  color:#DAA864;  
}
#howitworks-color .step .step-text i{
  font-size:20px;
  font-weight:normal;
  color:#ccc;  
}
#howitworks-color .step .step-text span{
  font-size:14px;
  font-weight:normal;
  color:#666;
}

@media screen and (max-width: 800px){ 
  #howitworks-color .step .step-icon{
    float:left;
    width:100%;
 }
  #howitworks-color .step .step-icon img{
    width:100px;
    margin:20px 0px 0px 0px;
 }
  #howitworks-color .step .step-text{
    float:left;
    width:100%;
    text-align:left;
    padding:10px 0px 0px 0px;
 }
}



.footer{
  float:left;
  width:100%;
}

.footer .footer-inline{
  width:100%;
  max-width:1200px; 
  margin:0 auto;
}

.footer-copyright{
  float:left;
  padding:30px 0px;  
  font-size:11px;
  font-weight:normal;
  color:#fff;
}

.footer-copyright a{
  font-size:11px;
  font-weight:bold;
  color:#fff;
}     

.footer-socials{
  float:right;
  padding:16px 0px;  
  font-size:11px;
  font-weight:normal;
  color:#fff;
}
.footer-socials a{
  font-size:30px;
  font-weight:bold;
  color:#fff;
  margin:0px 0px 0px 10px;
  opacity:0.5;
}
.footer-socials a:hover{
  opacity:1;
}

#footer-mobil{
  display:none;
}

@media screen and (max-width: 800px){ 
  .footer-copyright{
    float:left;
    width:100%;
    padding:0px 20%;
    text-align:center;
 }
  .footer-socials{
    float:left;
    width:100%;
    padding:20px 0px 40px 0px;
    text-align:center; 
 }
}



h1,h1 b{
  display:inline-block;
  text-transform:uppercase;
  margin:0px 0px 0px 0px;
  
  line-height:1;
  color:#DAA864;
  font-weight:normal;
  font-size:22px;
}
h1 b{
  font-weight:bold;
}

h2,h2 b{
  display:inline-block;
  text-transform:uppercase;
  margin:0px 0px 0px 0px;
  
  line-height:1;
  color:#444;
  font-weight:normal;
  font-size:16px;
}
h2 b{
  font-weight:bold;
}

h3,h3 b{
  display:inline-block;
  text-transform:uppercase;
  margin:0px 0px 0px 0px;
  
  line-height:1;
  color:#DAA864;
  font-weight:bold;
  font-size:14px;
}
h3 b{
  font-weight:bold;
}

h4{
  display:inline-block;
  opacity:0.5;
  color:#ff0000;
  margin:0px 0px 0px 0px;
}

h5{
  background:#DAA864; 
  display:inline-block;
  color:#fff;
  font-weight:normal;
  padding:8px 14px 8px 10px;
  margin:1px 1px 0px 0px;
  font-size:11px;
  line-height:12px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  border:1px solid #DAA864;
  text-transform:uppercase;
}

a h5:hover{
  background:#fff;
  color:#DAA864;
}

h6{
  display:inline-block;
  opacity:0.5;
  color:#ff0000;
  margin:0px 0px 0px 0px;
}

s{
  text-decoration:line-through;
  font-size:14px;
  color:#888;
}

b{
  font-weight:bold;
}
small{
  font-size:10px;
  color:#999;
}

hr{
  display:inline-block;
  width:100%;
  clear:both;
  border:1px #fff solid;
  border-top:1px #ccc dotted;
  margin:0px 0px 2px 0px;
}

ul,ol{
  display:inline-block;
  list-style-type:none;
}
#main li{
  float:left;
  width:100%;
  padding:5px 15px 5px 15px;
  background:#eee;
  margin:0px 0px 2px 0px;
  border-left:4px solid #DAA864;
  border-bottom:1px solid #e1e1e1;
  text-align:left;
}



#main a.sidelink{
  font-weight:bold;
  color:#DAA864;
}



table{
  width:100%;
  margin:-25px 0px -20px 0px;
}
table th{
  padding:5px;
  text-align:left;
  background:#DAA864;
  color:#ffffff;
}
table td{
  padding:5px;
  text-align:left;
  border-bottom:1px solid #DAA864;
}



.bildgallery{
  float:left;
  width:100%;
  background:#f8f8f8;
}

.theTHUMB,.theTHUMB:hover{
  float:left;
  width:12.5%;
  padding-bottom:12.5%;
  border:2px solid #f8f8f8;
  margin:0px 0px 0px 0px; 
}                                      
.theTHUMB:hover{
  z-index:9000;
  border:2px solid #DAA864;
}

@media screen and (max-width: 800px){
  .theTHUMB,.theTHUMB:hover{
    float:left;
    width:25%;
    padding-bottom:25%;
 }
}



a.thePDF,#main a.thePDF,
a.theURL,#main a.theURL{
  display:inline-block;
  width:100%;
  padding:15px 0px 15px 20px;
  margin:0px 0px 1px 0px;
  text-align:left; 
  background:#DAA864;
  border:1px solid #DAA864;
  color:#fff;
  box-sizing:border-box;
}

a.thePDF i,
a.theURL i{
  margin:0px 15px 0px 0px;
  color:#fff;
}

a.thePDF:hover,#main a.thePDF:hover,
a.theURL:hover,#main a.theURL:hover{
  background:#fff;
  color:#DAA864;
  text-decoration:none;
}
a.thePDF:hover i,#main a.thePDF:hover i,
a.theURL:hover i,#main a.theURL:hover i{
  color:#DAA864;
}


img{
  display:block;
  max-width:100%;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
                                              
@media screen and (max-width: 800px){
  img{
    display:block;
    width:100%;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
 }
}



.map{
  width:calc(100% + 60px);
  height:250px;
  margin:0px 0px -30px -30px;
  border:none;
  border:0;
  border-top:1px solid #DAA864;
}

@media screen and (max-width: 800px){
  .map{
    width:100%;
    height:200px;
    margin:0px 0px 0px 0px;
    border:none;
    border:0;
 }
}



.THEBIGPIC{
  float:left;
  position:relative;
  width:100%;
  -webkit-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.1);
  -moz-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.1);
  box-shadow:0px 0px 3px 3px rgba(0,0,0,0.1);
}



.PICINLINE{
  position:absolute;
  float:right;
  top:10px;
  right:10px;
  background:#fff;
  padding:20px;
  
  min-width:250px;
  min-height:calc(100% - 20px);
  text-align:right;
  -webkit-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.2);
  box-shadow:0px 0px 10px 3px rgba(0,0,0,0.2);
}

.PICINLINE h1{
  float:left;
  width:calc(100% + 38px);
  margin:-19px 0px 15px -19px;
  padding:10px 20px 10px 20px;
  background:#DAA864;
  color:#fff;
  font-size:16px;
}

@media screen and (max-width: 800px){
  .PICINLINE{
    position:relative;
    float:left;
    top:0px;
    left:0px;
    width:100%;
    text-align:left;
    margin:0px 0px 20px 0px;
 }  
}



#responsive-player{
  position:relative;
  width:100%;
  height:0px;
  padding-bottom:50%;
  background:#ccc;
}
#responsive-player iframe{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%
}           



#starRating{
  float:left;
  width:100%;
  margin:10px 0px 25px 0px; 
}

#starRating ul,
#starRating li{
  float:left;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  background:transparent;
  border:none; 
  list-style:none;
}

#starRating li{
  display:inline;
  width:auto;
  font-size:30px;
  color:#ccc;
  cursor:pointer;
}

#starRating li.active,#starRating li.hover{color:#fff000}
#starRating ul.hover li.active:not(.hover){color:#ccc}