.toggleMenu,.toggleMenu:hover{
    display: none;
    padding:8px 0px 8px 0px;
    width:100%;     
}
.toggleMenu i,.toggleMenu:hover i{
    display:inline-block;
    margin:-10px 0px 0px 10px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
}
.toggleMenu b,.toggleMenu:hover b{
    display:inline-block;
    margin:-10px 0px 0px 10px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
}



.nav .bthome{
    position:relative;
    padding:61px 30px 64px 30px;
}
.nav .bthome  i{
    color:#999;
}

.nav .bthome:hover  i{
    color:#fff;
}


.nav{
    float:left;
    list-style:none;
}   
.nav:before,.nav:after{
    content:" ";
    display:table;
}    
.nav:after{
    clear:both;
}    
.nav ul{
    list-style:none;
}      
.nav a{
    position:relative;
    top:1px;
    padding:62px 30px 62px 30px;
    text-align:center;
    font-size:12px;   
    font-weight:bold;
    line-height:1;
    color:#999;
    transition:0.5s;
}


#header.tiny .nav a,
#header.tiny .nav a:hover{
  padding:22px 30px 22px 30px;
}

.nav a:hover{
    background:#F7A706;
    color:#fff;
}
.nav a:hover b{
    color:#fff;
}


.nav li{
    position:relative;
}     
.nav > li{
    float:left;
}    
.nav > li > a{
    display:block;
}    
.nav li  ul{
    position:absolute;
    left:-9999px;
}

.nav > li.hover > ul{
    left:0px; 
    top:100px;
    width:auto;
    padding:1px 1px 0px 1px;
    background:#fff;
    -webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow:2px 2px 5px 0px rgba(0,0,0,0.3);
}
#header.tiny .nav > li.hover > ul{
    top:40px;
}

.nav li li a{
    display:block;
    position:relative;
    padding:10px 20px 10px 20px;
    margin-bottom:1px;
    z-index:100;
    width:180px;
    
    background:#e1e1e1;
    
    font-size:11px;
    font-weight:normal;
    color:#444;
}
.nav li li a b{
    font-size:11px;
    font-weight:bold;
    color:#999;
}

.nav li li a:hover{
    background:#F7A706;
    color:#fff;
}
.nav li li a:hover b{
    color:#fff;
}



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

    .nav .bthome{
       display:none;
   }                   
                                                    
    .nav{
      position:absolute;
      width:100%;
      top:40px;
      -webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.3);
      -moz-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.3);
      box-shadow:2px 2px 5px 0px rgba(0,0,0,0.3);
   }
    .active{
        display:block;
   }
    .nav a{
        position:relative;
        width:100%;
        padding:12px 0px 12px 20px;
        border-bottom:1px solid #ccc;
        background:#fff;
        text-align:left;
        
        color:#212121;
        font-size:12px;                               
        font-weight:normal;
   }
    .nav a b{
        color :#212121;
        font-size:12px;
   }
    .nav > li{
        float:none;
   }
    .nav li li a{
        display:block;
        background:#e1e1e1;
        position:relative;
        margin-top:0px;
        margin-bottom:0px;
        padding-left:20px;
        z-index:100;
        width:100%;
        color:#444;
        font-size:11px;
        font-weight:normal;
        
   }
    .nav ul{
        display:block;
        width:100%;
   }   
    .nav > li.hover > ul,.nav li li.hover ul{
        position:static;
   }
    .nav > li.hover > ul{
        left:0px; 
        padding:0px 0px 0px 0px;
        margin-left:0px;
        background:#ffffff;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        margin-bottom:-2px;
   }
    .nav li li.hover ul{
        left:100%;
        background:#ffffff;
        padding:0px 0px 0px 0px;
        top:0px;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
   }
}#blog{
  float:left;
  width:100%;
}

#blog .blog-left{
  float:left;
  width:75%;
}

#blog .blog-right{
  float:right;
  width:calc(25% - 30px);
}



#blog .bnone{
  float:left;
  width:100%;
  padding:40px;
  background:#F7A706;
  color:#fff;
  text-align:center;
  font-size:14px;
}
#blog .bnone b{
  font-size:14px;
  font-weight:bold;
  color:#fff;
}



#blog .blog-one{
  float:left;
  width:100%;
  background:#fff;
  border:1px solid #eee;
  padding:1px;
}

#blog .blog-one .blog-pic{
  float:left;
  width:250px;
  height:250px;
  background:#e1e1e1;
}

#blog .blog-one .blog-text{
  float:right;
  width:calc(100% - 280px);
  padding:20px 20px 20px 0px;
}

#blog .blog-one .blog-state{
  float:left;
  width:100%;
  font-size:10px;
  color:#ccc;
  margin:0px 0px 20px 0px;
}
#blog .blog-one .blog-state i{
  font-size:10px;
  color:#ccc;
  margin:0px 10px;
}
#blog .blog-one h1{
  float:left;
  width:100%;
  font-size:26px;
  color:#F7A706;
  margin:0px 0px 10px 0px;
}
#blog .blog-one h2{
  float:left;
  width:100%;
  font-size:16px;
  color:#333;
  margin:0px 0px 10px 0px;
  line-height:1.5;
  text-transform:none;
}
#blog .blog-one .blog-tags{
  float:left;
  width:100%;
  padding:10px 0px;
  margin:10px 0px 0px 0px;
}
#blog .blog-one .blog-open{
  float:left;
  width:100%;
  padding:10px 15px;
  margin:20px 0px 0px 0px;
  background:#eee;
  color:#999;
  font-size:12px;
  font-weight:bold;
  text-align:right;
}
#blog .blog-one .blog-open i{
  font-size:12px;
  color:#999;
  margin:0px 10px;
}

#blog .blog-one .blog-open:hover{
  background:#F7A706;
  color:#fff;
}
#blog .blog-one .blog-open:hover i{
  color:#fff;
}



#blog .blog-right h1{
  display:block;
  width:100%;
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  font-size:18px;
  font-weight:bold;
  color:#F7A706;
  line-height:1;
}

#blog .blog-right .trenner{
  float:left;
  width:100%;
  height:30px;
}

#blog .blog-right input,
#blog .blog-right select{
  width:100%;
  padding:5px 10px;
  background:#e1e1e1;
  border:none;
  font-size:16px;
  font-weight:normal;
  color:#666;
}

#blog .blog-right select{
  height:40px;
}



#blog .blog-right .lastpost{
  float:left;
  width:100%;
  background:#eee;
  border-left:#F7A706 solid 3px;
  padding:10px 15px;
  margin:0px 0px 2px 0px;
}
#blog .blog-right .lastpost i{
  float:left;
  width:20px;
  margin:4px 10px 0px 0px;
  color:#ccc;
}
#blog .blog-right .lastpost .txt{
  float:left;
   width:calc(100% - 30px);
}

#blog .blog-right .lastpost:hover i{
  color:#F7A706;
}



