/*
2017
dunkler Kopf #72 00 00  Rahmen #99 00 00 rubinrot # 66 ff ff invertiert #4c 4c 4c grau
2018
dunkler Kopf #2f 93 78 Rahmen #43 C2 9F   Komplementär #bc 3d 60 Grauton #82 82 82
2019
dunkler Kopf #64 00 10 Rahmen #43 C2 9F   Komplementär #bc 3d 60 Grauton #82 82 82
2020
dunkler Kopf #38 3e 42 statt 08 0D 0D Rahmen #FC FC FA   Komplementär #bc 3d 60 Grauton #82 82 82
2022
dunkler Kopf #38 3e 42 statt 08 0D 0D Rahmen #8a 4e 85   Komplementär #bc 3d 60 Grauton #82 82 82
2023
dunkler Kopf #38 3e 42 statt 08 0D 0D Rahmen #FF CC 33   Komplementär #bc 3d 60 Grauton #82 82 82

#272927
#b9bd2b

2024
#059cc7
*/
html {
  position:static;
}
body {
  position:absolute;
}
html, body {
  height:100%;
  width:100%;
  margin:0em 0em 0em 0em;
  padding:0em 0em 0em 0em;
  border:0px none #777777;
  background-color:#059cc7;
  color:#000000;
  font-family:Verdana, Arial, sans-serif;
  letter-spacing:0.1em;
  word-spacing:0.1em;
  font-size:1.1em;
  line-height:1.3em;
}
div {
  height: auto;
  width: auto;
  border: none;
  margin:0em 0em 0em 0em;
  padding:0em 0em 0em 0em;
}
iframe, #Inhalt {
  position:relative;
  left:0em;
  width:100%;
  right:0em;
  top:0em;
  height:100%;
  bottom:0em;
  text-align:center;
  vertical-align:middle;
  border:0px none #383e42;
  border-radius:0.6em;
  margin:0em 0em 0em 0em;
  overflow-y:scroll;
}
h1 {
  text-align:left;
  font-weight:bold;
  font-size:1.4em;
  line-height:1.8em;
  font-family:Verdana, Arial, sans-serif;
}
p {
  padding:0em 1em 1em 1em;
  font-size:1.1em;
  line-height:1.3em;
}
hr{
  width: 100%;
  height: 1px;
  margin: 0 auto;
  border: 0px;
  color: #ffffff;
}
.hoch {
  vertical-align: 0.6em;
  font-size: 0.6em;
}
ul, ol {
  list-style:none;
  margin:0em 0em 0em 2em;
}
li {
  font-size:1.1em;
  line-height:1.3em;
}
a {
  font-weight:bold;
  text-decoration:none;
  padding:0em 0em 0em 0em;
}
a:hover,a:focus {
  padding:0em 0em 0em 0em;
  margin:0em 0em 0em 0em;
  text-decoration:none;
  font-weight:bold;
  text-shadow:#777777 1px 1px 1px;
  border-bottom:1px solid #777777;
}
table {
  margin-left:auto;
  margin-right:auto;
  max-width: 960px;
  width:90%;
}
tr {
}
td, th {
  text-align:left;
  padding:0.5em 0.5em 0.5em 0.5em;
  vertical-align:top;
  font-size:1.0em;
  line-height:1.2em;
}
th {
  font-weight:bold;
}
td.align, th.align {
  text-align:right;
}
img, td iframe {
  border:1px solid #DDDDDD;
  border-radius:0.6em;
/*
  box-shadow: 1px 1px 2px #FFFFFF, -1px -1px 2px #FFFFFF;
  -moz-box-shadow: 1px 1px 2px #FFFFFF, -1px -1px 2px #FFFFFF;
  -webkit-box-shadow: 1px 1px 2px #FFFFFF, -1px -1px 2px #FFFFFF;
*/
}
#Kontakt td.align, #Kontakt th.align {
  text-align:right;
}
input,textarea {
  width:15em;
  padding:0.2em 0.2em 0.2em 0.2em;
  border:1px solid #0e1708;
  border-radius:0.6em;
  background-color:#FFFFFF;
  color:#0e1708;
  font-size:1.0em;
  line-height:1.5em;
  font-family:Verdana, Arial, sans-serif;
  letter-spacing:0.1em;
  word-spacing:0.1em;
}
input.anzahl{
  width:1.9em;
  text-align:center;
}
input#check, input#Rechnungsbetrag{
  width:3.9em;
  text-align:center;
}
input.button {
  text-align:center;
  margin:0em 0em 1em 0em;
  border:1px solid #e0e0e0;
  border-radius:0.6em;
  width:21em;
  font-weight:bold;
  color:#BBBBBB;
  background:#ff9f3f;
  background:-moz-linear-gradient(#383e42,#bcc4b8 ); /*#0e1708 #ff9f3f*/
  background:-webkit-linear-gradient(#383e42,#bcc4b8 );
  background:-o-linear-gradient(#383e42,#bcc4b8 );
  background:-ms-linear-gradient(#383e42,#bcc4b8 );
  background:linear-gradient(#383e42,#bcc4b8 );
  background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#bcc4b8 ),color-stop(1,#383e42)); /*ff9f3f*/
}
input.button:hover {
  text-align:center;
  margin:0em 0em 1em 0em;
  border:1px solid #e0e0e0;
  border-radius:0.6em;
  font-weight:bold;
  color:#FFFFFF;
  background:#bcc4b8 ;
  background:-moz-linear-gradient(#bcc4b8 ,#383e42);
  background:-webkit-linear-gradient(#bcc4b8 ,#383e42);
  background:-o-linear-gradient(#bcc4b8 ,#383e42);
  background:-ms-linear-gradient(#bcc4b8 ,#383e42);
  background:linear-gradient(#bcc4b8 ,#383e42);
  background:-webkit-gradient(linear,left top,left bottom,from(#bcc4b8 ),to(#383e42));
}
input.buttongrau {
  text-align:center;
  margin:0em 1em 3em 1em;
  border:1px solid #9c9c9c;
  border-radius:0.6em;
  width:10em;
  font-weight:bold;
  color:#000;
  background:#444;
  background:-moz-linear-gradient(#444,#111);
  background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#111),color-stop(1,#444));
  background:-webkit-linear-gradient(#444,#111);
  background:-o-linear-gradient(#444,#111);
  background:-ms-linear-gradient(#444,#111);
  background:linear-gradient(#444,#111);
}
input.buttongrau:hover {
  margin:0em 1em 3em 1em;
  border:1px solid #9c9c9c;
  width:10em;
  background:#444;
  background:-moz-linear-gradient(#444,#111);
  background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#111),color-stop(1,#444));
  background:-webkit-linear-gradient(#444,#111);
  background:-o-linear-gradient(#444,#111);
  background:-ms-linear-gradient(#444,#111);
  background:linear-gradient(#444,#111);
  text-align:center;
}
.quelle {
  text-align:center;
  font-size:0.5em;
  font-weight:lighter;
  position:relative;
  top:-1.0em;
}
#header, #navi, #content, #footer {
  opacity:0.95;
  color:#dddddd;
  background-color:#101010;
}
#header:hover, #navi:hover, #footer:hover, #content:hover {
  opacity:1.0;
}
#footer {
  position:fixed;
  left:0em;
  right:0em;
  height:1.8em;
  bottom:0em;
  padding:0em 0em 0em 0em;
  margin:0em 0em 0em 0em;
  text-align:right;
}
#navi a, #footer a {
  padding:0em 0em 0em 0em;
  margin:0em 0em 0em 0em;
  font-size:0.8em;
  line-height:1.1em;
  color:#dddddd;
  background-color:#0e1708;
  text-shadow:#010101 1px 1px 1px;
}

/*Hover state for dropdown links*/
#navi li:hover ul a:hover {
  color: #ffffff;
  background-color:#0e1708;
}
#main {
  height:100%;
  width:100%;
  top:0px;
  bottom:0px;
  right:0px;
  left:0px;
  margin:0em 0em 0em 0em;
  padding:0em 0em 0em 0em;
  color:#333333;
  background:#059cc7;
}
#header {
  position:fixed;
  z-index:4;
  top:0em;
  left:0em;
  width:20em;
  height:auto;
  padding:1.3em 0.5em 0em 0em;
  text-align:left;
  color:#8ebbfe;
  text-shadow:#000000 3px 3px 3px;
  background-color:#383e42;
  background:rgba(14,23,8,0);
}
#header h1 {
  padding:0em 0em 0em 1em;
  background:rgba(166, 117, 66, 0);
  color:#dddddd;
}
#header a {
  padding:0em 0em 0em 0em;
  color:#dddddd;
}
#header a:hover,#header a:focus {
  color:#ffffff;
}
#navi {
  position: absolute;
  top:0em;
  width:100%;
  margin:0em 0em 0em 0em;
  padding:2.0em 0em 0.7em 0em;
}
#navi ul {
  position: absolute;
  top:0.4em;
  right:1em;
  margin:0% 0% 0% 0%;
  padding:0em 2em 0em 0em;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
  z-index:5;
  position: absolute;
  top:0.5em;
  width:100%;
  margin:0em 0em 0em 0em;
  padding:0em 0em 0em 0em;
  text-align:right;
  list-style:none;
  display: none;
  font-size:1.3em;
}
#navi li {
  display:block;
  float:right;
  padding:0.5em 2em 0em 0em;
  text-align:right;
}
#navi li a {
  display:block;
  font-weight:bold;
  padding:0em 0em 0em 0em;
  text-shadow:#777777 1px 1px 1px;
}
label {
  display:block;
  font-weight:bold;
  padding:0em 2em 0em 0em;
  text-shadow:#777777 1px 1px 1px;
}
/*Hide dropdown links until they are needed*/
#navi li ul {
        display: none;
}
/*Make dropdown links vertical*/
#navi li ul li {
        display: block;
        float: left;
}
/*Prevent text wrapping*/
#navi li ul li a {
        width: auto;
        min-width: 10em;
        padding: 0em 0em 0em 0em;
}
/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
        display: block;
}
#navi a:hover,#navi a:focus,#footer a:hover,#footer a:focus {
  color:#dddddd;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
@media screen and (max-width : 920px){
        /*Make dropdown links appear inline*/
        #navi ul {
                position: static;
                display: none;
        }
        /*Create vertical spacing*/
        #navi li {
                margin: 2em 1em 0em 0em;
                font-size:2.0em;
     }
        /*Make all menu links full width*/
        #navi ul li, #navi li a {
                position:relative;
                z-index:8;
                display:block;
        }
        /*Display 'show menu' link*/
        .show-menu {
                z-index:6;
                display:block;
                right:1em;
        }
}
#content {
  position:absolute;
  z-index:0;
  top:4.0em;
  left:0.5em;
  right:0.5em;
  bottom:3.0em;
  margin:0em 0em 0em 0em;
  padding:0em 0em 0em 0em;
  background-color:#000000;
  color:#191919;
  text-align:left;
  border-radius:0.6em;
  -moz-box-shadow: 1px 1px 4px #0e1708, -1px -1px 4px #0e1708;
  -webkit-box-shadow: 1px 1px 4px #0e1708, -1px -1px 4px #0e1708;
  box-shadow: 2px 2px 4px #0e1708, -2px -2px 4px #0e1708;
}
#Inhalt {
  position:absolute;
  z-index:0;
}

