#main {
    margin: 0;
    padding: 0;
    font-family: "GT Walsheim", Arial, sans-serif;

}
a.toggle-header {
    display: none;
}
header {
    font-family: "GT Walsheim", Arial, sans-serif;
    font-weight: 500;
    color: #fff;
    position: fixed;
    z-index: 10;
    width: 100%;
    transition: opacity 0.5s ease, height 0.6s ease;
    /*overflow: hidden;*/
    height: 90px;

}
body * {
    font-family: "GT Walsheim", Arial, sans-serif;

}
ul {
    list-style: none;
    padding: 0;
}
header > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

header li  {
    display: block;
    font-size: 12px;
    /*padding: 45px 25px 0;*/
	padding-top: 34px;
    position: relative;
    float: left;
}
header li a {
    padding: 0 23px 0;
}
header ul {
    padding: 0 25px;
    margin: 0;
}
header nav {
    float: right;
    display: block;
}

/*Zweite Ebene*/

header nav ul li ul {
    display: block;
    position: absolute;
    left: 50%;
    min-width: 1000px;
    padding-left: 0;
    padding-top: 15px;
    margin-top: 0;
    border-left: 1px solid #fff;
    opacity: 0;
    transition: opacity 0.6s ease;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    height: 0;
}

header nav li ul li {
    padding: 3px;
}
header nav li ul a {
    padding: 0 0 0 5px;
    color: #bbb;
    font-weight: 600;
    cursor: pointer;
}
header nav li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
    max-height: inherit;
    overflow: visible;
    height: inherit;
}
header nav li:hover ul ul {
    /*display: none;*/
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.6s ease;
    max-height: 0;
    height: 0;
    overflow: hidden;
    
}
header nav li:hover ul li:hover ul {
    display: block;
    visibility: visible;
    opacity: 1;
    max-height: inherit;
    height: inherit;
    overflow: visible;
}
header nav li:hover ul li:hover ul li {
    display: block;
    float: none;
}
header nav ul ul ul li {
    display: block;
    float: none;
}
header nav ul ul ul {
    left: 0;
    border: none;
}
header nav ul ul ul a {
    color: #fff;
}


header nav li.it-pieces a {
    background: transparent url("/assets/head/the-it-pieces-light.png") no-repeat left 0px;
    padding-left: 100px;
    padding-top: 21px;
    overflow: hidden;
    width: 0;
    height: 0;
    display: inline-block;
}
header.dark nav li.it-pieces a {
    background: transparent url("/assets/head/the-it-pieces-dark.png") no-repeat left 0px;
}

header.dark {
    color: #fff;
}

header.dark:before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: opacity 0.5s ease;
}

header.dark.fix:before {
    opacity: 1;
}

header nav a {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
	font-weight:400;
	letter-spacing:1px;
}
header.dark nav a {
    color: #000;
}
header .logo {
    width: 0;
    height: 0;
    display: block;
    padding: 60px 190px 0 0;
    overflow: hidden;
    background: transparent url("/assets/head/logo-light.png") no-repeat 0 0;
    float: left;
    margin: 19px 0 0 50px;
}
/*nav li.active:before, nav li:hover:before {*/
    /*content: " ";*/
    /*border-top: 4px solid #fff;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*display: block;*/
    /*width: 60px;*/
    /*margin: 0 auto;*/


/*}*/
/*nav li.active:before, nav li a:hover {*/
    /*color: #fff;*/
	/*text-decoration: none;*/

/*}*/
header.dark .logo {
    background: transparent url("/assets/head/logo-dark.png") no-repeat 0 0;
}
/*.dark nav li.active:before, .dark nav li:hover:before {*/
    /*border-top: 4px solid #000;*/
/*}*/
.dark nav li.active:before, .dark nav li a:hover {
    color: #000;

}

.stage a, .stage a:link, .stage a:visited {
    color: #000;
    text-decoration: none;
}


/*
LAVALAMP-Effect
*/


/*ul{*/
    /*position:relative;*/
    /*width:27em;height:2em;*/
    /*margin:100px auto;*/
    /*padding:0;*/
    /*white-space:nowrap;*/
/*}*/
/*header nav ul li{*/
    /*display:inline;*/
    /*text-align:center;*/
/*}*/
/*header nav ul li a{*/
    /*position:relative;*/
    /*top:0;left:0;right:25em;bottom:0;*/
    /*display:inline-block;*/
    /*-moz-box-sizing:border-box;*/
    /*box-sizing:border-box;*/
    /*padding:.4em .2em;*/
    /*color:#09C;*/
    /*text-decoration:none;*/
    /*text-shadow:0 1px 0 white;*/
    /*transition*/
    /*-webkit-transition:width .3s,right .3s;*/
    /*-moz-transition:width .3s,right .3s;*/
    /*-o-transition:width .3s,right .3s;*/
    /*transition:width .3s,right .3s;*/
/*}*/

header nav > ul > li:last-child a::after{
    content:"";
    position:absolute;
    right:inherit;
    top:0;
    width:inherit;
    height:5px;
    background:#fff;
    pointer-events:none;
    /*transition*/
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
}
header.dark nav ul li:last-child a::after {
    background: #000;
}

header nav ul li:nth-child(1):hover ~ li:last-child a {
    right:663px;
    width:67px;
}
header nav ul li:nth-child(2):hover ~ li:last-child a{
    right: 581px;
    width: 36px;
}
header nav ul li:nth-child(3):hover ~ li:last-child a{
    right: 407px;
    width: 127px;
}
header nav ul li:nth-child(4):hover ~ li:last-child a{
    right:302px;
    width:60px;
}
header nav ul li:nth-child(5):hover ~ li:last-child a{
    right:214px;
    width:42px;
}header nav ul li:nth-child(6):hover ~ li:last-child a{
     right: 131px;
     width: 36px;
}header nav ul li:nth-child(7):last-child:hover a{
      right: 21px;
      width: 64px;
}
header nav ul li:hover ~ li:last-child a::after,
header nav ul li:last-child:hover a::after{
    background:#fff;
}

header.dark nav ul li:hover ~ li:last-child a::after,
header.dark nav ul li:last-child:hover a::after{
    background:#000;
}

header.dark nav ul li:last-child:hover a::after{
    background:#000;
}
header nav ul li:last-child a{
    min-width:5em;max-width:5em;
}
header nav ul li a:hover,ul li a:focus{
    color:#fff;
    /*background-color:rgba(255,255,255,.6);*/
    /*transition*/
    -webkit-transition:width .3s,right .3s,background-color .3s;
    -moz-transition:width .3s,right .3s,background-color .3s;
    -o-transition:width .3s,right .3s,background-color .3s;
    transition:width .3s,right .3s,background-color .3s;
    text-decoration: none;
}
header.dark nav ul li a:hover,ul li a:focus{
    color:#000;
    /*background-color:rgba(255,255,255,.6);*/
    /*transition*/
    -webkit-transition:width .3s,right .3s,background-color .3s;
    -moz-transition:width .3s,right .3s,background-color .3s;
    -o-transition:width .3s,right .3s,background-color .3s;
    transition:width .3s,right .3s,background-color .3s;
    text-decoration: none;
}



header nav ul li a:focus{
    /*border-bottom:3px solid #c351fa;*/
}








