@charset "UTF-8";
/* CSS Document */

* {                                         /* stellt den gesamten Bildschirm zur Verfuegung */
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body{
  -webkit-text-size-adjust: none; /* Font Resizing deaktivieren */
  -moz-text-size-adjust: none;
	-ms-text-size-adjust:none;
  background-color: #FFFFFF;
  /*background-image:url(../Bilder/Wallpaper1.jpg);*/
  height: 100%;
  /* overflow-y: scroll; immer mit Scrollbalken */
  }

.Kleintext,
.Kleintext_grau,
.Kleintext_ul,
.Kleintext_blk,
.Kleintext_blk_ul,
.Normaltext,
.Normaltext_ul,
.Normaltext_fett {
  font-family: Geneva, Arial, Helvetica, sans-serif;
}

.Kleintext,
.Kleintext_grau,
.Kleintext_blk,
.Normaltext,
.Normaltext_fett {
  text-decoration: none;
}

.Kleintext_ul,
.Kleintext_blk_ul,
.Normaltext_ul {
  text-decoration:underline;
}

.Normaltext,
.Normaltext_ul,
.Kleintext,
.Kleintext_ul,
.Kleintext_blk_ul,
.Kleintext_blk {
  font-weight:normal;
}

.Normaltext_fett {
  font-weight:bold;
  text-shadow:2px 1px 3px #919191;
}

.Normaltext_ul,
.Normaltext {
  font-size: 14px;
}

.Normaltext_fett {
  font-size: 16px;
}

.Kleintext,
.Kleintext_ul,
.Kleintext_blk_ul,
.Kleintext_blk {
  font-size: 12px;
}

.Kleintext_blk,
.Kleintext_blk_ul,
.Normaltext_fett {
  color: #000000;          /* schwarz */
}

.Kleintext,
.Kleintext_ul,
.Normaltext_ul,
.Normaltext {
  color:#919191;          /* grau */
}

.Tabelle_normal {
	width:100%;
}

.Tabelle_Mitte {
     /* border-collapse:collapse;
     border:0px;  */
     margin-left:auto;
     margin-right:auto;
}

.Tabelle_rechts {
	float:right;
	padding-right:0.25%;
}

.Bild_mittig {                  /* statt align im Quelltext der Seite*/
     vertical-align: middle;
}


#Drittel1,
#Drittel2,
#Drittel3,
#spalte1_3,
#spalte2_3,
#spalte3_3 {
  float:left;
  padding-left:0.5%;
}

#Drittel1,
#Drittel2,
#spalte1_3,
#spalte2_3 {
  width: 32.7%;
}
 
#Drittel3,
#spalte3_3 {
  width: 32.6%;
}

 
#spalte1_3,
#spalte2_3 {
  background:url(../Bilder/Linie_senkrecht.jpg); /* Trennlinie rechts */
  background-size: 1px 100%;
  background-repeat:no-repeat;
  background-position:right;
}

#Spaltentitel {
  width:100%;
}

#Spalteninhalt {
  width:100%;
}

/* Bildwechsler */
#stapel {
    height: 5em;
    width: 25em;
    margin: 1em auto 0;
    /*border: 5px solid #eee;*/
    /*box-shadow: 5px 5px 5px 3px silver; /*horizontal-vertikal-Groesse-Staerke-Farbe*/
}

#stapel img {
    position: absolute;
    height: 5em;
    width: 25em;
    opacity: 0;
    animation-duration: 32s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

#stapel img:nth-of-type(1) {                      /*Fuer Bild 1 */
    animation: fade 32s ease-in-out infinite;     /*Dauer der Praesentation Beginn bei 0s*/
}

#stapel img:nth-of-type(2) {                      /*Fuer Bild 2 */
    animation: fade 32s 8s ease-in-out infinite;  /*Dauer der Praesentation Beginn bei 6s*/
}

#stapel img:nth-of-type(3) {                      /*Fuer Bild 4 */
    animation: fade 32s 16s ease-in-out infinite; /*Dauer der Praesentation Beginn bei 12s*/
}

#stapel img:nth-of-type(4) {                      /*Fuer Bild 4 */
    animation: fade 32s 24s ease-in-out infinite; /*Dauer der Praesentation Beginn bei 18s*/
}

/*#stapel img:nth-of-type(5) {  */                    /*Fuer Bild 5 */
    /*animation: fade 30s 24s ease-in-out infinite;*/ /*Dauer der Praesentation Beginn bei 24s*/
/*}*/