#blog .blog-right .lastcomment{
  float:left;
  width:100%;
  background:#eee;
  border-left:#F7A706 solid 3px;
  padding:10px 15px;
  margin:0px 0px 2px 0px;
}
#blog .blog-right .lastcomment i{
  float:left;
  width:20px;
  margin:0px 10px 0px 0px;
  color:#ccc;
}
#blog .blog-right .lastcomment .txt{
  float:left;
  width:calc(100% - 30px);
}
#blog .blog-right .lastcomment:hover i{
  color:#F7A706;
}



#e-details .blog-state{
  float:left;
  width:100%;
  font-size:10px;
  color:#999;
  margin:0px 0px 20px 0px;
}
#e-details .blog-state i{
  font-size:10px;
  color:#999;
  margin:0px 10px;
}



#recentcomments{
  float:left;
  width:100%;
  padding:25px 0px 15px 0px;
  border-top:1px dotted #ccc;
}
#recentcomments .rc-one{
  float:left;
  width:100%;
  padding:10px 15px;
  margin-bottom:10px;
  background:#eee;
}

#recentcomments .rc-one .rcname{
  float:left;
  width:100%;
  font-size:18px;
  color:#999;
}
#recentcomments .rc-one .rcname i{
  font-size:18px;
  color:#F7A706;
  margin:0px 10px 0px 0px;
}
#recentcomments .rc-one .rcname b{
  font-size:18px;
  color:#F7A706;
}
#recentcomments .rc-one .rcdate{
  float:left;
  width:100%;
  font-size:11px;
  color:#999;
  margin:0px 0px 20px 0px;
}
#recentcomments .rc-one .rctext{
}



#newcomment{
  float:left;
  width:100%;
  padding:25px 0px 0px 0px;
  border-top:1px dotted #ccc;
}

#newcomment h1,
#newcomment h2{
  float:left;
  width:100%;
  text-transform:none;
  margin:5px 0px 0px 0px;
}

#newcomment form{
  float:left;
  width:100%;
}

#newcomment textarea{
  float:left;
  width:100%;
  border:none;
  padding:5px 10px;
  background:#e1e1e1;
  height:150px;
  margin:20px 0px 10px 0px;
  font-size:18px;
}

#newcomment .inputs{
  display:flex;
  justify-content:space-between;
  width:100%;
}

#newcomment input{ 
  width:33%;
  border:none;
  padding:5px 10px;
  background:#e1e1e1;
  font-size:18px;
}

#newcomment label{
  float:left;
  margin:15px 0px 0px 0px;
  font-size:11px;
}
#newcomment input[type='checkbox']{
  float:left;
  padding:0px 0px 0px 0px;
  margin:3px 10px 0px 0px;
  width:auto;
  height:auto;
}

#newcomment button{
  float:right;
  margin:20px 0px 0px 0px;
}#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}
}#contact{
  width:100%;
  max-width:1200px;
  margin-top:0px;
}

@media screen and (max-width: 1200px){
  #contact{
    padding:30px;
 }
}



#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 #999;
  background:#ccc;
  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;
  border:none;
  border-radius:0;
  font-size:1em;
  width:100%
}

#contact select{
  width:100%;
  border-bottom:1px solid #999;
  padding:10px 7px 10px 7px;
  background:#ccc url(/images/select-arrow.png) no-repeat right 18px;
  margin:0px 0px 10px 0px;
  opacity:0.7; 
}

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

.contact_button{
  float:left;
  display:block;
  padding:10px 20px 10px 20px;
  margin:0px 0px 0px 0px;
  background:#F7A706;
  background-size:cover;
  font-weight:bold;
  color:#fff;
  border:1px solid #F7A706;
  text-align:center;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px; 
  cursor:pointer;
}
.contact_button i{
  color:#fff;
  margin:0px 10px 0px 0px;
}

.contact_button:hover{
  background:#fff;
  color:#F7A706;
}
.contact_button:hover i{
  color:#F7A706;
}


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



.error,.ok,.warning{
  clear:left;
  float:left;
  width:calc(100% - 0px);
  margin-bottom:15px;
   
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  border-radius:2px;
  
  padding:10px 10px 10px 30px;
  font-size:11px;
}

.error{
  background:#f2dede url(/images/icon-error.png) no-repeat 10px 17px;
  border:1px solid #eed3d7;
  color:#c34a48;
}

.ok{
  background:#dff0d8 url(/images/icon-ok.png) no-repeat 10px 17px;
  border:1px solid #d6e9c6;
  color:#468847;
}


.warning{
  background:#fff3a8 url(/images/icon-warning.png) no-repeat 10px 17px;
  border:1px solid #ffe15b;
  color:#d5a200;
}

.error b{
  font-size:11px;
  font-weight:bold;
  color:#c34a48;
}
.ok b{
  font-size:11px;
  font-weight:bold;
  color:#468847;
}
.warning b{
  font-size:11px;
  font-weight:bold;
  color:#d5a200;
}

.oklink{
  font-size:11px;
  font-weight:bold;
  color:#468847;
}.default{

}

.default-all{
  float:left;
  width:100%;
  padding:0px;
}

@media screen and (max-width: 1200px){
  .default{
      padding:0px 30px; 
 }
}#produkte{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  margin-bottom:50px;
}

#produkte .psupertitle{
  float:left;
  width:100%;
  padding:20px 30px;
  margin-bottom:5px;
  background:#F7A706 url(/images/superimage.jpg) no-repeat center center;
  background-size:cover;
  color:#fff;
  font-size:20px;
  font-weight:bold;
}

#produkte .ppone{
  float:left;
  display:table;
  position:relative;
  width:50%;
  border:2px solid #fff;
  border-left:2px solid #F7A706;
  background:#eee;
  padding:20px;
}

#produkte .ppone .bild{
  display:table-cell;
  width:120px;
  height:120px;
  padding:10px;
  background:#fff;
}

#produkte .ppone .text{
  display:table-cell;
  padding-left:30px;
  vertical-align:middle;
  text-align:left;
}
#produkte .ppone .text h1{
  float:left;
  display:block;
  font-size:16px;
  font-weight:bold;
  margin:0px 20px 0px 0px;
}
#produkte .ppone .text h5{
  float:left;
  display:block;
  font-size:8px;
  padding:2px 5px 2px 5px;
  margin:-2px 1px 0px 0px;  
}
#produkte .ppone .text h5::before{
  margin-right:5px;
}

#produkte .ppone .text span{
  display:block;
  width:100%;
  font-size:11px;
  padding:10px 0px 0px 0px;
}
#produkte .ppone .text span b{
  font-size:11px;
  font-weight:bold;
}

#produkte .pbtPDF,
#produkte .pbtSHOP{
  position:absolute;
  bottom:0px;
  right:101px;
  width:100px;
  background:#F7A706;
  padding:5px 0px 5px 0px;
  text-align:center;
  color:#fff;
  opacity:0.5;
}
#produkte .pbtPDF:hover,
#produkte .pbtSHOP:hover{
  background:#F7A706 url(/images/superimage-kl.jpg) no-repeat center center;
  background-size:cover;
  opacity:1.0;
}
#produkte .pbtPDF i,
#produkte .pbtSHOP i{
  margin-right:10px;
  color:#fff;
}

