@charset "UTF-8";
/* media CSS */


/*Medie Queries
############################################################################*/
@media only screen and (min-width: 1000px) {
	
}

@media only screen and (max-width: 1655px) { /* :1.2 */
    /* TYPO */
    #main p.big {
        font-size: 3.7em;
    }
    .start-anchor a {
        font-size: 3.4em;
    }
    #leistungen .block-02 .service p.spacer {
        font-size: 2.5em;
    }
    .standard h1,
    .service h2,
    #main ul.nav-single {
        font-size: 2.1em;
    }
    #leistungen .block-02 .services li:after {
        font-size: 1.6em;
    }
    h1, h2, h3,
    #main p, #main ul,
    #main ul li:before,
    #nav ul > li > a,
    #sub-nav ul > li > a {
        font-size: 1.5em;
    }
    
    .inside {
        width: 125em;
    }
    
    /* PROPORTIONS */
    .start-anchor {
        padding: 2.5em 0;
    }
    #header {
        height: 9.2em;
    }
    #header img.left {
        width: 12em;
    }
    #header img.right {
        width: 12.5em;
    }
    #header img.left,
    #header img.right {
        margin-bottom: 2.7em;
    }
    #nav {
        margin-bottom: 1.7em;
    }
    #nav ul > li {
        margin: 0 2.1em;
    }
    
    #main {
        padding-bottom: 10em;
    }
    .start #main {
        padding-top: 20em;
    }
    .leistungen #main {
        padding-top: 16.7em;
    }
    .kuechen #main {
        padding-top: 13em;
    }
    .innenausbau #main,
    .innenausbau-single #main,
    .standard #main {
        padding-top: 15.5em;
    }
    .kontakt #main {
        padding-top: 18.8em;
    }
    #simon-luy,
    #luy-partners {
        margin-bottom: 9em;
    }
    #simon-luy .block-01 {
        margin-bottom: 7.7em;
    }
    #simon-luy .block-02 figcaption {
        margin-top: 5.8em;
    }
    #simon-luy .block-03 {
        margin-top: -18.3em;
        margin-bottom: 7.5em;
    }
    #simon-luy .block-03 figure,
    #simon-luy .block-03 img,
    #luy-partners .block-01 .partners li,
    #innenausbau-single .gallery img {
        margin-bottom: 2.5em;
    }
    #luy-partners .block-01 {
        margin-bottom: 20em;
    }
    #luy-partners .block-01 .partners {
        margin-top: 4em;
        margin-bottom: 4em;
    }
    #luy-partners .block-02 {
        margin-bottom: 16.7em;
    }
    #luy-partners .block-02 p,
    #innenausbau-cpt .block-01 .zoom-container,
    #innenausbau-cpt .block-03 .zoom-container,
    #innenausbau-cpt .block-05 .zoom-container {
        margin-bottom: 2.7em;
    }
    #luy-partners .block-03 {
        margin-bottom: 11.8em;
    }
    #luy-partners .block-03 .gallery {
        margin-top: 12.8em;
    }
    #leistungen .block-02 {
        margin-top: -8.9em;
    }
    #leistungen .block-02 p.big {
        margin-bottom: 2em;
    }
    #leistungen .block-02 .services li {
        padding-bottom: 1.8em;
        margin-bottom: 1em;
    }
    #leistungen .block-02 .service .toggle-content {
        padding-top: 1.5em;
    }
    #kuechen .block-01 {
        margin-bottom: 3.7em;
    }
    #kuechen .block-01 img.first {
        margin-top: 37.5em;
    }
    #kuechen .block-02 {
        margin-bottom: 5.7em;
    }
    #kuechen .block-03 .left {
        margin-top: 15.7em;
    }
    #kuechen .block-03 .left img {
        margin-bottom: 3.8em;
    }
    #innenausbau-intro {
        top: 26.3em;
    }
    #innenausbau-cpt .block-02 {
        margin-top: 21.2em;
    }
    #innenausbau-cpt .block-02 p {
        margin-bottom: 1.3em;
    }
    #innenausbau-cpt .block-03,
    #innenausbau-cpt .block-05 {
        margin-top: -7.1em;
    }
    #innenausbau-cpt .block-04 {
        margin-top: 19.3em;
    }
    #innenausbau-cpt .block-04 p {
        margin-bottom: 1.3em;
    }
    #innenausbau-single .gallery {
        margin: 3.3em 0;
    }
    #kontakt .block-02 .left img {
        margin-bottom: 7.2em;
    }
    #kontakt .block-02 .right {
        margin-top: 30.25em;
    }

    #footer {
        padding-top: 5.2em;
        padding-bottom: 5.2em;
    }
    #sub-nav ul > li {
        margin-left: 4.2em;
    }
    #sub-nav ul > li > a {
        padding-bottom: 1.5em;
    }
}