/*Zweite Ebene dark*/

header.dark nav ul li ul {
    border-color: #000;
}


header.dark nav li ul a {

    color: #888;

}

header.dark nav ul ul ul a {
    color: #000;
}














header.hidden {
    z-index: -5;
    opacity: 0;
}










.stage {
    position: relative;
}



.stage {
    padding: 50px;
}
.stage.fullscreen {
    width: 100%;
    height: 100%;
    padding: 0;
}
.fullscreen .slides li, .fullscreen .slides ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.fullscreen .slides li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.fullscreen .slides img {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    max-width: 100%;
}


.slideshow .navigation {
    position: absolute;
    bottom: 50px;
    z-index: 9;
    right: 50px;
}
.slideshow .navigation li {
    display: inline-block;
    margin-left: 15px;
    transition: background-color 1s ease;
}
.slideshow .navigation a {
    display: block;
    padding: 4px;
    border: 1px solid #918881;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    background-color: #918881;
    transition: background-color 0.6s ease, border-color 0.6s ease;
}
.slideshow .navigation li.active a {
    background-color: #fff;
    border-color: #fff;

}

.slideshow .navigation a:hover {
    text-decoration: none;
}
.slideshow .slides li {
    z-index: 1;
    opacity: 0;
    transition: opacity 1.5s ease;
}
.slideshow .slides li.active {
    z-index: 2;
    opacity: 1;
}

.slideshow .slides li.nextItem {
    z-index: 3;
}
.slideshow .slides li.moveLeft {
    z-index: 4;
    -webkit-animation: moveToLeft .7s ease-in both;
    -moz-animation: moveToLeft .7s ease-in both;
    animation: moveToLeft .7s ease-in both;
}
.slideshow .slides li.moveRight {
    z-index: 4;
    -webkit-animation: moveToRight .7s ease-in both;
    -moz-animation: moveToRight .7s ease-in both;
    animation: moveToRight .7s ease-in both;
}

.slideshow:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: 110px;
    height: 65px;
    /*background: transparent url("/assets/home/hint.png") no-repeat 0 0;*/
	background: url("/assets/home/hint@2x.png") no-repeat scroll 0 0 / 106px 59px transparent;
    z-index: 15;
}
.slideshow article h1 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: "GT Walsheim";
    font-weight: 300;
    color: #fff;
    background: none;
    font-size: 50px;

}
.slideshow article p {
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: "GT Walsheim";
    font-weight: 100;
    color: #fff;
    font-size: 50px;
}
.slideshow article {
    position: absolute;
    top: 30%;left: 50px;
    width: 50%;
    line-height: 48px;
}
h1 {
    margin: 100px auto 20px;
    text-align: center;
    font-family: "GT Walsheim";
    font-weight: 200;
    font-size: 35px;
    background: transparent url("/assets/home/products-header.jpg") no-repeat center bottom;
    padding-bottom: 13px;
}

h2 {
    margin: 100px auto 20px;
    text-align: center;
    font-family: "GT Walsheim";
    font-weight: 300;
    font-size: 24px;
    padding-bottom: 13px;
	/*text-transform:uppercase;*/
	/* letter-spacing: 3px;*/
	/*text-shadow: #666666 1px 1px 2px;*/

}

footer {
    width: 100%;
    height: 50px;
    background: #000;
    color: #fff;
    padding-top: 17px;
}
footer:after {
    content: "";
    display: table;
    clear: both;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #fff;
    text-decoration: none;
}
footer ul {
    float: right;
    text-align: right;
    display: inline-block;
}
footer ul li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 1px;
    padding-right: 25px;
    text-transform: uppercase;
}
footer ul li.facebook a {
    display: block;
    overflow: hidden;
    padding: 17px 10px 0 0;
    background: transparent url("/assets/footer/facebook.png") no-repeat center;
    width: 0;
    height: 0;
    margin-top: -3px;
}
footer dl {
    display: inline-block;
    margin-bottom: 0;
}
footer dl dd {
    padding-right: 100px;
}

footer dl dd, footer dl dt  {
    display: inline-block;
    padding-left: 25px;
}
.stage.thumbs {
    width: 100%;
    padding: 50px;
}
.stage.thumbs ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: -40px;
    overflow: hidden;
}

.stage.thumbs.home ul.alternative li {
    float: right;
}

.stage.thumbs ul li {
    position: relative;
    margin-top: 25px;
    transition: width 0.7s ease;
}
.stage.thumbs.home ul li {
    width: 45%;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    margin-top: 25px;
    transition: width 0.7s ease;
    float: left;
}


.stage.thumbs ul li img {
    width: 100%;
}
.stage.thumbs ul li a:after {
    content: " ";
    background: black;
    opacity: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    transition: opacity 0.6s ease;
    width: 100%;
}
.stage.thumbs ul li:hover > a:after {
    opacity: .6;
    height: 100%;
}
.stage.thumbs ul li h2, .stage.thumbs ul li h3 {
    position: absolute;
    width: 100%;
    top: 45%;
    color: #fff;
    text-align: center;
    margin: auto;
    z-index: 2;
    text-transform: uppercase;
}
.stage.thumbs ul li.big {
    width: 55%;
}
.stage.thumbs.projects ul li ul {
    margin-top: -25px;
}
.stage.thumbs.projects h3 {
    font-size: 24px;
    letter-spacing: 3px;
	text-shadow: 1px 1px 2px #666666;
}

.stage.thumbs.projects > ul > li > a {
    display: block;
    position: relative;
    width: 100%;
}

.stage.thumbs ul li.big:hover {
    width: 55%;
}
.stage.thumbs ul li.small {
    width: 37%;
}
.stage.thumbs ul li.semi {
    width: 80%;
}
.stage.thumbs ul li.small:hover {
    width: 37%;
}
.stage.thumbs ul li.medium {
    width: 50%;
}
.stage.thumbs ul li.medium:hover {
    width: 50%;
}

.stage.thumbs.projects .header h2 {
    top: 20%;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 180px 180px 0 0;
    background: transparent url("/assets/projects/gastro-header.png") no-repeat 0 0;
    position: absolute;
}
.stage.thumbs.projects .header h2.rm {
    background-image: url("/assets/projects/rm-header.png");
}
.stage.thumbs.projects .header h2.rc {
    background-image: url("/assets/projects/rc-header.png");
}
.stage.thumbs.projects .header h2.shop {
    background-image: url("/assets/projects/shop-header.png");
}













.stage.dark {
    background: #252525;
    padding-top: 150px;
    color: #fff;
    min-height: 680px;
}
.dark a {
    color: #fff;
}
h1.news {
    background: transparent url("/assets/home/news-header.png") no-repeat left top;
    padding: 8px 20px 15px 8px;
    font-size: 16px;
    margin: 0;
    position: absolute;
    width: 100%;
    text-align: left;
    font-weight: 100;
    text-transform: uppercase;
	letter-spacing:1px;
}
h1.services {
    background: transparent url("/assets/home/services-header.png") no-repeat left top;
    padding: 18px 15px 15px 12px;
    font-size: 16px;
    margin: -9px;
    position: absolute;
    width: 100%;
    text-align: left;
    font-weight: 100;
    text-transform: uppercase;
	letter-spacing: 1px;
}


