/* Reset Styles
***********************/
body
		{			padding: 0em; text-shadow: 1 -0px 0px ;  #393838/* 20 */
		}

		#nav
		{
			width: 100%; /* 1000 */
			
						margin-left: -0em; /* 30 480 */
		}


	


		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0; z-index: 800;

			}

.bodyy {
  grid-template-columns: 1fr;
padding-top:80px; padding-left:10%;

grid-template-rows:200px 200px  200px;


}

.bodyy2 {
  grid-template-columns: 1fr;
grid-template-rows:150px 150px 150px;

padding-top:80px;


}

#zwanzig-m1{ 
 display: grid; 
  grid-template-rows:50px 50px;
animation: slide3 2s  ;                             
    
 }



.logo{  position: absolute;   
		   height: auto; width: 50%;    
		   left: 25%; top: 0px; 
transform: translateX(-0%);
}  
html
			{
				font-size: 75%; /* 12 */
			}

#magazin222 { width:100%; float:left;margin-top:60px;

    }	

#magazin224 { margin-top:80px;


    }

#magazin225 { margin-top:80px;width:80%; }


@keyframes slide5 {
	from {margin-top: 40vw}
	to { margin-top: 80px}
}


.menu__btn {
  position: fixed;
  top: 1%; 
  left: 80%; 
  


}

.menu__item {
    font-family: 'Arial', sans-serif;
  font-size: 24px;
  font-weight: 300;
  text-decoration: none;
  transition-duration: .25s;
}

#zwanzig-1{ flex: 1;
            margin: 60px 60px 0 0;
            background-image: url('images/p10.png');
display: grid; 
  grid-template-rows:50% 50%; padding: 1%;



    
 }

#zwanzig-1:hover{  background-image: url('images/p10a.png');
            background-size: cover;
            background-position: center;

    
 }

#zwanzig-2{ flex: 1;
            margin: 60px 60px 0 0;
            background-image: url('images/p10.png');
display: grid; 
  grid-template-rows:50% 50%; padding: 1%;


    
 }

#zwanzig-2:hover{  background-image: url('images/p10a.png');
            background-size: cover;
            background-position: center;

    
 }




p  { font-size:16px; 
}

h2  { font-size:20px; 
}





h5  { font-size:24px; color: #fff; 

font-family: 'Boston', cursive; margin: 0 0 8px; 
}

h3  { font-size:16px; color: #fff; 

'Bodoni MT, Bodoni 72, Didot, Didot LT STD, Hoefler Text, Garamond, Times New Roman, sans-serif;', cursive; margin: 0 0 8px; 
}


		

#fusslinks {
	width:100%;
	background-color: #fff;
text-align:left;
float:left;
font-size:24px;		
	

	
	
	padding-bottom:10px;
	 
}

#fussrechts {
	width:100%;
	background-color: #fff;
text-align:left;
line-height: 1.9;
float:left;
font-size:24px;	
	

	
	
	padding-bottom:10px;
	 
}

#zwanzig-1{ padding: 0px;
            animation: slide 4s  ;           
    
 }

#zwanzig-2{ padding: 0px;
            
    
 }


		

		@media only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}
IMG.logo {
    display: block;
    margin-left: auto;
margin-right: auto;


    }	
#gallery{ width:100%;margin-right: 0px ; float:left; }

  #start1 { width:100%; margin-left: 0px;  margin-top: 0px; padding: 0px;  }

#postbasis {

width:90%; float:left; 
border-style: solid; border-width: 1px; padding: 2%; text-align:left; 
  border-color: white;

}

#postbusiness {

width:90%; float:left; 
border-style: solid; border-width: 1px; padding: 2%; text-align:left; 
  border-color: white;

}

  		




#fussre {
	width:100%;
	color: #fff;
	padding-top:20px;
	float: left;
      text-align: left;
      font-family: 'Open Sans', sans-serif;


}

#fussli {
	width:100%;
		color: #fff;
	padding-bottom:0px;
float: left;
font-family: 'Open Sans', sans-serif;

}


.bannerind {
	width: 80%; 
    	
	 
	}
.bannerinddesign {
	width: 80%; 
  margin-left:10%;   	
	 
	}
.bannerinddesign2 {
	width: 80%;
margin-left:10%; 
    	
	 
	}

.bannerindchance {
	width: 60%; 
  margin-left:20%;   	
	 
	}



#start2{ 
padding:0px;    }
 
#dumm{ 
display:none;    } 




#start3{ 
top: 200px;    } 

.bannerind {
	width: 100%; 
    	
	 
	}



.bannerind {
	width: 100%; 
    	
	 
	}


#inhalt { padding: 0px;

    }	
#text { 
display: block;
    } 


#bb1 {
	width:100%;
	background-color: #a80704;
	background-image: url(b1.jpg);
	
	
	padding-bottom:10px;
	 
}
#bb2 {
	width:100%;
	background-color: #cb0566;
	background-image: url(b2.jpg);
	
	
	
	padding-bottom:10px;
	 
}
#bb3 {
	width:100%;
	background-color: #7c7c7c;
	background-image: url(b4.jpg);
	background-size: 100%; 
	background-repeat:no-repeat;
	
	
	padding-bottom:10px;
	 
}
#bb5 {
	width:100%;
	background-color: #669900;
	background-image: url(b6.jpg);
	
	
	
	padding-bottom:10px;
	 
}
#bb6 {
	width:100%;
	background-color: #009768;
	background-image: url(b7.jpg);
	
	
	
	padding-bottom:10px;
	 
}


			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 menüpunkt*/
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #3ab029;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #2fb51e;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}