@media only screen and (max-width: 1380px) {
    .inside {
        width: 100%;
    }
    #innenausbau-intro {
        width: 40%; /* 600/1500 */
    }
}

@media only screen and (max-width: 1200px) { /* :1.1 */
    /* TYPO */
    #main p.big {
        font-size: 3.4em;
    }
    .start-anchor a {
        font-size: 3.2em;
    }
    #leistungen .block-02 .service p.spacer {
        font-size: 2.3em;
    }
    .standard h1,
    .service h2,
    #main ul.nav-single {
        font-size: 1.9em;
    }
    #leistungen .block-02 .services li:after {
        font-size: 1.5em;
    }
    h1, h2, h3,
    #main p, #main ul,
    #main ul li:before,
    #nav ul > li > a,
    #sub-nav ul > li > a {
        font-size: 1.4em;
    }
    
    /* PROPORTIONS */
    .start-anchor {
        padding: 2.3em 0;
    }
    #header {
        height: 8.4em;
    }
    #header img.left {
        width: 11em;
    }
    #header img.right {
        width: 11.4em;
    }
    #header img.left,
    #header img.right {
        margin-bottom: 2.5em;
    }
    #nav {
        margin-bottom: 1.5em;
    }
    #nav ul > li {
        margin: 0 1.9em;
    }
    
    #main {
        padding-bottom: 9.1em;
    }
    .start #main {
        padding-top: 18.2em;
    }
    .leistungen #main {
        padding-top: 15.2em;
    }
    .kuechen #main {
        padding-top: 11.8em;
    }
    .innenausbau #main,
    .innenausbau-single #main,
    .standard #main {
        padding-top: 14.1em;
    }
    .kontakt #main {
        padding-top: 17.1em;
    }
    #simon-luy,
    #luy-partners {
        margin-bottom: 8.2em;
    }
    #simon-luy .block-01 {
        margin-bottom: 7em;
    }
    #simon-luy .block-02 figcaption {
        margin-top: 5.3em;
    }
    #simon-luy .block-03 {
        margin-top: -16.6em;
        margin-bottom: 6.8em;
    }
    #simon-luy .block-03 figure,
    #simon-luy .block-03 img,
    #luy-partners .block-01 .partners li,
    #innenausbau-single .gallery img {
        margin-bottom: 2.3em;
    }
    #luy-partners .block-01 {
        margin-bottom: 18.2em;
    }
    #luy-partners .block-01 .partners {
        margin-top: 3.6em;
        margin-bottom: 3.6em;
    }
    #luy-partners .block-02 {
        margin-bottom: 15.2em;
    }
    #luy-partners .block-02 p,
    #innenausbau-cpt .block-01 .zoom-container,
    #innenausbau-cpt .block-03 .zoom-container,
    #innenausbau-cpt .block-05 .zoom-container {
        margin-bottom: 2.5em;
    }
    #luy-partners .block-03 {
        margin-bottom: 10.7em;
    }
    #luy-partners .block-03 .gallery {
        margin-top: 11.6em;
    }
    #leistungen .block-02 {
        margin-top: -8.2em;
    }
    #leistungen .block-02 p.big {
        margin-bottom: 1.8em;
    }
    #leistungen .block-02 .services li {
        padding-bottom: 1.7em;
        margin-bottom: 0.9em;
    }
    #leistungen .block-02 .service .toggle-content {
        padding-top: 1.4em;
    }
    #kuechen .block-01 {
        margin-bottom: 3.4em;
    }
    #kuechen .block-01 img.first {
        margin-top: 34.1em;
    }
    #kuechen .block-02 {
        margin-bottom: 5.2em;
    }
    #kuechen .block-03 .left {
        margin-top: 14.3em;
    }
    #kuechen .block-03 .left img {
        margin-bottom: 3.5em;
    }
    #innenausbau-intro {
        top: 23.9em;
    }
    #innenausbau-cpt .block-02 {
        margin-top: 19.3em;
    }
    #innenausbau-cpt .block-02 p {
        margin-bottom: 1.2em;
    }
    #innenausbau-cpt .block-03,
    #innenausbau-cpt .block-05 {
        margin-top: -6.5em;
    }
    #innenausbau-cpt .block-04 {
        margin-top: 17.5em;
    }
    #innenausbau-cpt .block-04 p {
        margin-bottom: 1.3em;
    }
    #innenausbau-single .gallery {
        margin: 3em 0;
    }
    #kontakt .block-02 .left img {
        margin-bottom: 6.5em;
    }
    #kontakt .block-02 .right {
        margin-top: 27.5em;
    }

    #footer {
        padding-top: 4.7em;
        padding-bottom: 4.7em;
    }
    #sub-nav ul > li {
        margin-left: 3.8em;
    }
    #sub-nav ul > li > a {
        padding-bottom: 1.4em;
    }
}