h3 {


    font-size: 30px;
    font-weight: 200;

}

.stage.footer ul {
    margin: 0;
    margin-top: 100px;

    padding: 0;
    padding-bottom: 50px;
    list-style: none;
    width: 480px;
}
.stage.footer h2 {
    font-weight: 100;
}
.stage.footer li {
    position: relative;
    padding-bottom: 10px;
}
.stage.footer li:after {
    content: " ";
    border-bottom: 1px solid #fff;
    width: 30px;
    position: absolute;
    bottom: 5px;
}
.stage.footer a.button {

	border: 2px solid #ffffff;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 15px 40px;
    text-transform: uppercase;
}

dt {
	 font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
	padding-left:50px;
}

dd {
	font-size: 11px;
    font-weight: 300;
    margin-left: 10px;
	letter-spacing:1px;
}



@media (max-width: 992px)  {
    .stage.thumbs {
        padding-left: 0;
        padding-right: 0;
    }
    .stage.thumbs ul li.big,
    .stage.thumbs ul li.big:hover,
    .stage.thumbs ul li.small,
    .stage.thumbs ul li.small:hover,
    .stage.thumbs ul li.medium,
    .stage.thumbs ul li.medium:hover {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

}

/*


################ News Section ####################


*/


.stage.news {
    width: 100%;
    padding-top: 400px;
    position: relative;
}
.stage.news h1 {
    position: absolute;
    top: 100px;
    font-size: 37px;
    font-weight: 200;
    background: transparent url("/assets/news/news-header.png") no-repeat 0 0;
    /*margin-left: 50px;*/
    padding: 17px 40px 10px 9px;
}
.stage.news ul.newsitems {
    padding: 0;
    margin: 0;
}
.stage.news ul.newsitems li {
    margin-bottom: 50px;
}
.stage.news article img {
    width: 100%;
}
.stage.news.detail article img {
    margin-bottom: 50px;
}
.stage.news .date {
    font-size: 15px;
    color: #888;
}
.stage.news h2 {
    margin: 50px 0 60px;
}
.stage.news h2 a {
    color: #000;
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 3px;
}
.stage.news a.more {
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 75px;
    background: transparent url("/assets/news/read-more.png") no-repeat top right;
    padding: 3px 75px 5px 0;
}
.paging {
    position: relative;
    border-top: 1px solid #f6f6f6;
    padding: 30px 50px 0;
    overflow: hidden;
    /*text-align: center;*/
    margin: 0 -50px -20px;

}
.paging .next {
    float: right;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;

}
.paging .prev {
    float: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
}
.paging .next a {
    padding: 5px 67px 5px 0;
    display: inline-block;
    color: #000;
    background: transparent url("/assets/news/arrow-right.png") no-repeat top right;
}
.paging .prev a {
    padding: 5px 0 5px 67px;
    display: inline-block;
    color: #000;
    background: transparent url("/assets/news/arrow-left.png") no-repeat top left;
}

.paging ul {
    margin: 0 auto;
    max-width: 600px;
    text-align: center;
}
.paging li {
    display: inline-block;
    color: #000;
    font-weight: 100;
    font-size: 30px;
    padding: 0 30px;
}
.paging li a {
    color: #bbb;
}
.stage.news.detail p {
    font-size: 16px;
    padding-bottom: 30px;
    line-height: 20px;
}
.detail-paging {
    position: fixed;
    top: 50%;
    width: 100%;
    z-index: 10;
}
.detail-paging a {
    padding: 45px 45px 0 0;
    overflow: hidden;
    width: 0;
    height: 0;
    display: block;
    background: transparent url("/assets/news/black-arrow-left.png") no-repeat 0 0;
    position: absolute;
}
.detail-paging a.next {
    background: transparent url("/assets/news/black-arrow-right.png") no-repeat 0 0;

    right: 0;
}
.detail-paging.light a {

    background: transparent url("/assets/projects/arrow-left.png") no-repeat 0 0;
}
.detail-paging.light a.next {
    background: transparent url("/assets/projects/arrow-right.png") no-repeat 0 0;


}





.stage.producs-intro, .stage.projects-intro {
    padding-top: 200px;
}
.stage.producs-intro h1, .stage.projects-intro h1 {
    margin: 0;
    text-align: left;
    background: transparent url("/assets/products/title-bg.png") no-repeat 0 0;
    padding: 5px 0 10px 18px;
    margin-bottom: 55px;
}
.stage.projects-intro h1 {

    background: transparent url("/assets/projects/headline-bg.png") no-repeat 0 11px;
    font-weight: 200;
    padding-left: 4px;
    margin-left: -4px;
    font-size: 38px;

}
.stage.producs-intro h1.it-pieces {
    background: transparent url("/assets/products/h1-it-pieces.png") no-repeat 0 0;
    overflow: hidden;
    width: 0;
    height: 0;
    padding: 60px 225px 0 0;

}
.stage.producs-intro p, .stage.projects-intro p {
    font-size: 16px;
    font-weight: 300;
    max-width: 500px;
}




.products-slider {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    
}
.products-slider h2 {
    position: absolute;
    top: 0;
    left: 50px;
    margin: 0;
    z-index: 9;
}
.products-slider h2 span {
    padding: 150px 150px 0 0;
    width: 0;
    height: 0;
    overflow: hidden;
    background: transparent url("/assets/products/header-living.png") no-repeat 0 0;
    display: block;
}
.products-slider h2.dining {

}
.products-slider h2.dining span {

    background: transparent url("/assets/products/header-dining.png") no-repeat 0 0;

}
.products-slider h2.sleeping span {

    background: transparent url("/assets/products/header-sleeping.png") no-repeat 0 0;

}.products-slider h2.lighting span {

    background: transparent url("/assets/products/header-lighting.png") no-repeat 0 0;

}.products-slider h2.tw span {

    background: transparent url("/assets/products/header-textiles.png") no-repeat 0 0;

}.products-slider h2.carpets span {

    background: transparent url("/assets/products/header-carpets.png") no-repeat 0 0;

}











.stage.full-width {
    padding: 0;
}



.products-slider nav {
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 0;
}
.products-slider .info nav {
    width: 33%;
    background: #fff;
    right: 0;
    transition: z-index 0.4s ease, width 0.7s ease, background 0.7s ease;

    transition-delay: 0.4s;
    z-index: 2;
}

.products-slider .scroll-container nav {
    width: 100%;
    background: #fff;
    right: 0;
    transition: none;

}
.products-slider .scroll-container nav .all {
    background: #eee;
}


.products-slider nav a {
    display: inline-block;
    padding: 20px 0;
    background: #fff;
    text-transform: uppercase;
    color: #000;
    margin-right: 6px;
    text-align: center;
    width: 50px;
    font-size: 13px;
    font-weight: 300;
    cursor: pointer;
}
.products-slider nav .nav-close {
    display: none;
}
.products-slider .info nav .nav-close, .products-slider .scroll-container nav .nav-close {
    background: transparent url("/assets/products/close.png") no-repeat left 13px;
    display: inline-block;
    float: right;
}
.products-slider .info nav a:first-child {
    background: #f6f6f6;
}
.products-slider ul.slides {
    position: relative;
    height: 100%;
}
.products-slider li article {
    position: absolute;
    right: -34%;
    width: 33%;
    height: 100%;
    background: #eee;
    top: 0;
    left: auto;
    padding: 115px 25px 40px;
    transition: right 0.5s ease;
}
.products-slider li article.active {
    right: 0;
}
.products-slider li article h3 {
    font-size: 37px;
    color: #000;
    font-weight: 300;
    padding-bottom: 25px;
    margin-bottom: 25px;
    background: transparent url("/assets/products/underline.png") no-repeat bottom left;
}
.products-slider li article h3 small {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 25px;
    color: #000;
}
.products-slider li article p {
    font-size: 16px;
    color: #000;
    max-width: 350px;
    line-height: 25px;
}
.products-slider li article p + p {
    padding-top: 15px;
}
.products-slider img {
    max-width: 100%;
}

.products-slider:after {
    display: none;
}
.share-block {
    visibility: hidden;
    margin-top: 65px;
    padding-top: 85px;
    background: transparent url("/assets/products/share.png") no-repeat left top;
    display: none;
}

/*.share-block a {*/
    /*display: inline-block;*/
    /*overflow: hidden;*/
    /*width: 0;*/
    /*height: 0;*/
    /*background: transparent url("/assets/products/facebook.png") no-repeat 0 0;*/
    /*cursor: pointer;*/
/*}*/
/*.share-block a.facebook {*/
    /*padding: 28px 85px 0 0;*/
    /*margin-right: 15px;*/

/*}*/
/*.share-block a.pin-it {*/
    /*padding: 31px 56px 0 0;*/
    /*background-image: url("/assets/products/pin-it.png");*/

/*}*/


.products-slider .slides li, .products-slider .slides ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.products-slider .slides li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.products-slider .slides img {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    /*max-width: 100%;*/
    height: 100%;
}

.products-slider .inquiry-button {
    position: relative;
    /*bottom: 0;*/
    height: 150px;
    background: #eee;
    width: 100%;
    margin-left: -25px;
    padding: 25px;
    z-index: 2;
    font-size:11px;
    font-weight:500;
}

.products-slider li article .inquiry-form {
    transition: top 0.5s ease;
    position: absolute;
    z-index: 0;
    background: #eee;
    padding: 115px 50px 40px 25px;
}
.products-slider li article.form-active .inquiry-form {
    top: 0 !important;

}
.stage button {
    border: 2px solid #000;
    padding: 5px 50px;
    background: transparent;
    display: block;
    transition: all 0.1s ease;
}
.stage button:hover {
    color: #fff;
    border-color: #000;
    background: #000;
}

#inquiry-form {
    display: none;
}

