a {
    color: #c70063;
     font-size:1em;  
}

a:hover{
 color:#666;
 text-decoration:none;
}

p{
 font-size:0.8em;   
}  

h1{
font-size:2em;   
color: #c70063;
}

h3{
font-size:1.2em;    
}



.navbar-brand{
    position:absolute;
    left:0;
    top:0;
    height:240px;
    width:320px;
    margin-top:-40px !important; 
    margin-left:-210px !important; 
   z-index:0;
}

.social-icns {position:absolute;top:140px;left:0;margin-left:-165px;}

.social-icns img {width:30px;}


.navbar-nav {
 margin-left:auto !important;   
 margin-right:auto !important;   
 width:100%;
 text-align:center; 
}

.navbar-nav li{
 text-align:center;   
} 

.active a{
   color: #c70063 !important; 
}

.navbar-toggle {
    background-color: #c70063;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.icon-bar {
  background-color: #fff;
  border:2px solid transparent;
}

.cont-images img {width:100%;}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 400px;
}

#layout-nav{
position:relative;
z-index:0 !important;
}

/* ANGEBOT POPUP */

.opacity-pu {opacity:0; width:0px!important;height:0px!important;left:-5%!important;}
.popup{position:absolute;top:7%;left:5%;width:400px;height:450px;background-color: #c70063;background-image:url('/storage/app/media/Angebote-PopUp/tortellaci.jpg');
background-size:100%;background-repeat:no-repeat;  box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5); -webkit-transition: all 2s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all 2s ease;
        transition: all 2s ease;
        overflow:hidden;}
.popup-m{position:absolute;top:60px;left:2%;width:300px;height:500px;background-color: #c70063;background-image:url('/storage/app/media/Angebote-PopUp/tortellaci.jpg');
background-size:100%;background-repeat:no-repeat;  box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.2); -webkit-transition: all 2s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all 2s ease;
        transition: all 2s ease;
        overflow:hidden;
        margin-left:auto;margin-right:auto;}        
 .pu-angebot-m{color:#c70063;padding:200px 25px 25px 25px;}  
.pu-angebot{color:#fff;padding:210px 25px 35px 25px;}
.pu-angebot h2, .pu-angebot h3{color:#fff;}
.pu-angebot h3{font-size:2.2em;text-align:right;margin-top:0px;}
.btn-primary{border:0;background-color:#ccc;width:25%;height:35px;}
.btn-primary:hover, .btn-primary:active{border:0;background-color:#666;}
.close-btn{position:absolute;top:5px;right:5px;background-color:#c70063;color:#fff;width:25px;height:25px;text-align:center;font-weight:bold;cursor:pointer;z-index:9999999;}


/* ANGEBOT SKYSCRAPER */

.opacity-pu2 {opacity:0; width:0px!important;height:0px!important;right:0;}
.skyscrape{position:fixed;top:7%;right:0;width:280px;height:auto;background-color: #c70063;background-image:url('/storage/app/media/Angebote-PopUp/sapphire-logo.jpg');
background-size:100%;background-repeat:no-repeat;  box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5); -webkit-transition: all 2s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all 2s ease;
        transition: all 2s ease;
        overflow:hidden;z-index:99999;}
.skyscrape-m{position:absolute;top:880px;left:2%;width:300px;height:auto;background-color: #c70063;background-image:url('/storage/app/media/Angebote-PopUp/sapphire-logo.jpg');
background-size:100%;background-repeat:no-repeat;  box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.2); -webkit-transition: all 2s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all 2s ease;
        transition: all 2s ease;
        overflow:hidden;
        margin-left:auto;margin-right:auto;z-index:99999;}        
 .sky-angebot-m{color:#c70063;padding:15px 25px 25px 25px;}  
.sky-angebot{color:#fff;padding:15px 25px 25px 25px;}
.sky-angebot p{font-size:1.2em;margin-bottom:0px;}
.sky-angebot h2, .pu-angebot h3{color:#fff;margin-top:0;}
.sky-angebot h2{border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:10px;}
.sky-angebot h3{font-size:2.2em;text-align:right;margin-top:0px;}
.sky-angebot-m h2{border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:10px;}
.item{height:300px;}


.big{width:100%!important;}
.modal{z-index:9999 !important;}


#main {
    padding-top: 40px;
    padding-bottom: 30px;
    margin-top: 0;
    margin-bottom: 0px;
    background: #fff url("../images/bg_shadow.png") top center no-repeat;
}

#main img{
    border-bottom: 5px solid #c70063;
    margin: 0px auto -10px auto;
}

#container-sidebar{
    width:70% !important;
    min-height:500px;
    padding-bottom:50px;
}

#container-sidebar-ref{
    width:70% !important;
    min-height:700px;
    padding-bottom:50px;
}

#sidebar{width:400px;
        border:1px solid rgba(0, 0, 0, 0.1);
        background-color:#fff;
        position:fixed;
        top:450px;
        left:150%;
        opacity:0;
        box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.1);
        -webkit-transition: all .5s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all .5s ease;
        transition: all .5s ease;}

.menu-items li{padding:1px 15px 15px 15px !important;}        
        
.goleft{left:55% !important;opacity:1!important;}  

#sidebar.fixed {
    display: block;
    position: fixed;
    top: 100px;
    left:55% !important;
    opacity:1;
   
}

