.nav-open {
display:none;
}
#nav {
        position: fixed;
        padding:0px;
        top:0px;
        left:0px;
        float: right;
        width: 100%;
        margin: 0px auto;
        background-color: #ffffff;
        font-family: Arial, sans-serif;
        height: 44px;
        -webkit-box-shadow: 0 0 5px #888;
        -moz-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 5px #888;
        z-index:2;
}
#nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#nav ul li {
        float: right;
}
#nav ul li.close {
        display: none;
}
#nav ul li a {
        padding: 10px 15px;
        display: block;
        FONT-SIZE: 16pt;
        color: #aaa;
        text-decoration: none;
}
#nav ul li a:hover {
        background: #111;
        color: #aaa;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
}
#nav ul li a.activ {
        background: #111;
        color: #aaa;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
}
.menu {
position: fixed;
transform: translate3d(0,0,0);
overflow:hidden;
-webkit-overflow-scrolling:touch;
        padding:0px;
        bottom:0px;
        left:0px;
        float: left;
        width: 100%;
        margin: 0px auto;
        background-color: #ffffff;
        font-family: Arial, sans-serif;
        height: 35px;
        -webkit-box-shadow: 0 0 5px #888;
        -moz-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 5px #888;
        z-index:2;

}

A.acmenu {
   COLOR:#ffffff;
   background: #111;
   FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 16px;
   text-decoration: underline;
   border-radius: 5px;
   display:block;

    height:77px;

}
.calculated-width {
    width: -webkit-calc(94% - 18px);
    width:    -moz-calc(94% - 18px);
    width:         calc(94% - 18px);
    z-index: -1;
}
.calculated-width2 {
    width: -webkit-calc(100% - 21px);
    width:    -moz-calc(100% - 21px);
    width:         calc(100% - 21px);
    z-index: -1;
}

.calculated-width3 {
    width: -webkit-calc(100% - 80px);
    width:    -moz-calc(100% - 80px);
    width:         calc(100% - 80px);
    background-color:#ffffff;
    border-width:0;
    color:#aaa;
    z-index: -1;
}

.fixed {
position: relative;
  bottom: 0;
  right: 0;

}
/*
.table-cell:nth-child(1) {background: wheat}
.table-cell:nth-child(2) {background: blue}
.table-cell:nth-child(3) {background: red}
*/
/*DIV ALS TABELLEN DARSTELLEN */
.table {
   display: table;
   border-spacing: 3px;
   width:100%;

}
.table-row {display: table-row; }
.table-cell {display: table-cell; width:10%;  }
.table-row2 {display:table-cell; ; width:10%;  }
.table-row-inline {
display: table-row;
font-size:12px;
line-height:21px;
font-family: Arial, sans-serif;
background-color:#ffffff;
color:#333;
}

@media screen and (max-width: 840px) {

.table {
   display: table;
   border-spacing: 3px;
   width:100%;
}
.table-row {display: table-cell; }
.table-cell {display:unset; }
.table-row2 {display: table-row; width:100%;}
/* NAVIGATION */
   .nav-open {
           position: fixed;
           top: 0;
           left: 0;
           background: #ffffff;
           font-family: Arial, sans-serif;
           display: block;
           width: 100%;
           height: 44px;
           -webkit-box-shadow: 0 0 5px #888;
           -moz-box-shadow: 0 0 5px #888;
            box-shadow: 0 0 5px #888;
            z-index:2;
   }
   .min-width {
   visibility: collapse;         /*visibility: collapse;  vs..  display: none; */
   width:0px;
   }
   .hidden-width {
   visibility: collapse;         /*visibility: collapse;  vs..  display: none; */
   display: none;
   width:0px;
   }
   .nav-open a {
           padding: 10px 15px;
           display: block;
           color: #fff;
           text-align: center;
           text-decoration: none;
   }
   #nav {
           position: fixed;
           top: -400%;
           left: 0;
           float:left;
           width: 100%;
           margin: 0;
           padding: 0;
           height: 44px;
           -webkit-border-radius: 0;
           -moz-border-radius: 0;
          /* border-radius: 100;   */
           -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
           -o-transition: all 0.3s ease-in-out;
           -ms-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
            z-index:2;
   }

   #nav:target {
           top: 0;
   }
   #nav ul li {
           float: none;
           text-align: center;
           border-bottom: 1px solid #555;
   }
   #nav ul li.close {
          display: block;
   }
   #nav ul li:last-child {
           border-bottom: none;
   }
   #nav ul li a {
           background-color: #ffffff;
           padding: 10px 15px;
           display: block;
           FONT-SIZE: 16pt;
           color: #aaa;
           text-decoration: none;
    }
    #nav ul li a:hover {
            background: #111;
            color: #aaa;
          border-style:none;
        }
      #nav ul li a.activ {
            background: #111;
            color: #aaa;
            border-style:none;

      }
}

.content {
position:relative; top:-2px; left:0px; padding:15px; margin-right:30px; width:60%;
}
.seiten {
display: block;
}

/* loader */
#loader {
  position: absolute;
  left: 50vw;
  top: 50vh;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: absolute;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;

  -webkit-backface-visibility: hidden;

  animation-name: animatebottom;
  animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
 -webkit-backface-visibility: hidden;
  from { bottom:-100px; opacity:0; }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0;   }
  to{ bottom:0px; opacity:1 }
}

#myDiv {
  display: none;
  position: relative;
  top:0px;
  left: 0px;
}
#wrapper {
  position: relative;
  left: 0px;
  top:0px;
}