@keyframes fade {
    6.25%, 25%          {opacity:1;}
       0%, 31.25%, 100% {opacity:0;}
}
@-moz-keyframes fade {
    6.25%, 25%          {opacity:1;}
       0%, 31.25%, 100% {opacity:0;}
}
@-webkit-keyframes fade {
    6.25%, 25%          {opacity:1;}
       0%, 31.25%, 100% {opacity:0;}
}
@-ms-keyframes fade {
    6.25%, 25%          {opacity:1;}
       0%, 31.25%, 100% {opacity:0;}
}

/* Berechnung zu @keyframes fade

n = Anzahl der Bilder; hier 5
t1 = Anzeigedauer fuer ein Bild; hier 4s (alle Bilder werden gleichlang gezeigt)
t2 = Dauer der Ueberblendung; hier 2s
t3 = t1 + t2 = Intervall zur Anzeige eines Bildes = Summand fuer #stapel img:nth-of-type(n) auf #stapel img:nth-of-type(n+1)
t4 = Gesamtdauer der Animation n * t3; hier 5 * 6s = 30s = erster Wert in #stapel img:nth-of-type(n) und animation-duration
Parameter1 = 100% * t2 / t4; hier 100% * 2s / 30s = 6.66%
Parameter2 = 100% / n; hier 100% / 5 = 20%
Parameter3 = 100% * (t1 + 2 * t2) / t4; hier 100% * (4s + 2 * 2s) / 30s = 26.66%

@keyframes fade {
	Parameter1, Parameter2 {opacity:1;}
	0%, Parameter3, 100%   {opacity:0;}
*/

#logo {
    height: 5em;
    width: 25em;
    margin: 1em auto 0;
    /*border: 5px solid #eee;*/
    /*box-shadow: 5px 5px 5px 3px silver; /*horizontal-vertikal-Groesse-Staerke-Farbe*/
}

#logo img {
    position: absolute;
    height: 5em;
    width: 25em;
}
/* Ende Bildwechsler */

/* Bildwechsler 2 */
#stapel2 {
    height: 13em;
    width: 32.5em;
    /*margin: 1em auto 0;*/
}

#stapel2 img {
    position: absolute;
    height: 13em;
    width: 32.5em;
    opacity: 0;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    box-shadow: 10px 10px 20px #919191;
}

#stapel2 img:nth-of-type(1) {                      /*Fuer Bild 1 */
    animation: fade2 30s ease-in-out infinite;     /*Dauer der Praesentation Beginn bei 0s*/
}

#stapel2 img:nth-of-type(2) {                      /*Fuer Bild 2 */
    animation: fade2 30s 6s ease-in-out infinite;  /*Dauer der Praesentation Beginn bei 6s*/
}

#stapel2 img:nth-of-type(3) {                      /*Fuer Bild 4 */
    animation: fade2 30s 12s ease-in-out infinite; /*Dauer der Praesentation Beginn bei 12s*/
}

#stapel2 img:nth-of-type(4) {                      /*Fuer Bild 4 */
    animation: fade2 30s 18s ease-in-out infinite; /*Dauer der Praesentation Beginn bei 18s*/
}

#stapel2 img:nth-of-type(5) {                      /*Fuer Bild 5 */
    animation: fade2 30s 24s ease-in-out infinite; /*Dauer der Praesentation Beginn bei 24s*/
}

@keyframes fade2 {
    6.67%, 20%          {opacity:1;}
       0%, 26.67%, 100% {opacity:0;}
}
@-moz-keyframes fade2 {
    6.67%, 20%          {opacity:1;}
       0%, 26.67%, 100% {opacity:0;}
}
@-webkit-keyframes fade2 {
    6.67%, 20%          {opacity:1;}
       0%, 26.67%, 100% {opacity:0;}
}
@-ms-keyframes fade2 {
    6.67%, 20%          {opacity:1;}
       0%, 26.67%, 100% {opacity:0;}
}
/* Ende Bildwechsler 2 */

/* Cookies-Hinweis aktuell */
#cookies a {color:#000;}

#cookies div {padding:10px; padding-right:40px;}

#cookies { 
   outline: 1px solid #7b92a9; 
   text-align:left; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiesCloser {
   color: #000;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size:14px;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df;
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiesCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}

/* Ende Cookies-Hinweis aktuell */

/* alternativer Cookie-Banner
#mbmcookie {position: fixed; bottom: 0; left: 0; right: 0; background: #eee; padding: 15px; font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif;}
#mbmcookie a.button {cursor: pointer; background: #ccc; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#mbmcookie a.button:hover {background-color: #aaa;}
#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 0;}
Ende alternativer Cookie-Banner */