@media only screen and (max-width: 1040px) { /* :1.15 */
    /* TYPO */
    #main p.big {
        font-size: 3em;
    }
    .start-anchor a {
        font-size: 3em;
    }
    #leistungen .block-02 .service p.spacer {
        font-size: 2em;
    }
    .fsize-medium {
        font-size: 1.4em;
    }
    .fsize-large {
        font-size: 1.8em;
    }
    
    /* PROPORTIONS */
    .start-anchor {
        padding: 2em 0;
    }
    #header {
        height: 7.4em;
    }
    #header img.left {
        width: 9.6em;
    }
    #header img.right {
        width: 10em;
    }
    #header img.left,
    #header img.right {
        margin-bottom: 2.2em;
    }
    #nav {
        margin-bottom: 1.3em;
    }
    #nav ul > li {
        margin: 0 1.6em;
    }
    
    #main {
        padding-bottom: 8em;
    }
    .start #main {
        padding-top: 15.8em;
    }
    .leistungen #main {
        padding-top: 13.2em;
    }
    .kuechen #main {
        padding-top: 10.3em;
    }
    .innenausbau #main,
    .innenausbau-single #main,
    .standard #main {
        padding-top: 12.3em;
    }
    .kontakt #main {
        padding-top: 14.9em;
    }
    #simon-luy,
    #luy-partners {
        margin-bottom: 7.1em;
    }
    #simon-luy .block-01 {
        margin-bottom: 6.1em;
    }
    #simon-luy .block-02 figcaption {
        margin-top: 4.6em;
    }
    #simon-luy .block-03 {
        margin-top: -14.4em;
        margin-bottom: 5.9em;
    }
    #simon-luy .block-03 figure,
    #simon-luy .block-03 img,
    #luy-partners .block-01 .partners li,
    #innenausbau-single .gallery img {
        margin-bottom: 2em;
    }
    #luy-partners .block-01 {
        margin-bottom: 15.8em;
    }
    #luy-partners .block-01 .partners {
        margin-top: 3.1em;
        margin-bottom: 3.1em;
    }
    #luy-partners .block-02 {
        margin-bottom: 13.2em;
    }
    #luy-partners .block-02 p,
    #innenausbau-cpt .block-01 .zoom-container,
    #innenausbau-cpt .block-03 .zoom-container,
    #innenausbau-cpt .block-05 .zoom-container {
        margin-bottom: 2.2em;
    }
    #luy-partners .block-03 {
        margin-bottom: 9.3em;
    }
    #luy-partners .block-03 .gallery {
        margin-top: 10.1em;
    }
    #leistungen .block-02 {
        margin-top: -7.5em;
    }
    #leistungen .block-02 p.big {
        margin-bottom: 1.6em;
    }
    #leistungen .block-02 .services li {
        padding-bottom: 1.6em;
        margin-bottom: 0.8em;
    }
    #leistungen .block-02 .service .toggle-content {
        padding-top: 1.2em;
    }
    #kuechen .block-01 {
        margin-bottom: 3em;
    }
    #kuechen .block-01 img.first {
        margin-top: 29.7em;
    }
    #kuechen .block-02 {
        margin-bottom: 4.5em;
    }
    #kuechen .block-03 .left {
        margin-top: 12.4em;
    }
    #kuechen .block-03 .left img {
        margin-bottom: 3em;
    }
    #innenausbau-intro {
        top: 20.8em;
    }
    #innenausbau-cpt .block-02 {
        margin-top: 16.8em;
    }
    #innenausbau-cpt .block-02 p {
        margin-bottom: 1.1em;
    }
    #innenausbau-cpt .block-03,
    #innenausbau-cpt .block-05 {
        margin-top: -5.7em;
    }
    #innenausbau-cpt .block-04 {
        margin-top: 15.2em;
    }
    #innenausbau-cpt .block-04 p {
        margin-bottom: 1.1em;
    }
    #innenausbau-single .gallery {
        margin: 2.6em 0;
    }
    #kontakt .block-02 .left img {
        margin-bottom: 5.7em;
    }
    #kontakt .block-02 .right {
        margin-top: 24em;
    }

    #footer {
        padding-top: 4.1em;
        padding-bottom: 4.1em;
    }
    #sub-nav ul > li {
        margin-left: 3.3em;
    }
    #sub-nav ul > li > a {
        padding-bottom: 1.4em;
    }
}

