@charset "UTF-8";

@font-face {
    font-family: 'aller_lightregular';
    src: url('fonts/aller_lt-webfont.woff2') format('woff2'),
         url('fonts/aller_lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerbold';
    src: url('fonts/aller_bd-webfont.woff2') format('woff2'),
         url('fonts/aller_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerbold_italic';
    src: url('fonts/aller_bdit-webfont.woff2') format('woff2'),
         url('fonts/aller_bdit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body{
	height:100%;
	position:relative;
	background:#FFFFFF;
	color: #787877;
	font-family:'aller_lightregular',"Calibri",sans-serif;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1.65em;
    padding:0;
}
.show-img{
    opacity:1 !important;
}
.wrap{
    min-height: 100%;
	margin:0 auto -60px;
}
.wrap:after {
  content: "";
  display: block;
  height:60px;
}
h1, h2, h3, h4, h5, h6, .bold{
	font-weight:normal;
    color: #727271;
	font-family:'allerbold',"Calibri Bold",sans-serif;
    line-height: 1.2em;
}
.special{
    font-family:'Arial',"Calibri",sans-serif;
    font-weight:lighter;
    font-size:0.95em;
}
.special-bold{
    font-family:'Arial bold',"Calibri Bold",sans-serif;
}
.logo{
    font-family:'allerbold_italic',"Calibri Bold Italic",sans-serif;
    font-size:1.05em;
}
.logo img{
    width: 86%;
}
h1{
	text-align:center;
	font-weight:normal;	
    font-size:1.7em;  
}
h2{
	font-size:1.55em;	
}
h3{
	font-size:1.3em;	
}
h4{
	font-size:1.2em;	
}
h5{
	font-size:1.1em;	
}
p{
	font-size:1.2em;	
}
p.smaller, li.smaller{
	font-size:1.1em;	
}
p.smallest, li.smallest{
	font-size:1.0em;	
}
.near{
    margin:8px 0;
}
.near.last{
    margin-bottom:20px;
}
.padd{
    padding-left:15px;
    padding-right:15px;
}
.uppercase{
	text-transform:uppercase;	
}
li{
	list-style-type:none;
}
a, a:hover, a:focus, a:visited, .noproject {
	color: #7B7C7E;
	text-decoration: none;
}
nav a:hover, nav a.active, a.back:hover,  a.back-home:hover, .filternav a.active, a.extern:hover{
	color: #ffb383;
}
a.link div.row{
	-ms-transition: all .7s ease-in-out; 
	-moz-transition: all .7s ease-in-out; 
	-o-transition: all .7s ease-in-out; 
	-webkit-transition: all .7s ease-in-out; 
    transition: all .7s ease-in-out;
}
a.link:hover div.row{
    background:#fff0e1 !important;
}
a.link:hover p.more{
	-ms-transition: all .4s ease-in-out; 
	-moz-transition: all .4s ease-in-out; 
	-o-transition: all .4s ease-in-out; 
	-webkit-transition: all .4s ease-in-out; 
    transition: all .4s ease-in-out;
}
a.link:hover p.more, .gallery-box a.link:hover{
    color:#ffb383;
}
.white{
	background:#FFF;
}
.light{
	background:#f0f0ef;
	background:rgb(240, 240, 239);
}
section.light{
    padding-top:10px;
}
.dark, .dark h2{
	color: #FFFFFF;
	background: #8d8b8a;
	background:rgb(138, 139, 141);
}
header{
	padding:20px 0 ;
	position:relative;
	top:0;
	z-index:3;
	width:100%;
    height:70px;
	background:#FFFFFF;
	background: rgba(255, 255, 255, 0.85);
}
header .row, header .container{
	position:relative;	
}
nav input[type="radio"]:checked{
    visibility:hidden;
}
.toggle {
    display: block;
    position:fixed;
    width: 35px;
    height: 35px;
    margin: auto;
    padding:5px 6px;
    top:22px;
    right:15px;

    z-index:1000;
    background-color: rgba(255, 255, 255, .7);
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}
  .toggle span:after,
  .toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top:-7px;
  }
  .toggle span:after{
	top: 7px;
  }
  .toggle span {
	position: relative;
	display: block;
	top:10px;
  } 
  .toggle span,
  .toggle span:after,
  .toggle span:before {
	width: 100%;
	height: 4px;
	background-color: #888;
	-ms-transition: all 0.3s; 
	-moz-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	transition: all 0.3s;
	backface-visibility: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
  } 
  /* on activation */
  .toggle.on span {
	background-color: transparent;
    visibility:hidden;
  }
  .toggle.on span:before {
    visibility:visible;
	-ms-transform: rotate(45deg) translate(5px, 5px);
	-webkit-transform: rotate(45deg) translate(5px, 5px);
	transform: rotate(45deg) translate(5px, 5px);
  }
  .toggle.on span:after {
    visibility:visible;
	-ms-transform: rotate(-45deg) translate(5px, -5px);
	-webkit-transform: rotate(-45deg) translate(5px, -5px);
	transform: rotate(-45deg) translate(5px, -5px);
  }
 #nav{	
  	position:fixed !important;	
	width:100%;
 	z-index:100;
	margin-left:auto;
    margin-right:auto;
	margin-top:-20px;
	padding-bottom:15px;
	padding-top:5px;
	text-align:center;
	opacity: 0; 
	height: 0;
	visibility:hidden;
    overflow: hidden;
	background:none;
	
	 -ms-box-shadow: 0px 1px 4px #e1e6eb;
     -moz-box-shadow: 0px 1px 4px #e1e6eb;
     -webkit-box-shadow: 0px 1px 4px #e1e6eb;
     box-shadow: 0px 1px 4px #e1e6eb;
     
     -ms-transition: all 0.5s ease-in-out; 
     -moz-transition: all 0.5s ease-in-out; 
     -o-transition: all 0.5s ease-in-out; 
     -webkit-transition: all 0.5s ease-in-out; 
     transition: all 0.5s ease-in-out;
  }
#nav ul{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
    line-height:1.5em;
    }
