body {
	background-color: #222222;
	color: white;
	font-size: 18px;
	/* Variablen */
	--hlgColor1: #e8c4ff;
	--hlgColor2: #a444db;
	--peanutColor1: #fdf3a5;
	--peanutColor2: #fece40;
}

a { color: var(--hlgColor2); }
a:hover, a:focus { color: #CCFF66; }

.naviFrame {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position:absolute;
	transform-origin: left top 0;
}

.row { clear: both; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px; margin-right: 0px;}

.titlePic {
	max-width:100%;
	max-height:160px;
	margin-bottom: 4vh;
}

.glowTable {
	border-spacing: 5px;
	border-collapse: collapse;
	width: 100%;
	box-shadow: 0px 0px 18px #a444db;
	background-color: #221133A0;
}
.glowTd {
	border: 0px solid white;
	padding: 8px;
	padding-top: 15px;
}

.flexslider { width: 99%; }

.img_left {	float: left; margin-right: 20px; margin-bottom: 15px; }

h1 { text-align: center; color: white; font-weight: bold; }
h4 { color: white; }

li, input { font-family: Arial, sans-serif; }
li.active a {
  background-color: rgba(255, 255, 255, 0.2);
  color: #f55b1f; 
}

.fixiert {
   position:fixed;
   z-index:999;
}	
.obenRechts { 
	top: 15px; right: 20px; position:fixed; z-index:999;
}
.resetAll {
  all: initial;
  * {    all: unset;  }
}

p {  color: #FFF; font-family: Arial, sans-serif; }
iframe, object, embed { width: 100%; border: none; margin-bottom: 20px; }

.navbar-form { margin-bottom: 20px; }

.form-control { border-radius: 0px; }
.form-control:focus { 
	border-color: rgba(245, 91, 31, 0.8); 
	outline: 0; 
	-moz-box-shadow: 0 0 8px rgba(241, 50, 150, 0.6); 
	box-shadow: 0 0 8px rgba(241, 50, 150, 0.6) !important; 
}

.container {  
	margin: 0 auto;
	background-color: rgba(0, 0, 0, 0.5);
	max-width: 1200px;
	width:100%;  /* nutze die volle Breite des Bildschirms */
	padding-left: 0px;
	padding-right: 0px;
}

.left-inner-addon { position: relative; }
.left-inner-addon input, .left-inner-addon textarea { padding-left: 30px; }
.left-inner-addon span { position: absolute; padding: 10px 12px; pointer-events: none; }

.float_r { float: right }
.img-thumbnail { border-radius: 0px; background-color: rgba(255, 255, 255, 0.2); border: none; }

#left_container { padding-left: 0; }

#right_container { 
	background-color: rgba(0, 0, 0, 0.35);
	padding: 0px;
	margin: 0px;
}
#right_container .row h1 { 	margin-top: 4vh; /* Abstand nach oben von der Überschrift aus */ }
#right_container h2 { color: white; font-weight: bold; }
#right_container h3 { color: white; }

@media only screen and (max-width: 480px) {
 article img { margin-bottom: 10px; }
 h4, p { text-align: center; }
}
@media only screen and (max-width: 768px) {
  .container { display: block; }
  #left_container { display: none; height: auto; padding-top: 0px; padding-bottom: 0px; }
  #right_container { display: block; }
}
@media only screen and (max-width: 991px) {
  .container { display: block; }
  #left_container { display: none; height: auto; padding-top: 0px; padding-bottom: 0px; }
  #right_container { display: block; }
}

@media only screen and (min-width: 992px) {
  .container {  display: table; }
  #left_container { display: table-cell; height: 100%; }
  #right_container {  padding-top: 10px; display: table-cell;}
  .col-md-3, .col-md-9 { float: none; }
}

/* @media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
} */

.credit { padding-bottom: 9px; padding-top: 12px; margin-left: 0px; margin-right: 0px; background-color: rgba(0, 0, 0, 0.5); } /* Footer */
#myFooter { color: #FFFFFF; font-size: 0.8em; text-align: center; font-family: Arial, sans-serif; }


.lotusBG1 {
	background: url(../images/lotusBG1.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}
.soilBG {
	background: url(../images/soilBG.jpg) repeat;
	overflow: hidden;
}
.grassSmall {
	background: url('../images/grassBG small.png') repeat-x right bottom;
	left: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}
.grassBG2 {
	background: url(../images/grassBG2.png) repeat-x center bottom;
	bottom: -30px;
	height: 155px;
	left: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}