/* Darstellung html5 im IE8 */
header, nav, section, footer {
    display: block;
} 

/*grundlayout -------------------------------------------------------------------------*/

html {
	overflow-y: scroll; /* scrollbar fix (prevent ugly left pull for lower content sites) */
}
body {
    margin: 0;
    font-size:1.05em;
}
*{
    box-sizing: border-box;
}
img{
    width: 100%;
}
#content{
    margin: 0 auto;
    position: relative;
/*    display: flex;*/
    width: 100%;
}
/**::after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
}*/
.container{
    width: 100%;
    clear: both;
    margin: 0 0 2% 0;
/*    position: relative;*/
}
header{
    width: 100%;
    float: left;
    margin: 0 0 1% 0;
}
p{
    margin: 0;
}
ul{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
footer{
    width: 100%;
    
}
.flex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.justify_around{
    justify-content: space-around;
}
.justify_between{
    justify-content: space-between;
}
.justify_end{
    justify-content: flex-end;
}
.align_start{
    align-items: flex-start
}
.overflowX_hidden{
    overflow-x: hidden;
}
.col_25{
    width: 24.3%;
    float: left;
}
.col_33{
    width: 33.2%;
    float: left;
}
.col_40{
    width: 40%;
}
.col_50{
    width: 49.7%;
    float: left;
}
.col_66{
    width: 65.5%;
    float: left;
}
.col_75{
    width: 74.9%;
    float: left;
}
strong::after,em::after,sup::after,span::after,a::after {
    clear: both;
    content: "";
    display: inline;
    visibility: hidden;
}
em::after {
    clear: both;
    content: "";
    display: inline;
    visibility: hidden;
}
.col_25{
    float: left;
    width: 24%;
    min-height: 1px;
}
.col_33{
    float: left;
    width: 33%;
    min-height: 1px;
}
.col_50{
    float: left;
    width: 49%;
    min-height: 1px;
}
.col_66{
    width: 65%;
    float: left;
    min-height: 1px;
}
.col_100{
    width: 99%;
    float: left;
    min-height: 1px;
}
.inhalt{
    position: relative;
    padding-bottom: 2vh;
} 
/* Topnavigation-------------*/
.topnav{
    list-style: none;
}
.top_nav ul{
    padding: 0;
}
.topnav li{
    float: left;
    width: auto;
}

/*Media-Queries-------------------------------------------*/
@media only screen	
	and (max-width : 1200px){
            #content{
                width: 100%;
            }
       
}
@media only screen	
	and (max-width : 860px){
            
}
@media only screen	
	and (max-width : 650px){
.col_25,.col_33,.col_50,.col_66{
   width: 95%;             
}
.collapsed-menu>ul{
    width: 70px;
}
.collapsed-menu>ul>li{
    display: none;
    margin: 0!important;
    width: 200px;
    height: 50px!important;
    padding: 0 0 20px 10px;
    background: #fff;
   }
.collapsed-menu>ul>li:first-child{
    display: block;
    cursor: pointer;
    margin-bottom: 50px!important;
    width: 70px;
}
}
@media only screen	
and (max-width : 590px){
}
@media only screen	
and (max-width : 410px){
}