#nav ul li{
    display: block;
    text-align:center;
    margin:8px 0 10px;
        text-transform: uppercase
  }
#nav ul li:last-child{
    margin-bottom:0;
    padding-bottom:0;
  }
#nav ul li.second{
    margin-left:0;
  }
.toggle.on + #nav {	
    opacity: 0.9;
    visibility:visible !important;	 
    background:#FFF;
    height:305px;
  }
#home .toggle.on + #nav {	
    height:270px;
  }
.slideshow, .teaser{
	z-index:4;
	background:#FFFFFF;
	padding-top:10px;
    padding-left:15px;
    padding-bottom:10px;
}
.teaser .container{
    position:relative;
    height:300px;
    overflow:hidden;
    margin-left:-15px;
    margin-right:-15px;
}
.teaser img {
	height:300px;
    max-height:300px;
    display: block !important;
    margin: 0 auto;
    position:absolute;
    left: 50%;
    top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);  
}
.slogan, .news{
	padding-top:20px;
    padding-bottom:40px;
	position:relative;
	z-index:2;
}
.large-div{
    padding-left:15px;
}
.column{
    padding:0 15px 10px 15px;
}

.top-text{
	padding-top:20px;
    padding-bottom:20px;
    padding-left:15px;
}
.top-text.column{
    padding-bottom:0px;
}
.bottom-text{
    padding-bottom:40px;
}
.cat-img, .bio-img{
    display:block;
    width:200px;
	border-radius: 50%;
    margin:25px auto 40px;
	}
.catalogue h3{
    margin:25px 0 15px 0;
}
.catalogue.last .row{
    margin-bottom:30px;
}
.gallery-box img{
    width:100%;
    max-width:100%;
    height:auto;    
}
.gallery-box{
    padding-left:0;
    padding-right:0;
    padding-bottom:15px;
}
.gallery-box h3{
    margin-top:0;
}
.gallery-box div{
    overflow:hidden;
    padding-top: 5px;
    padding-bottom: 5px;  
}
.gallery-box p{
    font-size:16px;
    margin-top:5px;
    margin-bottom:0;
}
.gallery-box .link{
    padding-left:15px;
}
.more{
    position: relative;
    margin-top:15px;
    font-size: 1.0em
}
.side-menu{
    padding-left:0;
    font-size: 1.05em;
    line-height: 1.8em;
}
.side-menu a:hover, .address a:hover{
    color: #ffb383;
}
.motifs{
    margin-bottom:20px;
}
.motif{
    display:inline-block;
    padding:10px 15px;
    background: #f0f0ef;
    border-radius: 4px;
    margin:5px 3px;
}
.motif.active{
    background: #ffb383;
    color: #fff
}
.motif:hover{
    background: #faa578;
    color:#fff;
}
.theme div, .thumbs div{
    overflow:hidden;
}
.theme p, .thumbs p{
    white-space: nowrap;
    padding-right:15px;
    font-size:.9em;
}
.scroll{
	-ms-transition: all 0.8s ease-in-out; 
	-moz-transition: all 0.8s ease-in-out; 
	-o-transition: all 0.8s ease-in-out; 
	-webkit-transition: all .08s ease-in-out; 
    transition: all 0.8s ease-in-out;		
}
.scroll{
	-ms-transition: color 0.1s ease-in-out; 
	-moz-transition: color 0.1s ease-in-out; 
	-o-transition: color 0.1s ease-in-out; 
	-webkit-transition: color .01s ease-in-out; 
    transition: color 0.1s ease-in-out;		
}
.button{
    background: #ffb383;
    padding:15px;
    border-radius: 4px;
    margin-top:20px;
    text-align: center;
    color:#fff; 
}