@media only screen and (max-width: 940px) { /* RESPONSIVE NAV */
    #nav, #footer {
		display: none;
	}
	.open-nav, #responsive-nav {
		display: block;
	}
    #header {
        padding: 0 3.6em;
    }
    #header img.left,
    #header img.right {
        margin-bottom: 2.2em;
    }
    .open-nav {
        margin-bottom: 1.8em;
    }
    #kuechen .block-01 img.first {
        margin-top: 23em;
    }
    #innenausbau-intro {
        top: 14em;
    }
    
    /* TYPO */
    #main p.big {
        font-size: 2.6em;
    }
    .fsize-medium {
        font-size: 1.2em;
    }
    .fsize-large {
        font-size: 1.6em;
    }
}

@media only screen and (max-width: 740px) { /* UMBAU MARGINS */
    /* TYPO */
    #main p.big {
        font-size: 2.2em;
    }
    #leistungen .block-02 .service p.spacer {
        font-size: 1.9em;
    }
    .standard h1,
    .service h2,
    #main ul.nav-single {
        font-size: 1.7em;
    }
    #leistungen .block-02 .services li:after {
        font-size: 1.4em;
    }
    h1, h2, h3,
    #main p, #main ul,
    #main ul li:before,
    #nav ul > li > a,
    #sub-nav ul > li > a {
        font-size: 1.3em;
    }
    .fsize-medium {
        font-size: 1.2em;
    }
    .fsize-large {
        font-size: 1.4em;
    }
    #main p, #main ul {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    
    /* PROPORTIONS */
    #header img.right {
        display: none;
    }
    #header img.left {
        position: absolute;
        right: 3.6em;
        top: 2.2em;
        margin-bottom: 0;
    }
    #main {
        padding-bottom: 6em;
    }
    .start #main,
    .leistungen #main,
    .kuechen #main,
    .innenausbau #main,
    .innenausbau-single #main,
    .standard #main,
    .kontakt #main {
        padding-top: 11.4em;
    }
    
    #simon-luy,
    #luy-partners {
        margin-bottom: 6.5em;
    }
    #simon-luy .block-01 {
        margin-left: 11.333333333333332%; /* 170/1500 */
        margin-right: 11.333333333333332%;
        margin-bottom: 5.5em;
    }
    
    #simon-luy .block-02 figure {
        flex-direction: column;
        margin-left: 5.2%; /* 78/1500 */
        margin-right: 19%; /* 285/1500 */
    }
    #simon-luy .block-02 img {
        width: 100%;
        margin-right: 0;
    }
    #simon-luy .block-02 figcaption {
        margin-top: 0;
    }
    
    #simon-luy .block-03 {
        margin-left: 19%; /* 285/1500 */
        margin-right: 11.333333333333332%; /* 170/1500 */
        margin-top: 2.4em;
        margin-bottom: 5.4em;
    }
    #simon-luy .block-03 img {
        width: 52.63157894736842%; /* 550/1045 */
    }
    #simon-luy .block-02 figure img,
    #simon-luy .block-03 figure,
    #simon-luy .block-03 img,
    #luy-partners .block-01 .partners li,
    #innenausbau-single .gallery img {
        margin-bottom: 1.8em;
    }
    #simon-luy .block-04 {
        margin-left: 5.2%; /* 78/1500 */
        margin-right: 5.2%;
    }
    #simon-luy .block-04 img,
    #simon-luy .block-04 video {
        width: 100%;
    }
    
    #luy-partners .block-01 {
        margin-left: 11.333333333333332%; /* 170/1500 */
        margin-right: 11.333333333333332%;
        margin-bottom: 6.4em;
    }
    #luy-partners .block-01 .partners {
        margin-top: 3.1em;
        margin-bottom: 3.1em;
        margin-left: -6%;
        margin-right: -6%;
    }
    #luy-partners .block-01 .partners li {
        width: 18%;
        padding: 0 1%;
        margin-bottom: 1.8em;
    }
    #luy-partners .block-02 {
        margin-left: 5.2%; /* 78/1500 */
        margin-right: 5.2%;
        margin-bottom: 5.4em;
    }
    #luy-partners .block-02 p {
        margin-left: 0;
        margin-left: 12%;
    }
    #luy-partners .block-02 p,
    #innenausbau-cpt .block-01 .zoom-container,
    #innenausbau-cpt .block-03 .zoom-container,
    #innenausbau-cpt .block-05 .zoom-container {
        margin-bottom: 2em;
    }
    #luy-partners .block-03 {
        margin-left: 11.333333333333332%; /* 170/1500 */
        margin-right: 11.333333333333332%;
        margin-bottom: 5.4em;
    }
    #luy-partners .block-03 .gallery {
        margin-top: 6.4em;
        margin-left: -6%;
        margin-right: -6%;
    }
    #luy-partners .block-03 .gallery li {
        width: 40%;
        margin-right: 4%;
    }
    #luy-partners .block-04 {
        margin-left: 11.333333333333332%; /* 170/1500 */
        margin-right: 11.333333333333332%;
    }
    #leistungen .block-01 {
        margin-left: 5.2%; /* 78/1500 */
        margin-right: 5.2%;
    }
    #leistungen .block-01 img {
        width: 66%;
    }
    #leistungen .block-02 {
        margin-left: 11.333333333333332%; /* 170/1500 */
        margin-right: 11.333333333333332%;
        margin-top: 2.2em;
    }
    #leistungen .block-02 p.big {
        margin-right: 0;
    }
    #leistungen .block-02 .services li {
        padding-bottom: 1.6em;
        margin-bottom: 0.7em;
    }
    #kuechen .block-01 {
        justify-content: flex-start;
        align-items: flex-end;
        margin-bottom: 2.7em;
    }
    #kuechen .block-01 img.first {
        width: 30%;
        margin-top: 0;
        margin-right: 2%;
    }
    #kuechen .block-01 img.second,
    #kuechen .block-01 video.second {
        width:60%;
        margin-bottom: 3em;
    }
    #kuechen .block-02 {
        margin-left: 11.333333333333332%; /* 170/1500 */
        margin-right: 11.333333333333332%;
        margin-bottom: 4.5em;
    }
    #kuechen .block-03 {
        flex-direction: column-reverse;
        justify-content: flex-start;
        margin-left: 5.2%; /* 78/1500 */
        margin-right: 5.2%;
    }
    #kuechen .block-03 .left {
        width: 75%;
        margin-top: 5.4em;
        margin-left: 11.333333333333332%; /* 170/1500 */
    }
    #kuechen .block-03 .left img {
        width: 52%;
        margin-left: -3%;
        margin-bottom: 2.7em;
    }
    #kuechen .block-03 .right {
        width: 100%;
    }
    #innenausbau-intro {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 11.333333333333332%; /* 170/1500 */
        margin-right: 11.333333333333332%;
        margin-bottom: 4.4em;
    }
    #innenausbau-cpt .block-01,
    #innenausbau-cpt .block-05 {
        margin-left: 19%; /* 285/1500 */
        margin-right: 5.2%; /* 78/1500 */
        width: auto;
    }
    #innenausbau-cpt .block-02 {
        margin-left: 5.2%; /* 78/1500 */
        margin-right: 19%; /* 285/1500 */
        margin-top: 6.4em;
        width: auto;
    }
    #innenausbau-cpt .block-02 p,
    #innenausbau-cpt .block-04 p {
        margin-bottom: 1em;
    }
    #innenausbau-cpt .block-03 {
        margin-left: 24.2%; /* 363/1500 */
        width: auto;
    }
    #innenausbau-cpt .block-03,
    #innenausbau-cpt .block-05 {
        margin-top: 5.4em;
    }
    #innenausbau-cpt .block-04 {
        margin-top: 6.4em;
        margin-left: 5.2%; /* 78/1500 */
        margin-right: 19%; /* 285/1500 */
        width: auto;
    }
    #standard,
    #innenausbau-single {
        margin-left: 11.333333333333332%; /* 170/1500 */
        margin-right: 11.333333333333332%;
    }
    #innenausbau-single .gallery {
        margin: 2.4em 0;
    }
    #kontakt .block-01 {
        margin-left: 11.333333333333332%; /* 170/1500 */
        margin-right: 11.333333333333332%;
    }
    #kontakt .block-01 br {
        display: none;
    }
    #kontakt .block-02 {
        flex-direction: column;
	    justify-content: flex-start;
        margin-left: 0;
    }
    #kontakt .block-02 .left {
        width: auto; /* 716/1215 */
    }
    #kontakt .block-02 .left img,
    #kontakt .block-02 .left video {
        margin-left: 0; /* 78/1500 */
        width: 80%;
        margin-bottom: 5.4em;
    }
    #kontakt .block-02 .left .text {
        margin-left: 11.333333333333332%; /* 170/1500 */
        margin-right: 11.333333333333332%;
    }
    #kontakt .block-02 .right {
        display: none;
    }
}