.products-slider li article .inquiry-form input, .products-slider li article .inquiry-form textarea {
    border: 1px solid #000;
    display: inline-block;
    width: 100%;
    line-height: 34px;
    margin-bottom: 8px;
    padding-left: 10px;
}
.products-slider li article .inquiry-form textarea {
    height: 200px;
    margin-top: 3px;
}
.products-slider li article .inquiry-form fieldset {
    padding-top: 28px;
}
.products-slider li article .inquiry-form span {
    display: block;
    font-size: 13px;
}
.products-slider li article .inquiry-form button {
    background: #000;
    color: #fff;
    transition: all 0.2s ease;
}
.products-slider li article .inquiry-form button:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.products-slider li article .inquiry-form a.close-form {
    position: absolute;
    top: 115px;
    right: 15px;
    width: 30px;
    height: 100px;
    background: transparent url("/assets/products/arrow-down.png") no-repeat 0 0;
    cursor: pointer;
}


.products-slider .form-active .inquiry-button {
    display: none;
}
.products-slider {
    margin-bottom: 170px;
}
.products-slider .next-prev {
    display: block;
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 100%;
    background: #fff;
    z-index: 5;
    padding: 10px 0 0 10px;
}
.products-slider .next-prev a {
    display: block;
    overflow: hidden;
    padding: 150px 150px 0 0;
    width: 0;
    height: 0;
    background: #000;
    cursor: pointer;
    position: absolute;
    top: -320px;

}
.products-slider .next-prev a:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    top: 0;
    left: 0;
    z-index: -1;
    transition: opacity 0.6s ease;
}
.products-slider .next-prev a:hover:before {
    opacity: 0.6;
}
.products-slider .next-prev a.prev {
    background: transparent url("/assets/products/prev.png") no-repeat center;
    left: 0;
}
.products-slider .next-prev a.next {
    background: transparent url("/assets/products/next.png") no-repeat center;
    right: 0;
}

.products-slider.info-open .next-prev a.prev, .products-slider.info-open .next-prev a.next {
    opacity: 0;
    visibility: hidden;
}

.products-slider .next-prev .meta-navigator.info-open {
    display: none;
}

.products-slider .next-prev .meta-navigator {
    position: absolute;
    bottom: 75px;
    width: 100%;
    left: 0;
}
.products-slider .next-prev .meta-navigator a {
    position: absolute;
    width: 150px;
    height: 150px;
    padding: 60px 20px;
    text-align: center;
    background: red;
    margin: -14% 0 0 -90px;
    display: none;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    transform: translate3d(1px, 1px, 0px)

}
.products-slider .next-prev .meta-navigator a.prev {
    display: block;
    background: transparent url("/assets/products/arrow-left.png") no-repeat top left;
}
.products-slider .next-prev .meta-navigator a.next {
    display: block;
    background: transparent url("/assets/products/arrow-right.png") no-repeat top right;
}
.products-slider .next-prev .meta-navigator.dark a.prev {
    background: transparent url("/assets/products/arrow-left-black.png") no-repeat top left;
    color: #000;
}
.products-slider .next-prev .meta-navigator.dark a.next {
    background: transparent url("/assets/products/arrow-right-black.png") no-repeat top right;
    color: #000;
}
.products-slider .next-prev ul {
    position: absolute;
    display: table;
    max-width: 66%;
    min-width: 150px;
}
.products-slider .next-prev ul li {
    background: #929292;
    border-right: 1px solid #fff;
    height: 20px;
    display: table-cell;
    cursor: pointer;
    background-size: 100%;
    opacity: 0.6;
    max-width: 50px;
    min-width: 22px;
    background-position: center;
    transition: opacity 0.6s ease;
}
.products-slider .next-prev ul li.active {
    background-color: #929292;
	border: 2px solid #000000;
    opacity: 1;
}
.products-slider .next-prev ul li:hover {
    background-color: #929292;
    opacity: 1;
}
.products-slider .next-prev > span {
    position: absolute;
    right: 10px;
    font-size: 25px;
    color: #000;
    line-height: 20px;
}





.products-slider {
    overflow: hidden;
}
.scroll-container {
    position: absolute;
    height: 100%;
    width: 33%;
    right: -34%;
    transition: right 0.7s ease;
    top: 0;
    background: #eee;
    z-index: 2;

}
.scroll-container > div {
    overflow: auto;
    height: 100%;
    margin-right: -20px;
}
.scroll-container.active {
    right: 0;
}
.scroll-container li, .scroll-container ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 2;

}
.scroll-container li {
    border: 1px solid #fff;
    border-bottom: none;
    cursor: pointer;
}
.scroll-container nav {
    background: #fff;
}


