@charset "UTF-8";
/* steffens mediadesign 2021 */

body { height: 100%;
       width: 100%;
       padding: 0;
       margin: 0;
       /*background: black url(../img/bg_start.jpg) no-repeatcenter center ;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;*/
	   background-color: #fff;
		   }
		   
/* jost-600 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/jost-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v6-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v6-latin-600.svg#Jost') format('svg'); /* Legacy iOS */
	}

@font-face {
    font-family: 'DIN Alternate Bold';
    font-style: normal;
    font-weight: normal;
    src: local('DIN Alternate Bold'), url('../fonts/DINAlternate-Bold.woff') format('woff');
    }



#seite { max-width:90%;
		 margin-left: auto;
		 margin-right: auto;
		 /*background-color: #09F;*/
		 }





a { text-decoration:none; 
	-webkit-transition: color 0.5s;
    transition: color 0.5s;
 			}	
				
img { border: none;
	  width: 100%;
	  height: auto; 
	  } 
	  
.mobil { display: none; }
.desktop { display:block; }	

.klar { width:100%;
		font-size:0.1em;
		clear:both;
		}

#titelzeile { display: flex;
              justify-content: flex-start;
              align-items: flex-end;			  
			  }

#logo { font-family: 'DIN Alternate Bold';
		font-size: 3.5em;
		margin:2% 0 0 2%;
		color: #666;
		/*background-color:#f47;*/
	  }
		
#hnav { font-family: 'Jost';
		margin:0 0 13px 4%;
		}

#hnav ul { list-style:none;
		   padding:0;
		   margin: 0;
		   }

#hnav ul li { display:inline;
			  padding: 0px 14px;
			  font-size: 1.2em;
			  margin: 0;
			  border-left: #fff 1px solid;
			  background-color: #666;/* */
			 }

#hnav ul li:hover { background-color: #888; }


#hnav a { color: #fff;margin: 0; }


/* Seite Anpassung Mobil background-color:#6F9;*/
@media screen and (max-width:750px)	 {
	
	body {  }	
	
	#seite { max-width:95%;
			 }
			 
	#titelzeile { display: block;
              justify-content: flex-start;
              align-items: flex-center;			  
			  }	
			  
	#hnav { font-family: 'Jost';
			margin:2% 0 13px 2%;
		}