@media only screen and (max-width: 390px) {
    #header {
        padding: 0 2.4em;
    }
    #header img.left {
        right: 2.4em;
    }
    .close-nav {
        margin-left: 3em;
    }
    #responsive-nav ul.primary,
    #responsive-nav ul.secondary,
    #responsive-nav ul.social-media {
        padding-left: 3em;
    }
    
    /* TYPO */
    #main p.big {
        font-size: 2em;
    }
    .fsize-large {
        font-size: 1.3em;
    }
}

@media only screen and (max-width: 340px) {
    #header img.left {
        width: 8.4em;
        top: 2.4em;
    }
    .open-nav .toggle-button {
        font-size: 4.2em;
    }
    .close-nav .toggle-button {
        font-size: 3.3em;
    }
    #responsive-nav ul.primary > li > a {
        font-size: 1.9em;
        padding-bottom: 0.2em;
    }
    #responsive-nav ul.primary {
        padding-top: 3.8em;
    }
    #responsive-nav ul.secondary,
    #responsive-nav ul.social-media {
        padding-bottom: 3.8em;
    }
    #responsive-nav ul.primary > li {
        margin-bottom: 1.6em;
    }
    #responsive-nav ul.secondary > li {
        margin-bottom: 0.8em;
    }
    
    /* TYPO */
    #main p.big {
        font-size: 1.75em;
    }
    .standard h1,
    .service h2,
    #main ul.nav-single {
        font-size: 1.6em;
    }
    #leistungen .block-02 .services li:after {
        font-size: 1.3em;
    }
    h1, h2, h3,
    #main p, #main ul,
    #main ul li:before,
    #nav ul > li > a,
    #sub-nav ul > li > a {
        font-size: 1.2em;
    }
    .fsize-medium {
        font-size: 1.1em;
    }
    .fsize-large {
        font-size: 1.2em;
    }
}