#produkte .pbtSHOP{
  right:0px;
}#files{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0px 0px 40px 0px;
}

#files .fone{
  display:table;
  float:left;
  width:50%;
  border:1px solid #fff;
  background:#eee;
}

#files .fone:hover{
  background:#e1e1e1;
}

#files .fone .icon{
  display:table-cell;
  width:100px;
  height:100px;
  vertical-align:middle;
  text-align:center;
  background:#F7A706 url(/images/superimage-kl.jpg) no-repeat top left;
  background-size:cover;
  transition:0.5s;
}

#files .fone:hover .icon{
  background:#F7A706 url(/images/superimage-kl.jpg) no-repeat center center;
}

#files .fone .icon i{
  font-size:24px;
  color:#fff;
}

#files .fone .text{
  display:table-cell;
  vertical-align:middle;
  padding-left:30px;
}

#files .fone .text .thetags h5{
  font-size:10px;
  padding:3px 6px 3px 6px;
  margin:5px 1px 1px 0px;
  opacity:0.25;
  pointer-events:none;
  cursor:default;
}

@media screen and (max-width: 1200px){
  #files .fone{
    width:100%;
 }
  #files .fone .text{
    display:table-cell;
    vertical-align:middle;
    padding-left:20px;
    padding-right:20px;
    font-size:11px;
 }
}#home{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;       
}

#home .hone{
  float:left;
  width:100%;
  margin:0px 0px 40px 0px;
}

@media screen and (max-width: 1200px){
  #home .hone{
    padding:0px 30px;
 }
}



#home .vorteile{
  float:left;
  display:flex;
  width:100%;
  background:#fff;
  margin:0px 0px 0px 0px;
}

#home .vone{
  flex:1;
  padding:0px;
  border-right:1px solid #fff;
}
#home .vone .vbild{
  float:left;
  width:100%;
  padding-bottom:50%;
  background:#e1e1e1;
  margin:0px 0px 20px 0px;
}
#home .vone .vtext{
  float:left;
  width:100%;
  padding:0px 35px 0px 10px;
}

#home .vone h1{
  float:left;
  width:100%;
  margin:0px 0px 10px 0px;
  font-size:20px;
  font-weight:light;
}
#home .vone h2{
  float:left;
  width:100%;
  margin:0px 0px 5px 0px;
  font-size:10px;
  font-weight:light;
  color:#999;
}
#home .vone span{
  float:left;
  width:100%;
  margin:0px 0px 10px 0px;
  font-size:11px;
  font-weight:light;
}
#home .vone .vlink{
  float:left;
  margin:10px 0px 0px 0px;
  font-size:11px;
  font-weight:light;
  color:#fff;
  background:#F7A706;
  padding:5px 10px;
}

@media screen and (max-width: 1200px){
  #home .vorteile{
    float:left;
    display:block;
 }
  #home .vone{
    float:left;
    width:100%;
    padding-bottom:20px;
 }
}



#home .neues{
  float:left; 
  width:100%;
  background:#fff;
  margin:0px 0px 40px 0px;
}

#home .neuone{
  display:flex;
  padding:0px;
  border-right:1px solid #fff;
}
#home .neuone .nbild{
  flex:1;
  width:100%;
  min-height:300px;
  padding-bottom:50%;
  background:#e1e1e1;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
}
#home .neuone .ntext{
  flex:1;
  display:flex;
  justify-content:center;
  flex-direction:column;
  text-align:center;
   align-items:center;    
  width:100%;
  padding:0px 0px 0px 0px;
  background:#F7A706;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
}

#home .neuone h1{
  width:100%;
  padding:0px 20% 20px 20%;
  font-size:20px;
  font-weight:light;
  color:#fff;
}
#home .neuone span{
  width:100%;
  padding:0px 20% 20px 20%;
  font-size:11px;
  font-weight:light;
  color:#fff;
}
#home .neuone .nlink{
  width:150px;
  font-size:11px;
  font-weight:light;
  color:#F7A706;
  background:#fff;
  padding:5px 10px;
}


@media screen and (max-width: 1200px){
  #home .neuone{
    float:left;
    display:block;
 }
  #home .neuone .ntext{
    padding:30px 0px;
 }
}


#home .hkontakt{
  display:flex;
  width:100%;
  background:#fff;
  margin:0px 0px 0px 0px;
}

#home .hright{
  flex:1;
}

#home .hleft{
  flex:4;
}

#home .hform{
  float:left;
  width:100%;
  padding:0px 40px 0px 0px;
}

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

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


#home .itrenner{
  float:left;
  width:10px;
  height:10px;
}#beauty{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:60px 0px 30px 0px;
}

#beauty h1{
  width:40%;
  font-size:40px;
  margin:0px 0px 20px 0px;
  letter-spacing:2px;
}

#beauty h2{
  width:65%;
  font-size:20px;
  margin:0px 0px 60px 0px;
  text-transform:none;
  line-height:1.5;
  letter-spacing:1px;
}
 #beauty h2 b{
 font-size:20px;
}
@media screen and (max-width: 1200px){
    #beauty{
      width:100%;
      max-width:1200px;
      margin:0 auto;
      padding:30px 30px 30px 30px;
   }
    #beauty h1{
      width:100%;
      font-size:28px;
   }
    
    #beauty h2{
      width:100%;
      font-size:14px;
   }
}

#beauty .beone{     
  display:table;       
  width:100%;
  margin:0px 0px 30px 0px;
}

#beauty .beone .bild{
  display:table-cell;
  width:32%;
  vertical-align:middle;
}

#beauty .beone .bildtext{
  display:table-cell;              
  width:68%;
  vertical-align:middle;
  padding:0px 0px 0px 30px;
  font-size:12px;
}
#beauty .beone .bildtext b{
  font-size:18px;
  font-weight:bold;
}
#beauty .beone .bildtext small{
  font-size:18px;
  margin-left:10px;
}
#beauty .beone.right .bildtext{
  text-align:right;
  padding:0px 30px 0px 0px;
}
#beauty .beone.right .thePDF{
  text-align:right;
}
#beauty .beone.right .theTHUMB {
  float:right;
}

#beauty .beone100{
  float:left;                                                                    
  width:100%;
  padding:30px 30px 30px 30px;
  font-size:14px;
  text-align:center;
}

#beauty .beone100 b{
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
}

#beauty .beone100 img{
  display:inline;
}


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

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

  #beauty .beone .bild{
    float:left;
    width:100%;
 }
  #beauty .beone .bildtext{
    float:left;              
    width:100%;
    padding:20px 0px 0px 0px;
 }
  #beauty .beone100{
    background:#eee;
    margin:30px 0px 0px 0px;
 }
}



