/* css-nare  V1.00 */

@charset "UTF-8";

/* klein */
body {
    font-size:100%; 
    line-height: 1.4em;
    margin: 0.3em;
    padding:0;
    color: black; 
    font-family: Verdana,Tahoma,Arial, sans-serif;
     }

header {
        margin-top: 2em;
        padding-top: 0.7em
        }

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em}

img { 
        width: 100%; 
        height: auto }

img#anzeige { 
        width: 50%; 
        height: auto }
    
.breite { 
    max-width: 96%; 
    margin:0 auto;
    padding-left: 0.7em;  /*Einzug Seitenrand - Text */
    padding-right: 0.7em;
    background-color: white
}

ul#naviheader { 
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack:justify;
	justify-content: space-between;
	margin-left: 0; 
	padding-left: 0; 
	list-style-type: none }

ul#naviheader li { 
   position: relative;
   width: 48%;
   font-size:0.92em;
   background: black; 
   margin-right: 1px; 
   margin-bottom:1px }

ul#naviheader li a { 
   display:block; padding: 10px; text-decoration: none; color: white; }
   
ul#naviheader ul li { 
   background: none; margin-top: 0; display: block; margin-bottom: 1px; }

ul#naviheader li:hover ul { 
   display: block; }
   
ul#naviheader ul { 
   background: black; 
   position: absolute; right:0; padding-left: 0; width: 200%; 
   display: none; 
   z-index:100; }
   
#navirechts ul { list-style-type:none; padding-left: 1px }
#navirechts li { margin-bottom: 1ex; border-bottom: none}

#nachoben { 
    background: #7a95f0; 
    color:white; 
    padding: 0em; 
    margin-bottom: 3em;
    text-align: center; 
    font-weight: bold; 
    cursor: pointer }
    
footer { 
    text-align: center;
    background: white; 
    height: 160px; 
    color: white; 
    border-top: 0.2em solid #e5e5e5;
    padding-top:10px;
    padding-bottom: 10px;
    }

footer a {
    margin-left:3em; 
    color: black
    }    

#wecon { 
    display:none
    }
    
    
/* mittel */
@media only screen and (min-width: 760px) {
	.breite { max-width: 760px; }
	
	ul#naviheader { 
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	ul#naviheader li { 
	width: 24%
	}
   
	#main {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
	}
	
	#content{ width: 75% }
    
	#navirechts { 
        width: 20%;
        font-size: 1.0em;
        padding-top:1em;
        }
    
	#content article { width: 100%; float:none; }
    
      #wecon { 
    display:block
    }
}

    
    
/* gross */
@media only screen and (min-width: 980px)  {
	.breite { 
        max-width: 980px; 
        padding-left: 1.2em;  /*Einzug Seitenrand - Text */
        padding-right: 1.2em;
    }
	#content { width: 75% }
	#navirechts { 
        width: 20%;
        font-size: 0.8em;
        border-left: 0.2em solid #e5e5e5;
        padding-left: 1em 
        }
    
	body {font-size: 1.0em; 
        margin: 0.2em;
        background-color: #f4f4f4
        }
    
    #content {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#content article {
		width: 100%;
	}
	
	#content header {
		height:2.8em;
	}
    
    #nachoben {
        display:none}
    
    #wecon { 
    display:block
    }
    
}