#navm {z-index: 10;
        position:relative;
        
        margin:0 auto;
        margin-top:170px;
        padding:10px;
    }
     
    ul#navigationm {
        margin:0px auto;
        position:relative;
        
       
    }
     
    ul#navigationm li {
        display:inline;
        font-size:16px;
        
        margin:0;
        padding:0;
        
        position:relative;
       
    }
     
    ul#navigationm li a {
        padding:10px 25px;
        color:#ffffff;
        
        text-decoration:none;
        display:inline-block;
        background-color: rgba(204, 0, 153, 0.8);
        
       
        
    }
     
    ul#navigationm li a:hover {
     ;
        color:#ffffff;
        
    }
     
    ul#navigationm li a.first {
        border-left: 0 none;
    }
     
    ul#navigationm li a.last {
        border-right: 0 none;
    }
     
    ul#navigationm li:hover > a {
        ;color:#ffffff!important;
        text-decoration: underline;
    }
    
    
    /* Drop-Down Navigation oben */
    
    ul#navigationm li:hover > ul
    {
    
        visibility:visible;
        opacity:1;
    }
     
    ul#navigationm ul, ul#navigationm ul li ul {
        list-style: none;
        margin: 0;
        padding: 0;
        visibility:hidden;
        opacity:0;
        position: absolute;
        z-index: 99999;
        width:200px;
        
        
    
        -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
        -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
        -o-transition:opacity 0.2s linear, visibility 0.2s linear;
        transition:opacity 0.2s linear, visibility 0.2s linear;
    }
     
    ul#navigationm ul {
        top: 37px;
        left: 1px;
    }
     
    ul#navigationm ul li ul {
        top: 0;
        left: 500px; /* strong related to width:180px; from above */
    }
     
    ul#navigationm ul li {
        clear:both;
        
        border:0 none;
        ;
    }
     
    ul#navigationm ul li a {
        
        padding:7px 15px;
        color:#ffffff;
        
        text-decoration:none;
        display:inline-block;
        border:0 none;
        float:left;
        clear:both;
       width:200px;
    }
    
    #navigationm a:hover {
        color:#ffffff!important;
    }
    
    
    #navigationm {
        font-weight: 100
    }
    
    
    /*!
     * animate.css -http://daneden.me/animate
     * Version - 3.5.2
     * Licensed under the MIT license - http://opensource.org/licenses/MIT
     *
     * Copyright (c) 2017 Daniel Eden
     */
    
    .animated {
      animation-duration: 2s;
      animation-fill-mode: both;
    }
    
    .animated.infinite {
      animation-iteration-count: infinite;
    }
    
    .animated.hinge {
      animation-duration: 2s;
    }
    
    .animated.flipOutX,
    .animated.flipOutY,
    .animated.bounceIn,
    .animated.bounceOut {
      animation-duration: .75s;
    }
    
    @keyframes bounce {
      from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0,0,0);
      }
    
      40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
      }
    
      70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
      }
    
      90% {
        transform: translate3d(0,-4px,0);
      }
    }
    
    .bounce {
      animation-name: bounce;
      transform-origin: center bottom;
    }
    
    @keyframes flash {
      from, 50%, to {
        opacity: 1;
      }
    
      25%, 75% {
        opacity: 0;
      }
    }
    
    .flash {
      animation-name: flash;
    }
    
    
    @keyframes bounceInUp {
      from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }
    
      from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
      }
    
      60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
      }
    
      75% {
        transform: translate3d(0, 10px, 0);
      }
    
      90% {
        transform: translate3d(0, -5px, 0);
      }
    
      to {
        transform: translate3d(0, 0, 0);
      }
    }
    
    .bounceInUp {
      animation-name: bounceInUp;
    }
    
    input#open-menu {
        display: none;
    }
    
    /** Label wird ausgeblendet **/
        label.open-menu-label {
            display: none;
        }





        #kopfnavi {
            
        }
              
        #kopfnavim {
            display: none;
        }





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

          #kopfnavi {
            display: none;
        }


        kopfnavi {
          display: none;
      }


      .kopfnavi {
        display: none;
    }

            #kopfnavim {
                margin-right: 0px;
                float: right;
                position: fixed;
                right: 0px;
                z-index: 10;
                top: 0px;
                width: 100%;
                left: 0px;
                display: unset;
            }



            ul#navigationm ul li a {
                padding: 0px; 
               color: #ffffff; 
                text-decoration: none; 
               display: inline-block; 
               border: 0 none; 
                float: left; 
                clear: both; 
                width: 200px; 
               visibility: hidden;
               height: 0px;
               width: 0px;
           }
           
           
           ul#navigationm li {
                   display: inline-block;
               
               margin: 0;
               padding: 0;
               position: relative;
               width: 100%;
           }
           
           ul#navigationm li a {
               
               color: #ffffff;
               text-shadow: 0px 0px 0px #ffffff;
                   background-color: #E98300;
           }
           
           ul#navigationm li a:hover {
               
               color:#ffffff#;
               
               background-color:CC0099; 
           }
           
           
           
           
           navm { 
               display: none;
               margin-top: 0px!important; 
              padding: 0px!important; 
           }
           
           navm a{
               color:#ffffff;
               text-decoration: none;
           }
           
           navm a:hover{
               color:#ffffff;
               text-decoration: none;
               font-weight: bold;
           }
           
           navm ul {
                padding: 0px;
                margin: 0px;
                width: 100%;
               flex-direction: row; 
           }
            
           navm ul li {
               list-style: none;
               padding: 20px 10px;
               border: 1px solid #ffffff;
               background: #E98300; 
               
           }
           
           
           
           
           /* Anpassungen Checkbox+Label (Button) */
           
           input#open-menu {
               display: none;
           }
           
           input[type=checkbox]:checked ~ navm {
               display: block;
           }
               
           label.open-menu-label {
               background: #E98300; 
               color:#ffffff;
               padding: 20px 10px;
               border: 0p;
               display: block;
           
           }
        }