#sellingpoints{
  float:left;
  display:table;
  width:100%; 
  margin-top:-30px;
  margin-bottom:30px;
}
#sellingpoints .box{
  display:table-cell;
  width:25%;
  text-align:left;
  vertical-align:top;
  padding:20px 40px 20px 0px;
}

#sellingpoints .box i{
  float:left;
  width:100%;
  padding:0px 0px 30px 0px;
  text-align:left;
  font-size:40px;
  opacity:0.5;
}
#sellingpoints .box h1{
  float:left;
  width:100%;
  text-align:left;
  font-size:16px;
}
#sellingpoints .box span{
  float:left;
  width:100%;
  margin:0px 0px 20px 0px;
  text-align:left;
}

@media screen and (max-width: 1200px){
  #sellingpoints .box{
    float:left;
    width:100%;
    text-align:left;
    vertical-align:top;
    padding:20px 0px 20px 0px;
 }
}


#video{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  margin-bottom:40px;
}

#video .complete{
  float:left;
  display:table;
  width:100%;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

#video .complete .left{
  display:table-cell;
  width:40%;
  text-align:right;
  vertical-align:top;
  padding:0px;

}
#video .complete .left h1{
  padding:30px 20px 30px 20px;
  margin:0px 0px 0px 0px;
  width:100%;
  height:100%;
  background:transparent url(/images/superimage.jpg) no-repeat center center;
  background-size:cover;
  
  text-align:left;
  font-weight:normal;
  font-size:12px;
  color:#fff;
}
#video .complete .left h1 b{
  font-weight:bold;
  font-size:24px;
  color:#fff;
}

#video .complete .right{
  display:table-cell;
  width:60%;
  text-align:left;
  vertical-align:middle;
  padding:0px 0px 0px 40px;
}

@media screen and (max-width: 1200px){
  #video{
    position:relative;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    margin-bottom:-4px;
 }
  #video .complete .left{
    float:left;
    width:100%;
 }
  #video .complete .right{
    float:left;
    width:100%;
    padding:1px 0px 1px 0px;
 }
  #video video{
    display:block;
 }
}#goback{
  position:relative;
  width:100%;
  display:block;
  float:right;
  padding:8px 15px 8px 15px;
  margin:-30px 0px 20px 0px;
  font-weight:bold;
  background:#F7A706;
  border:1px solid #F7A706;  
  color:#ffffff;
  text-align:right;
}
#goback i{
  margin:0px 15px 0px 0px;
  color:#ffffff;
}

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

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

#e-details .jetztmithelfen{
  float:left;
  display:block;
  width:100%;
  padding:20px;
  margin:30px 0px 0px 0px;
  color:#fff;
  background:#F7A706;
  text-align:center;
  font-weight:normal;
  border:1px solid #F7A706;
}
#e-details .jetztmithelfen b{
  font-weight:bold;
  color:#fff;
}
#e-details .jetztmithelfen:hover{
  border:1px solid #F7A706;
  background:#fff;
  color:#F7A706;
}
#e-details .jetztmithelfen:hover b{
  color:#F7A706;
}



#e-details{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:30px 0px 30px 0px;
  background:#fff;
}

#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: 1200px){
  #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:#F7A706;
  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:#F7A706;
}

#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: 1200px){
  #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:#F7A706;
  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:#F7A706;
  color:#fff;
  font-size:11px;
  font-weight:bold;
}


@media screen and (max-width: 1200px){
  #nix-da{
    float:left;                                           
    width:calc(100%);
    padding:50px 10%;
 }
}



#e-details .dlist-gimmicks{
  float:left;
  display:block;
  width:50px;
  height:50px;
  background-color:#999;
  background-position:center center;
  background-size:60% 60%;
  background-repeat:no-repeat;          
  margin:0px 1px 1px 0px; 
}

#e-details .dlist-gimmicks:hover{
  background-color:#F7A706;
}

#e-details .dlist-gimmicks.kredit{background-image:url(/images/gimmicks/gimmick-0007.png)}
#e-details .dlist-gimmicks.gutschein{background-image:url(/images/gimmicks/gimmick-0002.png)}
#e-details .dlist-gimmicks.ec{background-image:url(/images/gimmicks/gimmick-0006.png)}
#e-details .dlist-gimmicks.protut{background-image:url(/images/gimmicks/gimmick-0009.png)}
#e-details .dlist-gimmicks.parken{background-image:url(/images/gimmicks/gimmick-0001.png)}
#e-details .dlist-gimmicks.fairtrade{background-image:url(/images/gimmicks/gimmick-0011.png)}
#e-details .dlist-gimmicks.donautaler{background-image:url(/images/gimmicks/gimmick-0005.png)}
#e-details .dlist-gimmicks.barrierefrei{background-image:url(/images/gimmicks/gimmick-0004.png)}
#e-details .dlist-gimmicks.toilette{background-image:url(/images/gimmicks/gimmick-0008.png)}
#e-details .dlist-gimmicks.tax{background-image:url(/images/gimmicks/gimmick-0010.png)}
#e-details .dlist-gimmicks.freifunk{background-image:url(/images/gimmicks/gimmick-0003.png)}

#andmore{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  background:#F7A706;
  margin:2px 0px 2px 0px;
  padding:30px;
  text-align:center;
}
#andmore strong{
  font-size:30px;
  color:#fff;
}
#andmore strong b{
  font-size:30px;
  font-weight:bold;
  color:#fff;
}
#andmore a{
  font-size:16px;
  color:#fff;
  opacity:0.75;
}



.noone{
  float:left;
  width:100%;    
  bottom:0px;                            
  text-align:center;                  
  padding:30px 20px 30px 20px;
  background:#ffffff;
  color:#F7A706;
}
.noone b{
  color:#F7A706;
}



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

#eintraege *{
  transition:0.5s;
}                                         

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



#tnav{
  padding:2px;
  margin-bottom:10px;
  background:#eee;
}
#tnav .inline{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  text-align:left;
}

#tnav .inline .fform{
  float:right;
}
#tnav .inline .fsearch{
  float:left;
  padding:5px 15px 5px 15px;
  border:none;
  background:#fff;
}
#tnav .inline .undlos{
  float:left;
  padding:5px 15px 5px 15px;
  border:none;
  background:#F7A706;
}
#tnav .inline .undlos i{
  color:#fff;
}
#tnav .inline .undlos:hover{
  background:#212121 url(/images/superimage-kl.jpg) no-repeat center center;
  background-size:cover;
}
 

#tnav .tnav-bt,#tnav .tnav-bt-active{
  background:#F7A706; 
  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:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  border:1px solid #F7A706;
  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:#F7A706;
  text-decoration:none;
}

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

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

.fhinweis{
  float:left;
  margin:30px 0px 0px 0px;
}



.entry{
	position:relative;
	float:left;
	overflow:hidden;
	width:calc(50%);
  padding-bottom:calc(20%);
	background:rgba(0,0,0,0.5);
	text-align:center;
  border:1px solid #F7A706;
}

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

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

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

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

