html{ width: 100%; 
  height: 100%;
  }
body{ width: 100%; 
  height: 100%;
  margin:0;padding:0;
  background: linear-gradient(51deg, rgb(231,214,180),rgb(255,255,255) 50%,rgb(228,199,105) 75%);   
  background-position: center top;
  overflow-y: scroll; 
  color: #67151d;                                
   box-sizing:border-box;
}
#base{
  width:100%;
  max-width:950px;
  margin:auto;
  color:white;
  margin-top:0;
  min-height:300px; 
/*   border:1px black solid;  */
   position:relative;
   overflow:hidden;
}
#base u{
line-height:150%;
text-decoration-color: #67151d;
}  
#envelope{
  width:100%;
  height:100%;  
  background:url('../img/HG_1920.png');
  background-position: center top; 
  background-repeat:no-repeat;
} 
#bildhome img{
   border:3px solid  #67151d;
   float:right;
   width:92%;
   height:auto;
}
#logo {
    background:url('../img/logo.png');
    background-repeat:no-repeat;
      margin-left:auto;
      margin-right:auto;
      width:463px;     
      height:208px;     
}
.wrapper{
 margin-left:10px;
 margin-right:10px;  
}
#inklscroll{
  padding-top:10px;
  padding-bottom:10px;
}
#inklscroll .mCSB_dragger_bar{
  background-color:#67151d;
}
#inklscroll  .mCSB_draggerRail{
  background-color:transparent;
}
#content{
color: #67151d; 
  font-family:"Dosis";
  font-weight:normal;
  font-size:1.3em;         
position:relative;

 /*overflow-x:auto;      */
}
#lcontent{
 box-sizing:border-box;
  float:left;
  width:70%;
  color: #67151d; 
  font-family:"Dosis";
  font-weight:normal;
  font-size:1.3em;            
  padding-top:28px;
  margin-bottom:30px;
  line-height:115%;             
  letter-spacing:-0.3px;
  padding-right:20px;  
}
#lcontent div img.img-responsive{
  border:3px solid  #67151d;
}
#lcontent p img{
    border:3px solid  #67151d;
}
#lcontent p strong{
  font-weight:bold;
}
#lcontent p a{
  text-decoration:none;
  color:#67151d;
}  
#rcontent{
  float:right;
  width:30%;
  margin-top:32px;
}
#content table{
  width:100%;
}
#content table thead tr th, #content table tbody tr td{
   width:20%;
   color: #67151d; 
  font-family:"Dosis";
  font-weight:normal;
  font-size:1.0em;  
  text-align:center;  
}
/*#content table tbody tr td strong{
  font-weight:bolder;
}*/
#content table.tblstd thead tr th{
 margin:4px;
 background-color:#67151d;
 color: #e3c668;
 font-size:1.0em; 
}
.fertig{
	padding-bottom:10px;
	width:100%;
}
#content .fertig table thead tr th div{
padding:10px 0 10px 0;
margin:1px;
  text-transform:uppercase;
  background-color:#67151d;
  color:#e3c668;
  font-size:1.0em; 
}
#content .fertig table tbody tr td div{
padding:10px 2px 10px 2px;
margin:1px;
line-height:120%;
color:#e3c668; 
   min-height:51px;
 /* height:51px;  */
  font-size:1.0em; 
} 
#content .fertig table thead tr th:first-child div, #content .fertig table tbody tr td:first-child div {
  margin-left:0;
}
#content .fertig table thead tr th:last-child div, #content .fertig table tbody tr td:last-child div{
 margin-right:0;
} 
.mit{
  background-color: #a87770;
  color:#67151d !important;
font-weight:normal;
}
.mit p:first-child{ 
    color: #e3c668 !important;
}
.mit p strong{
 font-weight:800;
} 
.ohne{
  background-color: #c9aaa3;
}
#footer{
  color:   #67151d;
   position:fixed;
   bottom:0;
   width:100%;
 /*  border:1px black solid;  */
   height:36px;
   overflow:hidden;
}
#footer div{
  float:left;
  padding-bottom:6px;
  font-family: 'Dosis';
  font-weight:bold;
  font-size:1.05em;
  margin-left:2%;
}
#footer div:not(.sanskrit){
  padding-top:10px;
}
#footer div a{
  color:   #67151d;
  text-decoration:none;
     display:block;
   
}
#footer div.sanskrit{
  font-family: 'Samarkan';
  font-weight:normal;
  font-size:2.08em;
  margin-left:0;
 
}
#footer #fodes{
  float:right;
  font-size:0.7em;
  padding-top:15px;
}
#face{
  background:url('../img/facebook.png');
  background-repeat:no-repeat;
  width:12px;
  height:9px;
  background-position-y:bottom;
}
.fo_adr{float:left;}
.clear{
 clear:both;
 }
h1{
   color:   #67151d;
    font-family: 'Berk';
    font-size:2.5em;
    display:inline-block;
    margin-top:36px;
    margin-left:30px;
    position:relative;
 }
