@media all and (min-width: 813px) and (max-width: 1049px) {

    /* Allgemein */
    #main-wrapper {
        margin-top: 150px;
    }

    div.section {
        width: 753px;
    }

    body.page-user #main-wrapper .main,
    body.page-404 #main-wrapper .main {
        width: 753px;
        padding: 100px 0;
    }

    .titel.headline {
        font-size: 43px;
        line-height: 45px;
        margin-bottom: 35px;
    }

    input.form-submit,
    input.form-submit:focus,
    a.button,
    a.button:focus,
    a.button:link,
    a.button:visited {
        font-size: 16px;
        line-height: 20px;
        padding: 17px 40px 16px 40px;
    }

    .js .slidein {
        opacity: 1 !important;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }

    #overlay {
        width: 753px;
        margin-left: -376px;
    }

    #overlay>.content-wrapper>.content {
        margin: 50px;
    }

    #overlay>a.close {
        top: 18px;
        right: 18px;
        font-size: 22px;
        width: 22px;
        height: 22px;
    }

    input.form-submit,
    input.form-submit:focus,
    a.button,
    a.button:focus,
    a.button:link,
    a.button:visited {
        font-size: 14px;
        line-height: 18px;
    }

    /* Banner */
    #banner {
        height: 160px;
    }

    #banner::before,
    #banner::after {
        height: 80px;
    }

    #banner .banner-trenner {
        height: 80px;
    }

    /* Footer */
    #footer {
        padding: 100px 0;
    }

    /* Header */
    #header,
    .longer-header {
        height: 150px;
    }

    #header .region-header ul.menu li {
        margin-left: 30px;
    }

    #header .region-header ul.menu li a {
        font-size: 14px;
    }

    #header #logo {
        width: 130px;
    }

    #header.scroll,
    .header-scroll-height {
        height: 100px;
    }

    #header a.jetzt-anfragen-header {
        margin-left: 30px;

    }

    /* Einfache Seite */
    #node-page {
        padding: 100px 0;
    }

    .spalte {
        width: 100%;
    }

    .spalte.spalte-1 {
        margin-bottom: 30px;
    }

    /* Black Box */
    .black-box {
        bottom: 0;
        width: 145px;
        height: 80px;
        font-size: 14px;
        line-height: 18px;
    }

    /* Icon Box */
    .icon-box {
        width: 70px;
        height: 70px;
    }

    .icon-box i {
        font-size: 38px;
    }

    /* Startseite */
    #node-startseite #produkte-slider .titel-container {
        bottom: 43px;
        left: 43px;
    }

    #node-startseite #produkte-slider .titel-container .slogan {
        font-size: 22px;
        line-height: 22px;
    }

    #node-startseite #ueber-uns .links .icon-box {
        top: -35px;
    }

    #node-startseite #produkte-slider .produkte-slider-nav {
        padding-right: 0;
    }

    #node-startseite #ueber-uns {
        padding-top: 222px;
    }

    #node-startseite #ueber-uns .links {
        width: 100%;
        margin-bottom: 50px;
    }

    #node-startseite #ueber-uns .rechts {
        width: 100%;
        padding-left: 0;
    }

    #node-startseite #ueber-uns .links .icon-box {
        right: auto;
        left: 0;
    }

    #node-startseite #ueber-uns .rechts .body {
        margin-bottom: 40px;
    }

    #node-startseite #erfahrung {
        padding-top: 120px;
    }

    #node-startseite #erfahrung .titel.headline {
        margin-bottom: 35px;
    }

    #node-startseite #erfahrung .body {
        width: 100%;
        margin-bottom: 40px;
    }

    #node-startseite #erfahrung .erfahrung-slider .slider-nav {
        display: none;
    }

    #node-startseite #kunden {
        padding-top: 155px;
    }

    #node-startseite #kunden .icon-box {
        top: -35px;
    }

    #node-startseite #kunden div.section {
        padding: 70px;
    }

    #node-startseite #kunden .links {
        width: 100%;
        margin-bottom: 65px;
        padding-right: 0;
    }

    #node-startseite #kunden .kunden-slider {
        width: 100%;
        padding-left: 0;
    }

    #node-startseite #anfrage {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    #node-startseite #anfrage .rechts .body {
        margin-bottom: 40px;
    }

    #node-startseite #anfrage .links {
        width: 100%;
    }

    #node-startseite #anfrage .rechts {
        width: 100%;
        padding-left: 0;
    }

    #node-startseite #anfrage .links .titel.headline {
        margin-bottom: 35px;
    }

    /* Kontakt */

    #kontakt .kontakt-einleitung .kontakt-einleitung-bild-container {
        overflow: hidden;
    }

    #kontakt .kontakt-einleitung .kontakt-einleitung-bild {
        position: relative;
        right: -20%;
    }

    #kontakt .kontakt-einleitung .black-box {
        bottom: -40px;
    }


    #kontakt .kontakt-einleitung .kontakt-einleitung-kontaktdaten {
        width: 66.6666666%;
    }

    #kontakt .kontakt-einleitung .titel {
        display: none;
    }

    #kontakt .kontakt-einleitung .kontakt-einleitung-kontaktdaten .kontakt-einleitung-kontaktdaten-inner {
        padding: 0 84px;
    }

    #kontakt #formular {
        padding-bottom: 100px;
        padding-top: 100px;
        margin-top: 41px;
    }

    #kontakt #formular .titel.headline {
        margin-bottom: 50px;
    }


    #drop {
        padding: 117px 0 40px 0;
    }

    #drop .icon-upload {
        font-size: 50px;
        margin-left: -25px;
        top: 40px;
    }

    .webform-component-jqueryupload ul li p {
        max-width: 290px;
    }

    #kontakt #formular form.webform-client-form .webform-component--persoenliche-daten .form-item {
        width: 46%;
    }

    #kontakt #formular form.webform-client-form .form-item.webform-component--persoenliche-daten--unternehmen,
    #kontakt #formular .webform-component--persoenliche-daten>.fieldset-wrapper .webform-component--persoenliche-daten--zusaetzliche-anmerkungen {
        width: 96% !important;
    }



















    /* Produkte Übersicht */
    #node-produkte_uebersicht .titel.headline br {
        display: none;
    }

    #produkte-uebersicht {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    #produkte-uebersicht .body {
        margin-bottom: 65px;
    }

    #produkte-uebersicht .produkte-uebersicht-slider .swiper-container {
        width: 753px;
    }

    #produkte-uebersicht .produkte-uebersicht-slider .swiper-slide .produkt-image-container .icon-box {
        display: none;
    }

    #produkte-uebersicht .produkte-uebersicht-slider .swiper-slide {
        width: 544px;
    }

    #produkte-uebersicht .produkte-uebersicht-slider .swiper-slide .titel {
        font-size: 35px;
        line-height: 43px;
        margin-bottom: 5px;
    }

    #produkte-uebersicht .produkte-uebersicht-slider .swiper-slide .produkt-image-container {
        margin-bottom: 25px;
    }

    #produkte-uebersicht .produkte-uebersicht-slider .nav {
        width: 70px;
        height: 70px;
        top: 105px;
    }

    #produkte-uebersicht .produkte-uebersicht-slider .nav i {
        font-size: 30px;
    }

    /* Produkt */
    #node-produkt #varianten-slider .titel {
        left: 43px;
        bottom: 37px;
    }

    #node-produkt #einleitung {
        padding-top: 222px;
    }






    #node-produkt #produktgalerie {
        padding-top: 120px;
    }

    #node-produkt #produktgalerie .produktgalerie-slider .swiper-container {
        width: 753px;
    }

    #node-produkt #produktgalerie .produktgalerie-slider .swiper-slide {
        width: 544px;
    }

    #node-produkt #produktgalerie .produktgalerie-slider .nav {
        width: 70px;
        height: 70px;
        top: 105px;
    }

    #node-produkt #produktgalerie .produktgalerie-slider .nav i {
        font-size: 30px;
    }

    #node-produkt #produktgalerie .body {
        margin-bottom: 47px;
    }



















    #node-produkt #varianten-slider .varianten-slider-nav {
        padding-right: 0;
    }

    #node-produkt #merkmale,
    #node-produkt #vorteile {
        padding-top: 120px;
    }

    #node-produkt #einleitung .links {
        width: 100%;
        margin-bottom: 50px;
    }

    #node-produkt #einleitung .rechts {
        width: 100%;
        padding-left: 0;
    }

    #node-produkt #einleitung .links .icon-box {
        right: auto;
        left: 0;
        top: -35px;
    }

    #node-produkt #einleitung .links .icon-box img {
        max-width: 38px;
        max-height: 38px;
    }

    #node-produkt #merkmale .links {
        width: 100%;
    }

    #node-produkt #merkmale .links .titel.headline {
        margin-bottom: 50px;
    }

    #node-produkt #merkmale .rechts {
        width: 100%;
        padding-left: 0;
    }

    #node-produkt #merkmale .rechts .row .titel {
        width: 200px;
        max-width: 200px;
    }

    #node-produkt #vorteile .titel.headline {
        margin-bottom: 50px;
    }

    #node-produkt #vorteile .produktvorteile .row {
        width: 50%;
        border-right: 1px solid #ccc;
        padding-bottom: 0;
        margin-bottom: 60px;
    }

    #node-produkt #vorteile .produktvorteile .row:nth-child(2n) {
        border-right: none !important;
    }

    #node-produkt #vorteile .produktvorteile .row .row-inner::before {
        bottom: -30px;
    }

    #produktdetails {
        padding-top: 145px;
    }

    #produktdetails .produktdetails-slider .marker-wrapper {
        right: 0;
        top: -26px;
    }

    #produktdetails .produktdetails-slider .marker-wrapper .produktdetail-image {
        max-width: 400px;
        max-height: 245px;
    }

    #produktdetails .produktdetails-slider .marker-position .tooltip {
        padding: 6px;
        font-size: 10px;
        line-height: 10px;
    }

    #produktdetails .produktdetails-slider .marker-position .tooltip .tooltip-number {
        margin-right: 2px;
        font-size: 12px;
        line-height: 12px;
    }

    #produktdetails .produktdetails-slider {
        padding: 70px;
    }

    #produktdetails .produktdetails-slider .nav {
        width: 70px;
        height: 70px;
        bottom: -35px;
    }

    #produktdetails .produktdetails-slider .nav i {
        font-size: 30px;
    }

    #produktdetails .produktdetails-slider .swiper-slide .titel {
        margin-bottom: 100px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenaufbau .rechts {
        width: 60%;
        padding-left: 50px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenaufbau .links {
        width: 40%;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container .row {
        width: 50%;
        border-right: 1px solid #ccc !important;
        padding-bottom: 0;
        margin-bottom: 60px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container .row:nth-child(2n) {
        border-right: none !important;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container .row .row-inner::before {
        bottom: -30px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .links {
        width: 100%;
        margin-bottom: 50px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .rechts {
        float: left;
        width: 50%;
        clear: both;
    }

    #produktdetails .produktdetails-slider .nav.next {
        width: 70px;
    }

    #produktdetails .produktdetails-slider .nav.prev {
        width: 70px;
        right: 70px;
    }

    #produktdetails .produktdetails-slider .nav.prev i {
        left: 25px;
    }

    #produktdetails .produktdetails-slider .nav.next i {
        right: 25px;
    }

    #bemassungen {
        padding-top: 155px;
    }

    #bemassungen .titel.headline {
        margin-bottom: 50px;
    }

    #bemassungen .links img {
        max-width: 335px;
    }

    #bemassungen .rechts {
        padding-left: 70px;
    }

    #bemassungen .rechts .bemassungen-container .spalte-links,
    #bemassungen .rechts .bemassungen-container .spalte-rechts {
        width: 100%;
        clear: both;
    }

    #bemassungen .rechts .bemassung-info {
        font-size: 12px;
        line-height: 20px;
    }

    #bemassungen .rechts .bemassungen-container .row {
        height: auto !important;
    }

    #bemassungen .rechts .titel {
        margin-bottom: 20px;
    }

    #downloads {
        margin-bottom: 120px;
    }

    #downloads div.section {
        margin-top: 120px;
        padding-top: 120px;
    }

    #downloads .rechts {
        clear: left;
        width: 100%;
        padding-left: 0;
    }

    #downloads .rechts .row {
        width: 301px;
    }

    #downloads .titel.headline {
        margin-bottom: 50px;
    }

    /* Unternehemen */
    #unternehmen .unternehmen-einleitungsbild .icon-box {
        bottom: -35px;
    }

    #unternehmen .unternehmen-einleitungsbild {
        margin-bottom: 100px;
    }

    #unternehmen .unternehmen-content {
        margin-bottom: 50px;
    }

    #unternehmen .unternehmen-galerie {
        margin-bottom: 100px;
    }


    /* URLAUBSNACHRICHT */
    /*
    #overlay.urlaubsnachricht {
        width: 760px;
        margin-left: -380px;
        height: 760px;
        margin-top: -380px;
    }

    
    #overlay.urlaubsnachricht .video video {
        width: 100%;
        object-fit: cover;
    }

    #overlay.urlaubsnachricht #overlay.toheight.urlaubsnachricht:after {
        display: block !important;
    }

    #overlay.urlaubsnachricht>.content-wrapper>.content {
        height: 100%;
    }

    #overlay.urlaubsnachricht .bild {
        width: 100%;
        float: none;
        position: relative;
        overflow: hidden;
    }

    #overlay.urlaubsnachricht .bild img {
        margin: -20% 0;
    }

    #overlay.urlaubsnachricht .text {
        width: 100%;
        float: none;
    }
    */
    #overlay.urlaubsnachricht {
        width: 760px;
        margin-left: -380px;
        height: 760px;
        margin-top: -380px;
    }


    #overlay.toheight.urlaubsnachricht:after {
        display: block !important;
    }

    #overlay.urlaubsnachricht>.content-wrapper>.content {
        /*  height: auto; */
        height: 100%;
    }

    #overlay.urlaubsnachricht .bild {
        width: 100%;
        float: none;
        position: relative;
        overflow: hidden;
    }

    #overlay.urlaubsnachricht .bild img {
        margin: -20% 0;
    }

    #overlay.urlaubsnachricht .text {
        width: 100%;
        float: none;
    }

}