/*     768px 48em  959px  59.9375em    */ 
                   
@media (min-width: 48em ) and (max-width: 60em  ) {      
/*    sprungmarke nav    */
.nav-goto-container {    
   clear: both;
   height: 0;
   display: none;
}

#nav-goto { display: none; height: 1px; padding: 0; }  /* button zur #nav-main ausgeblendet */     

/* navigation main */
.nav-main {
   padding: 0.813em 0.813em 0.813em 1.5em;
   overflow: hidden;
   position: absolute;
   top: 0;     
}

.nav-main li {  
   float: left;
   width: auto;     
   height: auto;   
   border-radius: 1em 0px 1em 0px; 
   -moz-border-radius: 1em 0px 1em 0px;       
   -webkit-border-radius: 1em 0px 1em 0px;             
}

.nav-main li a {
    display: block;
    padding: 0.813em;   
}                        

.nav-main li:first-child {
   margin-left: 0 !important;
}

.row .header-site {  
   padding: 0 0 1em 0;
   background: blue;
}

.logo {  
   min-width: 48em;   /* 768px */
   max-width: 60em;        /* 960px */
   margin: 0 auto;  
} 

.shoplink {
   position: absolute;
   right: 0.5em;
   top: 0.5em;
   background: hsla(28, 90%, 48%, 1.0);
   text-align: center;
   display:  inline;
   font-size: 13px;   
   font-size: 0.813rem;
   text-align: center;
   margin-top: 0.5em;
   padding: 0.5em;   
}

h1, h2, h3, h4, h5, h6 {     
   margin-bottom: 0.500em;
}

h1 { font-size: 24px; font-size:  1.500rem; }
h2 { font-size: 20px; font-size:  1.250em; }  
h3 { font-size: 20px; font-size:  1.250rem; } 
h4 { font-size: 16px; font-size:  1rem; } 
h5 { font-size: 16px; font-size:  1rem; }  
h6 { font-size: 16px; font-size:  1rem; }  


.logo {  
   position: relative;   
   padding-left: 2em;
   margin: 0 auto;   
   min-width: 48em;   /* 768px */
   max-width: 60em;        /* 960px */
}

.container {   
   position: relative;    
   min-width: 48em;   /* 768px */
   max-width: 60em;        /* 960px */
   margin: 0 auto; 
}

#wrapper {    
   position: relative;    
   min-width: 48em;   /* 768px */
   max-width: 60em;        /* 960px */
   margin: 0 auto;       
}


/* seitenüberschrift h1 */
.headline-site {
   font-size: 32px;       
   font-size: 2rem;   /* 32px */
   margin-bottom: 0.563em; 
} 

.columns {
   float: left;
}

.content-site {
   margin-top: 4em;
} 

.bu {
   font-size: 12px; 
   font-size: 0.688rem; 
} 

.sidebar-site {   
   margin-top: 1em;
} 

.footer {
   min-width: 48em;   /* 768px */
   max-width: 60em;   /* 960px */
   margin: 0 auto;      
}

.footerbox-1, .footerbox-2, .footerbox-3, .footerbox-4 { 
   min-height: 850px;     
   max-height: 1200px;   
} 

 /*start col-md-1 bis col-md-12 */ 

.col-md-1 {
   width: 8.333333333333333%;
}

.col-md-2 { 
   width: 16.66666666666667%;
}  


.col-md-3 { 
   width: 25%;
}

.col-md-4 { 
   width: 33.33333333333333%;
} 

.col-md-5 { 
   width: 41.66666666666667%;
}

.col-md-6 {
   width: 50%;
} 

.col-md-7 { 
   width: 58.33333333333333%;
}

.col-md-8 { 
   width: 66.66666666666667%;
} 

.col-md-9 { 
   width: 75%;
}

.col-md-10 { 
   width: 83.33333333333333%;
} 

.col-md-11 { 
   width: 91.66666666666667%;
}        

.col-md-12 { 
   width: 100%;
   }  

/*    ende col-md-12      */  

/*    col-md-offset-      */       
   
.col-md-offset-1 {
   margin-left: 8.333333333333333%;
}

.col-md-offset-2 { 
   margin-left: 16.66666666666667%;
}  

.col-md-offset-3 { 
   margin-left: 25%;
}

.col-md-offset-4 { 
   margin-left: 33.33333333333333%;
} 

.col-md-offset-5 { 
   margin-left: 41.66666666666667%;
}

.col-md-offset-6 {
   margin-left: 50%;
} 
 
.col-md-offset-7 { 
   margin-left: 58.33333333333333%;
}

.col-md-offset-8 { 
   margin-left: 66.66666666666667%;
} 

.col-md-offset-9 { 
   margin-left: 75%;
}

.col-md-offset-10 { 
   margin-left: 83.33333333333333%;
} 

.col-md-offset-11 { 
   margin-left: 91.66666666666667%;
}    
/* col-md-12 offset ende */


} /* end  */