/* Hauptverteiler index CSS */
* { font-family: "ITC Avant Garde Gothic", sans-serif, arial;
    background-color: #1f2e2e;
    padding: 0;
    margin:0;
}

/* Farben */
.bgkopf   {background-color: #28004d; color: white; } /* Hintergr.Farbe Kopfbereich */
.bgnavi   {background-color: #4d4d4d;    } /* Hintergr.Farbe Navigationsmenu */
.bgthem   {background-color: #1f2e2e; color: #5bd448; margin: 0em; padding: 0em;} /* Hintergr.Farbe Thema */
.bgthemtr {background-color: #1f2e2e; color: #5bd448; margin: 0em; padding: 0em;} /* Hintergr.Farbe Thema */
.bgthem2  {background-color: #1f2e2e; color: #5bd448; margin: 0em; padding: 0em;} /* Hintergr.Farbe Thema */
.bgtext {background-color: #293d3d; color: white; } /* Hintergr.Farbe Textbereich */
.bgdiv  {background-color: #293d3d; color: white; } /* Hintergr.Farbe DivBereich */
.bgfuss {background-color: #28004d; color: white; } /* Hintergr.Farbe Fussbereich */

.bgwarnred {background-color: #e9e9e9; color: red; } /* Hintergr.Farbe Textbereich */
.bgwarngreen {background-color: #e9e9e9; color: green; } /* Hintergr.Farbe Textbereich */
.bgtextds {background-color: white; color: black; padding: 0.3em;} /* Hintergr.Farbe Textbereich */
.rand-0-3 {padding: 0.3em;}

/* body */
#startseite  { 
  text-align: center;  
  top: 0em;
  /* background-image: url("res/IMG_9510_portrait-72.jpg"); -->
  background-repeat: repeat-y; */
  }

/* umfasst kopftext navibereich textbereich fussbereich */
#wrapper     { 
  text-align: left;
  margin-top: 0em;
  margin-right: auto;
  margin-bottom: auto;
  margin-right: auto;
}

/* header */
.kopfbereich {
  position: fixed;
  width: 100%;
  min-width: 20em;
  height: 90px;
  top: 0em;
  right: 0;
  bottom: auto;
  left: 0;
  margin-top: 0em; 
  margin-left: 0em;
  padding: 0.5em 0 0 0;
  text-align: center;
  line-height: 1em;
  z-index: 10;
  }

/* Navigationsmenue nav */
.navibereich { 
  position: fixed;
  width: 100%;
  min-width: 20em;
  height: 5em;
  top: 2.9em;
  bottom: auto;
  right: 0em;
  left: 0em;
  color: white;    
  padding: 0em;
  margin-top: 0.5em;
  margin-bottom: 0em;
  margin-left: 0em;
  margin-right: 0em;
  text-align: center;
  line-height: 1.7em;
  z-index: 10;
  }


.thema { 
  position: fixed;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.8em;  
  width: 100%;  
  margin-top: 3.3em;
  margin-bottom: 0em;
  margin-left: 0em;
  margin-right: 0em;
  border-bottom: 3px solid #4d0099; /*#39ac73;*/
  z-index: 10;
  }

/* main */
.textbereich { display: block;
  position: static;	 
  width: auto;
  max-width: 800px;
  height: auto;
  top: 166px;
  bottom: 0em;
  right: 0em;
  left: 0em;
  margin: 0 auto; /* zentriertes Div */
  margin-top: 169px;
/*  margin-bottom: 68px; */
  text-align: left;
} /* textbereich Ende */

.textende { 
  background-color: #4d0099;
/*  border-top: 3px solid red;*/
  text-align: left;
  }

/* footer */
.ALTfussbereich { 
   /* position: fixed; */
   width: auto; /* 100% */
   height: 65px;
   top: auto;
   right: 0px;
   bottom: 0em;
   left: 0px;
	text-align: center;
	border-top: 3px solid #4d0099;
   z-index: 10;
}

/* footer */
.fussbereich { 
  position: inherit;
  width: 100%;
  height: 65px;
  right: 0px;
  top: auto;
  bottom: 0em;
  left: 0px;
  text-align: center;
  border-top: 3px solid #4d0099;
  z-index: 10;
}


.fusstext {
   margin: 0.5em;
   line-height: 1.5em;
}

.bild {
  width: 100%;
  height: auto;
}

img {
  background-size: 0%;
}

  video {   
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 0em;
  width: 100%;
  height: auto;
  }

  .sprung-video {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -180px;
  }

.divvideo {
  list-style-position: inherit;
  white-space: normal;  /*nowrap*/
  width: auto;  /* 700px; */
  height: auto;
  border: medium solid #4d4d00;
  border-radius: 1em;
  margin: 0em auto 10px auto;
  padding: 0 1em 0em 1em;
  overflow: hidden;
  }
  
.diveinheit {
  list-style-position: inherit;
  white-space: normal; /* nowrap; */
  width: auto; /* 720px */
  height: auto;
  min-width: 50%;
  max-width: 100%;
  color: green;
  /* border: medium solid red; */
  border-radius: 0 0 0 3em;
  margin: 3px auto;
  padding: 2em;
  overflow: auto;  
  }

h1 { 
  font-size: 2em;
  font-weight: bold;
  line-height: 1.2em;
  background-size: auto;
  text-shadow: 2px 2px #5e5c64;
  text-align: center;
  margin-bottom: 0em;
  margin-left: 0em;
  margin-right: 0em;
  }

h2 { 
  color: white; 
  font-size: 1.5em;
  font-weight: normal;
  /*text-shadow: 2px 2px #5e5c64;*/ 
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;
  line-height: 1.5em;
  }

h3 { 
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1em;  
  /*text-shadow: 2px 2px #5e5c64;*/ 
  margin-top: 1em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;
  }
 
h4 { 
  font-weight: normal;  
  /*text-shadow: 1px 1px #5e5c64;*/ 
  text-align: justify;
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;
  }

li { color: white;
}

.formfarbe {
  color: black;
  background-color: white;
  width: 100%
 
  }

label {
	color: white; 
	background-color: grey;
	}
input 
   {color: black; 
   background-color: #ccffcc;
   }
textarea {
	color: black; 
	background-color: #ccffcc;
	}

.xxx {
  background: linear-gradient(90deg, #4d0099 0%, grey 100%);
  border: 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  border-radius: 0.25em;

}

/* Verweise/Links Standardeinstellungen */

/* unvisited link */
a:link { 
  color: white;
  background-color: inherit; 
  line-height: 1em;
  text-decoration: underline; /*Unterstrich bei Links*/
  }
/* visited link */
a:visited { 
  color: rgb(206, 206, 206);
  background-color: inherit;
  line-height: 1em;
  text-decoration: unset;  
  }
/* mouse over link */
a:hover { 
  color: white; /* Giftgrün */ 
  background-color: green; 
  line-height: 1em;
  text-decoration: none; /*kein Unterstrich bei Links*/
  text-transform: inherit;
  }  
/* selected link */
a:active { 
  color: white;
  background-color: #99bbff; 
  margin: 0.2em 0.2em 0.2em 0.2em;
  padding: 0.1em;
  border-radius: 0.25em;
  border-style: dashed;
  border-width: 1px;
  text-decoration: none; /*kein Unterstrich bei Links*/
  } 

/* --------------------------- */

/* Verweise/Links Standardeinstellungen */

/* unvisited link */
a:link.navi { 
  color: white; 
  padding: 0.1em 0.2em 0.1em 0.2em;
  line-height: 1.2em;
  text-decoration: underline; /*kein Unterstrich bei Links*/
  background: linear-gradient(90deg, #4d0099 0%, grey 100%);
  border: 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  border-radius: 0.25em;
  }
  
/* visited link */
a:visited.navi { 
  color: white;
  background-color: #ccffcc;
  margin: 0.2em 0.2em 0.2em 0.2em;
  padding: 0.1em;
  line-height: 1.2em;
  text-decoration: none; /*kein Unterstrich bei Links*/  
  border-radius: 0.25em;  
  border-style: solid;  
  border-width: thin;
  }
  
/* mouse over link */
a:hover.navi { 
  color: #66ff33; /* Giftgrün */ 
  background-color: green; 
  margin: 0.2em 0.2em 0.2em 0.2em;
  padding: 0.1em;
  line-height: 1.2em;
  text-decoration: none; /*kein Unterstrich bei Links*/
  border-radius: 0.25em;
  border-style: dotted;
  border-width: medium;
  text-transform: inherit;
  }  
  
/* selected link */
a:active.navi { 
  color: white;
  background-color: #99bbff; 
  margin: 0.2em 0.2em 0.2em 0.2em;
  padding: 0.1em;
  border-radius: 0.25em;
  border-style: dashed;
  border-width: 1px;
  text-decoration: none; /*kein Unterstrich bei Links*/
  } 

/* Verweise/Links ENDE */