a:link { color:#0B0B61; text-decoration:none; font-family: Verdana; font-weight:bold; font-size:14px; padding-left:8px; }
a.class1:link { color:red; text-decoration:none; font-family: Verdana; font-weight:bold; font-size:14px; padding-left:8px; }
a:visited { color:#0B0B61; text-decoration:none; font-family: Verdana; font-weight:bold; font-size: 14px; padding-left:8px; }
a:hover { color:red; text-decoration:none; }
a:active { color:0B0B61; text-decoration:none; font-family: Verdana; font-weight:bold; font-size: 14px;  }
font.number1 { color: white; font-family: Verdana; font-size: 18px; font-weight:bold;  }
font.number2 { color: #0B0B61; font-family: Verdana; font-size: 16px; font-weight:bold;  }
font.number3 { color: #0B0B61; font-family: Verdana; font-size: 14px; font-weight:bold; padding-left:16px; }
font.number4 { color: #000000; font-family: Verdana; font-size: 14px; font-weight:bold; padding-left:16px; }
font.number41 { color: #000000; font-family: Verdana; font-size: 16px; font-weight:bold; padding-left:16px; }
font.number5 { color: #000000; font-family: Verdana; font-size: 17px; font-weight:bolder; padding-left:16px; }
font.number6 { color: #000000; font-family: Verdana; font-size: 13px; font-weight:bolder; padding-left:16px; }
font.number7 { color: #ffffff; font-family: Verdana; font-size: 14px; font-weight:bold; padding: 3px; }
font.number8 { color: #FF0000; font-family: Verdana; font-size: 14px; font-weight:bold; padding: 3px; }
font.number9 { color: #000000; font-family: Verdana; font-size: 10px; font-weight:bold; padding-left:16px; }
font.number10 { color: #ff0000; font-family: Verdana; font-size: 18px; font-weight:bold; padding: 3px; }
font.number11 { color: #000000; font-family: Verdana; font-size: 18px; font-weight:bolder; padding: 3px; }

div.zentr { text-align: center; }
div.back { text-indent:-2px; }

td.back { background-color:#0B0B61; border-spacing: 0; padding:5px; text-indent:-2px; }
td.empty { border-spacing:1; height: 20px; }

ul       { padding-left: 0em; }
li       { padding-left: 0em; }
.outside { list-style-position: outside; }

header { background-color: #0B0B61; margin-top: 0em; margin-left: 0em }
body { padding: 7em 0 3em; }
body, .wrapper { margin: 4px auto;  max-width: 60em; }
header { position: fixed;  top: 0;  left: 0;   right: 0; }

#informationen { border: 0px  }
.abschnitt { float: left; width: 6em; height: 2,5em; background-color: #0B0B61; }
.zwei  { width: 21em; height: 2em; background-color: #0B0B61; padding-left: 2px; padding-top: 5px; }
.clear { clear: both; }

label.hamburg { display: block; background: #060861; width: 40px; height: 30px;  position: relative; margin-left: 1px; margin-right: auto;
                border-radius: 3px; }
input#hamburg {display:none}
.line1 { position: relative; left: 10px; top: 5px;  height: 3px; width: 30px;  background: #fff; border-radius: 2px; display: block; 
         transition: 0.5s; transform-origin: center; }
.line2 { position: relative; left: 10px; top: 10px; height: 3px; width: 30px;  background: #fff; border-radius: 2px; display: block; 
         transition: 0.5s; transform-origin: center; }
.line3 { position: relative; left: 10px; top: 15px; height: 3px; width: 30px;  background: #fff; border-radius: 2px; display: block; 
         transition: 0.5s; transform-origin: center; }

.menu, .menu ul { list-style: none; padding: 0; margin: 0; }
       .menu { height: 33px; }
       .menu li { background-color: #0B0B61; border-bottom: 2px solid #0B0B61; border-top: 2px solid #0B0B61; min-width: 70px; }
       .menu > li { display: block; float: left; position: absolute; }
       .menu > li:first-child { border-radius: 5px 0 0; }
.menu a { border-left: 3px solid rgba(0, 0, 0, 0);
          color: #ffffff;
          display: block;
          font-family: 'Verdana';
          font-size: 14px;
          line-height: 33px;
          padding: 0 20px;
          text-decoration: none;
          text-transform: uppercase; }
.menu li:hover { background-color: #0B0B61;
                 border-bottom: 2px solid #222222;
                 border-top: 2px solid #1B1B1B; }
.menu li:hover > a { border-radius: 5px 0 0 0;
                     border-left: 3px solid #0B0B61;
                     color: #C4302B; }
 /* submenu styles */
.submenu { left: 0;
           max-height: 0;
           position: absolute;
           top: 100%;
           z-index: 0;
           -webkit-perspective: 400px;
           -moz-perspective: 400px;
           -ms-perspective: 400px;
           -o-perspective: 400px;
           perspective: 400px; }
.submenu li { opacity: 0;
              -webkit-transform: rotateY(90deg);
              -moz-transform: rotateY(90deg);
              -ms-transform: rotateY(90deg);
              -o-transform: rotateY(90deg);
              transform: rotateY(90deg);
              -webkit-transition: opacity .4s, -webkit-transform .5s;
              -moz-transition: opacity .4s, -moz-transform .5s;
              -ms-transition: opacity .4s, -ms-transform .5s;
              -o-transition: opacity .4s, -o-transform .5s;
              transition: opacity .4s, transform .5s; }
.menu .submenu li:hover a { border-left: 3px solid #454545;
                            border-radius: 0;
                            color: #ffffff; }
.menu > li:hover .submenu, .menu > li:focus .submenu { max-height: 2000px;
                                                       z-index: 10; }
.menu > li:hover .submenu li, .menu > li:focus .submenu li {  opacity: 1;
                                                              -webkit-transform: none;
                                                              -moz-transform: none;
                                                              -ms-transform: none;
                                                              -o-transform: none;
                                                              transform: none; }


div.numberd1 {position: relative; left: 100px; top: 1px }
div.main {margin-left: 1em; margin-right: 1em; text-align: justify; }

.flex-container { display: flex; flex-direction: column; }
@media all and (min-width: 30em) { .flex-container {flex-direction: row; } }
.flex-item {flex: auto; padding-right: 1em; padding-left: 1em;  }

div.kontakt { border-width: 1px; border-style: solid; border-color: #0B0B61; text-align: center; padding: 10px; max-width: 250px; }