h1::before, h1::after{
  content: ' ';
  height: 12px;
  width: 12px;  
  position:absolute; 
  background-color: #67151d;  
  display: inline-block;     
  top: 14px;   
  border-radius:7px;
}
h1::before {
  left: -30px;
} 
h1::after {
  right: -30px;
} 
.zeku-pagelist{
  margin-top:40px;
 font-family: 'Dosis';
  font-weight:normal;
  font-size:1.05em;
  color:   #67151d;
}
.zeku-pagelist .ccm-block-page-list-title{
      margin-top:15px;
}
.zeku-pagelist .ccm-block-page-list-title a{
    color:   #67151d;
 }
.bID-215{
  width:100%;
  height:auto;
}
.gm-fullscreen-control{
 display:none;
}

@media screen and (max-height:765px) {
.page-title{
  display:none;
}
}
@media screen and (min-width:1921px) {
#lcontent{
  font-size:1.5em;            
  padding-top:28px;
  margin-bottom:30px;
  line-height:120%;            
  letter-spacing:-0.3px;
  padding-right:30px;     
}
#envelope{
  background:url('../img/HG_2800.png');
  width:100%;
  height:100%;  
  background-position: center top; 
  background-repeat:no-repeat;
} 
}


@media screen and (max-width:1024px){
#envelope{
  background:url('../img/HG_1024.png');
  background-position: center top; 
  background-repeat:no-repeat;
} 
}

@media screen and (max-width:915px){
#footer div{
  font-size:0.8em;
  margin-left:1%;
}
#footer div:not(.sanskrit){
  padding-top:14px;
}
#face{
  height:5px;
}
}

@media screen and (max-width:860px){
#content table thead tr th, #content table tbody tr td{
  font-size:0.9em;  
}  
#content .fertig table tbody tr td div{
  min-height:37.5px;
 /* height:37.5px;   */
}
h1{
  font-size:2.0em;
  margin-top:30px;
}
h1::before, h1::after{
  height: 10px;
  width: 10px;  
  top: 12px;   
  border-radius:5px;
}
h1::before {
  left: -25px;
} 
h1::after {
  right: -25px;
} 
#footer div.sanskrit{
  font-size:1.6em;
  padding-top:6px;
}
#face{
  height:5px;
}
#rcontent .zeku-kontakt{
  font-size:1.2em;            
}
}

@media screen and (max-width:700px){
#lcontent{
  font-size:1.1em;            
  padding-top:28px;
}
#rcontent .zeku-kontakt{
  font-size:1.0em;            
}
#content table thead tr th, #content table tbody tr td{
  font-size:0.8em;  
}  
#content .fertig table tbody tr td div{
  min-height:32px;
 /* height:32px; */
}
h1{
  font-size:1.7em;
  margin-top:26px;
}
h1::before, h1::after{
  height: 8px;
  width: 8px;  
  top: 10px;   
  border-radius:4px;
}
h1::before {
  left: -22px;
} 
h1::after {
  right: -22px;
}
#footer div{
  font-size:0.6em;
  margin-left:1%;
}
#footer div:not(.sanskrit){
  padding-top:20px;
}
#footer div.sanskrit{
  font-size:1.3em;
  padding-top:13px;
}
#face{
  height:4px;
}
#footer #fodes{
  padding-top:20px;
  font-size:0.6em;
}  
}
@media screen and (max-width:600px){
  #rcontent .zeku-kontakt{
  font-size:0.9em;            
}
	img{width:100%;max-width:100%;}
}
@media screen and (max-width:550px){
#content table thead tr th, #content table tbody tr td{
  font-size:0.70em;  
}  
#content .fertig table tbody tr td div{
  min-height:50px;
 /* height:50px;  */
}
#rcontent .zeku-kontakt{
  font-size:0.9em;            
}
#rcontent .zeku-kontakt .form-group label{
  width:100%;
}
#rcontent .zeku-kontakt .form-control{
  float:left;
  width:100%;
}
h1{
  font-size:1.3em;
  margin-top:22px;
}
h1{
  font-size:1.5em;
  margin-top:20px;
}
h1::before, h1::after{
  height: 7px;
  width: 7px;  
  top: 9px;   
  border-radius:3px;
}
h1::before {
  left: -20px;
} 
h1::after {
  right: -20px;
} 
.fo_adr{
  display:none;
}
}
@media screen and (max-width:500px){
#envelope{
  background:url('../img/HG_500.png');
  background-position: center top; 
  background-repeat:no-repeat;
}
#logo{
 background:url('../img/logo_500.png');
 width:265px;     
 height:141px; 
}
#hline{
display:none;
}
#content{
margin-top:0px;
}
#inklscroll{
margin-top:0px;
}
#lcontent{
  font-size:1.0em;            
  padding-top:28px;
}
#footer div.sanskrit{
  font-size:1.0em;
  padding-top:16px;
}
.zeku-pagelist{
  margin-top:40px;
  font-size:0.8em;
}
.zeku-pagelist .ccm-block-page-list-title{
      margin-top:10px;
}
}
@media screen and (max-width:450px){
#content table thead tr th, #content table tbody tr td{
  font-size:0.65em;  
}  
}