.button:hover{
    background:#faa578;
}
#home .button{
    margin-top:0;
    margin-bottom:20px;
}
.info{
    padding-left:0;
}
.prices p{
    margin-top:5px;
    margin-bottom:10px;
}
.prices p.lower{
    margin-top:25px;
}
address{
	margin-top:20px;
    margin-bottom:20px;
	font-style:normal;
}
.address p{
    line-height:1.4em;
}
.address .logo{
    font-size:1.3em;
}
#home address p{
    font-size:.9em;
	line-height:1.3em;	  
}
.imp{
    padding-top:5px;
}
#contact h2{
    margin-bottom:30px;
    padding-top:15px;
}
.sell{
    padding-left:0;
    padding-bottom:10px;
}
.sell li{
    padding-top:5px;
    list-style-type:disc;
}
.order{
    margin-bottom:10px;
}
footer{
	margin:0;
	height:60px;
	color:#FFF;
	position:relative;
	z-index:8;
	background: #8d8b8a;
	background: rgb(138, 139, 141);
	background: -moz-linear-gradient(top, rgb(141, 139, 138) 0%, rgb(114, 112, 111) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(114, 112, 111)), color-stop(100%,rgb(141, 139, 138))); 
	background: -webkit-linear-gradient(top, rgb(141, 139, 138) 0%,rgb(114, 112, 111) 100%);
	background: -o-linear-gradient(top, rgb(141, 139, 138) 0%,rgb(114, 112, 111) 100%); 
	background: -ms-linear-gradient(top, rgb(138, 139, 141) 0%,rgb(111, 112, 114) 100%);
	background: linear-gradient(to bottom, rgb(138, 139, 141) 0%,rgb(111, 112, 114) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8b8d', endColorstr='#6f7072',GradientType=0 ); 
}
footer a, footer a:visited{
	color:#FFFFFF;
}
footer a:hover, footer a:focus{
	color: #ffb383;
}
.copyright, .privacy{
	font-size:0.8em;
    margin:0;
    margin-top:3px;
}
#privacy h2{
    margin-top:20px;
    color:#8a8b8d;
}
/*-------------------media queries----------------------*/

