@media all and (max-width: 812px) {

    /* Allgemein */
    a.moremedia {
        left: auto;
        right: 0;
        bottom: 0;
    }

    .back-to-top {
        display: none !important;
    }

    #main-wrapper {
        margin-top: 75px;
    }

    div.section {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    body.page-user #main-wrapper .main,
    body.page-404 #main-wrapper .main {
        width: 100%;
        padding: 60px 0;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .titel.headline {
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    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 32px 16px 32px;
    }

    /* Cookie */
    #cookie-overlay a.accept {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 15px;
    }

    #cookie-overlay .content-wrapper {
        padding: 18px 15px !important;
        text-align: center;
    }

    #dsgvo-cookie-info article div.section {
        padding-left: 0;
        padding-right: 0;
    }

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

    #overlay {
        width: 90%;
        left: 5%;
        margin-left: 0 !important;
    }

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

    #overlay::before,
    #overlay::after {
        height: 45px;
    }

    #overlay>a.close {
        top: 6px;
        right: 6px;
        font-size: 20px;
        width: 30px;
        height: 30px;
    }

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

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

    #banner .banner-left,
    #banner .banner-right {
        width: 100%;
        height: 70px;
    }

    #banner .banner-text {
        left: auto;
        right: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        top: auto;
        width: 100%;
        height: 100%;
        display: block;
        padding: 0 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 70px;
    }

    #banner .banner-left .banner-text {
        text-align: right;
    }

    #banner .banner-right .banner-text i {
        right: 30px;
    }

    #banner .banner-left .banner-text i {
        left: 30px;
    }

    #banner .banner-text i {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #banner .banner-left,
    #banner .banner-trenner {
        display: none;
    }

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

    #footer .region-footer {
        float: left;
        clear: left;
        margin-top: 25px;
        top: auto;
        padding-right: 0;
    }

    #footer .region-footer ul.menu li {
        float: left;
        clear: none;
        margin-right: 20px;
    }

    #footer .region-footer ul.menu li:last-child {
        margin-right: 0;
    }

    #footer .region-footer #block-block-1 {
        position: relative;
        top: auto;
        right: auto;
        width: 122px;
        margin-top: 60px;
    }

    /* Header */
    #header,
    #header.scroll,
    .header-scroll-height {
        height: 75px;
    }

    .longer-header {
        display: none;
    }

    #header .region-header ul.menu li {
        margin: 12px 0 !important;
        width: 100%;
        clear: left;
        opacity: 0;
        -webkit-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
    }

    #header .region-header ul.menu li:nth-child(1) {
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0;
    }

    #header .region-header ul.menu li:nth-child(2) {
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0;
    }

    #header .region-header ul.menu li:nth-child(3) {
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0;
    }

    #header .region-header ul.menu li:nth-child(4) {
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0;
    }

    #header .region-header.menu-active ul.menu li:nth-child(1) {
        -webkit-transition-delay: 0.27s;
        -o-transition-delay: 0.27s;
        transition-delay: 0.27s;
        opacity: 1;
        -webkit-animation: slideUp 0.5s 0.27s forwards;
        animation: slideUp 0.5s 0.27s forwards;
    }

    #header .region-header.menu-active ul.menu li:nth-child(2) {
        -webkit-transition-delay: 0.40s;
        -o-transition-delay: 0.40s;
        transition-delay: 0.40s;
        opacity: 1;
        -webkit-animation: slideUp 0.5s 0.40s forwards;
        animation: slideUp 0.5s 0.40s forwards;
    }

    #header .region-header.menu-active ul.menu li:nth-child(3) {
        -webkit-transition-delay: 0.53s;
        -o-transition-delay: 0.53s;
        transition-delay: 0.53s;
        opacity: 1;
        -webkit-animation: slideUp 0.5s 0.53s forwards;
        animation: slideUp 0.5s 0.53s forwards;
    }

    #header .region-header.menu-active ul.menu li:nth-child(4) {
        -webkit-transition-delay: 0.66s;
        -o-transition-delay: 0.66s;
        transition-delay: 0.66s;
        opacity: 1;
        -webkit-animation: slideUp 0.5s 0.66s forwards;
        animation: slideUp 0.5s 0.66s forwards;
    }

    @-webkit-keyframes slideUp {
        0% {
            -webkit-transform: translateY(15px);
            transform: translateY(15px);
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes slideUp {
        0% {
            -webkit-transform: translateY(15px);
            transform: translateY(15px);
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    #header .region-header ul.menu li a {
        font-size: 25px;
        line-height: 30px;
    }

    #header .region-header ul.menu {
        display: inline-block;
        top: 50%;
        position: absolute;
        text-align: center;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #header #logo {
        width: 100px;
        z-index: 99;
    }

    #header .region-header {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: 100%;
        z-index: 90;
        background-color: #282727;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    #header .region-header.menu-active {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    #mobile-menu {
        width: 36px;
        height: 30px;
        z-index: 99;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        display: inline-block;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    #mobile-menu .menu-inner {
        width: 36px;
        height: 16px;
        display: inline-block;
        position: relative;
        top: 7px;
    }

    #mobile-menu .line {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 2px;
        background: #fff;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    #mobile-menu .line.line-1 {
        -webkit-transition: all 0.3s 0.3s, -webkit-transform 0.3s 0s;
        transition: all 0.3s 0.3s, -webkit-transform 0.3s 0s;
        -o-transition: all 0.3s 0.3s, transform 0.3s 0s;
        transition: all 0.3s 0.3s, transform 0.3s 0s;
        transition: all 0.3s 0.3s, transform 0.3s 0s, -webkit-transform 0.3s 0s;
    }

    #mobile-menu .line.line-2 {
        bottom: 0;
        top: auto;
        left: 0;
        -webkit-transition: all 0.3s 0.3s, -webkit-transform 0.3s 0s;
        transition: all 0.3s 0.3s, -webkit-transform 0.3s 0s;
        -o-transition: all 0.3s 0.3s, transform 0.3s 0s;
        transition: all 0.3s 0.3s, transform 0.3s 0s;
        transition: all 0.3s 0.3s, transform 0.3s 0s, -webkit-transform 0.3s 0s;
    }

    #mobile-menu.menu-active .line-1 {
        top: 50%;
        margin-top: -1px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.3s, -webkit-transform 0.3s 0.3s;
        transition: all 0.3s, -webkit-transform 0.3s 0.3s;
        -o-transition: all 0.3s, transform 0.3s 0.3s;
        transition: all 0.3s, transform 0.3s 0.3s;
        transition: all 0.3s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
    }

    #mobile-menu.menu-active .line-2 {
        bottom: 50%;
        margin-bottom: -1px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all 0.3s, -webkit-transform 0.3s 0.3s;
        transition: all 0.3s, -webkit-transform 0.3s 0.3s;
        -o-transition: all 0.3s, transform 0.3s 0.3s;
        transition: all 0.3s, transform 0.3s 0.3s;
        transition: all 0.3s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
    }

    #header a.jetzt-anfragen-header {
        display: none;
    }

    #header .region-header a.jetzt-anfragen-header.jetzt-anfragen-header-mobile {
        display: inline-block !important;
        margin: 36px 0 0 0;
        top: auto;
        float: none;
        background: #ddddd6 !important;
        color: #282727 !important;
        opacity: 0;
        -webkit-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    #header .region-header.menu-active a.jetzt-anfragen-header.jetzt-anfragen-header-mobile {
        -webkit-transition-delay: 0.79s;
        -o-transition-delay: 0.79s;
        transition-delay: 0.79s;
        opacity: 1;
        -webkit-animation: slideUp 0.5s 0.79s forwards;
        animation: slideUp 0.5s 0.79s forwards;
    }

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

    .spalte {
        width: 100%;
    }

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

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

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

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

    /* Startseite */
    #node-startseite #ueber-uns .links .icon-box {
        top: -30px;
    }

    .black-box-arrow {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        right: 0;
        position: absolute;
        background-color: #282727;
        display: block;
        z-index: 99;
    }

    .black-box-arrow a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
    }

    .black-box-arrow a:hover {
        color: #8f8a77;
        background-color: #000;
    }

    .black-box-arrow a i {
        font-size: 30px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .black-box {
        display: none !important;
    }

    #node-startseite #produkte-slider .slider-wrapper {
        margin-left: -30px;
        margin-right: -30px;
    }

    #node-startseite #produkte-slider .produkte-slider-nav {
        position: relative;
        padding: 0;
        height: 2px;
        bottom: auto;
    }

    #node-startseite #produkte-slider .produkte-slider-nav .produkte-slider-nav-item {
        position: absolute;
        margin: 0;
        width: 100% !important;
    }

    #node-startseite #produkte-slider .produkte-slider-nav .produkte-slider-nav-item .titel-produkt {
        display: none;
    }

    #node-startseite #produkte-slider .swiper-slide {
        background-color: #fff;
    }

    #node-startseite #produkte-slider .swiper-slide .slide-image {
        position: relative;
    }

    #node-startseite #produkte-slider .swiper-slide .slide-image .slide-image-inner {
        overflow: hidden;
    }

    #node-startseite #produkte-slider .titel-container {
        position: relative;
        bottom: auto;
        left: auto;
        padding: 30px 30px 10px 30px;
    }

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

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

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

    #node-startseite #ueber-uns .rechts {
        width: 100%;
        padding-left: 0;
        padding-bottom: 60px;
        border-bottom: 1px solid #ccc;
    }

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

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

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

    #node-startseite #erfahrung .erfahrung-slider .swiper-slide::before {
        right: -30px;
        display: none;
    }

    .swiper-pagination {
        margin-top: 30px;
    }

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

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

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

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

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

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

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

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

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

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

    #node-startseite #anfrage .rechts .jetzt-anfragen {
        display: none;
    }

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

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

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

    /* Kontakt */
    #kontakt .kontakt-einleitung {
        margin: 0 -30px;
    }

    #kontakt .kontakt-einleitung .kontakt-einleitung-bild-container {
        display: none;
    }

    #kontakt .kontakt-einleitung .kontakt-einleitung-kontaktdaten {
        position: relative;
        left: auto;
        top: auto;
        height: auto;
        width: auto;
    }

    #kontakt .kontakt-einleitung .kontakt-einleitung-kontaktdaten .kontakt-einleitung-kontaktdaten-inner {
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 60px 30px;
    }

    #kontakt .kontakt-einleitung .oeffnungszeiten .oeffnungszeiten-beistrich {
        display: none !important;
    }

    #kontakt .kontakt-einleitung .oeffnungszeiten .item-oeffnungszeiten-uhrzeit {
        clear: both;
        float: right;
    }

    #kontakt .kontakt-einleitung .oeffnungszeiten .item {
        position: relative;
        max-width: 205px;
    }

    #kontakt .kontakt-einleitung .oeffnungszeiten .item-oeffnungszeiten-tag {
        float: none;
        min-width: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    #kontakt #formular {
        padding-bottom: 60px;
        padding-top: 60px;
        margin-top: 0;
    }

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

    #kontakt #formular .titel.headline br {
        display: none;
    }




    #kontakt #formular .webform-component--persoenliche-daten {
        width: 100%;
        margin-bottom: 60px;
    }

    #kontakt #formular .webform-component--persoenliche-daten>.fieldset-wrapper .webform-component--persoenliche-daten--zusaetzliche-anmerkungen {
        margin-bottom: 0 !important;
    }

    #kontakt #formular .webform-component--dateiupload {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

    #kontakt #formular .webform-component--persoenliche-daten>.fieldset-wrapper,
    #kontakt #formular .webform-component--dateiupload>.fieldset-wrapper {
        margin: 0;
    }

    #kontakt #formular form.webform-client-form .form-item {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }

    #kontakt #formular .form-item.webform-component--datenschutzerklaerung .form-item label {
        font-size: 14px;
    }

    #kontakt #formular textarea,
    #kontakt #formular textarea.open {
        height: 82px !important;
    }

    #drop {
        padding: 90px 0 30px 0;
        font-size: 14px;
        line-height: 22px;
    }

    #kontakt #formular form.webform-client-form .form-actions {
        margin: 0;
    }

    #kontakt #formular form.webform-client-form .form-item.webform-component--datenschutzerklaerung {
        margin-bottom: 30px !important;
    }

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





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

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

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

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

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

    #produkte-uebersicht .produkte-uebersicht-slider {
        margin: 0 30px;
        overflow: hidden;
    }

    #produkte-uebersicht .produkte-uebersicht-slider .nav {
        display: none;
    }

    #produkte-uebersicht .produkte-uebersicht-slider .swiper-container {
        width: 100%;
    }

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

    #produkte-uebersicht .produkte-uebersicht-slider .swiper-slide .produkt-image-container .icon-box img {
        max-width: 35px;
        max-height: 35px;
    }

    #produkte-uebersicht .produkte-uebersicht-slider .swiper-pagination {
        display: block !important;
    }

    /* Produkt */
    #node-produkt #produktgalerie {
        padding-top: 60px;
    }

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

    #node-produkt #produktgalerie .produktgalerie-slider {
        margin: 0 30px;
        overflow: hidden;
    }

    #node-produkt #produktgalerie .produktgalerie-slider .nav {
        display: none;
    }

    #node-produkt #produktgalerie .produktgalerie-slider .swiper-container {
        width: 100%;
    }

    #node-produkt #produktgalerie .produktgalerie-slider .swiper-pagination {
        display: block !important;
    }

    #node-produkt #varianten-slider .slider-wrapper {
        margin-left: -30px;
        margin-right: -30px;
    }

    #node-produkt #varianten-slider .varianten-slider-nav {
        position: relative;
        padding: 0;
        height: 2px;
        bottom: auto;
    }

    #node-produkt #varianten-slider .varianten-slider-nav .varianten-slider-nav-item {
        position: absolute;
        margin: 0;
        width: 100% !important;
    }

    #node-produkt #varianten-slider .varianten-slider-nav .varianten-slider-nav-item .titel-variante {
        display: none;
    }

    #node-produkt #varianten-slider .swiper-slide {
        background-color: #fff;
    }

    #node-produkt #varianten-slider .swiper-slide .slide-image {
        position: relative;
    }

    #node-produkt #varianten-slider .swiper-slide .slide-image .slide-image-inner {
        overflow: hidden;
    }

    #node-produkt #varianten-slider .titel {
        position: relative;
        bottom: auto;
        left: auto;
        padding: 30px 0 10px 0;
    }

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

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

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

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

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

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

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

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

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

    #node-produkt #merkmale .rechts .row {
        display: block;
        padding: 18px 0;
    }

    #node-produkt #merkmale .rechts .row .titel {
        width: auto;
        max-width: none;
        display: block;
        white-space: normal;
        overflow: visible;
        -o-text-overflow: clip;
        text-overflow: clip;
        padding: 0;
    }

    #node-produkt #merkmale .rechts .row .text {
        display: block;
    }

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

    #node-produkt #vorteile .produktvorteile .row .row-inner::before {
        display: none !important;
    }

    #node-produkt #vorteile .produktvorteile {
        margin: 0;
    }

    #node-produkt #vorteile .produktvorteile .row {
        height: auto !important;
        width: 100%;
        border: none !important;
        border-bottom: 1px solid #ccc !important;
        padding: 0 0 18px 0 !important;
        margin: 0 0 18px 0 !important;
        text-align: left;
    }

    #node-produkt #vorteile .produktvorteile .row .row-inner {
        padding: 0;
        min-height: 30px;
    }

    #node-produkt #vorteile .produktvorteile .row .icon {
        margin-bottom: 0;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #node-produkt #vorteile .produktvorteile .row .icon img {
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 30px;
    }

    #node-produkt #vorteile .produktvorteile .row .titel {
        padding: 3px 0 3px 50px;
    }

    #node-produkt #vorteile .produktvorteile .row:last-child {
        margin-bottom: 0 !important;
    }

    #bemassungen {
        padding-top: 90px;
    }

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

    #bemassungen .links {
        width: 100%;
        margin-bottom: 30px;
        height: auto !important;
    }

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

    #bemassungen .rechts {
        padding-left: 0;
        width: 100%;
        height: auto !important;
        margin-top: 1px !important;
    }

    #bemassungen .rechts .bemassung-info {
        margin-top: 25px;
    }

    #bemassungen .rechts .rechts-inner {
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

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

    #bemassungen .rechts .bemassungen-container .row {
        height: auto !important;
        padding: 18px 0;
    }

    #bemassungen .rechts .bemassungen-container .row .bemassung-text {
        padding-left: 5px;
    }

    #bemassungen .rechts .titel {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }

    #downloads {
        margin-bottom: 60px;
        padding-top: 60px;
    }

    #downloads div.section {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    #downloads .links {
        width: 100%;
    }

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

    #downloads .rechts .row {
        width: 100%;
        padding: 18px 0;
    }

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

    #produktdetails {
        padding-top: 0;
        margin-top: 60px;
    }

    #produktdetails div.section {
        padding: 0;
    }

    #produktdetails .produktdetails-slider {
        padding: 60px 30px;
    }

    #produktdetails .produktdetails-slider .marker-wrapper {
        top: auto;
        right: auto;
        position: relative;
        margin-bottom: 30px;
    }

    #produktdetails .produktdetails-slider .marker-wrapper .produktdetail-image {
        max-width: 100%;
        max-height: none;
    }

    #produktdetails .produktdetails-slider .marker-position {
        display: none;
    }

    #produktdetails .produktdetails-slider .swiper-slide.einleitung-slide .titel {
        width: 220px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.einleitung-slide .titel br {
        display: none;
    }

    #produktdetails .produktdetails-slider .nav {
        width: 60px;
        height: 60px;
        bottom: -30px;
    }

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

    #produktdetails .produktdetails-slider .swiper-slide .produktdetail-detail-counter {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    #produktdetails .produktdetails-slider h4 {
        font-size: 20px !important;
        line-height: 24px !important;
        margin-bottom: 30px !important;
    }

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

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

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenaufbau .rechts {
        width: 100%;
        padding-left: 0;
        margin-top: 0;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenaufbau .rechts .row {
        padding: 18px 0;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenaufbau .rechts .row .nummer {
        width: 25px;
        max-width: 25px;
        padding-right: 10px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenaufbau {
        margin-bottom: 60px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container {
        margin: 0;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container .row {
        height: auto !important;
        width: 100%;
        border: none !important;
        border-bottom: 1px solid #ccc !important;
        padding: 0 0 18px 0 !important;
        margin: 0 0 18px 0 !important;
        text-align: left;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container .row .row-inner::before {
        display: none !important;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container .row .row-inner {
        padding: 0;
        min-height: 30px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container .row .icon {
        margin-bottom: 0;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container .row .icon img {
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 30px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container .row:last-child {
        margin-bottom: 0 !important;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften {
        margin-bottom: 60px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .platteneigenschaften .platteneigenschaften-container .row .text {
        padding: 3px 0 3px 50px;
    }

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

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .rechts {
        width: 100%;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .links .plattenfarben-auswahl .row {
        height: 40px;
        width: 40px;
        margin-right: 19px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .links .plattenfarben-auswahl .row:first-child {
        margin-left: 11px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .links .plattenfarben-auswahl .row:last-child {
        margin-right: 11px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .links .plattenfarben-auswahl .row::before {
        display: none;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .links .plattenfarben-auswahl .row .plattenfarbe {
        width: 40px;
        height: 40px;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .links .plattenfarben-auswahl .row .plattenfarbe.active {
        -webkit-transform: translateX(-50%) scale(1.2);
        -ms-transform: translateX(-50%) scale(1.2);
        transform: translateX(-50%) scale(1.2);
        -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .links .plattenfarben-auswahl .row .plattenfarbname {
        display: none !important;
    }

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

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

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

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

    #produktdetails .produktdetails-slider .swiper-slide .produktdetail-galerie .produktdetail-bild {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 30px 0 !important;
        float: left !important;
        clear: left !important;
    }

    #produktdetails .produktdetails-slider .swiper-slide .produktdetail-galerie .produktdetail-bild:last-child {
        margin-bottom: 0 !important;
    }

    #produktdetails .produktdetails-slider .swiper-slide .produktdetail-text.nur-ein-bild {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 30px 0 !important;
    }

    #produktdetails .produktdetails-slider .swiper-slide .produktdetail-galerie.nur-ein-bild {
        width: 100% !important;
        margin-top: 0 !important;
    }

    #produktdetails .produktdetails-slider .swiper-slide .produktdetail-galerie.nur-ein-bild .produktdetail-bild {
        padding: 0 !important;
    }

    /* Unternehmen*/
    #unternehmen .unternehmen-einleitungsbild .unternehmen-einleitungsbild-container {
        margin: 0 -30px;
    }

    #unternehmen .unternehmen-einleitungsbild .icon-box {
        bottom: -30px;
        right: -30px;
    }

    #unternehmen .unternehmen-einleitungsbild,
    #unternehmen .unternehmen-content,
    #unternehmen .unternehmen-galerie {
        margin-bottom: 60px;
    }

    #unternehmen .unternehmen-galerie .unternehmen-galerie-wrapper .bild.klein {
        width: 100%;
    }


    /* URLAUBSNACHRICHT */
    #overlay.urlaubsnachricht {
        width: 90%;
        margin-left: 0;
        /* width: 90vw; */
        /*height: 90vw !important;
        top: 50% !important;
        margin-top: -45vw !important; */
        height: auto !important;
        max-height: 90vh;
    }

    #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;
    }


}

@media all and (min-width: 500px) and (max-width: 812px) {
    #unternehmen .unternehmen-galerie .unternehmen-galerie-wrapper .bild.klein {
        width: 50%;
    }

    #produktdetails .produktdetails-slider .marker-position {
        display: block;
    }

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenaufbau .links,
    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .rechts {
        max-width: 441px;
        float: left;
    }

    #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;
    }

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

@media all and (max-width: 360px) {

    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .links .plattenfarben-auswahl .row,
    #produktdetails .produktdetails-slider .swiper-slide.detail-slide .plattenfarben .links .plattenfarben-auswahl .row .plattenfarbe {
        height: 32px;
        width: 32px;
    }

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