/*#373737;*/
/*#ff9900*/
/*#1CA2FF*/
/*#c66*/
/*#600*/
/*#966*/



.hcssp_menu {
    

    height: 100%;
    width: 100%;
    z-index: 10000;
    background: white;
    border: 0px solid #004494;
    
    
}


/*Strip the ul of padding and list styling*/
.hcssp_menu ul {
    list-style-type:none;
    position: absolute;
    padding-left: 0px;
    
    
    
   
}
/*Create a horizontal list with spacing*/
.hcssp_menu li {
    display:inline-block;
    float: left;
    margin-right: 10px;
    

}
/*Style for menu links*/
.hcssp_menu li a {
    
    font-size: 16px;
    color: white;
    transition: 0.2s; 
    border: 1px solid #004494; 
    border-radius: 6px;
    
    background: #004494;
    
    display:inline-block;
    min-width:130px;
    height: 30px;
    line-height: 30px;
    font-family: 'Khand', sans-serif;
    font-weight: 300;
    
    text-decoration: none;

}

.hcssp_menu ul li.widmenue a    {
    
    font-size: 16px;
    color: #004494;
    transition: 0.2s; 
    border: 1px solid #004494; 
    border-radius: 6px;
    
    background: lightgrey;
    
    display:inline-block;
    min-width:130px;
    height: 30px;
    line-height: 30px;
    font-family: 'Khand', sans-serif;
    font-weight: 300;
    
    text-decoration: none;

}

/*Hover state for top level links*/
.hcssp_menu li:hover a {
    background: lightgrey;
    
}

/*Style for dropdown links*/
.hcssp_menu li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 30px;
    line-height: 34px;
}
/*Hover state for dropdown links*/
.hcssp_menu li:hover ul a:hover {
    background: #19c589;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
.hcssp_menu li ul {
    display: none;
}
/*Make dropdown links vertical*/
.hcssp_menu li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
.hcssp_menu li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/
.hcssp_menu ul li a:hover + .hidden, .hidden:hover {
    display: block;
}
/*Style 'show menu' label button and hide it by default*/
#show-menu {
    
    text-decoration: none;
    color: #fff;
    background: white;
    text-align: center;
    padding: 0px 0;
    display: block;
    z-index: 10000;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}



/* hide the checkbox and the label */
/* hide the checkbox and the label */
/* hide the checkbox and the label */
/* hide the checkbox and the label */

input#responsive-nav {
  display: none;
}
label.responsive-nav-label {
  display: none;
}



/*Show menu when (invisible) checkbox is checked*/
input[type=checkbox]:checked ~ 

.hcssp_menu{
    display: block;}
   
.hcssp_menu a:after {display:block;}








/*420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx
420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx
420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx*/



/*Responsive Styles*/
@media screen and (max-width : 1007px){
    
/*Einblenden der Checkbox für Arbeitszwecke*/
    input#responsive-nav {
  display: none;
}
    
    
    
    
    
    /*Make dropdown links appear inline*/
    
    label.responsive-nav-label {
        
    display: block;
    color: lightgray;
    background: white;
       
    -webkit-transition: background 2s; /* Safari */
    transition: background .5s;
        
    border: 1px solid lightgrey;
    width: 42px;
    position: relative;
    margin-top: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 46px; 
    font-family: 'Khand', sans-serif;
    font-family:'Open Sans Condensed', sans-serif;
    font-family:'Lora', serif;
    font-weight: 300;
    text-align: left;
    }
    
    label.responsive-nav-label:hover {
    background: gainsboro ;
    
    }
    label.responsive-nav-label:active {
    background: yellow;
    
    }
    
    #show-menu{
    display: block;
        background: blue;
        justify-content: center;
        
        
}
    
    
    /*Ändert Eigenschaften wenn die Checkbox checked ist*/
input[type=checkbox]:checked ~ 

label.responsive-nav-label{
    display: block;
    color: white;
    background: lightgrey;
    border: 0px solid grey;
    
}

    #show-menu{
    display: block;
        
        background: transparent;
        margin-left: 0px;
        
        
}
    
    
    

    
    .hcssp_menu {
    

    height: 100%;
    width: 100%;
        
    
    background: white;
    border: 0px solid grey;
        box-shadow: 8px 8px 4px 0px #E9E6E6;
        margin-top: 16px;
    
}

    /*Menü über Content oder verschiebt content - position: static; oder position: avsolut etc;*/
    /*Menü über Content oder verschiebt content - position: static; oder position: avsolut etc;*/
    /*Menü über Content oder verschiebt content - position: static; oder position: avsolut etc;*/

    .hcssp_menu ul {
        position: static;
    
        background: white;
        width: 100%;
        height: auto;
        display: block;
        z-index: 100000;
        margin-top: 0px;
        margin-bottom: 0px;
        border: 0px solid grey;
        box-shadow: 8px 8px 4px 0px #E9E6E6;
        
        
    }
    /*Create vertical spacing*/
    .hcssp_menu li {
        margin-bottom: 0px;

    display:inline-block;
    float: none;
        clear: both;
    margin-right: 10px;
        border-bottom: 0px solid white;
    

}
    /*Make all menu links full width*/
    .hcssp_menu ul li, li a {
        width: 100%;
        box-sizing: border-box;
    }
    
    
    
    /*Style for menu links*/