@media screen and (min-width: 400px) {
  .logo img{
        width:75%;
    }
}
@media screen and (min-width: 481px) {
  .logo img{
        width:70%;
    }
    .copyright, .privacy{
        margin-top:12px;
	   padding-top:10px;
        width:50%;
    }
    .privacy, .privacy a{
        float:right;
    }
}
@media screen and (min-width: 521px) and (max-width: 599px) {   
    .logo img{
        width:60%;
    }
}
@media screen and (min-width: 600px){   
    .teaser .container{
        height:400px;
        width:auto;
    }
    .teaser img {
	   height:400px;
        max-height:400px; 
    }
}
@media screen and (min-width: 600px) and (max-width: 767px) {   
    .logo img{
        width:50%;
    }
    .cat-img, .bio-img{
        margin-bottom:25px;
	}
    .gallery-box img{
        padding:20px;
    }
    .gallery-box p{
        padding-left:20px;
        margin-top:-10px;
    }
    .gallery-box h3{
        margin-left:15px;
    }
    .prices{
        padding-left:20px;
    }
    .button{
        width:60%;
        float:right;
    }
    #home .button{
        float:left;
    }
}
@media screen and (min-width: 768px)and (max-width: 991px){
    h1{
        font-size:1.8em;
    }
    header{
       height:80px; 
        }
    header .container{
        width:100%;
    }
    .logo img{
        width:40%;
    }
    .wrap{
        position:relative;
    }
    .catalogue .container, .news .container, .contact .container{
        width:auto;
        max-width:935px;
        padding-left:20px;
        padding-right:20px;
    }
    .cat-img, .bio-img{
        margin-bottom:25px;
	}
    .column.l{
        padding-right:30px;
        clear:both;
    }
	#home .copyright {	
		bottom:0;
	}
	#home address{
		padding-left:10px;
	    margin-top:5px;
        margin-bottom:5px;
	}
}
@media screen and (min-width: 920px){
    .teaser .container{
        height:425px;
    }
    .teaser img {
	   height:425px;
        max-height:425px; 
    }
}
@media screen and (min-width: 992px){
     h1{
        font-size:1.8em;
    }
    .wrap{
        position:relative;
    }
    header{
        position:relative;
        height:120px;
        width;100%;
        z-index:15;
        padding-bottom:0;	
		}
    header .container{
        width:100%;
        max-width:1082px;
    }
    .logo img{
        width:35%;
    }

    a.home-link{
    }    
    .toggle{
        visibility:hidden;
    }
    #nav{
        position:relative !important;
        height:45px ;
        max-width:1100px;
        visibility:visible;	
        opacity:1;
        margin:0;
        padding:3px 0 0 0;
        background:none;
        -ms-box-shadow: none;
	   -moz-box-shadow: none;
	   -webkit-box-shadow: none;
        box-shadow: none;
        text-align:left;
        -webkit-transition-property: none;
        -moz-transition-property: none;
        -o-transition-property: none;
        transition-property: none;
    }
    #home #nav{
        position:absolute !important;
        height:100px ;
        padding:55px 0 0 0;
    }
    #nav .main{
        width:87% !important;
    }
    #nav .languages{
        text-align: right;
        width:13% !important;
    }
    #nav ul li{
	   display: inline-block;
        margin:0 1em;	
        }
    #nav ul li.home{
        display:none;
    }
    #nav ul.languages li{
        margin-right:0;
    }
    .slideshow{
        padding-bottom:20px;
    }
    .cat-img,.bio-img{
        width: 225px !important;
        margin-bottom:25px;
    }
    .catalogue .container , .news .container, .contact .container{
        width:auto;
        max-width:1050px;
        padding-left:20px;
        padding-right:20px;
    }    
    .catalogue h3{
        text-align: left;
        }
    .teaser .container{
        padding-top:10px;
        height:460px;
        width:auto;
        max-width:1050px;
    }
    .teaser img {
	   height:460px;
        max-height:460px; 
    } 
    .column.l{
        padding-right:40px;
        clear:both;
    }
    .side-menu{
    padding-top:55px;
    }
    section.light{
        padding-top:15px;
    }
    .arrow{
    display:none;
    text-align:center;
    width:27px;
    height:20px;
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:1;
    background:url(../images/arrows/down.svg) no-repeat center;
    }
    .arrow img{
        width:100%; 
    }
    #home address{
		padding-left:10px;
	    margin-top:10px;
        margin-bottom:10px;
	}
    #contact h2{
    padding-top:0;
    }
    #privacy section .container{
        max-width:720px;
    }
      #home .slideshow.container-fluid{
      padding-bottom: 40px;
    }
     #home .slogan{
      padding-top:10px;
    }
}
@media screen and (min-width: 1050px){
    .teaser .container{
        margin-left:auto;
        margin-right:auto;
    } 
}
@media screen and (min-width: 1200px){
     h1{
        font-size:1.9em;
    }
    header{
        height:120px;
    }
    header .container{
        width:100%;
        max-width:1200px;
    }
	.logo img{
        width:32%;
    }
    #nav{ 
        max-width:1215px;
    }
    .catalogue .container, .news .container, .contact .container{
        max-width:1170px;
    }
    .teaser{
        position:relative;
    }
    .teaser .container{
        height:500px;
        max-width:1170px;
    }
    .teaser img {
	   height:500px;
        max-height:500px;   
    }
    #privacy section .container{
        max-width:900px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1359px) and (min-height: 850px) and (max-height: 960px) and (orientation: landscape) and (max-aspect-ratio: 5/3), 
    screen and (min-width: 1450px) and (max-width: 1719px) and (min-height: 870px) and (max-height: 1000px),
    screen and (min-width: 1720px) and (min-height: 1030px) and (max-height: 1250px)
{
    #home .slideshow.container-fluid{
      padding-bottom:0;
    }
    .arrow{
       display:block;
       position:relative;
       margin-top:80px;
    }
}