a { color:#000000; padding-right:2.5em;} a:hover { color:#FF0000;} a:focus { color:#FF0000;} a:active { color:#FF0000;} a:visited { color:#0000FF;}

.schrift-link { font-family:Cambria, "Cambria Math", Arial, "sans-serif"; text-decoration:underline; font-size:1.2em; color:black; font-weight:normal; display:flex; align-items:center; justify-content:center; text-align:center; padding-top:0.0em; padding-bottom:0.0em;}

.schrift-1 { font-family:"Arial Narrow", "Arial, Helvetica", Calibri, "Trebuchet MS", sans-serif; font-size:1.5em; color:black; font-weight:bold; display:flex; align-items:center; justify-content:center; text-align:center; padding-top:0.5em; padding-bottom:0.5em;}

.schrift-1-s {font-family:"Arial Narrow", "Arial, Helvetica", Calibri, "Trebuchet MS", sans-serif; font-size:1.5em; color:#000000; font-weight:normal; display:flex; align-items:center; justify-content:center; text-align:center; padding-top:0.5em; padding-bottom:0.5em;}

.schrift-2 { font-family:"Calibri Light", Calibri, Cambria, sans-serif; font-size:1.5em; color:black; display:flex; align-items:flex-start; justify-content:flex-start; text-align:start; padding-left:1.0em; padding-right:1.0em;}

.schrift-3 { font-family:"Calibri Light", Calibri, Cambria, sans-serif; font-size:1.5em; color:black; font-weight:bold; display:flex; align-items:flex-start; justify-content:flex-start; text-align:start; padding-left:1.0em; padding-right:1.0em;}

.schrift-4 {font-family:"Arial Narrow", "Arial, Helvetica", Calibri, "Trebuchet MS", sans-serif; font-size:1.5em; color:#000000; font-weight:bold; display:flex; align-items:center; justify-content:center; text-align:center; padding-top:1.0em; padding-bottom:0.5em;}

.oben {background-repeat:no-repeat; background-position:center center; background-size:cover; justify-content:center; align-items:center; flex-basis:auto; flex-grow:1; flex-shrink:1; flex-wrap:nowrap; text-align:center; max-width:100%; height:auto; overflow:hidden;}

.mitte{background-repeat:no-repeat; background-position:center center; background-size:cover; justify-content:center; align-items:center; flex-basis:auto; flex-grow:1; flex-shrink:1; flex-wrap:nowrap; text-align:center; max-width:100%; height:auto; overflow:hidden;}

.container-top 
{display:flex; flex-direction:column; max-width:100%; height:auto; overflow:hidden; align-items:center; justify-content:center; background-position:center; background-size:cover; background-repeat:no-repeat; background-color:#f9f9f9;  }

.container-middle-1
{background-repeat:no-repeat; background-position:center; background-size:cover; justify-content:center; align-items:center; flex-basis:auto; flex-grow:1; flex-shrink:1; flex-wrap:nowrap; text-align:center; max-width:100%; height:auto; overflow:hidden;}

.container-middle-2
{background-repeat:no-repeat; background-size:cover; justify-content:start; align-items:start; flex-basis:auto; flex-grow:1; flex-shrink:1; flex-wrap:nowrap; text-align:start; max-width:100%; height:auto; overflow:hidden; background-color:#f9f9f9; padding-top:0.5em; padding-bottom:0.5em;}

.container-slide
{display: flex; flex-direction:column; align-items:center; justify-content:center; background-color:#f9f9f9; padding-top:1.0em; padding-bottom:0.5em;}

.slideshow-wrapper {position:relative; width: 600px; height:214px; overflow:hidden;}

.slide {position:absolute; top:0; left:0; width:600px; height:214px; opacity:0; object-fit:cover;}

@keyframes firstImageAnim { 0% { opacity: 0; transform: rotate(180deg);} 2% { opacity:1; transform: rotate(360deg); } 8% { opacity: 1; transform: rotate(360deg); } 10% { opacity: 0; transform: rotate(360deg); } 100% { opacity: 0; transform: rotate(360deg); } }

@keyframes fadeInOut { 0% { opacity: 0; } 2% { opacity: 1; } 8% { opacity: 1; } 10% { opacity: 0; } 100% { opacity: 0; } }

@keyframes lastImageAnim { 0% { opacity: 0; transform: rotate(0deg); } 2% { opacity: 1; transform: rotate(0deg); } 8% { opacity: 1; transform: rotate(0deg); } 10% { opacity: 0; transform: rotate(180deg); } 100% { opacity: 0; transform: rotate(180deg); } }

.s1  { animation: firstImageAnim 60s infinite; animation-delay: 0s; }
.s2  { animation: fadeInOut 60s infinite; animation-delay: 6s; }
.s3  { animation: fadeInOut 60s infinite; animation-delay: 12s; }
.s4  { animation: fadeInOut 60s infinite; animation-delay: 18s; }
.s5  { animation: fadeInOut 60s infinite; animation-delay: 24s; }
.s6  { animation: fadeInOut 60s infinite; animation-delay: 30s; }
.s7  { animation: fadeInOut 60s infinite; animation-delay: 36s; }
.s8  { animation: fadeInOut 60s infinite; animation-delay: 42s; }
.s9  { animation: fadeInOut 60s infinite; animation-delay: 48s; }
.s10 { animation: lastImageAnim 60s infinite; animation-delay: 54s; }   

.container-bottom
{display:flex; background-repeat:no-repeat; background-position:center; background-size:cover; justify-content:center; align-items:center; flex-basis:auto; flex-grow:1; flex-shrink:1; flex-wrap:nowrap; text-align:center; max-width:100%; height:auto; overflow:hidden; background-color:#f9f9f9; padding-top:2.0em; padding-bottom:1.0em;}