.entry .txt2{
  display:none;
}

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

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



.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;
  border:1px solid #e1e1e1;
	text-align:center;
}

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

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

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

.entry-irene .txt1,.entry-irene .txt2{
  position:relative;
  float:left;
  width:100%;
  padding:5px 20px 5px 20px;
  margin:1px 0px 7.5px 0px;
  background:#444;
  font-size:11px;
  color:#fff;
  text-align:left;
}

.entry-irene:hover .txt1{
  background:#F7A706;
  background-size:cover;
}

.entry-irene .txt1 b{
  font-size:11px;
  color:#fff;
  font-weight:bold;
}  

.entry-irene .txt2 {  
  background:transparent;
  font-size:11x;   
  font-weight:normal;
  color:#212121;
}
.entry-irene .txt2 b{
  clear:both;
  display:block;
  width:100%;
  margin:10px 0px 0px 0px;
  font-size:11px;   
  font-weight:bold;
  color:#F7A706; 
}
  
@media screen and (max-width: 1200px){ 
  .entry-irene{
  	width:calc(50% - 1px);
    padding-bottom:calc(50%);
 }
}
@media screen and (max-width: 600px){ 
  .entry-irene{
  	width:calc(100%);
    padding-bottom:calc(100%);
    margin:1px 0px 0px 0px;
 }
}



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

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

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

.entry-onlylink:hover .txt{
}

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

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

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

@media screen and (max-width: 1200px){ 
  .entry-onlylink{
  	width:calc(50% - 1px);
    padding-bottom:calc(50%);
 }
}
@media screen and (max-width: 600px){ 
  .entry-onlylink{
  	width:calc(100%);
    padding-bottom:calc(100%);
    margin:1px 0px 0px 0px;
 }
}




.entry-thilo{
	position:relative;
	float:left;
	width:100%;
  padding:2px;
  border:1px solid #e1e1e1;
	background:#eee;
  margin-bottom:5px;
}
.entry-thilo:hover{
  border:1px solid #F7A706;
	background:#fff;
}

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

.entry-thilo .txt{
  float:left;
  padding:18px 50px 20px 20px;
  border-left:3px solid #F7A706;
}

.entry-thilo .txt1{
  display:block;
  float:left;  
  width:100%;
  text-align:left;
  font-size:18px;
  font-weight:normal;
  color:#F7A706;
}
.entry-thilo .txt1 b{
  font-size:18px;
  color:#F7A706;
}

.entry-thilo .txt2{
  display:block;
  float:left;  
  width:100%;
  text-align:left;
  font-size:12px;
  font-weight:normal;
  color:#666;
}
.entry-thilo .txt2 b{
  display:none;
}

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




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

.entry-rupert h1{
  display:block;
  position:relative;
  width:100%;
  padding:20px;
  padding-bottom:0px;
  background:#fff;
  font-size:15px;
  font-weight:bold;
  color:#F7A706;
  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:#F7A706;
  border:1px solid #F7A706;
  color:#fff;
  font-size:10px;
}
.entry-rupert:hover .txt4{  
  background:#fff;
  border:1px solid #F7A706;
  color:#F7A706;
}

@media screen and (max-width: 1200px){ 
  .entry-rupert{
    height:auto;
    width:calc(50% - 1px);
    border:none;
    margin-left:1px;
    margin-bottom:1px;
    border-bottom:none;
 }
}
@media screen and (max-width: 600px){ 
  .entry-rupert{
    height:auto;
    width:100%;
    border:none;
    margin-left:0px;
    margin-bottom:1px;
    border-bottom:none;
 }
}#eintraege2{
  float:left;
  width:100%;
}

#eintraege2 .one{
  position:relative;
  float:left;
  width:100%;
  margin:0px 0px 2px 0px;
  padding:20px 20px 20px 20px;
  border-bottom:1px solid #e1e1e1;
  background:#eee;
}

#eintraege2 .one .bild{
  position:relative;
  float:left;
  width:30%;
  padding-bottom:22.5%;
  background:#ccc;
  border:1px solid #e1e1e1;
}

#eintraege2 .totop1,
#eintraege2 .totop2{
  position:absolute;
  bottom:0px;
  right:0px;
  padding:10px 15px;
  background:#F7A706;
  border-left:4px solid #fff;
  border-top:4px solid #fff;
}
#eintraege2 .totop1 i,
#eintraege2 .totop2 i{
  color:#fff;
  font-size:16px;
}
#eintraege2 .totop2{
  left:0px;
  right:auto;
  border-left:none;
  border-right:4px solid #fff;
  border-top:4px solid #fff;
}

#eintraege2 .one .txt{
  float:left;
  width:70%;
  padding:20px 100px 0px 30px; 
  text-align:left;
}
#eintraege2 .one .txt .text{
  font-size:14px;
  font-weight:normal;
}
#eintraege2 .one .txt2{
  float:left;
  width:70%;
  padding:20px 30px 0px 100px;
  text-align:right;
}
#eintraege2 .one .txt2 .text{
  font-size:14px;
  font-weight:normal;
}

#eintraege2 .one .txt h1,
#eintraege2 .one .txt2 h1{
  margin:0px 0px 20px 0px;
}
#eintraege2 .one .txt .text b,
#eintraege2 .one .txt2 .text b{
  font-size:14px;
  font-weight:bold;
}
#eintraege2 .one .txt .text a,
#eintraege2 .one .txt2 .text a{
  font-size:14px;
  font-weight:bold;
  color:#fff;
  background:#F7A706;
  padding:10px 20px;
}


@media screen and (max-width: 1200px){
  #eintraege2 .one .bild{
    float:left;
    width:100%;
    padding-bottom:60%;
    background:#ccc;
    border:1px solid #e1e1e1;
 }
  
  #eintraege2 .one .txt{
    float:left;
    width:100%;
    padding:30px 0px 0px 0px; 
    text-align:left;
 }
  
  #eintraege2 .one .txt2{
    float:left;
    width:100%;
    padding:30px 0px 0px 0px;
    
 }
}



#smallnav{
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;  
  width:100%;
  background:#F7A706;
  margin:0px 0px 2px 0px;
  border:1px solid #e1e1e1;
}

#smallnav a.sn-one{ 
  flex-grow:1;
  padding:20px;
  text-align:center;
  color:#fff;
  background:#F7A706;
  font-size:11px;
  font-weight:bold;
  border-top:1px solid rgba(255,255,255,0.2);
  border-left:1px solid rgba(255,255,255,0.2);
  border-bottom:1px solid rgba(0,0,0,0.2);
  border-right:1px solid rgba(0,0,0,0.2);  
}
#smallnav a.sn-one i{
  color:#fff;
  font-size:40px;
  font-weight:normal;
  width:100%;
  text-align:center;
  margin:0px 0px 10px 0px;
}

#smallnav a.sn-one:hover{
  background:#fff;
  color:#F7A706;
} 
#smallnav a.sn-one:hover i{
  color:#F7A706;
}