.stage.pre-footer {
    padding: 170px 0 80px;
    background: #4c4c4c;
    background-repeat: no-repeat;
    background-size: cover;
}
.stage.pre-footer.projects-outro {
    padding: 170px 0 80px;
    background: transparent url("/assets/projects/footer-teaser.jpg") no-repeat center top;
    background-size: cover;
}
/*@media (min-width: 1400px) {*/
    /*.stage.pre-footer.projects-outro {*/
        /*background: transparent url("/assets/projects/footer-teaser.jpg") no-repeat fixed center top;*/
    /*}*/
/*}*/




.stage.pre-footer article {
    text-align: center;
}
.stage.pre-footer p {
    font-size: 30px;
    color: #fff;
    font-weight: 200;
    margin-bottom: 40px;
	letter-spacing: 3px;
}
.stage.pre-footer p:after {
    content: " ";
    display: block;
    width: 25px;
    border-bottom: 1px solid #fff;
    margin: 15px auto;
}
.stage.pre-footer button:hover {
    width: 175px;
    display: inline-block;
    background: none;
    border: 2px solid #fff;
    padding: 15px;
    cursor: pointer;
    color: #fff;
	font-size:11px;
	letter-spacing:1px;
    transition: all 0.2s ease;
}
.stage.pre-footer .button:hover {
    /*border-color: #000;*/
    color: #000;
    background: #fff;
}


/* Project Detail */
.project-detail .content {
    /*opacity: 1;*/
    /*z-index: 2;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.project-detail .content img {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    max-width: 100%;
}

.project-detail .content article {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
}

.stage.project-detail h1 {
    background: none;
    color: #fff;
    font-size: 50px;
    font-weight: 300;
    margin: 0;
    text-align: left;
    padding-left: 72px;
    letter-spacing: 2px;
}
.stage.project-detail p {
    background: none;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 24px;
	font-weight: 200;
}
.stage.project-detail .navigation {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
.stage.project-detail .navigation a {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    padding: 50px 50px 0 0;
}
.stage.project-detail .navigation a.prev {
    left: 0;
    top: 0;
    background: transparent url("/assets/projects/arrow-left.png") no-repeat top left;
}.stage.project-detail .navigation a.next {
    right: 0;
    top: 0;
    background: transparent url("/assets/projects/arrow-right.png") no-repeat top right;
}

.stage.project-detail:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: 110px;
    height: 65px;
    background: transparent url("/assets/projects/hint.png") no-repeat 0 0;
    z-index: 15;

}

.products-slider.project-lookbook {
    padding-top: 170px;
    overflow: visible;
    margin-bottom: 40px;
}
.products-slider.project-lookbook h2 {
    position: absolute;
    top: 115px;
    background: transparent url("/assets/projects/lookbook-header.png") no-repeat 0px 10px;
    font-size: 16px;
    padding: 0px 20px 15px 0px;
    text-shadow: none;
}


.projects-summary ul.matrix {
    width: 80%;
   /* border: 1px solid #e9e9e9;
    margin-bottom: -1px;
    margin-left: 0;*/
}
.projects-summary ul.matrix li {
    text-align: center;
}
.projects-summary ul.matrix li img {
    width: 100%;
}
.projects-summary ul.matrix li:last-child {
    /*border-left: 1px solid #e9e9e9;
    margin-left: -1px;*/
}
.projects-summary ul.matrix li:first-child {
    /*border-right: 1px solid #e9e9e9;*/
}
.projects-summary h2 {
    text-shadow: none;
    font-size: 15px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 35px;
    margin-top: 0;
	letter-spacing:2px;
}
.projects-summary h3 {
    text-shadow: none;
    font-size: 19px;
    text-align: left;
	margin-bottom:30px;
}
.projects-summary ul.service {
    margin: 0 0 45px;
}
.projects-summary ul.service li {
    font-size: 30px;
    font-weight: 200;
}
.stage a.button {
    display: inline-block;
    background: none;
    border: 2px solid #fff;
    padding: 15px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease;
}
.stage a.button:hover {
    color: #000;
    background: #fff;
}

.button.dark {
    color: #000;
    border-color: #000;
	letter-spacing:1px;
	font-weight:500;
	font-size:11px;
}

.inline-slider {
    position: relative;
    min-height: 300px;
}
.inline-slider ul {
    margin: 0;
    padding: 0;
}
.inline-slider li {
    position: absolute;
    transition: opacity 1s ease;
    opacity: 0;
    width: 100%;
}
.inline-slider li img {
    width: 100%;
}
.inline-slider li.active {
    z-index: 2;
    opacity: 1;
}
.inline-slider nav {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -40px;
}
.inline-slider nav a {
    content: " ";
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 6px;
    background: #b2b2b2;
    border: 1px solid #b2b2b2;
    cursor: pointer;
    margin: 9px;
}
.inline-slider nav a.active {
    background: #4c4c4c;
    border-color: #4c4c4c;
}

.projects-approach p {
    max-width: 222px;
    font-weight: 200;
    font-size: 16px;
}
.projects-approach h2 {
    margin-top: 0;
    font-size: 30px;
    text-align: left;
    text-shadow: none;
}

.projects-approach {
    background: transparent url("/assets/projects/approach-rule.png") no-repeat bottom center;
    padding-bottom: 80px;
}


.stage.service-intro {
    padding-top: 200px;
}
.stage.service-intro h1 {
    margin: 0;
    text-align: left;
    background: transparent url("/assets/services/header.jpg") no-repeat left bottom;
    padding: 5px 0 10px 0;
}

.stage.inline-slider.service-slider {
    margin-bottom: 120px;
}

.stage.showroom {
    /*max-height: 960px;*/

}
.stage.showroom.service1 {
    color: #fffefe;
    background: transparent url("/assets/services/bg1.jpg") no-repeat center top;
    background-size: cover;
}

.stage.showroom .row {
    margin: 0 40px;
    padding-bottom: 50px;
}
.stage.showroom p {
    font-weight: 200;
    font-size: 16px;
}
.stage.showroom.service1 ul {
}

.stage.showroom.service1 .teaser {
    padding-top: 190px;
}

.stage.showroom.service1 h2 {

    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 100;
    background: transparent url("/assets/services/header1.png") no-repeat 0 0;
    padding: 17px 48px 17px 6px;
    letter-spacing: 2px;
    text-align: left;
    margin-left: 10px;
}


.stage.showroom.service1 .teaser p {

}





.stage.showroom h3 {
    font-size: 30px;
}


.stage.showroom.service2 {
    color: #000;
    background: transparent url("/assets/services/bg2.jpg") no-repeat center top;
    background-size: cover;
}
.stage.showroom.service2 > .row {
    padding-top: 200px;
}
.stage.showroom.service2 .row .row {
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
}
.stage.showroom.service2 h2 {
    margin: 0;
    background: transparent url("/assets/services/header2.png") no-repeat 0 0;
    padding: 16px 16px 16px 7px;
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 200;
    text-shadow: none;
    letter-spacing: 2px;
}
.stage.service3 h2 {
    margin-top: 170px;
    background: transparent url("/assets/services/header3.png") no-repeat 0 0;
    padding: 18px 18px 18px 5px;
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 200;
    text-shadow: none;
    letter-spacing: 2px;
    margin-bottom: 45px;
}
.stage.service3 li {
    position: relative;
    margin-bottom: 30px;
}
.stage.service3 li img {
    width: 100%;
    border: 1px solid #ccc;
}