#Inhalt,#Inhalt h1,#Inhalt p,#Inhalt a,#Inhalt table,#Inhalt td,#Inhalt tr,#Inhalt form,#Inhalt ul,#Inhalt li {
  background:#fcfcfa;
  color:#191919;
}
#Inhalt h1 {
  padding:1em 1em 1em 66px;
  margin:0em 0em 0em 0em;
  font-weight:bold;
  color:#383e42;
}
#Inhalt h2 {
  padding:0em 0em 0em 0em;
  margin:0em 0em 0em 0em;
  font-weight:bold;
  color:#383e42;
}
#Inhalt a:hover,#Inhalt a:focus {
  padding:0em 0em 0em 0em;
  margin:0em 0em 0em 0em;
  text-decoration:none;
  font-weight:bold;
  color:#000000;
  text-shadow:#777777 1px 1px 1px;
}
#Inhalt td:first-child {
  width:34%;
  font-size:1.0em;
  line-height:1.2em;
}
#bilder {
  width:40%;
  max-width:680px;
  padding:0em 0em 0em 0em;
  margin:0em 0em 0em 0em;
  float:left;
  text-align:center;
}
#bilder p {
  padding:0em 0em 2em 0em;
  margin:0em 22px 0em 44px;
}
#bilder img, #bilder iframe {
  position: relative;
  top: 0;
  left: 0;
  width:533px;
  max-width:100%;
  padding:0em 0em 0em 0em;
  margin:0em 0px 0em 0px;
}
#texte {
  padding:0em 0em 0em 0em;
  margin:0em 0px 0em 44px;
  text-align:left;
  min-width: 20em;
  }