.hcssp_menu li a {
    
    font-size: 16px;
    color: grey;
    transition: 0.2s; 
    border: 0px solid #004494;
    border-bottom: 1px solid white; 
    border-radius: 0px;
    text-align: left;
    padding-left: 16px;
    
    background: lightgrey;
    
    display:inline-block;
    min-width:130px;
    height: 30px;
    line-height: 30px;
    font-family: 'Khand', sans-serif;
    font-weight: 400;
    
    text-decoration: none;

}

.hcssp_menu ul li.widmenue a    {
    
    font-size: 16px;
    color: #004494;
    transition: 0.2s; 
    border: 0px solid #004494; 
    border-radius: 0px;
    border-bottom: 1px solid white;
    
    background: lightgrey;
    
    display:inline-block;
    min-width:120px;
    height: 30px;
    line-height: 30px;
    font-family: 'Khand', sans-serif;
    font-weight: 400;
    
    text-decoration: none;

}

/*Hover state for top level links*/
.hcssp_menu li:hover a {
    background: whitesmoke;
    
}

/*Style for dropdown links*/
.hcssp_menu li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 30px;
    line-height: 34px;
}
    
    
    
    
    /*Display 'show menu' link*/
    .hcssp_menu {
        display:none;
        
    }
}

/*420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx
420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx
420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx420xxx*/


/*Responsive Styles*/
@media screen and (max-width : 420px){
    /*Make dropdown links appear inline*/
    
    /*Einblenden der Checkbox für Arbeitszwecke*/
    input#responsive-nav {
  display: none;
}
    
    
    
    
    
    /*Make dropdown links appear inline*/
    
    label.responsive-nav-label {
        
    display: block;
    color: lightgray;
    background: white;
       
    -webkit-transition: background 2s; /* Safari */
    transition: background .5s;
        
    border: 1px solid lightgrey;
    width: 42px;
    position: relative;
    margin-top: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 46px; 
    font-family: 'Khand', sans-serif;
    font-family:'Open Sans Condensed', sans-serif;
    font-family:'Lora', serif;
    font-weight: 300;
    text-align: left;
    }
    
    label.responsive-nav-label:hover {
    background: gainsboro ;
    
    }
    label.responsive-nav-label:active {
    background: yellow;
    
    }
    
    
    
    #show-menu{
    display: none;
        background: blue;
        justify-content: center;
        
        -webkit-transition: display .5s; /* Safari */
    transition: display .5s;
        
        
}
    
    
    /*Ändert Eigenschaften wenn die Checkbox checked ist*/
input[type=checkbox]:checked ~ 

label.responsive-nav-label{
    display: block;
    color: white;
    background: lightgrey;
    border: 0px solid grey;
    
}

    #show-menu{
    display: block;
        
        
        
        background: transparent;
        margin-left: 0px;
        
        
}
    
    
    

    
    .hcssp_menu {
    

    height: 100%;
    width: 100%;
        width: 100%;
        
    
    background: white;
    border: 0px solid grey;
        box-shadow: 8px 8px 4px 0px #E9E6E6;
        margin-top: 16px;
        overflow: hidden
    
}


    .hcssp_menu ul {
        position: static;

        display: block;
        width: 100%;
        z-index: 100000;
        margin-top: 0px;
        margin-bottom: 0px;
        
        
    }
    /*Create vertical spacing*/
    .hcssp_menu li {
        margin-bottom: 0px;

    display:inline-block;
    float: none;
        clear: both;
    margin-right: 10px;
        border-bottom: 0px solid white;
    

}
    /*Make all menu links full width*/
    .hcssp_menu ul li, li a {
        width: 100%;
        box-sizing: border-box;
    }
    
    
    
    /*Style for menu links*/
.hcssp_menu li a {
    
    font-size: 16px;
    color: grey;
    transition: 0.2s; 
    border: 0px solid #004494;
    border-bottom: 1px solid white; 
    border-radius: 0px;
    text-align: left;
    padding-left: 16px;
    
    background: lightgrey;
    
    display:inline-block;
    min-width:130px;
    height: 30px;
    line-height: 30px;
    font-family: 'Khand', sans-serif;
    font-weight: 400;
    
    text-decoration: none;

}

.hcssp_menu ul li.widmenue a    {
    
    font-size: 16px;
    color: #004494;
    transition: 0.2s; 
    border: 0px solid #004494; 
    border-radius: 0px;
    border-bottom: 1px solid white;
    
    background: lightgrey;
    
    display:inline-block;
    min-width:120px;
    height: 30px;
    line-height: 30px;
    font-family: 'Khand', sans-serif;
    font-weight: 400;
    
    text-decoration: none;

}

/*Hover state for top level links*/
.hcssp_menu li:hover a {
    background: whitesmoke;
    
}

/*Style for dropdown links*/
.hcssp_menu li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 30px;
    line-height: 34px;
}
    
    
    
    
    /*Display 'show menu' link*/
    .hcssp_menu {
        display:none;
        
    }
}