#sidebar-m{width:100%;}

#sortiment-slider{
    width:80%;
    min-height:600px;
    margin-top:-200px;
    margin-left:-15px;
}
.slider-cont{
width:100%;
padding:0;

} 

.slider-img{
width:100%;
float:left;
}    

.sort-list{
   margin-top:-25px;
padding:50px 0 0 15px;
 width:50%;
 height:auto;
} 

#instafeed1 {margin:0 0 0 15px;}

#instafeed2 {margin:0  0 0 -15px;}

#instafeed3 {margin:0 0 0 -15px;}

.widget-header{background-color: #c70063;width:100%;height:50px;margin-top:-25px;}
.widget-title{color: #fff;text-align:center;padding-top:10px;}
.widget-title-m{color: #c70063;text-align:left;}

.carousel-control {
    position: absolute;
     top: 0;
    left: 0; 
    bottom: 0;
   width: 20px;
    opacity: 1;
    filter: alpha(opacity=50);
   font-size: 20px;
   color:#c70063;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   background-color: transparent;
}

.carousel-control.left {background:0;margin-top:-40px;margin-left:0px; color:#c70063;left:250px;}
.carousel-control.right {background:0;margin-top:-40px;margin-left:0; color:#c70063;left:270px;}



.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-right:before {
    content: "\e251";    
}

.modal-backdrop {
   display:none;
}

.opacity0 {opacity:0;}
.siegel-frisch{ width:20%;margin-left:80%;position:absolute;left:-14%;top:-3%;z-index:999999;   -webkit-transition: all 3s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all 3s ease;
        transition: all 3s ease;}
.siegel-viel{ width:20%;margin-left:80%;position:absolute;left:-14%;top:-3%; -webkit-transition: all 3s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all 3s ease;
        transition: all 3s ease;}
.siegel-zuverl{ width:20%;margin-left:80%;position:absolute;left:-11%;top:-2%;z-index:999999;   -webkit-transition: all 3s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all 3s ease;
        transition: all 3s ease;}

.siegel-schnell{ width:20%;margin-left:80%;position:absolute;left:-24%;top:40%;z-index:999999;   -webkit-transition: all 3s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all 3s ease;
        transition: all 3s ease;}
.siegel-frisch img, .siegel-viel img, .siegel-zuverl img,  .siegel-schnell img{ width:90%;border:0 !important;transform:rotate(-20deg);   -webkit-transition: all 3s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all 3s ease;
        transition: all 3s ease;}


ul.menu-items li {
        margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #bdb7a4;
}

.menu-items {
    margin: 0px;
    padding: 8px 0px 0px 0px;
    list-style: none;
}

.item-description-menu {
    width: 100%;
    font-size: 12px;
    color: #acb2b4;
    margin-top: 5px;
}

 .grid2column {
    width: 75%;
    height: 25px;
    overflow: hidden;
    font-style: normal;
    font-size: 16px;
    margin-right: 0%;
   font-family: 'Maven Pro', sans-serif;
}

 .lastcolumn {
    width: 25%;
    text-align: right;
    margin-right: 0px;
    padding: 0;
    float: right;
    margin-top: -25px;
}


  #accordion.panel, #accordion.panel-heading, #accordion panel-title, #accordion.panel-body{border:0;}
  #accordion.panel{box-shadow:none;}
      #accordion.panel-heading{
      border-radius:0;}
        #accordion.panel-title a{text-decoration:none;padding:1em 0;}
        #accordion.panel-title a span{float:right;width:50px;}
        #accordion.panel-title a span:after {content: "";color:#1B5062;font-size: 20px;}
       #accordion .panel-title a.collapsed span:after {content: "+";}
       
       
 .ref-list{
     width:48%;
     float:left;
     }  

footer{
    padding-top:30px;
    background: #f7f7f7 url("../images/bg_shadow.png") top center no-repeat;
}

@media (max-width: 1200px) { 
    
    .slider-img{
width:100%;
float:left;
margin-bottom: 25px;
} 

.navbar-brand{
    position:absolute;
    left:0;
    top:0;
    height:100px;
    width:180px;
    margin-top:0 !important; 
    margin-left:-5px !important; 
 
   z-index:0;
}

.navbar-nav {
   zoom:0.9;
   margin-top:75px;
}

.social-icns {position:absolute;top:25px;left:100px;margin-left:0;}

.social-icns img {width:30px;}

.popup-m {position:absolute;width:40%;height:470px;background-color: #c70063;background-image: none;z-index:999;top:50px;left:50px;}
    
    .popup-m img{width:100%;}


}

@media screen and (max-width: 850px) {
    
.navbar-brand{
    position:absolute;
    left:0;
    top:0;
    height:100px;
    width:180px;
    margin-top:0 !important; 
    margin-left:-5px !important; 
 
   z-index:0;
}

.navbar-nav {
   zoom:0.75;
   margin-top:85px;
}

.social-icns {position:absolute;top:25px;left:100px;margin-left:0;}

.social-icns img {width:30px;}

#container-sidebar{
    width:90% !important;    
}

#container-sidebar-ref{
    width:100% !important;
    min-height:1000px;
   
}

.carousel-control.left {background:0;margin-top:-40px;margin-left:0px; color:#c70063;left:25px;}
.carousel-control.right {background:0;margin-top:-39px;margin-left:0; color:#c70063;right:25px;}

#instafeed1, #instafeed2, #instafeed3 {margin:0 15px 0 15px;width:90%;}

#sortiment-slider{
    width:100%;
    min-height:800px;
}

.slider-img{
width:100%;
float:left;
margin-bottom: 25px;
}    

.sort-list{
   margin-top:25px;
padding:325px 0 0 15px;
 width:100%;
 height:auto;
}

 .ref-list{
     width:100%;
     float:left;
     }  
     
.popup-m {position:absolute;width:50%;height:450px;background-color: #c70063;background-image: none;z-index:999;top:50px;left:50px;}
    
    .popup-m img{width:100%;}
    
}  

@media screen and (max-width: 450px) {
    
  .navbar-brand {
   left:2%;
    height:120px;
    width:240px;
     margin-top:-15px !important; 
   
} 

.navbar-nav {
   zoom:1;
   margin-top:0;
}

.social-icns {position:absolute;top:25px;left:150px;margin-left:0;}

.social-icns img {width:25px;}

#container-sidebar{
    width:100% !important;    
}

#container-sidebar-ref{
    width:100% !important;
    min-height:1000px;
    padding-bottom:50px;
}

#sortiment-slider{
    width:100%;
    min-height:600px;
    margin-top:0;
    margin-left:-15px;
}

.carousel-control.left {background:0;margin-top:-40px;margin-left:0px; color:#c70063;left:25px;}
.carousel-control.right {background:0;margin-top:-39px;margin-left:0; color:#c70063;right:25px;}

#instafeed1, #instafeed2, #instafeed3 {margin:0 15px 0 15px;}

#sortiment-slider .col-lg-5 {padding:0;}
.siegel-schnell{ width:20%;margin-left:80%;position:absolute;left:-10%;top:68%;   -webkit-transition: all .5s ease; /* For Safari 3.1 to 6.0 */
        -moz-transition: all .5s ease;
        transition: all .5s ease;}
.siegel-frisch{ width:20%;margin-left:80%;position:absolute;left:-5%;top:-9%;z-index:999999;}
.siegel-viel{ width:20%;margin-left:80%;position:absolute;left:-5%;top:-3%;}
.siegel-zuverl{ width:20%;margin-left:80%;position:absolute;left:-11%;top:-60px;z-index:999999;}
.siegel-frisch img, .siegel-viel img, .siegel-zuverl img{ width:100%;border:0 !important;transform:rotate(-20deg);}

.slider-img{
width:100%;
float:left;
margin-bottom:25px;
} 

.slider-img img{
width:100%;

}  

.sort-list{
   margin-left:15px;
padding:150px 0 25px 0px;
 width:100%;
 height:auto;
} 

.carousel-control.left {background:0;margin-top:-40px;margin-left:0px; color:#c70063;left:25px;}
.carousel-control.right {background:0;margin-top:-39px;margin-left:35px; color:#c70063;right:25px;}

 .ref-list{
     width:100%;
     float:left;
     } 
     
.lastcolumn{width:50%;}
     
#sidebar-m, #container-sidebar {
    padding:0 15px 0 15px;
    } 
    
.popup-m{position:absolute;width:93%;height:440px;background-color: #c70063; background-image: none;left:15px;top:45%;}
.skyscrape-m{position:absolute;top:770px;left:15px;width:93%;height:auto;background-color: #c70063;background-image:url('/storage/app/media/Angebote-PopUp/sapphire-logo.jpg');padding-top:40px;}
.sky-angebot-m p{font-size:1.2em;color:#fff;margin:0;}
.sky-angebot-m h2{border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:10px;}
    
}