#texte h2 {
  text-align:left;
  font-weight:bold;
  font-size:1.1em;
  line-height:1.6em;
  font-family:Verdana, Arial, sans-serif;
}
#texte ul, #texte p {
  list-style:none;
  padding:0em 0em 0em 0em;
  margin: 0.5em 54px 1em 0px;
}
#texte li {
  padding:0em 0em 0em 0em;
  margin: 0em 0em 0em 0em;
}
#slide-left {
  position: absolute;
  bottom:1.8em;
  left: 5px;
  width: 1em;
}
#slide-right {
  position: absolute;
  bottom:1.8em;
  right: 0px;
  width: 2em;
}
#slide-left img, #slide-right img {
  background:#777777;
  border:5px solid #777778;
  padding: 0px 0px 0px 0px;
  margin: 0em 0em 0em 0em;
  border-radius:0.6em;
  box-shadow: 0px 0px 0px #777777, -0px -0px 0px #777777;
  -moz-box-shadow: 0px 0px 0px #777777, -0px -0px 0px #777777;
  -webkit-box-shadow: 0px 0px 0px #777777, -0px -0px 0px #777777;
  width: 1em;
}
#Programm th:first-child, #Programm td:first-child {
  width:30%;
  font-size:1.0em;
  line-height:1.3em;
}
#Programm tr td img {
  width:100%;
}
#Programm tr td h2 {
  font-size:1.8em;
  line-height:1.8em;
}
.karten {
  font-size:1.0em;
  line-height:1.3em;
}
.karten table {
  width:90%;
}
.karten td:first-child {
  width:60%;
}
.karten td+td {
  width:15%;
}
.karten td:last-child {
  width:15%;
}
.karten input {
  color: #640001;
  background:#bcc4b8;
}
.karten li {
  font-size:0.8em;
  line-height:1.3em;
}
.infobox{
 opacity: 0.75;
 position: absolute;
 bottom: 20%;
 left: 10%;
 right: 10%
}
.infotext{
 background: #ff0000;
 z-index: 1;
 padding:2%;
 color:#111111;
 font-family:Verdana, Arial, sans-serif;
 letter-spacing:0.1em;
 word-spacing:0.2em;
 font-size:1.5em;
 line-height:2.1em;
 border-radius:0.6em;
}
b {
  font-weight:700;
  color:#333333;
}