/*html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: Georgia, Times, "Times New Roman", serif;
}*/
body {
    background-color: #284D4C; /* content: 361C03 oder 241203*/
    //background-image: url(../pics/GREEN_~1.JPG);
    //background-image: url(../pics/EMERALD2.JPG);
	//background-image: url(../pics/Panel2.jpg);
	////background-image: url(../pics/gruen_nopp.gif);	
	background-image: url(../pics/DARK_Z~1.JPG);
}
.pure-img-responsive {
    max-width: 100%;
    height: auto;
}

.titelfont {
	font-family: Helvetica, Geneva, Arial, sans-serif; 
	font-size: 22px;
	font-weight:bold;
	color:#191818; /* menu 191818 - 646579 */
	letter-spacing: 25px;
}
a {text-decoration: none; color:#CECECE}
a:link, a:visited {color: #AFAFAF;} /* CECECE */
a:hover {color: #F2D30A;} /* F2D30A */
.titelfont a{
	color:#191818; /* menu 191818 - 646579 */
}
.titeletter {
	color:#FFF; 
}
.titeletter a {
	color:#FFF; 
}
.l-box {
	padding: 1em;
}
.zentriert{
    text-align: center;
}
.navibez{
    background-color:#7F3F3F; color: #111111;
}
.bgimage{
    background-size:cover;
    background-position: center;
    /*width: 1215px; */ 
    height: 200px;
}

.footer{
    border-top: solid 1px #000;
    padding-top: 9px; 
    color: #24160D;
    background-color: #F8C120;
   /* height: -40px; geht nicht */
    padding: 5px 20px 5px 20px;
    text-align: center;
    font-size: 12px;
}
.footer a{color: #000; text-decoration: none;}
.footer a:hover{color: #F8C120; background-color: #24160D; padding: 3px 5px 3px 5px;}

.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

/*
.navbar-fixed-bottom  {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}*//*
.navbar-fixed-bottom {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}*//*
@media (min-width: 768px) {
  .navbar-fixed-bottom  {
    padding-right: 0;
    padding-left: 0;
  }
}  *//*
.navbar-fixed-bottom  {
  max-height: 340px;  
}*/

/*Using media to set the style If screen is bigger than 800px*/
/*@media (min-width: 1000px) {
  #layout {
    max-width: 950px;
    margin: 0 auto;
    background-color: #000;
  }
}*/

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-bottom {
    max-height: 200px;
  } 
}

@media (min-width: 768px) {
  .navbar-fixed-bottom {
    border-radius: 0;
  }
.footer{color: #777; background-color: #DDD; }
.footer a{color: #777777}
.footer a:hover{color: #DDD; background-color: #777; padding: 3px 5px 3px 5px;} 
/* NEU 2019 scroolbar 
::-webkit-scrollbar{
	background-color:white;  	
	width:10px;
        height:10px;
	-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5) inset;
}
::-webkit-scrollbar-thumb{
        border-radius:5px;
	background-color:white;
	-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5),inset -2px 2px 2px rgba(204,204,204,0.1),inset 2px -2px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover{
	background-color:#a2c437;
}*/    
}