/***  Mediaquery   ***/

@media (min-width: 360px){
.middle{     
    height:222px;
 }
}

@media (min-width: 414px){

}



@media (min-width: 391px){
 
 #c61 {
    height: 273px;
 }

}

@media (min-width: 455px){
div.csc-mailform fieldset li {
    padding: 0.5em;
    margin-bottom: 0.5em;
  }
}

@media (min-width: 520px){
 
 .middle{     
    height:290px;
 }




}

@media (min-width: 612px){
 
 .middle{     
    height:350px;
 }
}

@xxxmedia (min-width: 574px)and (orientation: landscape) {

    .xxxmiddle{ 
       background-image: url("http://rsf-dev.de/typo3_7/DEV/papier-kraemer/fileadmin/resources/public/images/Bild1_h455.jpg");
  
    }
}

/* Ipad */
   
@media (min-width: 768px){



.navbar-header-xs {
   width: 100%;
   margin-bottom:15px;
  }

.logo-sm, .social {
    width: 50%;
}

.logo-sm img {
  width: 50%;
  height: auto;
  margin-left:0px;
}





.navbar-nav{
  margin-bottom:-1px;
  width: 101.5%;
}

.nav li{
  margin-right:4px;
  margin-left:0; 
  width: 16%;
 
  }

  .middle{
     height:455px;
  }

  #c5, #c6, #c7, #c8, #c9, #c10, #c11, #c13, #c14, #c15, #c16, #c17, #c18, #c19, #c20, #c21, #c22, #c23, #c24, #c25, #c26, #c27, #c28, #c29, #c30, #c31, #c32, #c33, #c34, #c35, #c36, #c37, #c38, #c39, #c59, #c61, #c67, #c72 {
    width: 36%;
    
  }

   #c13, #c14, #c15, #c16, #c17, #c18, #c19, #c20, #c21, #c22, #c23, #c24, #c25, #c26, #c27, #c28, #c29, #c30, #c31, #c32, #c33, #c34, #c35, #c36, #c37, #c38 {
    
    margin-left: -15px;
  }
  
#c61 {
    height: 284px;
 }

	
	
	
  .middle #c5 {
     margin-top:453px;
     height:auto;
     margin-left:120px;
  }

  .middle #c6 {
         margin-left: 15.5%;  
  }
  
  .middle #c7 {
         margin-left: 32.5%;  
  }
  

  .middle #c8, #c9, #c10 {
        margin-left: 50.4%;
    height:100%;
  }
  
  
  
  
  .middle #c39, #c59, #c61, #c67{
         margin-left: 49%; 
  }
  
  .middle #c11 {
        margin-right: -15px;
  }
  

  .copy, .year{
      padding-right: 0px;
      font-size: 0.8em !important;
      text-align:right;
   }


}

@media (min-width: 841px){
 #c61 {
    height: 303px;
 }

}

@media (min-width: 930px){
 #c61 {
    height: 323px;
 }

}


@media (min-width: 992px){

.logo-sm img {
    width: 33%;
}

.left-side{
   border-bottom: 3px solid #fff;  
}

.right-side {
    border-top: 3px solid #fff;
    display: block;
}

.left-side, .middle, .right-side{
    height: 424px;
    
}
.left-side, .right-side{
  visibility:hidden;
  }
 
 #c61 {
    height: 255px;
 }
	
	
 .middle #c5 {
     margin-top:422px;
  }


}

@media (min-width: 1010px){
 #c61 {
    height: 272px;
 }
}
	
@media (min-width: 1116px){
 #c61 {
    height: 291px;
 }
}




@media (min-width: 1024px){
 
.logo img {
    margin-top: 0px;
}



.middle {
    
}

  
.middle #c6 {
  margin-left: 15.5%;  

}
.middle #c7 {
         margin-left: 32.8%;
     }

.middle #c8, #c9, #c10 {
        margin-left: 50.4%;
}
  
   
  
   .middle #c11, .middle #c39, #c59, #c61, #c67 {
         margin-left: 65.9%;
   }



.logo img{
  margin-top:30px;
}



 
.linkgalerie {
    text-align: center;
    
    margin-right: auto;
    margin-left: auto;
}

.linkgalerie a {
    color: #fff;
  }
 



}


@media (min-width: 1088px) {
 .middle #c11, .middle #c39, #c59, #c61, #c67 {
         margin-left: 65.7%;
   }
}


@media (min-width: 1112px) {
.xxxxmiddle #c5 {
     margin-top:49.5%;
  }

}



@media (min-width: 1200px) {

.left-side, .right-side{
  visibility:visible;
  }

   .logo img {
      height:auto;  
    }


.left-side, .middle, .right-side{
        height: 455px;
    }

.social-md{
   margin-top: 50%;
   margin-bottom: 50%;
  }

.social-md ul{
   list-style: none;
   display: inline-flex;
   float: none;
   margin-top: auto;
   margin-bottom: auto;
}


.linkgalerie {
    margin:auto;
}

#c6, #c7, #c8, #c9, #c10, #c11, #c13, #c14, #c15, #c16, #c17, #c18, #c19, #c20, #c21, #c22, #c23, #c24, #c25, #c26, #c27, #c28, #c29, #c30, #c31, #c32, #c33, #c34, #c35, #c36, #c37, #c38, #c39, #c59, #c61, #c67, #c72 {
    width: 33%;
    
  }
	
#c61 {
    height: 284px;
 }


.middle #c11, .middle #c39, #c59, #c61, #c67 {
         margin-left: 69%;
   }

.middle #c5 {
     margin-top:452px;
  }

}


@media (min-width: 1269px){

 .middle #c11, .middle #c39, #c59, #c61, #c67 {
         margin-left: 68.7%;
   }

}


@media (min-width: 1350px) {
  
.container {
   width: 1330px; 
}  

#c61 {
    height: 303px;
 }
	
.linkgalerie {
   
}



}

@media (min-width: 768px) and (max-width: 979px) {
  /*  .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
     }


    .fivecolumns .col-md-6, .fivecolumns .col-sm-6, .fivecolumns .col-lg-6 {
        width: 40%;
     }

     .fivecolumns .col-md-8, .fivecolumns .col-sm-8, .fivecolumns .col-lg-8 {
        width: 60%;
     }

  */
  
  
  
  

}