@media screen and (max-width: 1200px){
  #smallnav{
    display:block;
 }
  
  #smallnav a.sn-one{
    float:left;
    width:100%;
    text-align:left;
    padding:8px 20px;
 }
  
  #smallnav a.sn-one i{
    float:left;
    width:20px;
    font-size:14px;
    margin:2px 20px 0px 0px;
 }
}#angebote{
  float:left;
  width:100%;
}

#angebote .aone{
  float:left;
  width:25%;
  padding-right:10px;
}
@media screen and (max-width: 1200px){
  #angebote .aone{
    width:100%;
    padding:20px;
 }
}
#angebote .aone .bild{
  float:left;
  width:100%;
  padding-bottom:75%;
  border:2px solid #e1e1e1;
}

#angebote .aone .txt{
  float:left;
  width:100%;
  padding:20px 30px 30px 0px;
  background:#fff;
}

#angebote .aone .txt h1{
  width:100%;
  font-size:16px;
  font-weight:normal;
  color:#F7A706;
  margin:0px 0px 15px 0px;
}
#angebote .aone .txt h2{
  width:100%;
  font-size:12px;
  font-weight:normal;
  color:#333;
}
#angebote .aone .txt span{
  width:100%;
  font-size:12px;
  font-weight:normal;
  color:#666;
}

#angebote .aone .txt .iwerte{
  float:left;                          
  padding:5px 8px;
  background:#e1e1e1;
  border-left:1px solid #ccc;
  margin:20px 2px 0px 0px;
}
#angebote .aone .txt .iwerte b{
  display:block;
  width:100%;
  font-size:14px;
}
#angebote .aone .txt .iwerte small{
  display:block;
  width:100%;
  font-size:12px;
}

#angebote .aone .txt .amore{
  float:left;                          
  padding:15px 20px;
  background:#e1e1e1;
  border-left:1px solid #ccc;
  margin:20px 2px 0px 0px;
  font-size:14px;
  font-weight:bold;
}#suche{
  position:relative;
  float:left;
  width:100%;
  background:rgba(0,0,0,0.1);
}    

#suche *{
  transition:0s;
}
@media screen and (max-width: 1200px){
  #suche{
    margin:1px 0px 0px 0px;
 }
}     



#suche .shead{
  position:realtive;
  float:left;
  width:100%;
  padding:5px 30px 5px 30px;
  background:#fff;
}
    #suche .shead .stext{
      float:left;
      padding:8px 0px 5px 0px;
      font-size:11px;
      font-weight:normal;
      line-height:0;
      color:#999;
   }

    #suche .shead .stext b{
      font-size:14px;
      font-weight:bold;
      color:#666;
   }
    #suche .shead .stext em{
      font-size:8px;
      font-weight:bold;
      vertical-align:top;
      color:#999;
   }
    #suche .shead .stext small{
      font-size:8px;
      color:#999;
      margin:-10px 0px 0px 0px;
   }
    #suche .shead .sview{
      float:right; 
   }       
        
    #suche .shead .sview .link{
      float:left;
      padding:8px 10px 5px 10px;
      margin:1px;
      background:#eee;
      cursor:pointer;
   }
    
    #suche .shead .sview .link i{
      font-size:14px;
      color:#999;
   }
    
    #suche .shead .sview .link:hover{
      background:#F7A706;
   }
    
    #suche .shead .sview .link:hover i{
      color:#fff;
   }
    
    #suche .shead .sview .link.on,
    #suche .shead .sview .link.on:hover{
      background:#F7A706;
   }
    
    #suche .shead .sview .link.on i,
    #suche .shead .sview .link.on:hover i{
      color:#fff;
   }
    


#suche .sfoot{
  position:realtive;
  float:left;
  width:100%;
  padding:5px 30px 5px 30px;
  background:#fff;
}
    #suche .sfoot .sftext{
      float:left;
      padding:8px 0px 5px 0px;
      color:#666;
      font-weight:normal;;
      font-size:11px;
   }
    
    #suche .sfoot .sftext a{
      color:#666;
      font-weight:bold;
      font-size:11px;
   }
    
    #suche .sfoot #sfup{
      float:right;
      background:#eee;
      color:#999;
      padding:8px 10px 5px 10px;
      cursor:pointer;
   }
    
    #suche .sfoot #sfup i{
      font-size:14px;
      color:#999;
   }
    
    #suche .sfoot #sfup:hover{
      background:#F7A706;
   }
    
    #suche .sfoot #sfup:hover i{
      color:#fff;
   }      
    


#suche .serg{
  float:left;
  width:100%;
  margin-top:1px;
}



#suche .list-diana{
  position:relative;
  float:left;
  width:calc(25% - 1px);
  padding-bottom:calc(25% - 1px);
  height:0;
  margin:0px 1px 1px 0px;
  overflow:hidden;
  background:#fff; 
}

#suche .list-diana .linline{
  position:absolute;
  width:100%;
  height:100%;
  background:#fff;
}

#suche .list-diana:nth-child(4n+0){
  width:calc(25% - 0px);
  margin:0px 0px 1px 0px;
}

#suche .list-diana .icon{
  position:absolute;
  display:table;
  top:0px;
  left:0px;
  width:100%;
  height:40%;
  padding:20px;
  background:#e1e1e1;
  text-align:center;
  border-bottom:3px solid #e1e1e1;
}

#suche .list-diana .icon i{
  font-size:45px;
  color:#999;
}

  #suche .list-diana:hover .icon{
    background:#F7A706;
    border-bottom:3px solid #F7A706;
    transition:0.5s;
 }
  #suche .list-diana:hover .icon i{
    color:#fff;
 }

#suche .list-diana .text{
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:60%;
  padding:20px;
}


#suche .list-diana .subtitel{
  float:left;
  width:100%;
  font-size:12px;
}

#suche .list-diana .titel{
  float:left;
  width:100%;
  font-size:16px;
  margin:0px 0px 10px 0px;
  color:#F7A706;
}

#suche .list-diana .besch{
  float:left;
  width:100%;
  font-size:11px;
}

@media screen and (max-width: 1200px){ 
    #suche .list-diana{
      position:relative;
      float:left;
      width:calc(50% - 1px);
      height:auto;           
      padding:0px 0px 0px 0px;
      margin:0px 1px 1px 0px;
      overflow:visible;
   }
    #suche .list-diana:nth-child(2n+0){
      width:calc(50% - 0px);
      margin:0px 0px 1px 0px;
   }

    #suche .list-diana .linline{
      float:left;
      position:relative;
      width:100%;
      height:auto;
   }
    #suche .list-diana .icon{
      position:relative;
      float:left;
      width:100%;
      height:120px;
   }
    #suche .list-diana .text{
      position:relative;
      float:left;
      height:170px;
   }
}
@media screen and (max-width: 600px){ 
    #suche .list-diana{
      position:relative;
      float:left;
      width:calc(100% - 0px);
      height:auto;           
      padding:0px 0px 0px 0px;
      margin:0px 0px 1px 0px;
      overflow:visible;
   }
    #suche .list-diana:nth-child(2n+0){
      width:calc(100% - 0px);
      margin:0px 0px 1px 0px;
   }
    #suche .list-diana:nth-child(4n+0){
      width:calc(100% - 0px);
      margin:0px 0px 1px 0px;
   }
    #suche .list-diana .linline{
      float:left;
      position:relative;
      width:100%;
      height:auto;
   }
    #suche .list-diana .icon{
      position:relative;
      float:left;
      width:100%;
      height:120px;
   }
    #suche .list-diana .text{
      position:relative;
      float:left;
      height:auto;
   }
}



