@font-face {
    font-family: 'dicotmediumregular';
 	src: url('../fonts/maisfontes-dicotmedium-regular-webfont.ttf') format('truetype');
    	src: url('../fonts/maisfontes-dicotmedium-regular-webfont.woff2') format('woff2'),
         url('../fonts/maisfontes-dicotmedium-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

// allgemein

body {
    background-color: #f0f0f0;
     }
     



header_bild{
                margin-left: auto;
                margin-right: auto;
                height: 100%;
                width: 100%;
                background-color: #f0f0f0;
            }
            header{
                height:30%
                width: 100%;
                background-color: orange;
        	
            }
            footer{


            }
            .logo{
                color: #6f1132;
                font-family: dicotmediumregular;
                font-size:5em;
            }
        
            h2 {
                color: #6f1132;
                font-family: arial,helvetica,verdana,sans-serif;
                font-size:2.5em;
                text-align:left !important;
            }
    	    
    	    .regform {width:50%;}
        
        
            #nav_unten{
                    display: none;
                }
            
	    .subheader {
		color: #6f1132;
                font-family: dicotmediumregular;
                font-size: 2em;
		}

	    .subheader2 {
		color: #6f1132;
                font-family: arial,helvetica,sans-serif;
                font-size: 1.4em;
		}
	     .box {
		padding:25px;
		margin-top:25px;	
		background-color:#ffffff;
		margin-bottom:25px;
		color: #666666;
                font-family: arial,helvetica,sans-serif;
                font-size:1 em;
		text-align: justify !important;
		box-shadow: 10px 20px 30px grey;
		}

             .box3 {
		padding:15px;
		margin-top:20px;	
		//background-color:#ffffff;
		margin-bottom:5px;
		color: #666666;
		//border:dotted 1px blue;
		font-family: arial,helvetica,sans-serif;
                font-size:1 em;
		text-align: justify !important;
		//box-shadow: 1px 1px 2px  #cecece;
		}
	
	    .shopbox {
		box-shadow: 1px 1px 2px  #cecece;
		background-color:#ffffff;
		padding:15px;
		margin-top:20px;	
		style="width:46%;margin:2%;"
		}
	
	    .shopcontainer {
		padding:0;
		margin-top:5px;	
		/*background-color:#ffffff;*/
		margin-bottom:25px;
		color: #666666;
                font-family: arial,helvetica,sans-serif;
                /*font-size:1 em;*/
		/*text-align: justify !important;*/
		/*box-shadow: 1px 1px 2px  #cecece;*/
		}

        .buttcontainer {
		padding:5px;
		margin-top:5px;	
		background-color:#ffffff;
		margin-bottom:5px;
	/*	margin-left:1px;
		margin-right:1px;*/
		
		color: #666666;
                font-family: arial,helvetica,sans-serif;
                font-size:1 em;
		border:solid 1px #666666;
		/*text-align: justify !important;*/
		/*box-shadow: 1px 1px 2px  #cecece;*/
		}

            
            
            
            
             .box2 {
		padding:15px;
		margin-top:15px;	
		margin-bottom:15px;
		color: #666666;
                font-family: arial,helvetica,sans-serif;
                font-size:0.9em;
		}

              hr {
                border:1px solid orange;
                }

	    .box li {
		margin-left:20px;
		}

	    .back-to-top {
		background:orange;
		position: fixed;
		bottom:20px;
		right:20px;
		padding:1em;
		}
	
		    .artikelbox {
			font-family:arial,helvetica,verdana,sans-serif;
			color:#55555;
			font-size:1em;
			font-weight:lighter;
			}
		    .artikelheader {
			font-family:arial,helvetica,verdana,sans-serif;
			color:#222222;
			font-size:1.2em;
			font-weight:600;
			}
		
		    .preisklein {
			font-family:arial,helvetica,verdana,sans-serif;
			color:#222222;
			font-size:0.9em;
			font-weight:300;
			line-height:.9em
			}
		
		    .preisgross {
			font-family:arial,helvetica,verdana,sans-serif;
			color:#661130;
			font-size:1.4em;
			font-weight:600;
			line-height:.8em
			}
		
		    .angebotsbutton {
			font-family:arial,helvetica,verdana,sans-serif;
			color:#661130;
			background-color:orange;
			font-weight:900;
			}
		
		    .footerli {
			line-height:.5em
			}		
			
		
	

	    
            @media only screen and (max-width: 768px) {
                #nav_oben{
                    display: none;
            	    }
                #logo1{
                    display: block;
            	    }
                .logo{
            	    color: #6f1132;
            	    font-family: DicotMedium;
            	    font-size: 2em;
            	    }
                #navbar_oben1{
                    display: none;
            	    
            	    }
                #nav_unten{
                    display: block;
                    margin-bottom: 0px;
            	    }
                #navbar3 a {
                    background-color: white;
                    color: orange;
            	    }
    
    	    .shopbox {
		box-shadow: 1px 1px 2px  #cecece;
		background-color:#ffffff;
		padding:15px;
		margin-top:20px;	
		style="width:97%; margin:2%;"
		}

    
    
        	}
        	
            @media only screen and (min-width: 768px) {     
        	#logo1{
                    display: none;
            	    }
        	}         
            @media only screen and (min-width: 992px) {
        	}
            @media only screen and (min-width: 1200px) {

	    .shopbox {
		box-shadow: 1px 1px 2px  #cecece;
		background-color:#ffffff;
		padding:15px;
		margin-top:20px;	
		style="width:46%;margin:2%;"
		}

            
        	}