.stage.service-office {

}
.stage.service-office img {
    width: 100%;
}



.stage.service3 h3 {
    margin-bottom: 45px;
}

.stage.imprint-intro {
    padding-top: 200px;
}
.stage.imprint-intro h1 {
    margin: 0;
    text-align: left;
    background: transparent url("/assets/imprint/header.png") no-repeat left bottom;
    padding: 7px 0 14px 13px;
    margin-bottom: 50px;
}
.stage.imprint-intro p {
    font-size: 16px;
    font-weight: 200;
}

.stage.about-intro {
    padding-top: 200px;
}
.stage.about-intro h1 {
    margin: 0;
    text-align: left;
    background: transparent url("/assets/about/header.png") no-repeat left bottom;
    padding: 7px 0 14px 13px;
    margin-bottom: 50px;
}

.stage.about1 {
    background: transparent url("/assets/about/bg.png") repeat;
}
.stage.about1 .row {
    padding-top: 190px;
}
.stage.about1 h2 {
    margin: 0;
    background: transparent url("/assets/about/header1.png") no-repeat 0 0;
    padding: 11px 16px 16px 5px;
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 200;
    text-shadow: none;
    letter-spacing: 2px;
    margin-bottom: 100px;
}
.stage.about1 img {
    width: 100%;
    max-width: 500px;
    margin-bottom: 50px;
}


.about-team h2 {
    margin: 0;
    background: transparent url("/assets/about/header2.png") no-repeat 0 0;
    padding: 11px 16px 16px 5px;
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 200;
    text-shadow: none;
    letter-spacing: 2px;
    margin-bottom: 100px;
}

ul.team-member {
    margin-bottom: 25px;
}
ul.team-member li {
    margin-bottom: 20px;
}
ul.team-member li a {
    display: block;
    border: 2px solid #000;
    width: 100%;
    min-height: 150px;
    text-align: center;
    position: relative;
}
ul.team-member li a:after {
    content: " ";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000 url("/assets/about/cross.png") no-repeat center;
    opacity: 0;
    transition: opacity 0.6s ease;
}
ul.team-member li a.active:after {
    opacity: 1;
}

ul.team-member li h3 {
    font-size: 20px;
    text-shadow: none;
    font-weight: 300;
    position: absolute;
    top: 25%;
    text-align: center;
    width: 100%;
}
ul.team-member li h3 small {
    font-weight: 200;
    font-size: 13px;
    display: block;
}



ul.team-business-cards {
    margin-bottom: 25px;
}
ul.team-business-cards li {
    background: #f8f8f8;
    margin: 0;

}
ul.team-business-cards figure {
    /*margin: 0;*/
    padding: 0;
    margin: 0;
    margin-bottom: 1px;
}
ul.team-business-cards figure img {
    width: 100%;
}
ul.team-business-cards li > div {
    padding-right: 20px;
}
ul.team-business-cards h1 {
    font-size: 30px;
    font-weight: 400;
    margin: 100px 0 0;
    background: none;
    text-align: left;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
}
ul.team-business-cards h2 {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    background: none;
    text-transform: uppercase;
    text-align: left;
}
ul.team-business-cards p {
    font-size: 16px;
    font-weight: 200;
}
ul.team-business-cards dl {
    margin: 0;
    padding: 0;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 25px;
}
ul.team-business-cards dt {
    display: inline-block;
    width: 15%;
    padding: 0;
    margin: 0;
    font-size: 16px;
    text-transform: none;
    font-weight: 200;

}
ul.team-business-cards dd {
    display: inline-block;
    width: 72%;
    font-size: 16px;
    font-weight: 200;

}
ul.team-business-cards dd a {
    font-weight: 400;
}

.stage.about-press {
    background: #f8f8f8;
}
.about-press h2 {
    margin: 0;
    background: transparent url("/assets/about/header3.png") no-repeat 0 0;
    padding: 11px 16px 16px 5px;
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 200;
    text-shadow: none;
    letter-spacing: 2px;
    margin-bottom: 100px;
}
/*http://davidwalsh.name/css-flip */
.stage.about-press ul .back {

    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000 url("/assets/about/close.png") no-repeat top right;
    color: #fff;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform: rotateX(180deg) translateZ(1px);
    transform: rotateY(180deg);
    text-align: center;

}
.stage.about-press ul .back h3 {
    font-size: 15px;
    background: none;
    margin: 50px 5px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.stage.about-press ul .back p {
    font-size: 14px;
    background: none;
    font-weight: 200;
    line-height: 17px;
    padding: 5px 10px;
}
.stage.about-press ul .back span {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 9;
    text-align: center;
    webkit-transform: translateZ(5px);
}
.stage.about-press ul .back a {
    text-transform: uppercase;
    display: block;
    color: #fff;
    margin: 0 auto;
    padding-right: 30px;
    font-weight: 400;
    font-size: 12px;
    background: transparent url("/assets/about/pdf.png") no-repeat top right;
    padding-bottom: 5px;
    position: relative;
    z-index: 5;
}
.stage.about-press ul .back:hover a {
    -webkit-transform: none;
}
.stage.about-press ul .front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #fff;*/
    text-align: center;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;



}
.stage.about-press ul li > div {
    position: relative;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1);
    z-index: 0;
}
.stage.about-press ul .front span {
    position: absolute;
    top: 50%;
    font-size: 13px;
    font-weight: 200;
    display: block;
    width: 100%;
}
.stage.about-press ul li {
    min-height: 150px;
    margin-bottom: 15px;
    perspective: 1000;
    -webkit-perspective: 1000px;
    position: relative;
    z-index: 0;

}
.stage.about-press ul .front img {
    width: 80%;
    margin-top: 10%;
}

.stage.about-press ul li.active > div {
    -webkit-transform: rotateX(180deg);
    transform: rotateY(180deg);
}
.stage.about-press ul li.active .back {
    /*-webkit-backface-visibility: visible;*/
    z-index: 5;
}
.stage.about-press ul li.active .front {
    /*-webkit-backface-visibility: visible;*/
    /*z-index: 0;*/
}
.stage.contact-intro {
    padding-top: 200px;
}
.stage.contact-intro h1 {
    margin-top: 0;
    text-align: left;
    background: transparent url("/assets/contact/header.png") no-repeat left bottom;
    padding: 7px 0 14px 4px;
    margin-bottom: 50px;
}
.stage.contact-intro dl {
    max-width: 250px;
    width: 100%;
}
.stage.contact-intro dt, .stage.contact-intro dd {
    font-size: 16px;
    display: inline-block;
    padding: 0;
    text-transform: none;
    font-weight: 300;
}
.stage.contact-intro dt {
    width: 20%;
}
.stage.contact-intro dt {
    width: 72px;
}

.stage.contact-address {
    background: #000;
}
.stage.contact-address h2 {
    margin-top: 50px;
    text-align: left;
    /*background: transparent url("/assets/contact/header.png") no-repeat left bottom;*/
    /*padding: 7px 0 14px 4px;*/
    margin-bottom: 50px;
    text-shadow: none;
    color: #fff;
    font-size: 37px;
    font-weight: 200;
}
.stage.contact-address address {
    margin-top: 50px;
    color: #fff;
    font-weight: 100;
    font-size: 16px;
}
.contact-map {
    position: relative;
    height: 820px;
    overflow: hidden;
}