#suche .list-romy{
  position:relative;
  float:left;
  width:100%;
  height:auto;
  margin:0px 0px 1px 0px;
  background:#fff; 
}

#suche .list-romy .linline{
  float:left;
  width:100%;
  background:#fff;
}

#suche .list-romy .icon{
  position:relative;
  float:left;
  display:table;
  width:120px;
  height:80px;
  background:#e1e1e1; 
  border-right:1px solid #fff;
}

.tblcell{
  position:relative;
  height:100%;
  width:100%;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

#suche .list-romy .icon i{
  display:inline;
  font-size:25px;
  color:#999;
}

#suche .list-romy .text{
  float:left;
  position:relative;
  width:calc(100% - 120px);
}   

#suche .list-romy .subtitel{
  font-size:10px;
  width:100%;
  padding:3px 30px 3px 30px;
  background:#eee;
  color:#999;
}
#suche .list-romy:hover .subtitel{
  background:#F7A706;
  color:#fff;
}

#suche .list-romy .titel{
  font-size:14px;
  color:#F7A706;
  padding:6px 30px 0px 30px;
}

#suche .list-romy .besch{
  font-size:10px;
  padding:0px 30px 0px 30px;
}

@media screen and (max-width: 1200px){ 
  #suche .list-romy .text{
    padding-bottom:15px;
 }   
}
@media screen and (max-width: 600px){ 
  #suche .list-romy .text{
    padding-bottom:15px;
 }  
}*{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-family:sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.75;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  color:#444;
  text-decoration:none;
  box-sizing:border-box;  
}                                 
::selection{
  background:#e1e1e1;
}
::-moz-selection{
  background:#e1e1e1;
}     

html,body{
  position:absolute;
  min-height:100%;
  width:100%;
  background:#fff;
}

.clear{
  clear:both;
}



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

@media screen and (max-width: 1200px){
  .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;
  border-bottom:1px solid #ccc;
  -webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.15);
  -moz-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.15);
  box-shadow:0px 0px 5px 5px rgba(0,0,0,0.15);
}

#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%;
  padding:0px 0px 0px 0px;
  background:#F7A706; 
  -webkit-box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.15);
  -moz-box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.15);
  box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.15);
}

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



#header{
  position:absolute;
	width:100%;
  height:140px;
  z-index:999;
  background:#fff;
  transition:0.5s;
  background:#fff;
  border-top:3px solid #F7A706;
  
  -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);
}
#header.tiny{
  position:fixed;
  height:60px;
}                  




#header .hinline{
  position:relative;
  width:100%;
  max-width:1200px;
  height:140px;
  margin:0 auto;
  transition:0.5s;    
}
#header.tiny .hinline{
  height:40px;
}

#header .logo{
  position:absolute;
  height:80px;
  left:0px;
  top:28px;
  transition:0.5s;
}
#header.tiny .logo{
  position:absolute;
  height:30px;
  left:0px;
  top:13px;
}

#header .mynav{
  position:absolute;
  right:0px;
  top:0px;
  transition:0.5s;
}  

#header .hotline{
  float:left;
  padding:39px 30px 39px 30px;
  font-size:12px;   
  font-weight:light;
  line-height:1;
  color:#fff;
  transition:0.5s;
}
#header.tiny .hotline{
  padding:24px 30px 24px 30px;
}

@media screen and (max-width: 1200px){
    #header,#header.tiny{
      position:relative;
      height:130px;
   }
    #header .hinline{
      height:90px;
      overflow:visible;
   }
    #header .logo,
    #header.tiny .logo{
      position:relative;
      z-index:999;
      width:180px;
      top:15px;
      left:0px;
      height:auto;
      margin:0 auto;
   } 
    #header .mynav{
      position:absolute;
      width:100%;
      height:auto;
      top:90px;
      left:0px;
      text-align:center;
      background:#F7A706;
      border-top:1px solid #fff;
      border-bottom:1px solid #fff;
   }    
    
    #header .hotline{
      display:none;
   }
}



#SITEPIC,#SITEPICout,#SITEMap{
  display:table;
  position:relative;
  width:100%;
  top:141px;
  height:400px;
  background:HIGHLIGH
}
#SITEMap{
  display:block;
  overflow:hidden;
}
#SITEPICout{
  height:0px;
  background:#fff000;
}

#SITEPIC .inline,#SITEPICout .inline{
  display:table-cell;
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0px 50px 0px 50px;
  text-align:left;
  vertical-align:middle;
}

#SITEPIC h1,#SITEPIC h1 b,
#SITEPICout h1,#SITEPICout h1 b{
  clear:both;
  display:block;
  float:left;
  font-size:50px;
  font-weight:normal;
  color:#fff;
  background:#F7A706;
  padding:8px 20px;
}
#SITEPIC h2,#SITEPIC h2 b,
#SITEPICout h2,#SITEPICout h2 b{
  clear:both;
  display:block;
  float:left;
  font-size:30px;
  font-weight:normal;
  color:#F7A706;
  background:#ffffff;
  padding:8px 20px;
  margin:2px 0px 0px 0px;
}
#SITEPIC a,#SITEPIC a b,
#SITEPICout a,#SITEPICout a b{
  clear:both;
  display:block;
  float:left;
  font-size:14px;
  border:2px solid #ffffff;
  font-weight:bold;
  color:#ffffff;
  background:transparent;
  padding:8px 20px;
  margin:20px 0px 0px 0px;
}

.wrapper{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  
  background-color:#e1e1e1;
	background-image:url(/images/structure/1_slide_1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
  
  -webkit-transition:background 1.5s linear;
  -moz-transition:background 1.5s linear;
  -o-transition:background 1.5s linear;
  -ms-transition:background 1.5s linear;
  transition:background 1.5s linear;
  
  -webkit-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
  box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
}

#wrapper1{
  z-index:20;
}

#wrapper2{
  z-index:10;
}

@media screen and (max-width: 1200px){
  #SITEPIC,#SITEPICout,#SITEMap{
    top:0px;
 }   
}          



#breadcrump{
  position:relative;
  width:100%;
  margin-top:141px;
  padding:8px 30px 8px 30px;
  background:#eee;
  text-align:right;
}