.stage.dark a, .stage.dark a:link, .stage.dark a:visited {
    color: #fff;
}

#map img {
    width: 100%;
}


#intro {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: -100%;
    bottom: 0;
    z-index: 20;
    background: #000;
    background-size: 100%;
    -webkit-animation: startIntro 7s ease-in;
    -moz-animation: startIntro 7s ease-in;
    animation: startIntro 7s ease-in;
}
#intro .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #000 url("/assets/intro/back.jpg") no-repeat center;
    -webkit-animation: introBack 7s linear;
    -moz-animation: introBack 7s linear;
    animation: introBack 7s linear;
    z-index: 22;
    bottom: 0;
    right: 0;
}

#intro img {
    bottom: 65%;
    -webkit-animation: introLogo 7s linear;
    -moz-animation: introLogo 7s linear;
    animation: introLogo 7s linear;
    position: absolute;
    left: calc(50% - 113px);
}
#intro p {
    bottom: 46%;
    -webkit-animation: introText 7s linear;
    -moz-animation: introText 7s linear;
    animation: introText 7s linear;
    color: #fff;
    position: absolute;
    font-size: 20px;
    text-align: center;

    display: block;
    width: 100%;
    font-weight: 100;
}

.intro #intro {
    display: block;
}

ul.share-block {
    padding: 0;
    margin: 0;
    position: absolute;
    display: block;
    max-width: inherit;
    max-height: inherit;
    right: 10%;
    top: inherit;
    padding-left: 180px;
    width: 280px;
    background: transparent url("/assets/share/share.png") no-repeat 0 bottom;
    visibility: visible;
    bottom: 0;
    z-index: 5;
    height: 23px;
}
ul.share-block li {
    display: inline-block;
    text-align: center;
    width: 30px;
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: none;
    background: none;
    border: none;
    min-width: inherit;
    max-width: inherit;
    height: inherit;
}
ul.share-block li a {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 23px 30px 0 0;
    position: static;
    top: inherit;
    left: inherit;
    right: inherit;
    margin: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
}
ul.share-block li a:before {
    display: none;
}
ul.share-block li a.facebook {
    background-image: url("/assets/share/facebook.png");
}
ul.share-block li a.pinterest {
    background-image: url("/assets/share/pinterest.png");
}
ul.share-block li a.instagram {
    background-image: url("/assets/share/instagram.png");
}
ul.share-block li a.facebook:hover {
    background-image: url("/assets/share/facebook.png");
}
ul.share-block li a.pinterest:hover {
    background-image: url("/assets/share/pinterest.png");
}
ul.share-block li a.instagram:hover {
    background-image: url("/assets/share/instagram.png");
}
















@media (max-width: 992px)  {
    .stage.news {
        padding-left: 0;
        padding-right: 0;
    }
    .stage.news h1 {
        margin-left: 50px;
    }
    .stage.news article > div {
        padding: 0 50px;
    }
    .stage.news article > div.image {
        padding: 0 0 30px;
    }
    .stage.news h2 {
        margin: 20px 0 40px;
        position: relative;
    }
    .stage.news h2:after {
        content: " ";
        display: inline-block;
        width: 30px;
        border-bottom: 1px solid #000;
        position: absolute;
        bottom: -20px;
        left: 0;
    }
    .stage.thumbs ul li a:after {
        transition: none;
    }

    .paging .next a, .paging .prev a {
        width: 0;
        height: 0;
        overflow: hidden;
        display: block;
        padding-bottom: 0;
        padding-top: 30px;
    }

    .stage.project-detail p {
        padding: 0 70px 0 0;
        max-height: 150px;
        overflow: hidden;
    }

    .stage.project-detail h1 {
        padding-left: 0;
        font-size: 28px;
        margin-bottom: 170px;
    }

    .project-detail .content article {
        width: inherit;
        top: 0;
        margin: 110px 50px;

    }

    .stage.showroom.service2 > .row {
        padding-top: 90px;
    }

    .stage.showroom.service1 {

    }

    .stage.showroom.service1 ul {
        margin-top: 20px;
    }

    .stage.showroom.service1 .teaser {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 90px;
    }

    /* Service: Scrollables */

    .scrollable-wrapper > div {
        overflow: auto;
        width: 100%;
        position: absolute;
    }
    .scrollable-wrapper {
        overflow: hidden;
        width: 100%;
        position: relative;
        height: 136px;
    }
    .row.scrollable {

    }
    .row.scrollable .col-md-1 {
        width: 120px;
        display: inline-block;
    }
    .row.scrollable .col-md-1 img {
        width: 100%;
    }





}



@media (max-width: 1100px) {
    header nav ul {
        /*display: none;*/
    }
    header {
        position: absolute;
        overflow: visible;
    }
    a.toggle-header {
        background: transparent url("/assets/head/burger-light.png") no-repeat right top;
        display: block;
        height: 50px;
        width: 50px;
        position: absolute;
        top: 25px;
        right: 30px;
        cursor: pointer;
        z-index: 15;
    }
    a.toggle-header.dark {
        background-image: url("/assets/head/burger-dark.png");
    }
    a.toggle-header.dark.open {
        background-image: url("/assets/head/burger-light.png");
    }

    header .logo {
        margin: 15px 0 0 30px;
        z-index: 12;
    }

    .slideshow .navigation {
        right: 30px;
        bottom: 40px;
    }
    .slideshow .navigation li {
        margin-left: 10px;
    }
    .slideshow .navigation .active a {
        border-color: #fff;
    }
    .slideshow .navigation a {
        display: block;
        padding: 5px;
        border: 1px solid #918881;
        border-radius: 5px;
        overflow: hidden;
        width: 0;
        height: 0;
        background-color: #918881;
    }
    h1 {
        margin-top: 40px;
    }
    .slideshow article {
        width: auto;
        margin-right: 50px;
        top: 20%;
        line-height: 270%;


    }
    .slideshow article h1, .slideshow article p {
        font-size: 250%;
    }

    .stage.dark {
        padding-top: 0px;
    }

    h1.news, h1.services {
        position: relative;
    }
    .stage.dark .col-md-5 {
        padding-top: 60px;
    }
    .stage.footer ul {
        margin-top: 50px;
    }

    header.toggle-open {
        overflow: visible;
        position: absolute;
    }
    header nav {
        /*display: none;*/
        float: none;
        z-index: 5;
        position: absolute;
        width: 100%;
        top: -1000px;
        background: #000;
        transition: top 0.6s ease, height 0.6s ease;
    }
    .toggle-open nav {
        z-index: 5;
        top: 0;
    }
    header.dark nav li a {
        color: #fff;
    }

    header.toggle-open ul {
        display: block;
        width: 80%;
        margin: 80px auto 0;
    }

    header.toggle-open .logo {
        
        position: absolute;
    }
    header.dark.toggle-open .logo {
        background-image: url("/assets/head/logo-light.png");
    }
    header nav li {
        margin: 0;
        display: inline-block;
        float: none;
        padding: 15px;
        border-bottom: 1px solid #2d2d2d;
        text-align: center;
        width: 100%;

        /*border-image: url("/assets/menu/1.png") 2 2 2 2 stretch;*/
    }





    nav li.active:before, nav li:hover:before {
        display: none;
    }


    .products-slider nav {
        display: none;
    }

    .products-slider article {
        display: none;
    }


    header.dark nav li.it-pieces a {
        background: transparent url("/assets/head/the-it-pieces-light.png") no-repeat left 0px;
    }

    .stage.about-team, .stage.about-press {
        padding-right: 0;
        padding-left: 0;
    }
    .stage.about-press ul .back p {
        display: none;
    }



}
@media (orientation: landscape) {

    .fullscreen .slides img, .project-detail .content img {
        max-width: 130%;
    }


}
@media (orientation: portrait) {

    .fullscreen .slides img, .project-detail .content img {
        max-width: inherit;
        max-height: 100%;
    }

}

@media (max-width: 1100px) and (orientation: landscape) {
    .slideshow article {
        top: 25%;
        max-width: 500px;
    }
    .slideshow article h1, .slideshow article p {
        font-size: 200%;
    }
}

@media (max-width: 990px) {

    .products-slider h2 {
        position: static;
        text-align: center;
        background: transparent url("/assets/products/header-living-bg.png") no-repeat top center;
        padding: 18px 0 27px 2px;
        margin: -10px 0 20px;
    }
    .products-slider h2.dining {
        background-image: url("/assets/products/header-dining-bg.png");
        margin: 0px 0 20px 10px;
    }.products-slider h2.sleeping {
        background-image: url("/assets/products/header-sleeping-bg.png");
        margin: 0px 0 20px 10px;
    }.products-slider h2.lighting {
        background-image: url("/assets/products/header-lighting-bg.png");
        margin: 10px 0 29px -12px;
    }.products-slider h2.tw {
        background-image: url("/assets/products/header-textiles-bg.png");
        margin: -7px 0 29px -11px;
    }.products-slider h2.carpets {
        background-image: url("/assets/products/header-carpets-bg.png");
        margin: 1px 0 29px -11px;
    }


    .products-slider h2 span {
        display: inline-block;
    }

    .products-slider h2.dining span {
        margin: -11px 0 29px -15px;
    }.products-slider h2.sleeping span {
        margin: -11px 0 29px 4px;
    }.products-slider h2.lighting span {
        margin: -7px 0 29px -11px;
    }.products-slider h2.tw span {
        margin: 0px 0 29px 0px;
    }.products-slider h2.carpets span {
        margin: -11px 0 26px 12px;
    }
    .products-slider > ul {
        position: relative;
    }




    .stage.thumbs.projects .header h2 {
        position: relative;
        margin: 0 auto;
        top: inherit;
        margin-bottom: 45px;
    }

}


@media (min-width: 1100px) {
    .products-slider ul.slides {
        min-height: 500px;
    }
}

/* ABC-Navi der Home auf dem iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .slideshow .navigation a {
        display: block;
        padding: 8px 14px;
        border: 1px solid #fff;
        border-radius: 20px;
        color: #fff;
        cursor: pointer;
        width: 39px;
        height: 38px;
        background-color: transparent;

    }
}

/* Initial müssen wir manchmal ganz ganz schnell CSS-Änderungen vornehmen können, dazu bekommt das Element diese Klasse   */

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}
/* wir benutzen 3d, wegen der Performance: http://jsperf.com/translate3d-vs-xy/23 */
@-webkit-keyframes moveToLeft {
    from { }
    to { -webkit-transform: translate3d(-100%, 0px, 0px); }
}
@-moz-keyframes moveToLeft {
    from { }
    to { -moz-transform: translate3d(-100%, 0px, 0px) perspective(200px); }
}

@keyframes moveToLeft {
    from { }
    to { -webkit-transform: translate3d(-100%, 0px, 0px); -moz-transform: translate3d(-100%, 0px, 0px); transform: translateX(-100%, 0px, 0px); }
}


@-webkit-keyframes moveToRight {
    from { }
    to { -webkit-transform: translate3d(100%, 0px, 0px); }
}
@-moz-keyframes moveToRight {
    from { }
    to { -moz-transform: translate3d(100%, 0px, 0px) perspective(200px); }
}
@keyframes moveToRight {
    from { }
    to { -webkit-transform: translate3d(100%, 0px, 0px); -moz-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes startIntro {
    0% {
        background: #000;
        display: block;
        top: 0;
    }
    92% {
        top: 0;
    }
    99% {
        top: -100%;
    }
    100% {
        display: none;
    }
}
@-moz-keyframes startIntro {
    0% {
        background: #000;
        display: block;
        top: 0;
    }
    92% {
        top: 0;
    }
    99% {
        top: -100%;
    }
    100% {
        display: none;
    }
}
@keyframes startIntro {
    0% {
        background: #000;
        display: block;
        top: 0;
    }
    92% {
        top: 0;
    }
    99% {
        top: -100%;
    }
    100% {
        display: none;
    }
}


@-webkit-keyframes introBack {
    0% {
        opacity: 0;
        background: #000 url("/assets/intro/back.jpg") no-repeat center;

    }
    20% {
        opacity: 1;
        background: #000 url("/assets/intro/back.jpg") no-repeat center;

    }

    100% {

        opacity: 1;

    }
}
@-moz-keyframes introBack {
    0% {
        opacity: 0;
        background: #000 url("/assets/intro/back.jpg") no-repeat center;

    }
    20% {
        opacity: 1;
        background: #000 url("/assets/intro/back.jpg") no-repeat center;

    }

    100% {
        opacity: 1;

    }
}
@keyframes introBack {
    0% {
        opacity: 0;
        background: #000 url("/assets/intro/back.jpg") no-repeat center;

    }
    20% {
        opacity: 1;
        background: #000 url("/assets/intro/back.jpg") no-repeat center;

    }

    100% {
        opacity: 1;

    }
}
@-webkit-keyframes introLogo {
    0% {
        opacity: 0;


    }
    20% {
        opacity: 0;


    }
    40% {
        opacity: 1;
    }

    100% {

        opacity: 1;

    }
}
@-moz-keyframes introLogo {
    0% {
        opacity: 0;


    }
    20% {
        opacity: 0;


    }
    40% {
        opacity: 1;
    }

    100% {

        opacity: 1;

    }
}
@keyframes introLogo {
    0% {
        opacity: 0;


    }
    20% {
        opacity: 0;


    }
    40% {
        opacity: 1;
    }

    100% {

        opacity: 1;

    }
}
@-webkit-keyframes introText {
    0% {
        opacity: 0;


    }
    30% {
        opacity: 0;


    }
    50% {
        opacity: 1;
    }

    100% {

        opacity: 1;

    }
}
@-moz-keyframes introText {
    0% {
        opacity: 0;


    }
    30% {
        opacity: 0;


    }
    50% {
        opacity: 1;
    }

    100% {

        opacity: 1;

    }
}
@keyframes introText {
    0% {
        opacity: 0;


    }
    30% {
        opacity: 0;


    }
    50% {
        opacity: 1;
    }

    100% {

        opacity: 1;

    }
}