#breadcrump .bcinline{
  width:100%;
  max-width:1200px;
  margin:0 auto;
}

#breadcrump .bcpath{
  float:left;
}
 
#breadcrump .bclanguage{
  float:right;
  padding:0px 30px 0px 0px;
}

#breadcrump a,#breadcrump i,#breadcrump b{
  font-size:10px;
  font-weight:normal;
  color:#999;
}

#breadcrump i{
  font-style:normal;
}
#breadcrump b{
  font-weight:normal;
}

#breadcrump .de{
  padding:0px 0px 0px 25px;
  margin:0px 0px 0px 0px;
  background:transparent url(/images/de.png) no-repeat 0px center;
  font-weight:bold;
  font-size:10px;
}
#breadcrump .en{
  padding:0px 0px 0px 25px;
  margin:0px 0px 0px 25px;
  background:transparent url(/images/en.png) no-repeat 0px center;
  font-weight:bold;
  font-size:10px;
}

@media screen and (max-width: 1200px){
  #breadcrump{
    margin-top:1px;
    padding:10px 30px 8px 30px;
 }
}


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

#main .content{
  float:left;
  width:100%;
  padding:30px 30px 30px 30px;
  background:rgba(255,255,255,0.75);
}

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

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

#main .content .sidebar{
  float:left;
  width:100%;
}
#main .content .sidebar-trenner{
  float:left;
  width:100%;
  height:1px;
  background:#ccc;
  margin:20px 0px 20px 0px;
  
}



@media screen and (max-width: 1200px){
  #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;
 }
}




#footer{
  float:left;
  width:100%;
  padding:0px 0px 0px 0px;
}

#footer .footer-complete{
  float:left;
  width:100%;
  padding:0px 0px 0px 0px;
}

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

#footer .footer-box1{
  float:left;
  width:100%;
  padding:40px 0px 40px 0px;
  font-size:11px;
  color:#fff;
  text-align:center;
}
#footer .footer-box1 b{
  font-size:11px;
  color:#fff;
}
#footer .footer-box1 a{
  font-size:11px;
  color:#fff;
}


@media screen and (max-width: 1200px){
  #footer .footer-box0{
    padding:10px 20px 10px 20px; 
 }
  #footer .footer-box1{
    float:left;
    width:100%;
    padding:20px 20px 20px 20px;
 }
}



h1,h1 b{
  display:inline-block;
  margin:0px 0px 0px 0px; 
  line-height:1;
  color:#F7A706;
  font-weight:normal;
  font-size:30px;
}
h1 b{
  font-weight:bold;
}

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

h3{
  display:block;
  float:left;
  width:100%;
  line-height:1;
  padding:10px;
  margin:0px 0px 20px 0px;
  color:#fff;
  font-weight:light;
  font-size:11px;
  background:#F7A706;
}
h3 b{
  font-weight:bold;
}

h4{
  display:inline-block;
  color:#D96E17;
  font-size:20px;
  font-weight:normal;
  margin:0px 0px 0px 0px;
}
h4 b{
  color:#D96E17;
  font-size:20px;
  font-weight:bold;
}

h5{
  background:#e1e1e1; 
  border:1px solid #e1e1e1;
  display:inline-block;
  color:#666;
  font-weight:normal;
  padding:8px 14px 8px 10px;
  margin:2px 2px 0px 0px;
  font-size:11px;
  line-height:12px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  text-transform:uppercase;
}
h5::before{
  font-family:FontAwesome;
  content:"\f02b";
  margin-right:10px;
}

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

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

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;
}

#main ul,#main ol{
  display:inline-block;
  width:100%;
  margin:5px 0px 0px 12px;
  
}
#main li{
  float:left;
  width:100%;
  padding:5px 15px 5px 15px;
  margin:0px 0px 2px 0px;
  text-align:left;
  color:#F7A706;
  font-weight:bold;
}
#main li li{
  font-weight:normal;
  color:#333;
}

#main .ultbl{
  list-style:none;
  margin:0px 0px 0px 0px;
}
#main .ultbl li{
  float:left;
  width:100%;
  padding:5px 15px 5px 15px;
  margin:0px 0px 2px 0px;
  text-align:left;
  color:#F7A706;
  font-weight:normal;
  background:#FCC948;
}
#main .ultbl li b{
  color:#F7A706;
  font-weight:bold;
}
#main .ultbl li:nth-child(odd){
  background:#FBBB10;
}
#main .ultbl li::before{
  font-family:FontAwesome;
  content:"\f0a9";
  margin-right:15px;
}
a{
  font-weight:bold;
  color:#F7A706;
}
a:hover{
}


.content-box{
  display:flex;
  float:left;
  width:100%;
  margin-bottom:30px;
  padding:20px 20px 20px 30px;
  border:1px solid #eee;
}
.content-box .cb-left{
  font-size:14px; 
}
.content-box .cb-right{
}

@media screen and (max-width: 1200px){
  .content-box{
    display:block;
    float:left;
    width:100%;
    margin-bottom:30px;
    padding:20px 20px 20px 30px;
    border:1px solid #eee;
 }
  .content-box .cb-left{
    float:left;
    width:100%;
    font-size:14px; 
 }
  .content-box .cb-right{
    float:left;
    width:100%;
 }
}



.sidelink{
  display:table;
  width:100%;
  padding:0px 10px 0px 0px;  
  margin:0px 1px 1px 0px;
  background:#fff;
  border:1px solid #F7A706;
  color:#888;
  font-weight:normal;
}

.sidelink i{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  width:30px;
  height:30px;

  background:#F7A706;
  color:#fff;
}
.sidelink b{
  display:table-cell;
  vertical-align:middle;
  text-align:right;
  font-size:10px;
}

.sidelink:hover{
  background:#fff;
  color:#F7A706;
  text-decoration:none;
}



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

.table-responsive{
  float:left;
  width:100%;
  overflow-x:auto;      
}



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

.theTHUMB,.theTHUMB:hover{
  float:left;
  width:12.5%;
  padding-bottom:12.5%;
  border:2px solid #e1e1e1;
  margin:0px 0px 0px 0px; 
}                                      
.theTHUMB:hover{
  z-index:9000;
  transform:scale(0.90);
  border:2px solid #F7A706;
}

@media screen and (max-width: 1200px){
  .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:10px 20px 10px 20px;
  margin:0px 0px 1px 0px;
  text-align:left; 
  background:#F7A706;;
  border:1px solid #F7A706;
  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;
  background-size:cover;
  color:#F7A706;
  text-decoration:none;
}
a.thePDF:hover i,#main a.thePDF:hover i,
a.theURL:hover i,#main a.theURL:hover i{
  color:#F7A706;
}


img{
  display:block;
  max-width:100%;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
                                              
@media screen and (max-width: 1200px){
  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 #F7A706;
}

@media screen and (max-width: 1200px){
  .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:#F7A706;
  color:#fff;
  font-size:16px;
}

@media screen and (max-width: 1200px){
  .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%
}