@charset "utf-8";
/* CSS Document */
/*--------Fonts--------*/
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Thin.eot');
    src: url('../fonts/Barlow-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Barlow-Thin.woff2') format('woff2'), url('../fonts/Barlow-Thin.woff') format('woff'), url('../fonts/Barlow-Thin.ttf') format('truetype'), url('../fonts/Barlow-Thin.svg#Barlow-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-MediumItalic.eot');
    src: url('../fonts/Barlow-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Barlow-MediumItalic.woff2') format('woff2'), url('../fonts/Barlow-MediumItalic.woff') format('woff'), url('../fonts/Barlow-MediumItalic.ttf') format('truetype'), url('../fonts/Barlow-MediumItalic.svg#Barlow-MediumItalic') format('s.vg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Italic.eot');
    src: url('../fonts/Barlow-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Barlow-Italic.woff2') format('woff2'), url('../fonts/Barlow-Italic.woff') format('woff'), url('../fonts/Barlow-Italic.ttf') format('truetype'), url('../fonts/Barlow-Italic.svg#Barlow-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-ThinItalic.eot');
    src: url('../fonts/Barlow-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Barlow-ThinItalic.woff2') format('woff2'), url('../fonts/Barlow-ThinItalic.woff') format('woff'), url('../fonts/Barlow-ThinItalic.ttf') format('truetype'), url('../fonts/Barlow-ThinItalic.svg#Barlow-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Regular.eot');
    src: url('../fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Barlow-Regular.woff2') format('woff2'), url('../fonts/Barlow-Regular.woff') format('woff'), url('../fonts/Barlow-Regular.ttf') format('truetype'), url('../fonts/Barlow-Regular.svg#Barlow-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Medium.eot');
    src: url('../fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Barlow-Medium.woff2') format('woff2'), url('../fonts/Barlow-Medium.woff') format('woff'), url('../fonts/Barlow-Medium.ttf') format('truetype'), url('../fonts/Barlow-Medium.svg#Barlow-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/*--------Seitenübergreifende Styles--------*/
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 100%;
}
body {
    font-size: 100%;
    font-family: 'Barlow';
    position: relative;
    /*overflow-x: hidden; IE Edge Problem mit Breite */
}
.noscroll {
    overflow: hidden;
    max-height: 100vh !important;
}
@media screen and (max-width: 1024px) {
    body {
        font-size: 80%;
    }
}
* {
    outline: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.animation {
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.clearfix {
    clear: both;
}
/*Keine optische Verlinkung der Telefonnummer in IOS*/
a[href^=tel] {
    text-decoration: none;
    color: inherit;
}
/*Keine abgerundeten Formularfelder in IOS*/
input, select, textarea {
    -webkit-appearance: none;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
hr {
    width: 100%;
    height: 1px;
    background-color: #F28024;
    margin: 0 auto;
    margin: 20px 0 20px 0;
    border: none;
}
noscript span {
    width: 100%;
    height: auto;
    padding: 15px;
    color: #FFF;
    background-color: #000;
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999999999999999999;
    text-align: center;
    line-height: 145%;
}
noscript span a {
    color: #FFF !important;
    font-weight: bold !important;
    text-decoration: underline !important;
    text-transform: none;
}
.center {
    display: block;
    text-align: center !important;
}
.vtop {
    vertical-align: top;
}
.digel-red, text-red {
    color: #ba1816;
}
.digel-orange, .text-orange {
    color: #ca460f;
}
.digel-yellow, .text-yellow {
    color: #F28024;
}
.dontshow{
    display: none;
}
strong {
    font-weight: 500;
}
/*---------- Abstände ---------*/
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-55 {margin-top: 55px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-65 {margin-top: 65px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-75 {margin-top: 75px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-85 {margin-top: 85px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-95 {margin-top: 95px !important;}
.mt-100 {margin-top: 100px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-55 {margin-bottom: 55px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-65 {margin-bottom: 65px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-75 {margin-bottom: 75px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-85 {margin-bottom: 85px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-95 {margin-bottom: 95px !important;}
.mb-100 {margin-bottom: 100px !important;}

.img-link{
    filter: none;
    opacity: 1;
    transition: all 0.4s ease-out;
}
.img-link:hover, .img-link:focus{
    filter: brightness(115%);
    opacity: 1;
    transition: all 0.3s ease-out;
}

/*--------Sticky Footer--------*/
.wrapper {
    height: 100%;
    width: 100%;
    display: table;
    table-layout: fixed;
}
.header, .pagecontent, .footer {
    display: table-row;
}
.seiteninhalt {}
/*--------Section--------*/
section {
    width: 100%;
    max-width: 1400px;
    display: block;
    margin: 0 auto;
    padding: 30px 20px 30px 20px;
}
.section-subpage {
    padding: 120px 20px 30px 20px;
}
@media only screen and (max-width: 1120px) {
    .section-subpage {
        padding: 90px 20px 30px 20px;
    }
}
@media screen and (max-width: 955px) {
    .section-subpage {
        padding: 20px 20px 30px 20px;
    }
}
.section-subpage h2, .section-subpage h3 {
    color: #ca460f;
    font-size: 1.6em;
    font-weight: normal;
    text-align: left;
    line-height: 140%;
    padding-bottom: 15px;
    margin: 0;
    padding-top: 0;
}
.section-call2action {
    padding: 30px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
}
.section-house {
    padding: 120px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
    background-color: #FFF;
}
@media only screen and (max-width: 955px) {
    .section-house {
        padding: 20px 0px 0px 0px;
    }
    .section-call2action {
        padding: 20px 0px 0px 0px;
    }
}
.textblock {
    width: 100%;
    max-width: 1400px;
    padding: 20px;
    margin: 0 auto;
}
@media only screen and (max-width: 955px) {
    .textblock {
        padding: 30px 20px 30px 20px;
    }
}
/*--------Link Standard--------*/
a:link, a:visited, a:active {
    font-weight: 500;
    text-decoration: none;
    color: #ca460f;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:focus, a:hover {
    color: #F28024;
}

/*--------Text--------*/
p {
    font-size: 1.2em;
    color: #373737;
    margin: 0;
    padding: 0;
    line-height: 150%;
}
p a:link, p a:visited, p a:active {
    font-weight: 500;
    text-decoration: none;
    color: #ca460f;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
p a:focus, p a:hover {
    color: #F28024;
}
.textlink {
    font-weight: 500;
    color: #ca460f;
    cursor: pointer;
}
h1 {
    color: #ca460f;
    font-size: 2.2em;
    font-weight: normal;
    text-align: left;
    line-height: 140%;
    padding-bottom: 20px;
    margin: 0;
}
/* Prüfen ob OKAY
h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #808080;
    padding-top: 20px;
} */
h2 {
    color: #ca460f;
    font-size: 1.6em;
    font-weight: normal;
    text-align: left;
    line-height: 140%;
    padding-bottom: 15px;
    margin: 0;
    padding-top: 0;
}
/*
h3 {
	font-size: 1em;
	font-weight: 600;
	color: #000;
}
*/
h3 {
    color: #ca460f;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 140%;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 0;
}
h4 {
    color: #ca460f;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 140%;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 0;
}
h5 {
    color: #ca460f;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 140%;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 0;
}
h6 {
    color: #ca460f;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 0;
}
/*--------Navigation--------*/
.header {
    display: block;
    width: 100%;
    max-width: 1400px;
    position: fixed;
    margin: 0 auto;
    z-index: 80;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    right: 0;
    padding: 0 20px 0 20px;
}
@media screen and (max-width: 955px) {
    .header {
        padding: 0;
    }
}
.header-dist {
    height: 20px;
    width: 100%;
    display: block;
}
@media screen and (max-width: 955px) {
    .header-dist {
        display: none;
    }
}
.header-dist-subpage {
    height: 20px;
    width: 100%;
    display: block;
    background-color: #FFF;
}
@media screen and (max-width: 1120px) {
    .header-dist-subpage {
        height: 0px;
    }
}
.mainheader {
    display: block;
    width: 100%;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.88);
    position: relative;
    margin: 0 auto;
    z-index: 3;
}
.mainheader a:link {
    font-weight: normal;
}
.mainheader-subpage {
    border-bottom: 1px solid #F28024;
    background-color: #FFF;
}
.header-logo {
    width: 210px;
    margin: 9px 0 0 20px;
    display: inline-block;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-phone {
    cursor: pointer;
    display: inline;
    color: #373737;
    font-size: 1.2em;
    position: absolute;
    top: 24px;
    padding-left: 30px;
}
@media screen and (max-width: 1120px) {
    .header-phone {
        display: none;
    }
}
@media screen and (max-width: 955px) {
    .header-phone {
        display: inline;
    }
}
.header-phone-arrow {
    width: 8px;
    height: 8px;
    margin-left: 6px;
}
@media screen and (max-width: 500px) {
    .header-dist, .header-dist-subpage {
        display: none;
    }
    .header-phone {
        display: none;
    }
    .mainheader {
        height: 50px;
        background-color: rgba(255, 255, 255, 0.88);
        position: relative;
        margin: 0 auto;
        z-index: 3;
        margin-left: 0;
        margin-right: 0;
    }
    .header-logo {
        width: 160px;
        margin: 5px 0 0 20px;
    }
    .hamburger {
        top: 25px !important;
        right: 40px !important;
    }
}
/*-------------Header Animation--------------*/
.slide {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.slide-reset {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.slide-up {
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}
.hamburger {
    display: none;
}
.navigation {
    display: inherit;
    overflow: hidden;
    width: 100%;
    max-width: 1400px;
    text-align: right;
    margin-top: -59px;
}
.navigation a:hover, .dropdown:hover .dropbtn {
    background-color: #F28024;
    color: #FFF;
}
.dropdown {
    overflow: hidden;
    display: inline-block;
}
.dropdown .dropbtn {
    color: #373737;
    text-transform: uppercase;
    border: none;
    outline: none;
    background-color: transparent;
    font: inherit;
    margin: 0;
    text-align: center;
    font-size: 1.2em;
}
.dropbtn {
    text-align: right;
    cursor: pointer;
    height: 70px;
    padding: 0 14px 0 20px;
    vertical-align: middle;
    display: inline-block;
}
@media only screen and (max-width: 1150px) {
    .dropbtn {
        padding: 0 8px 0 8px;
    }
}
@media only screen and (max-width: 955px) {
    .dropdown .dropbtn {
        border-bottom: 1px solid #E7E7E7;
        background-image: url("../iconset/icon_arrow-down_orange.svg");
        background-repeat: no-repeat;
        background-size: 1em 1em;
        background-position: right 10px center;
        background-color: #F5F5F5
    }
}
@media screen and (max-width: 768px) {
    .dropbtn {
        height: 50px;
    }
}
.dropbtn img {
    width: 8px;
    height: 8px;
    display: inline;
    vertical-align: middle;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    max-width: 1400px;
    min-width: auto;
}
@media only screen and (max-width: 955px) {
    .dropdown-content {
        box-shadow: none;
    }
}
.dropdown-content-full {
    width: 100%;
    left: 0;
    max-height: 100vh;
    overflow: auto;
}
.dropdown-content-right {
    right: 0;
}
.nav-active {
    color: #FFF;
    background-color: #ca460f;
    position: relative;
}
.row {
    background-color: #fff;
    text-align: center;
    padding: 0 20px 20px 20px;
    height: auto;
    max-height: 70vh;
}
@media screen and (max-width: 640px) {
    .row {
        background-color: #fff;
        text-align: center;
        padding: 0px;
    }
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.column {
    float: left;
    text-align: left;
    margin: 30px 0 0 0;
}
.column h3 {
    font-size: 1.2em;
    font-weight: 500;
    margin: 0 10px 15px 5px;
}
.column a:link, .column a:visited, .column a:active, .culumn a:focus {
    background: transparent !important;
    text-transform: none;
    padding: 5px;
    font-size: 1.2em !important;
    margin-right: 20px;
    float: none;
    color: #373737;
    text-decoration: none;
    display: block;
    text-align: left;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.column a:hover {
    color: #F28024 !important;
}
.column a:link::after {
    content: url("../iconset/icon_arrow-right_yellow.png");
    padding-left: 10px;
}
@media screen and (max-width: 640px) {
    .column {
        width: 100%;
        height: auto;
        float: none;
        display: block;
        margin: 0;
    }
    .column h3 {
        width: 100%;
        max-width: 100%;
        background-color: #E1E1E1;
        text-transform: none;
        padding: 10px;
        margin: 0px;
        float: none;
        color: #373737;
        text-decoration: none;
        display: block;
        text-align: left;
        border-bottom: 1px solid #F1F0F0
    }
    .column a:link, .column a:visited, .column a:active {
        width: 100%;
        max-width: 100%;
        background: inherit;
        text-transform: none;
        padding: 10px;
        margin: 0px;
        float: none;
        color: #373737;
        text-decoration: none;
        display: block;
        text-align: left;
        border-bottom: 1px solid #F1F0F0;
        background-image: url("../iconset/icon_arrow-right_grey.svg");
        background-position: right 10px center;
        background-repeat: no-repeat;
        background-size: 14px 14px;
    }
    .column a:link::after {
        display: none;
    }
}
.nav-product {
    width: 100%;
    max-width: 220px;
    display: inline-block;
    padding: 20px;
    border: 1px solid #FFF;
    cursor: pointer;
    margin: 0 auto;
    margin: 10px;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    background-color: #FFF;
    text-decoration: none;
    vertical-align: top;
}
.nav-product:hover {
    border: 1px solid #ca460f;
    background-color: #FFF !important;
}
.nav-product img {
    width: 100%;
    height: auto;
}
.nav-product p {
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    text-decoration: none;
    line-height: 130%;
}
@media screen and (max-width: 1024px) {
    .nav-product {
        margin: 5px;
    }
}
@media screen and (max-width: 640px) {
    .nav-product {
        width: 100%;
        max-width: 100%;
        background: inherit;
        text-transform: none;
        padding: 10px;
        margin: 0px;
        float: none;
        color: #373737;
        text-decoration: none;
        display: block;
        text-align: left;
        border-width: 0px 0px 1px 0px;
        border-color: #F1F0F0;
        border-style: solid;
        background-image: url("../iconset/icon_arrow-right_grey.svg");
        background-position: right 10px center;
        background-repeat: no-repeat;
        background-size: 14px 14px;
    }
    .nav-product:hover {
        border-width: 0px 0px 1px 0px;
        border-color: #F1F0F0;
        border-style: solid;
        color: #F28024
    }
    .nav-product img {
        display: none;
    }
    .nav-product p {
        text-align: left;
        width: auto !important;
    }
}
@media only screen and (max-width: 955px) {
    .header {
        position: relative;
    }
    .navigation {
        display: none;
        overflow: inherit;
        width: 100%;
        text-align: left;
        margin-top: 12px;
        background-color: #FFF
    }
    .dropdown {
        display: block;
        text-align: left;
    }
    .dropbtn {
        width: 100%;
        display: block;
        text-align: left !important;
    }
    .dropdown-content {
        position: relative;
        overflow: auto;
    }
    .row {
        height: 100%
    }
    /* --------------------------------------Hamburger-------------------------------------- */
    .hamburger {
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        position: absolute;
        top: 35px;
        right: 40px !important;
    }
    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 30px;
        height: 3px;
        background-color: #F28024;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }
    .hamburger-inner::before, .hamburger-inner::after {
        content: "";
        display: block;
    }
    .hamburger-inner::before {
        top: -8px;
    }
    .hamburger-inner::after {
        bottom: -8px;
    }
    .hamburger--squeeze .hamburger-inner {
        transition-duration: 0.075s;
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    .hamburger--squeeze .hamburger-inner::before {
        transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    }
    .hamburger--squeeze .hamburger-inner::after {
        transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    .hamburger--squeeze.is-active .hamburger-inner {
        transform: rotate(45deg);
        transition-delay: 0.12s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    .hamburger--squeeze.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    }
    .hamburger--squeeze.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
}
@media screen and (max-width: 500px) {
    .navigation {
        margin-top: 7px;
    }
}
.overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 90;
    background-color: rgba(0, 0, 0, 0.34)
}
/*--------Slider--------*/
/*--------Introslider--------*/
.introslider {
    width: 100%;
    height: auto;
    z-index: 1;
}
@media screen and (max-width: 955px) {
    .introslider {
        margin-top: -70px;
    }
}
@media screen and (max-width: 500px) {
    .introslider {
        margin-top: -50px;
    }
}
.introslide {
    height: 85vh;
    background-position: center;
    background-size: cover;
    text-align: left;
}
#introslide01 {
    background-image: url("../images/introslider/introslide01.jpg");
}
#introslide02 {
    background-image: url("../images/introslider/introslide02.jpg");
}
#introslide03 {
    background-image: url("../images/introslider/introslide_awards.jpg");
}
#introslide04 {
    background-image: url("../images/introslider/introslide04.jpg");
}
#introslide_awards {
    background-image: url("../images/introslider/introslide_awards.jpg");
}
#introslide_nachhaltigkeit {
    background-image: url("../images/introslider/introslide_nachhaltigkeit.jpg");
}
.introslider-caption {
    position: absolute;
    left: 6%;
    bottom: 15%;
    background-color: rgba(202, 70, 15, 0.80);
    padding: 20px;
}
@media screen and (max-width: 640px) {
    .introslider-caption {
        padding: 10px;
    }
}
@media screen and (max-width: 500px) {
    .introslider-caption {
        left: 0;
        bottom: 0;
        width: 100vw;
    }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
    .introslider-caption {
        left: 0;
        bottom: 0;
        width: 100vw;
    }
}
.introslider-caption h1, .introslider-caption h2 {
    font-weight: normal;
    font-size: 3em;
    color: #FFF;
    margin: 0 !important;
    text-align: left;
}
@media screen and (max-width: 640px) {
    .introslider-caption h1, .introslider-caption h2 {
        font-size: 2em;
    }
}
.introslider-caption p {
    font-size: 1.4em;
    color: #FFF;
    text-align: left;
}
.introslider-caption span {
    color: #FFF;
    text-align: right;
    font-weight: bold;
    display: inline-block;
}
/*--------Formulare--------*/
/*--------Footer--------*/
/*--------Cookie Disclaimer--------*/
.cookie-disclaimer {
    width: 100%;
    font-family: 'Barlow';
    font-size: .9em;
    color: #FFF !important;
    background-color: #373737;
    border-top: 1px solid #F28024;
    padding: 20px;
    position: fixed;
    bottom: 0px;
    z-index: 999999999999999;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
    transition: opacity 0.3s, -webkit-transform 0.5s;
    transition: opacity 0.3s, transform 0.5s;
    transition: opacity 0.3s, transform 0.5s, -webkit-transform 0.5s;
}
.cookie-disclaimer p {
    color: #FFF;
    padding: 0 20px 20px 20px;
}
.cookie-disclaimer.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.cookie-disclaimer :first-child {
    margin-top: 0;
}
.cookie-disclaimer :last-child {
    margin-bottom: 0;
}
.cookie-disclaimer span {
    padding-right: 20px;
    line-height: 145%;
}
.cookie-disclaimer a:link, .cookie-disclaimer a:visited, .cookie-disclaimer a:active {
    text-decoration: underline !important;
    color: #FFF !important;
}
.cookie-disclaimer a:focus, .cookie-disclaimer a:hover {
    color: #E0E0E0 !important;
}
.cookie-button {
    width: auto;
    height: auto;
    padding: 12px;
    font-weight: bold;
    font-size: 1em;
    background-color: #8EB315;
    color: #FFF;
    cursor: pointer;
    border: none;
    vertical-align: middle;
}
.cookie-button:hover {
    background: #bfd255;
}
@media only screen and (max-width:640px) {
    .cookie-disclaimer {
        width: 100%;
        text-align: center;
        display: block;
    }
    .cookie-disclaimer span {
        padding: 0 0 15px 0;
        display: block;
    }
    .cookie-button {
        position: relative;
        display: block;
        margin: 0 auto;
    }
}
/* --------------------------------------Swiper Slider-------------------------------------- */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("../iconset/icon_arrow-left_orange.svg");
    left: 10px;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("../iconset/icon_arrow-right_orange.svg");
    right: 10px;
    left: auto;
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #F28024;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #F28024;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 12px;
    left: 0;
    top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}
.swiper-pagination-lock {
    display: none;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}
.swiper-container {
    width: 100%;
    /* height: 300px;*/
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.introgallery {
    height: 100vh;
    max-height: 85vh;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.gallery-top {
    height: auto;
    width: 100%;
}
.gallery-thumbs {
    height: 100px;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
/*--------Buttons--------*/
.btn {
    font-family: 'Barlow';
    font-weight: normal;
    display: inline-block;
    padding: 20px 55px 20px 20px;
    background-color: #F28024;
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 24px 24px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.2em;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid #FFF;
    margin: 0 5px 5px 0;
}
.btn:focus, .btn:link, .btn:visited {
    background-color: #F28024;
    color: #FFF;
    font-weight: normal;
}
.btn:hover {
    background-color: #F49346;
    color: #FFF;
    font-weight: normal;
}
.btn-phone {
    background-image: url("../iconset/icon_phone_old_white.svg");
}
.btn-callback {
    background-image: url("../iconset/icon_callback_white.svg");
}
.btn-download {
    background-image: url("../iconset/icon_download_white.svg");
}
.btn-more {
    background-image: url("../iconset/icon_arrow-right_white.svg");
}
.btn-send {
    background-image: url("../iconset/icon_mail_white.svg");
    width: auto !important;
    display: inline-block !important;
}
.btn-ok {
    background-image: url("../iconset/icon_tick_white.svg");
}
.btn-pdf {
    background-image: url("../iconset/icon_pdf_white.svg");
}
.btn-catalog {
    background-image: url("../iconset/icon_catalog_white.svg");
}
.btn-question {
    background-image: url("../iconset/icon_question_white.svg");
}
.btn-docs {
    background-image: url("../iconset/icon_docs_white.svg");
}
.btn-calculator {
    background-image: url("../iconset/icon_calculator_white.svg");
}
.btn-next {
    background-image: url("../iconset/icon_arrow-right_white.svg");
}
.btn-back {
    background-image: url("../iconset/icon_arrow-left_white.svg");
    background-position: left 15px center;
    padding: 20px 20px 20px 55px;
}
.btn-plus {
    background-image: url("../iconset/icon_plus_white.svg");
}
.btn-planner {
    background-image: url("../iconset/icon_planner_white.svg");
}
.icon {
    display: inline-block;
    vertical-align: text-bottom;
    width: 20px;
    height: 20px;
}
/*--------Footer--------*/
.footer {
    width: 100%;
    display: block;
    background-color: #373737;
    padding: 0 0 80px 0;
}
.footer h3 {
    font-size: 1.6em;
    font-weight: normal;
    color: #FFF;
    margin: 0;
}
.hotline {
    width: 100%;
    display: block;
    text-align: center;
    background-color: #F28024;
    padding: 40px 20px 40px 20px;
    color: #FFF !important;
}
.shadow {
    -webkit-box-shadow: inset 0px 2px 5px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 2px 5px -4px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 2px 5px -4px rgba(0, 0, 0, 0.75);
}
.hotline img {
    width: 30px;
    height: 30px;
    vertical-align: baseline;
    display: inline;
}
@media screen and (max-width: 340px) {
    .hotline img {
        width: 24px;
        height: 24px;
        vertical-align: baseline;
        display: inline;
    }
}
.hotline p, .hotline a {
    color: #FFF !important;
}
.hotline span {
    display: block;
    font-weight: 500;
    font-size: 2em;
    letter-spacing: 3px;
    color: #FFF;
    padding: 14px 0 14px 0;
    margin: 0;
}
@media screen and (max-width: 340px) {
    .hotline span {
        font-size: 1.6em;
    }
}
.open-callback-btn {
    cursor: pointer;
    font-size: 1.2em;
    text-transform: uppercase;
    border: 1px solid #FFF;
    padding: 20px;
    display: inline-block;
}
.open-callback-btn img {
    display: inline;
    vertical-align: baseline;
    width: 20px;
    height: 20px;
    margin-left: 6px;
}
.footer-inhalt {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 20px 0 20px;
}
.footer-block {
    display: inline-block;
    padding: 0 40px 40px 0;
    vertical-align: top;
}
@media screen and (max-width: 640px) {
    .footer-block {
        display: block;
    }
}
.footer-block table {
    border-collapse: collapse;
}
.footer-block table td {
    margin: 0;
    padding: 0;
}
.footer-block table td:first-child {
    padding-right: 10px;
}
.footer-block span {
    display: block;
    color: #F28024;
    margin-bottom: 10px;
    font-weight: 500;
    border-bottom: 1px solid #F28024;
    text-transform: uppercase;
}
@media screen and (max-width: 640px) {
    .footer-block span {
        display: block;
    }
}
.footer-block p {
    color: #FFF;
    line-height: 150%;
}
.footer-block a:link, .footer-block a:visited, .footer-block a:active {
    color: #FFF;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 150%;
    text-decoration: none;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.footer-block a:focus, .footer-block a:hover {
    color: #F28024;
}
.footer-logo {
    width: 100%;
    max-width: 280px;
    display: block;
    margin-top: -10px;
}
.footer-logo a:link::after {
    content: "" !important
}
.footer-socialbar {
    display: block;
    text-align: left;
    margin-top: 34px;
}
.footer-socialbar img {
    width: 30px;
    height: 30px;
    margin: 0 20px 20px 0;
    display: inline-block;
    opacity: 1;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.footer-socialbar img:hover {
    opacity: .6;
}
/*--------Call to Actions--------*/
.ctaform {
    width: 100%;
    max-width: 500px;
    position: fixed;
    background-color: #FFF;
    margin-top: 30px;
    bottom: -1500px;
    border: 3px solid #F28024;
    z-index: 100;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-size: 30px 30px;
}
.ctaform h2 {
    margin-top: 20px;
}
.ctaform-active {
    bottom: 20px;
}
.link-richtlinie{
    color: rgb(202, 70, 15);
    text-decoration: underline;
    cursor: help;
}
@media screen and (max-width: 640px) {
    .ctaform {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        position: fixed;
        padding-bottom: 15px;
        background-color: #FFF;
        bottom: -1500px;
        border: 3px solid #F28024;
        z-index: 100;
        left: 50%;
        transform: translate(-50%, 0);
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        -webkit-transition: all .03s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .ctaform-active {
        bottom: 0px;
    }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
    .ctaform {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        position: fixed;
        padding-bottom: 15px;
        background-color: #FFF;
        bottom: -1500px;
        border: 3px solid #F28024;
        z-index: 100;
        left: 50%;
        transform: translate(-50%, 0);
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        -webkit-transition: all .03s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .ctaform-active {
        bottom: 0px;
    }
}
.ctaform-close {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    background-color: #F28024;
    border: 6px solid #F28024;
}
.ctaform-inner {
    width: 100%;
    height: auto;
    max-height: 100vh;
    overflow: auto;
    padding: 20px 20px 0 20px;
    vertical-align: bottom;
    top: 30px;
    z-index: 1;
}
.ctaform-inner p {
    padding: 0 5px 15px 5px;
}
.ctaform h2 {
    color: #373737;
    text-align: center;
    font-size: 1.6em;
    font-weight: normal;
}
.ctaform h2 input {
    border: none;
    background: none;
    color: #ca460f;
    margin: 0;
    padding: 0;
    font-size: inherit;
    text-align: center;
}
.callback p {
    color: #FFF;
}
.ctaformselect {
    color: #373737;
}
.ctaform .btn {
    font-family: 'Barlow';
    width: auto;
    padding: 20px 55px 20px 20px;
    background-color: #F28024 !important;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 24px 24px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: normal;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    /*-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.47);
box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.47);*/
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A0A0A0;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A0A0A0;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #A0A0A0;
}
/* -------------------------------------- Formulare-------------------------------------- */
/*Keine optische Verlinkung der Telefonnummer in IOS*/
a[href^=tel] {
    text-decoration: inherit;
    color: inherit;
}

/*Abstand in Formularen für Text oder Überschriften */
.form-text{
    padding-left: 5px;
}

/*Keine abgerundeten Formularfelder in IOS*/
input, select, textarea {
    -webkit-appearance: none;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    background-color: #FFF;
    border: 1px solid #F28024;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-family: 'Barlow';
}
input:focus, select:focus {
    background-color: #EFEFEF
}
select option selected {
    color: #373737;
}
select {
    background-image: url("../iconset/icon_arrow-down_orange.svg");
    background-size: 16px 16px;
    background-position: right 10px center;
    background-repeat: no-repeat;
}
textarea {
    resize: none !important;
    height: 120px;
}
.btn .btn-send {
    max-width: 100%!important;
}
.formfield-1 {
    width: 100%;
    display: block;
    padding: 0 5px 5px 5px;
}
.formfield-2 {
    width: 100%;
    max-width: 50%;
    display: inline-block;
    padding: 0 5px 5px 5px;
}
@media screen and (max-width: 640px) {
    .formfield-2 {
        width: 100%;
        max-width: 100%;
        display: block;
    }
}
.formfield-3 {
    width: 100%;
    max-width: 80%;
    display: inline-block;
    padding: 0 5px 5px 5px;
}
.formfield-number {
    width: 100%;
    max-width: 20%;
    display: inline-block;
    padding: 0 5px 5px 5px;
}
@media screen and (max-width: 640px) {
    .formfield-number {
        width: 100%;
        max-width: 35%;
        display: inline-block;
        padding: 0 5px 5px 5px;
    }
    .formfield-3 {
        width: 100%;
        max-width: 65%;
        display: inline-block;
        padding: 0 5px 5px 5px;
    }
}
#contactform {
    display: block;
    width: 100%;
    max-width: 900px;
    padding: 10px;
    margin: 0 auto;
}
#partnerform {
    display: block;
    width: 100%;
    max-width: 900px;
    padding: 10px;
    margin: 0 auto;
}
/*Formular Versandnachricht*/
.mailermsg {
    display: none;
    width: auto;
    height: auto;
    padding: 30px;
    margin: 5px;
    background-color: #40A52B;
    font-size: 1em;
    color: #fff;
    z-index: 8;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("../iconset/icon_close_white.svg");
    background-position: 98% 10px;
    background-size: 15px;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.mailermsg h1 {
    font-size: 1.6em;
    color: #fff;
}
/*Formular Checkbox*/
.checkbox-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    position: relative;
    font-size: 1em;
    color: #373737;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox {
    width: 14px !important;
    height: 14px !important;
    margin: 0 15px 0 0;
    cursor: pointer;
}

.checkbox-small {
    width: 11px !important;
    height: 11px !important;
    margin: 0 15px 0 0;
    cursor: pointer;
}

.checkbox.error {
    background-image: url("../iconset/icon_validation-invalid.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.checkbox:checked {
    background-image: url("../iconset/icon_tick_orange.svg");
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
}

.checkbox.error:focus{
    background-image: url("../iconset/icon_validation-invalid.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.checkbox.valid {
    background-image: url("../iconset/icon_tick_orange.svg");
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
}


.checkbox-container p {
    font-size: 1em;
    text-decoration: none;
    color: #373737;
}
/* --------------------------------------Formular Validierung-------------------------------------- */

/*Bildliche Validierung*/

input.error, textarea.error, select.error {
    background-image: url("../iconset/icon_validation-invalid.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-color: #FFF !important;
}
input.error:focus, textarea.error:focus, select.error:focus {
    background-color: #EEEEEE !important;
}
input.valid, textarea.valid, select.valid {
    background-image: url("../iconset/icon_validation_valid.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-color: #FFF !important;
}


/*Farbliche Validierung*/
/*input.error, textarea.error, select.error {
		outline: 3px solid red;
  outline-offset: -3px;
	background-color: #FFF;
}

input.error:focus, textarea.error:focus, select.error:focus {
  background-color: #EEEEEE !important;
}

input.valid, textarea.valid, select.valid {
  background-color: #FFF !important;
}*/
label.error {
    color: #FF0004;
    font-weight: bold;
}
label.error {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.gotop-container {
    display: inherit
}
@media screen and (max-width: 640px) {
    .gotop-container {
        display: none
    }
}
.gotop {
    display: none;
    width: 40px;
    height: 40px;
    background-color: #F28024;
    border: 10px solid #F28024;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.gotop:hover {
    background-color: #F49346;
    border: 10px solid #F49346;
}
/* --------------------------------------headimger-------------------------------------- */
.headimg {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
    margin-bottom: 40px;
}
#headimg01 {
    background-image: url("../images/headimg/headimg01.jpg")
}
#headimg-company {
    background-image: url("../images/headimg/headimg_company.jpg")
}
#headimg-offer {
    background-image: url("../images/headimg/headimg_offer.jpg")
}
#headimg-news {
    background-image: url("../images/headimg/headimg_news.jpg")
}
#headimg-calculator {
    background-image: url("../images/headimg/headimg_calculator.jpg");
    background-position: center top;
}
#headimg-career {
    background-image: url("../images/headimg/headimg_career.jpg");
}
#headimg-fairs {
    background-image: url("../images/headimg/headimg_fairs.jpg");
}
#headimg-contact {
    background-image: url("../images/headimg/headimg_contact.jpg");
}
#headimg-newbuild {
    background-image: url("../images/headimg/headimg_newbuild.jpg");
}
#headimg-planning {
    background-image: url("../images/headimg/headimg_planning.jpg");
}
#headimg-repalcement {
    background-image: url("../images/headimg/headimg_replacement.jpg");
    background-position: center top;
}
#headimg-locations {
    background-image: url("../images/headimg/headimg_locations.jpg");
}
#headimg-locations-international {
    background-image: url("../images/headimg/headimg_locations_international.jpg");
}
#headimg-references {
    background-image: url("../images/headimg/headimg_references.jpg");
}
#headimg-accessoires {
    background-image: url("../images/headimg/headimg_accessoires.jpg");
}
#headimg-downloads {
    background-image: url("../images/headimg/headimg_downloads.jpg");
}
#headimg-gallery {
    background-image: url("../images/headimg/headimg_gallery.jpg");
}
#headimg-event {
    background-image: url("../images/headimg/headimg_event.jpg");
}
#headimg-faq {
    background-image: url("../images/headimg/headimg_faq.jpg");
    background-position: 20% center;
}
#headimg-infrarotheizung {
    background-image: url("../images/headimg/headimg_infrarotheizung.jpg");
    background-position: top;
}
#headimg-products {
    background-image: url("../images/headimg/headimg_products.jpg");
    background-position: top;
}
#headimg-bathroom {
    background-image: url("../images/headimg/headimg_bathroom.jpg");
    background-position: center top;
}
#headimg-langzeittest {
    background-image: url("../images/headimg/headimg_langzeittest.jpg");
    background-position: center top;
}
#headimg-photovoltaik {
    background-image: url("../images/headimg/headimg_langzeittest.jpg");
    background-position: 20% center;
}


#headimg-404 {
    background-image: url("../images/headimg/headimg_404.jpg");
}
@media screen and (max-width: 640px) {
    .headimg {
        height: 70vh !important;
    }
}
/* --------------------------------------Info-Liste-------------------------------------- */
.info-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.info-list li {
    font-size: 1.2em;
    line-height: 150%;
    color: #373737;
    list-style-position: inside;
    padding-left: 34px;
    background-image: url("../iconset/icon_info_orange.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 20px;
}
.info-list img {
    width: 10px;
    height: 10px;
}
/* --------------------------------------Produkte-------------------------------------- */
.productslide-classic01 {
    background-image: url("../images/produkte/classic/infrarotheizung-classic-titelbild.jpg");
    background-position: center top
}
.productslide-classic02 {
    background-image: url("../images/produkte/classic/infrarotheizung-classic-beauty.jpg");
}
.productslide-classic03 {
    background-image: url("../images/produkte/classic/infrarotheizung-classic-front.jpg");
}
.productslide-classic04 {
    background-image: url("../images/produkte/classic/infrarotheizung-classic-seite-links.jpg");
}
.productslide-classic05 {
    background-image: url("../images/produkte/classic/infrarotheizung-classic-rueckseite.jpg");
}
.productslide-classic06 {
    background-image: url("../images/produkte/classic/infrarotheizung-classic-seite-rechts.jpg");
}
.productslide-classic07 {
    background-image: url("../images/produkte/classic/infrarotheizung-classic-detail-front.jpg");
}
.productslide-classic08 {
    background-image: url("../images/produkte/classic/infrarotheizung-classic-detail-rueckseite.jpg");
}


.productslide-standard01 {
    background-image: url("../images/produkte/standard/infrarotheizung-standard-titelbild.jpg");
    background-position: center top
}
.productslide-standard02 {
    background-image: url("../images/produkte/standard/infrarotheizung-standard-beauty.jpg");
}
.productslide-standard03 {
    background-image: url("../images/produkte/standard/infrarotheizung-standard-beauty-backside.jpg");
}
.productslide-standard04 {
    background-image: url("../images/produkte/standard/infrarotheizung-standard-front.jpg");    
}
.productslide-standard05 {
    background-image: url("../images/produkte/standard/infrarotheizung-standard-detail-front.jpg");    
}
.productslide-standard06 {
    background-image: url("../images/produkte/standard/infrarotheizung-standard-detail-rueckseite.jpg");
}
.productslide-standard07 {
    background-image: url("../images/produkte/standard/infrarotheizung-standard-seite-links.jpg");
}
.productslide-standard08 {
    background-image: url("../images/produkte/standard/infrarotheizung-standard-seite-rechts.jpg");
}

.productslide-deckenheizung01 {
    background-image: url("../images/produkte/deckenheizung/infrarotheizung-deckenheizung-titelbild.jpg");
    background-position: center top
}
.productslide-deckenheizung02 {
    background-image: url("../images/produkte/deckenheizung/01-infrarot-deckenheizung-beauty.jpg");
}
.productslide-deckenheizung03 {
    background-image: url("../images/produkte/deckenheizung/02-infrarot-deckenheizung-rueckseite-beauty.jpg");
}
.productslide-deckenheizung04 {
    background-image: url("../images/produkte/deckenheizung/03-infrarot-deckenheizung-detail-front.jpg");
}
.productslide-deckenheizung05 {
    background-image: url("../images/produkte/deckenheizung/04-infrarot-deckenheizung-detail-rueckseite.jpg");
}
.productslide-deckenheizung06 {
    background-image: url("../images/produkte/deckenheizung/05-infrarot-deckenheizung-komplett-beauty-front.jpg");
}
.productslide-deckenheizung07 {
    background-image: url("../images/produkte/deckenheizung/06-infrarot-deckenheizung-komplett-beauty-rueckseite.jpg");
}
.productslide-deckenheizung08 {
    background-image: url("../images/produkte/deckenheizung/07-infrarot-deckenheizung-komplett-detail-front.jpg");
}
.productslide-deckenheizung09 {
    background-image: url("../images/produkte/deckenheizung/08-infrarot-deckenheizung-komplett-detail-rueckseite.jpg");
}
.productslide-deckenheizung10 {
    background-image: url("../images/produkte/deckenheizung/09-infrarot-deckenheizung-rahmen-oben.jpg");
}
.productslide-deckenheizung11 {
    background-image: url("../images/produkte/deckenheizung/10-infrarot-deckenheizung-rahmen-unten.jpg");
}


.productslide-bild01 {
    background-image: url("../images/produkte/bild/infrarotheizung-bild-titelbild.jpg");
    background-position: center top;
}
.productslide-bild02 {
    background-image: url("../images/produkte/bild/infrarotheizung-bild-beauty.jpg")
}
.productslide-bild03 {
    background-image: url("../images/produkte/bild/infrarotheizung-bild-front.jpg")
}
.productslide-bild04 {
    background-image: url("../images/produkte/bild/infrarotheizung-bild-seite-links.jpg")
}
.productslide-bild05 {
    background-image: url("../images/produkte/bild/infrarotheizung-bild-rueckseite.jpg")
}
.productslide-bild06 {
    background-image: url("../images/produkte/bild/infrarotheizung-bild-seite-rechts.jpg");
}
.productslide-bild07 {
    background-image: url("../images/produkte/bild/infrarotheizung-bild-detail-front.jpg");
}
.productslide-bild08 {
    background-image: url("../images/produkte/bild/infrarotheizung-bild-detail-rueckseite.jpg");
}
.productslide-spiegel01 {
    background-image: url("../images/produkte/glas/infrarotheizung-spiegel-titelbild.jpg");
    background-position: center top;
}
.productslide-spiegel02 {
    background-image: url("../images/produkte/glas/infrarotheizung-spiegel-beauty.jpg")
}
.productslide-spiegel03 {
    background-image: url("../images/produkte/glas/infrarotheizung-spiegel-front.jpg")
}
.productslide-spiegel04 {
    background-image: url("../images/produkte/glas/infrarotheizung-spiegel-seite-links.jpg")
}
.productslide-spiegel05 {
    background-image: url("../images/produkte/glas/infrarotheizung-spiegel-rueckseite.jpg")
}
.productslide-spiegel06 {
    background-image: url("../images/produkte/glas/infrarotheizung-spiegel-seite-rechts.jpg");
}
.productslide-spiegel07 {
    background-image: url("../images/produkte/glas/infrarotheizung-spiegel-detail-front.jpg");
}
.productslide-spiegel08 {
    background-image: url("../images/produkte/glas/infrarotheizung-spiegel-detail-rueckseite.jpg");
}
.productslide-glas01 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-schwarz-titelbild.jpg");
}
.productslide-glas02 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-schwarz-beauty.jpg")
}
.productslide-glas03 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-weiss-beauty.jpg")
}
.productslide-glas04 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-schwarz-front.jpg")
}
.productslide-glas05 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-schwarz-seite-links.jpg")
}
.productslide-glas06 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-schwarz-rueckseite.jpg")
}
.productslide-glas07 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-schwarz-seite-rechts.jpg");
}
.productslide-glas08 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-schwarz-detail-front.jpg");
}
.productslide-glas09 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-schwarz-detail-rueckseite.jpg");
}
.productslide-glasbild01 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-bild-titelbild.jpg");
    background-position: center top;
}
.productslide-glasbild02 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-bild-beauty.jpg")
}
.productslide-glasbild03 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-bild-front.jpg")
}
.productslide-glasbild04 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-bild-seite-links.jpg")
}
.productslide-glasbild05 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-bild-rueckseite.jpg")
}
.productslide-glasbild06 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-bild-seite-rechts.jpg");
}
.productslide-glasbild07 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-bild-detail-front.jpg");
}
.productslide-glasbild08 {
    background-image: url("../images/produkte/glas/infrarotheizung-glas-bild-detail-rueckseite.jpg");
}
.productslide-tafel01 {
    background-image: url("../images/produkte/tafel/infrarotheizung-tafel-titelbild.jpg");
    background-position: center top;
}
.productslide-tafel02 {
    background-image: url("../images/produkte/tafel/infrarotheizung-tafel-beauty.jpg")
}
.productslide-tafel03 {
    background-image: url("../images/produkte/tafel/infrarotheizung-tafel-front.jpg")
}
.productslide-tafel04 {
    background-image: url("../images/produkte/tafel/infrarotheizung-tafel-seite-links.jpg")
}
.productslide-tafel05 {
    background-image: url("../images/produkte/tafel/infrarotheizung-tafel-rueckseite.jpg")
}
.productslide-tafel06 {
    background-image: url("../images/produkte/tafel/infrarotheizung-tafel-seite-rechts.jpg");
}
.productslide-tafel07 {
    background-image: url("../images/produkte/tafel/infrarotheizung-tafel-detail-front.jpg");
}
.productslide-tafel08 {
    background-image: url("../images/produkte/tafel/infrarotheizung-tafel-detail-rueckseite.jpg");
}
.productslide-standheizung01 {
    background-image: url("../images/produkte/standheizung/infrarot-standheizung-titelbild-2020.jpg");
}
.productslide-standheizung02 {
    background-image: url("../images/produkte/standheizung/infrarot-standheizung-front-2020.jpg")
}
.productslide-standheizung03 {
    background-image: url("../images/produkte/standheizung/infrarot-standheizung-rueckseite-2020.jpg")
}
.productslide-standheizung04 {
    background-image: url("../images/produkte/standheizung/infrarot-standheizung-detail-2020.jpg")
}

.productslide-textilheizung01 {
    background-image: url("../images/produkte/textilheizung2021/infrarot-textilheizung-scene-1.jpg");
}
.productslide-textilheizung02 {
    background-image: url("../images/produkte/textilheizung2021/infrarot-textilheizung-scene-2.jpg");
}
.productslide-textilheizung03 {
    background-image: url("../images/produkte/textilheizung2021/infrarot-textilheizung-scene-3.jpg");
}
.productslide-textilheizung04 {
    background-image: url("../images/produkte/textilheizung2021/infrarot-textilheizung-detail-1.jpg");
}
.productslide-textilheizung05 {
    background-image: url("../images/produkte/textilheizung2021/infrarot-textilheizung-detail-2.jpg");
}
.productslide-textilheizung06 {
    background-image: url("../images/produkte/textilheizung2021/infrarot-textilheizung-detail-3.jpg");
}
.productslide-textilheizung07 {
    background-image: url("../images/produkte/textilheizung2021/infrarot-textilheizung-detail-4.jpg");
}

.productslide-badheizung01 {
    background-image: url("../images/produkte/badheizung/badheizung-titelbild.jpg");
    background-position: center top
}
.productslide-badheizung02 {
    background-image: url("../images/produkte/badheizung/badheizung-front-beauty.jpg");
}
.productslide-badheizung03 {
    background-image: url("../images/produkte/badheizung/badheizung-front.jpg");
}
.productslide-badheizung04 {
    background-image: url("../images/produkte/badheizung/badheizung-front-weiss.jpg");
}
.productslide-badheizung05 {
    background-image: url("../images/produkte/badheizung/badheizung-front-spiegel.jpg");
}
.productslide-badheizung06 {
    background-image: url("../images/produkte/badheizung/badheizung-rueckseite.jpg");
}
.productslide-badheizung07 {
    background-image: url("../images/produkte/badheizung/badheizung-detaill.jpg");
}
.productslide-handtuchstange {
    background-image: url("../images/produkte/badheizung/handtuchstange-detail.jpg");
}


.productslide-textilsaeule01 {
    background-image: url("../images/produkte/textilsaeule/textilsaeule-titelbild.jpg");
    background-position: center bottom;
}
.productslide-textilsaeule02 {
    background-image: url("../images/produkte/textilsaeule/textilsaeule-beauty.jpg");
}
.productslide-textilsaeule03 {
    background-image: url("../images/produkte/textilsaeule/textilsaeule-front.jpg");
}
.productslide-textilsaeule04 {
    background-image: url("../images/produkte/textilsaeule/textilsaeule-beauty.jpg");
}
.productslide-textilsaeule05 {
    background-image: url("../images/produkte/textilsaeule/textilsaeule-boden.jpg");
}




.productslide-heizsaule-hzs-s-01 {
    background-image: url("../images/produkte/heizsaeule/heizsaeule-titelbild-hzs-s.jpg");
    background-position: center bottom;
}
.productslide-heizsaule-hzs-s-02 {
    background-image: url("../images/produkte/heizsaeule/heizsaeule-beauty-hzs-s.jpg");
}
.productslide-heizsaule-hzs-s-03 {
    background-image: url("../images/produkte/heizsaeule/heizsaeule-detail-hzs-s.jpg");
}
.productslide-heizsaule-hzs-s-04 {
    background-image: url("../images/produkte/heizsaeule/heizsaeule-detail-2-hzs-s.jpg");
}
.productslide-heizsaule-hzs-s-05 {
    background-image: url("../images/produkte/heizsaeule/heizsaeule-detail-3-hzs-s.jpg");
}

.productslide-heizsaule-hzs-h-01 {
    background-image: url("../images/produkte/heizsaeule/heizsaeule-titelbild-hzs-h.jpg");
    background-position: center bottom;
}
.productslide-heizsaule-hzs-h-02 {
    background-image: url("../images/produkte/heizsaeule/heizsaeule-beauty-hzs-h.jpg");
}
.productslide-heizsaule-hzs-h-03 {
    background-image: url("../images/produkte/heizsaeule/heizsaeule-detail-hzs-h.jpg");
}
.productslide-heizsaule-hzs-h-04 {
    background-image: url("../images/produkte/heizsaeule/heizsaeule-detail-2-hzs-h.jpg");
}
.productslide-heizsaule-hzs-h-05 {
    background-image: url("../images/produkte/heizsaeule/heizsaeule-detail-3-hzs-h.jpg");
}





.productslide-heizteppich01 {
    background-image: url("../images/produkte/heizteppich/heizteppich-titelbild.jpg");
    background-position: center bottom;
}
.productslide-heizteppich02 {
    background-image: url("../images/produkte/heizteppich/heizteppich-titelbild-zoom.jpg");
    background-position: center bottom;
}
.productslide-heizteppich03 {
    background-image: url("../images/produkte/heizteppich/heizteppich-beauty.jpg");
}
.productslide-heizteppich04 {
    background-image: url("../images/produkte/heizteppich/heizteppich-top.jpg");
}
.productslide-heizteppich05 {
    background-image: url("../images/produkte/heizteppich/heizteppich-rueckseite.jpg");
}
.productslide-heizteppich06 {
    background-image: url("../images/produkte/heizteppich/heizteppich-farben.jpg");
}

.productslide-rasterdecke01 {
    background-image: url("../images/produkte/rasterdecke/rasterdecke-titelbild.jpg");
    background-position: center top;
}
.productslide-rasterdecke02 {
    background-image: url("../images/produkte/rasterdecke/rasterdecke-front.jpg");
}
.productslide-rasterdecke03 {
    background-image: url("../images/produkte/rasterdecke/rasterdecke-links.jpg");
}
.productslide-rasterdecke04 {
    background-image: url("../images/produkte/rasterdecke/rasterdecke-rechts.jpg");
}
.productslide-rasterdecke05 {
    background-image: url("../images/produkte/rasterdecke/rasterdecke-rueckseite.jpg");
}


.productslide-novaline01 {
    background-image: url("../images/produkte/novaline/infrarotheizung-novaline-titelbild.jpg");
    background-position: top top;
}
.productslide-novaline02 {
    background-image: url("../images/produkte/novaline/infrarotheizung-novaline-wandmontage.jpg");
    background-position: center top
}
.productslide-novaline03 {
    background-image: url("../images/produkte/novaline/infrarotheizung-novaline-deckenmotage.jpg");
    background-position: center top
}
.productslide-novaline04 {
    background-image: url("../images/produkte/novaline/infrarotheizung-novaline-detail-front.jpg");
}
.productslide-novaline05 {
    background-image: url("../images/produkte/novaline/infrarotheizung-novaline-detail-side.jpg");
}
.productslide-novaline06 {
    background-image: url("../images/produkte/novaline/infrarotheizung-novaline-detail-side-2.jpg");
}
.productslide-novaline07 {
    background-image: url("../images/produkte/novaline/infrarotheizung-novaline-detail-unten.jpg");

}






.productslide-mounting {
    background-image: url("../images/produkte/halterung.jpg")
}
.productslide-caption {
    background-color: rgba(255,255,255,0.8);
    padding: 5px 10px 5px 10px;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;

}
.advantages-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.advantages-list li {
    font-size: 1.2em;
    line-height: 150%;
    color: #373737;
    list-style-position: inside;
    padding-left: 24px;
;
    background-image: url("../iconset/icon_tick_orange.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 14px;
}
.advantages-list img {
    width: 10px;
    height: 10px;
}
.table-container {
    width: 100%;
    overflow: auto;
    position: relative;
}
.productdata, .spezifikationen {
    background-color: #D3D3D3;
    width: 100%;
    border: none;
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 1.2em;
    color: #777777;
    position: relative;
}
.productdata tr {
    border-bottom: 1px solid #B5B5B5;
}
.productdata tr:first-child {
    font-weight: bold;
}
.productdata tr:nth-child(odd), .spezifikationen tr:nth-child(odd) {
    background-color: #E4E4E4;
}
.productdata tr:nth-child(even), .spezifikationen tr:nth-child(even) {
    background-color: #EBEBEB;
}
.productdata tr:last-child, .spezifikationen tr:last-child {
    border-bottom: none !important;
}
.productdata td, .spezifikationen td {
    padding: 10px;
    white-space: nowrap;
}
.spezifikationen td:first-child {
    font-weight: bold;
}
.productdata .btn {
    font-size: 1.2em;
}
.wraptext {
    white-space: normal !important;
}
.swipetable {
    display: none;
    width: 50px;
    height: auto;
    margin: 0 auto;
    margin-top: 15px;
}
@media screen and (max-width: 640px) {
    .swipetable {
        display: block;
    }
}
.open-measure {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
@media screen and (max-width: 1024px) {
    .open-measure {
        margin: -4px 0 0 10px;
    }
}
.productgroesse {
    display: none;
    width: 100%;
    max-width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.product-accessoire {
    max-width: 220px;
    padding: 10px;
    height: auto;
    border: 1px solid #EFEFEF;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (max-width: 375px) {
    .product-accessoire {
        max-width: 100%;
    }
}
.product-accessoire:hover {
    border: 1px solid #F28024;
}
.product-accessoire img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
/* --------------------------------------Siegel-------------------------------------- */
.siegel {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 30px;
}
.siegel img {
    width: auto;
    height: 100%;
    max-height: 70px;
    display: inline-block;
    margin-right: 30px;
    margin: 10px;
}
/* --------------------------------------Lightbox-------------------------------------- */
.lightcase-icon {
    font-family: 'lightcase', sans-serif;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    font-variant: normal;
    text-transform: none;
}
.lightcase-icon-play:before {
    content: '\e800';
}
.lightcase-icon-pause:before {
    content: '\e801';
}
.lightcase-icon-close {
    background-image: url("../iconset/icon_close_white.svg");
    background-color: #F28024;
    background-repeat: no-repeat;
    border: 6px solid #F28024;
    background-position: center center;
    width: 35px;
    height: 35px;
    padding: 15px !important;
}
.lightcase-icon-prev {
    background-image: url("../iconset/icon_arrow-left_white.svg");
    background-color: #F28024;
    background-repeat: no-repeat;
    border: 6px solid #F28024;
    background-position: center center;
    width: 35px;
    height: 35px;
    padding: 15px !important;
}
.lightcase-icon-next {
    background-image: url("../iconset/icon_arrow-right_white.svg");
    background-color: #F28024;
    background-repeat: no-repeat;
    border: 6px solid #F28024;
    background-position: center center;
    width: 35px;
    height: 35px;
    padding: 15px !important;
}
/* line 40, ../scss/components/fonts/_font-lightcase.scss
.lightcase-icon-spin:before {
  content: '\e805';
}
*/
@-webkit-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-moz-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-o-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-ms-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
#lightcase-case {
    display: none;
    position: fixed;
    z-index: 2002;
    top: 50%;
    left: 50%;
    font-size: 1em;
    text-align: center;
}
@media screen and (max-width: 640px) {
    html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        padding: 55px 0 70px 0;
        width: 100% !important;
        height: 100% !important;
        overflow: auto !important;
    }
}
@media screen and (min-width: 641px) {
    /* line 4, ../scss/components/modules/_content.scss */
    html:not([data-lc-type=error]) #lightcase-content {
        position: relative;
        z-index: 1;
        text-shadow: none;
        background-color: #fff;
        -webkit-backface-visibility: hidden;
    }
}
@media screen and (min-width: 641px) {
    /* line 23, ../scss/components/modules/_content.scss */
    html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
        background-color: #333;
    }
}
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {}
@media screen and (max-width: 640px) {
    /* line 31, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }
}
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 640px) {
    /* line 43, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
        padding: 15px;
    }
    /* line 52, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
        width: 100% !important;
        max-width: none !important;
    }
    /* line 59, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
        height: auto !important;
        max-height: none !important;
    }
}
@media screen and (max-width: 640px) {
    /* line 70, ../scss/components/modules/_content.scss */
    html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media screen and (max-width: 640px) and (min-width: 641px) {
    /* line 74, ../scss/components/modules/_content.scss */
    html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
        line-height: 0.75;
    }
}
/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
    position: relative;
    overflow: hidden !important;
}
@media screen and (max-width: 640px) {
    /* line 91, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }
}
@media screen and (min-width: 641px) {
    /* line 100, ../scss/components/modules/_content.scss */
    html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        padding: 30px;
        overflow: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 640px) {
    /* line 117, ../scss/components/modules/_content.scss */
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
        color: #aaa;
    }
}
@media screen and (min-width: 641px) {
    /* line 117, ../scss/components/modules/_content.scss */
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
        color: #333;
    }
}
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
    margin: 0;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaa;
}
@media screen and (max-width: 640px) {
    /* line 3, ../scss/components/modules/_error.scss */
    #lightcase-case p.lightcase-error {
        padding: 30px 0;
    }
}
@media screen and (min-width: 641px) {
    /* line 3, ../scss/components/modules/_error.scss */
    #lightcase-case p.lightcase-error {
        padding: 0;
    }
}
/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
    overflow: hidden;
}
/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
    max-width: 100%;
    max-height: 100%;
}
#lightcase-info {
    position: relative;
    background-color: #373737;
}
#lightcase-info #lightcase-title, #lightcase-info #lightcase-caption {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-weight: normal;
    text-overflow: ellipsis;
}
#lightcase-info #lightcase-title {
    clear: both;
    font-size: 1.2em;
    color: #FFF;
    background-color: #373737;
    padding: 10px;
    margin: 0 auto;
    display: block;
    width: 100%;
}
@media screen and (max-width: 640px) {
    #lightcase-info #lightcase-title {
        position: fixed;
        top: 0px;
        left: 0;
        max-width: 87.5%;
        background: #333;
        display: none!important;
    }
}
#lightcase-info #lightcase-caption {
    clear: both;
    font-size: 1.2em;
    color: #FFF;
    background-color: #373737;
    padding: 10px;
    margin: 0 auto;
    display: block;
    width: 100%;
}
#lightcase-info #lightcase-sequenceInfo {
    font-size: .8em;
    color: #FFF;
    position: absolute;
    z-index: 5;
    bottom: 60px;
    text-align: center;
    width: 100%;
    display: none;
}
@media screen and (max-width: 640px) {
    /* line 45, ../scss/components/modules/_info.scss */
    .lightcase-fullScreenMode #lightcase-info {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* line 51, ../scss/components/modules/_info.scss */
    html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
        position: static;
    }
}
#lightcase-loading {
    position: fixed;
    z-index: 9999;
    width: 50px;
    height: 50px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    opacity: 1;
    background-image: url("../images/preloader.svg");
    background-size: cover;
}
#lightcase-loading, #lightcase-loading:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    -moz-transition: color, opacity, ease-in-out 0.25s;
    -o-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s;
}
#lightcase-loading > span {
    display: inline-block;
    text-indent: -9999px;
}
a[class*='lightcase-icon-'] {
    position: fixed;
    z-index: 9999;
    width: 30px;
    height: 30px;
    text-align: center;
    text-shadow: none;
    outline: none;
    cursor: pointer;
}
a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    -moz-transition: color, opacity, ease-in-out 0.25s;
    -o-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'] > span {
    display: inline-block;
    text-indent: -9999px;
}
/* line 49, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-']:hover {
    color: white;
    text-shadow: 0 0 15px white;
}
/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
    color: #aaa;
    text-shadow: none;
}
/* line 17, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-close {
    position: fixed;
    top: 15px;
    right: 15px;
    bottom: auto;
    margin: 0;
    opacity: 0;
    outline: none;
}
/* line 28, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-prev {
    left: 15px;
}
/* line 33, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-next {
    right: 15px;
}
/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
    left: 50%;
    margin-left: -0.5em;
}
@media screen and (min-width: 641px) {
    /* line 38, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
        opacity: 0;
    }
}
@media screen and (max-width: 640px) {
    /* line 2, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'] {
        bottom: 50%;
        font-size: 24px;
    }
}
@media screen and (min-width: 641px) {
    /* line 2, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'] {
        bottom: 50%;
        margin-bottom: -0.5em;
    }
    /* line 57, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
        opacity: 1;
    }
}
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
    display: none;
    width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 2000;
    top: -9999px;
    bottom: -9999px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.34)
}
@media screen and (max-width: 640px) {
    /* line 1, ../scss/components/modules/_overlay.scss */
    #lightcase-overlay {
        opacity: 1 !important;
    }
}
/* --------------------------------------Produktseite-------------------------------------- */
.tabs {
    border-bottom: 1px solid #F28024;
}
.tablink {
    width: 100%;
    display: block;
    border-top: 1px solid #F28024;
    padding: 20px 10px 20px 0;
    cursor: pointer;
    background-size: 18px 18px;
    background-position: right 10px center;
    background-image: url("../iconset/icon_arrow-down_orange.svg");
    background-repeat: no-repeat;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tablink h3 {
    font-family: 'Barlow';
    margin: 0;
    padding: 0 10px 0 0;
    color: #ca460f;
    font-weight: normal !important;
    font-size: 1.5em;
    display: inline;
}
.tablink .icon {
    margin-right: 5px;
}
/* Change background color of buttons on hover */
.tablink:hover {
    background-color: #F7F7F7;
}
.tablink-active {
    background-image: url("../iconset/icon_arrow-up_orange.svg")
}
.tabcontent {
    display: none;
    padding: 20px 0 20px 0;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.tabcontent-active {
    display: block;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media screen and (max-width: 768px) {
    .buttonbar .btn {
        width: 100% !important;
        display: block !important;
        margin-bottom: 5px;
        text-align: left;
    }
}
.advantage-iconbar {
    width: 100%;
    display: block;
    text-align: center;
}
.advantage-iconbar div {
    width: 100%;
    max-width: 260px;
    display: inline-block;
    padding: 20px;
    vertical-align: top;
}
.advantage-iconbar div img {
    width: 50px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
}
.advantage-iconbar div p {
    display: block;
    text-align: center;
    font-weight: bold;
}
.rahmen {
    display: flex;
    flex-wrap: wrap;
}
.rahmen div {
    flex: 25%;
    max-width: 25%;
    padding: 10px;
}
.rahmen div img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}
.rahmen div p {
    display: block;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .rahmen div {
        flex: 50%;
        max-width: 50%;
    }
}
@media screen and (max-width: 375px) {
    .rahmen div {
        flex: 100%;
        max-width: 100%;
    }
}
/* --------------------------------------Motivgalerie-------------------------------------- */
.gallery .tabs {
    margin-bottom: 10px;
    border-bottom: none;
}
.tab-container {
    border: 1px solid #EFEFEF;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.gallery .tablink {
    width: 100%;
    border: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    background-size: 18px 18px;
    background-position: right 10px center;
    background-image: url("../iconset/icon_arrow-down_orange.svg");
    background-repeat: no-repeat;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (max-width: 500px) {
    .gallery .tablink {
        display: block;
        background: none;
    }
}
.gallery .tablink img {
    width: 100%;
    max-width: 200px;
    margin-right: 25px;
}
@media screen and (max-width: 500px) {
    .gallery .tablink img {
        width: 100%;
        max-width: 100%;
        display: block;
    }
}
.gallery .tablink-caption {
    vertical-align: middle;
    display: block;
}
.gallery .tablink h3 {
    font-family: 'Barlow';
    margin: 0;
    color: #ca460f;
    font-weight: normal !important;
    font-size: 1.5em;
    display: block;
}
.gallery .tablink p {
    display: block;
}
@media screen and (max-width: 500px) {
    .gallery .tablink h3 {
        display: block;
        text-align: center;
        margin-top: 5px;
    }
    .gallery .tablink p {
        text-align: center;
    }
}
.gallery .tablink:hover {
    background-color: #F7F7F7;
}
.gallery .tablink-active {
    background-image: url("../iconset/icon_arrow-up_orange.svg")
}
@media screen and (max-width: 500px) {
    .gallery .tablink-active {
        background-image: none;
    }
}
.gallery .tabcontent {
    display: none;
    padding: 20px 10px 20px 10px;
    vertical-align: top;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.gallery .tabcontent-active {
    display: block;
}
.gallery-thumb {
    width: 100%;
    max-width: 210px;
    height: auto;
    border: 1px solid #EFEFEF;
    text-align: center;
    padding: 10px;
    margin: 0 10px 10px 0;
    display: inline-block;
    opacity: 1;
}
.gallery-thumb:hover {
    opacity: .8;
}
.gallery-thumb-img {
    position: relative;
    width: 190px;
    height: 190px;
    overflow: hidden;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0 auto;
    margin-bottom: 10px;
}
.gallery-thumb p {
    display: block;
}
@media screen and (max-width: 500px) {
    .gallery-thumb {
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }
}
.gallery-thumb-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.gallery-thumb-img img.portrait {
    width: 100%;
    height: auto;
}
.gallery-thumb-img:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../iconset/icon_magnifier_orange.svg");
    display: block;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* --------------------------------------Digel Haus-------------------------------------- */
.house {
    width: 100%;
    max-width: 1920px;
    height: auto;
    display: block;
    margin-bottom: -22px;
    text-align: center;
    position: relative;
}
@media screen and (max-width: 640px) {
    .house {
        display: none;
    }
}
#house-imagemap {
    width: 100%;
    max-width: 1920px;
    height: auto;
    position: absolute;
    z-index: 1;
}
#house-house {
    width: 100%;
    max-width: 1920px;
    z-index: 0;
}
.imagemapclick {
    opacity: 0;
}
#house-mobile {
    width: 100%;
    height: auto;
    display: none;
}
@media screen and (max-width: 640px) {
    #house-mobile {
        display: block;
    }
}
.houseinfo {
    display: none;
    background-color: #FFF;
    width: 100%;
    max-width: 700px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 20px 20px 20px;
    border: 3px solid #F28024;
    z-index: 100;
}
.houseinfo h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: normal;
}
.houseinfo-img {
    width: 50%;
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
}
.houseinfo div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.houseinfo-touch {
    width: 50px;
    height: 50px;
    display: none;
    margin: 0 auto;
    margin-top: 10px;
}
@media screen and (max-width: 640px) {
    .houseinfo-touch {
        display: block;
    }
}
.table-house {
    display: none;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}
@media screen and (max-width: 640px) {
    .table-house {
        display: block;
    }
}
.table-house tr {
    border-bottom: 1px solid #282723;
}
.table-house td {
    padding-bottom: 10px;
}
.table-house td:first-child {
    vertical-align: top;
    padding-right: 20px;
}
.table-house td:first-child p {
    padding: 5px;
    width: 20px;
    height: 20px;
    border-radius: 25%;
    color: #FFF;
    background-color: #ca460f;
}
/* --------------------------------------Image Zoom-------------------------------------- */
.zoom img {
    display: block;
}
/* --------------------------------------Partner-------------------------------------- */
#partner h2 {
    display: block;
    padding: 10px 10px 10px 20px;
    background-color: #F28024;
    color: #FFF;
    margin-bottom: 20px;
}
.partner-searchbar {
    vertical-align: top;
}
.partner-zip {
    padding: 13px 17px 13px 17px;
    font-size: 1.2em;
    color: #FFF;
    background-color: #F28024;
    margin: 0 5px 6px 0;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.partner-zip:link, .partner-zip:visited, .partner-zip:active {
    color: #FFF;
}
.partner-zip:hover, .partner-zip:focus {
    background-color: #373737;
}
.partner {
    padding: 20px;
    border: 1px solid #EFEFEF;
    margin: 0 0 20px 0;
    font-size: 1.2em;
    line-height: 150%;
    display: block;
    position: relative;
    color: #373737;
}
.partner-content {
    display: inline-block;
    vertical-align: middle;
}
@media screen and (max-width: 640px) {
    .partner-content {
        margin-top: 20px;
    }
}
.partner-content-right {
    display: inline-block;
    float: right;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-100%, -50%);
    padding-right: 20px;
    margin: 0;
}
@media screen and (max-width: 640px) {
    .partner-content-right {
        display: block;
        float: none;
        position: relative;
        padding-right: 0;
        margin: 0 auto;
        margin-top: 15px;
        text-align: center;
        transform: none;
        top: inherit;
        left: inherit;
        height: 50px;
    }
}
.partner-content h3 {
    font-size: 1.2em;
    font-weight: 500;
    margin: 0 0 5px 0;
    display: block;
}
.partner-img {
    width: 100%;
    max-width: 230px;
    height: auto;
    display: inline-block;
    margin: 0 25px 50px 25px;
    vertical-align: middle;
}
.partner-content-right img {
    width: 35px;
    height: 35px;
    margin: 15px;
    opacity: 1;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.partner-content-right img:hover {
    opacity: .8;
}
@media screen and (max-width: 640px) {
    .partner-content-right img {
        margin-bottom: 35px;
    }
}
.partner table {
    border-collapse: collapse;
    margin-top: 20px;
}
.partner table td {
    margin: 0;
    padding: 0;
}
.partner table td:first-child {
    padding-right: 10px;
}
.search {
    padding: 12px;
    width: 100%;
    max-width: 400px;
    background-color: #FFF;
    border: 1px solid #F28024;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-family: 'Barlow';
    background-image: url("../iconset/icon_magnifier_orange.svg");
    background-position: right 10px center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
/* -----------------------------------Infrarotheizungs Angebot dha---------------------------------- */
.dha-hinweis {
    font-size: 0.9em;
    text-align: justify;
}
.dha_invi {
    display: none;
}
.dha_show {
    display: block;
}
.dha-room-wrapper label{
    font-size: 1.2em;
    color: #373737;
    margin: 0;
    padding: 0;
    line-height: 150%;
}

/* --------------------------------------Heizkostenrechner dhc-------------------------------------- */
.calculator-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #F28024;
    padding: 20px 20px 10px 20px;
}
.dhc_box {
    display: block;
    width: 100%;
}
.calculator {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.calculator input, .calculator select, .calculator textarea {
    padding: 12px;
    background-color: #FFF;
    border: 1px solid #F28024;
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-family: 'Barlow';
}
.calculator select {
    cursor: pointer;
    background-size: 30px 30px;
    background-position: left 10px center;
    background-repeat: no-repeat;
    padding: 12px 12px 12px 50px;
}
.calculator select:hover {
    background-color: #EFEFEF;
}
#dhcArea, #heizbedarfArea {
    background-image: url("../iconset/icon_house_orange.svg");
}
#dhcIsolation, #heizbedarfIsolation {
    background-image: url("../iconset/icon_insulation_orange.svg");
}
#dhcPrice {
    background-image: url("../iconset/icon_rate_orange.svg");
}
.dhc_invi {
    display: none;
}
.dhc_show {
    display: block;
}
.dhc-table-container {
    width: 100%;
    overflow: auto;
    position: relative;
}
.dhc-table {
    width: 100%;
    border: none;
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 1.2em;
    color: #373737;
    position: relative;
}
.dhc-table tr:nth-child(odd) {
    background-color: #EFEFEF;
}
.dhc-table tr:nth-child(even) {
    background-color: #EFEFEF;
}
.dhc-table tr:last-child {
    border-bottom: none !important;
}
.dhc-table td {
    padding: 12px;
    white-space: nowrap;
    border-bottom: 8px solid #FFF;
}
.dhc-table td:first-child {
    padding-right: 0
}
.dhc-table td:last-child {
    font-weight: bold;
}
/* --------------------------------------Tooltip-------------------------------------- */
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
    /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
    display: flex;
    pointer-events: none;
    /* this may be overriden in JS for fixed position origins */
    position: absolute;
}
.tooltipster-box {
    /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
    flex: 1 1 auto;
}
.tooltipster-content {
    /* prevents an overflow if the user adds padding to the div */
    box-sizing: border-box;
    /* these make sure we'll be able to detect any overflow */
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
}
.tooltipster-ruler {
    /* these let us test the size of the tooltip without overflowing the window */
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
}
/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
    opacity: 1;
}
/* grow */
.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
/* swing */
.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}
/* fall */
.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
    top: 0 !important;
}
.tooltipster-fall.tooltipster-show {}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0;
}
/* slide */
.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
    left: -40px !important;
}
.tooltipster-slide.tooltipster-show {}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0;
}
/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.tooltipster-update-fade {
    animation: tooltipster-fading 400ms;
}
/* rotate */
@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg);
    }
    75% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(0);
    }
}
.tooltipster-update-rotate {
    animation: tooltipster-rotating 600ms;
}
/* scale */
@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.tooltipster-update-scale {
    animation: tooltipster-scaling 600ms;
}
/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
    background: #ca460f;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px;
}
/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
    color: white;
    line-height: 18px;
    padding: 6px 14px;
}
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    /* half the width, for centering */
    margin-left: -10px;
    top: 0;
    width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
    top: 0;
    width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    /* same as .tooltipster-left .tooltipster-arrow */
    top: 0;
    width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px;
}
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0;
}
/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #ca460f;
    left: 0;
    top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #ca460f;
    left: -3px;
    top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #ca460f;
    left: 0;
    top: -3px;
}
/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #ca460f;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #ca460f;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #ca460f;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #ca460f;
}
/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px;
}
/* --------------------------------------Downloads-------------------------------------- */
.downloads {
    width: 100%;
    display: block;
    text-align: center;
}
.downloads a {
    text-decoration: none;
}
.separator {
    margin: 30px 0px 30px 0px;
    display: block;
    width: 100%;
    font-size: 1.6em;
    color: #ca460f;
    border-bottom: 1px solid #F28024;
    margin-bottom: 30px;
    padding: 0 0 10px 0;
    text-align: left;
}
.download-item {
    width: 100%;
    max-width: 300px;
    height: auto;
    max-height: 500px;
    overflow: hidden;
    padding: 10px 0 10px 0;
    border: 1px solid #EFEFEF;
    display: inline-block;
    margin: 10px;
    opacity: 1;
    vertical-align: top;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.download-item:hover {
    opacity: .8;
}
.download-item img {
    width: 100%;
}
.download-caption {
    width: 100%;
    max-width: 300px;
    padding: 0 10px 0 10px;
    height: auto;
    background-color: #FFF;
    z-index: 2;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.download-caption h3 {
    font-size: 1.4em;
    display: block;
    margin: 5px 0 5px 0;
    text-align: center;
}
.download-caption p {
    display: block;
    margin: 5px 0 5px 0;
    text-align: center;
}
/* --------------------------------------Zubehör-------------------------------------- */
.accessoires h2 {
    display: none;
}
@media screen and (max-width: 768px) {
    .accessoires h2 {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .accessoires .column-left {
        text-align: center;
    }
}
.accessoires .column-left img {
    margin-right: 40px;
    width: 400px;
}
@media screen and (max-width: 1024px) {
    .accessoires .column-left img {
        width: 300px;
    }
}
@media screen and (max-width: 768px) {
    .accessoires .column-left img {
        margin-right: 0px;
    }
}
@media screen and (max-width: 500px) {
    .accessoires .column-left img {
        width: 100%;
    }
}
.accessoires .column-right {
    vertical-align: top;
    display: table-cell;
}
.accessoires .column-right h2 {
    display: inherit
}
@media screen and (max-width: 768px) {
    .accessoires .column-right h2 {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .accessoires .column-right {
        display: block;
        margin-top: 20px;
    }
}
@media screen and (max-width: 1080px) {
    .accessoires .btn {
        display: block;
    }
}
@media screen and (max-width: 1024px) {
    .accessoires .btn {
        display: inline-block;
    }
}
@media screen and (max-width: 910px) {
    .accessoires .btn {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .accessoires .btn {
        display: inline-block;
    }
}
@media screen and (max-width: 640px) {
    .accessoires .btn {
        display: block;
        margin-right: 0px;
    }
}
/* --------------------------------------FAQ-------------------------------------- */
p .faqbox {
    color: #ffffff;
    display: block;
    padding: 10px;
    margin: 0 0 5px 0;
    background-color: #f28024;
}
p .faqbox, p .faqbox:link, p .faqbox:visited {
    color: #ffffff;
}
p .faqbox:focus, p .faqbox:hover {
    color: #ffffff;
    background-color: #373737;
}
.faq {
    display: block;
    margin: 0 0 10px 0;
}
.faq-up {
    width: 100%;
    height: 18px !important;
    background-image: url("../iconset/icon_arrow-up_orange.svg");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 10px 0 0 0;
}
.faq-answer {
    padding: 20px;
    background-color: #f5f5f5;
}
/* --------------------------------------Zweispaltiges Layout-------------------------------------- */
.columns {
    width: 100%;
    display: block;
}
.columns-container {
    display: table;
}
.column-left {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
}
.column-right {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
}
@media screen and (max-width: 768px) {
    .column-left {
        padding-right: 0;
        display: block;
        padding-bottom: 20px;
    }
    .column-right {
        padding-left: 0;
        display: block;
        padding-bottom: 20px;
    }
}
/* --------------------------------------Zertifikate und Auszeichnungen-------------------------------------- */
.seal .column-left img {
    width: 250px;
    margin-right: 40px;
}
.seal .column-left {
    width: 100%;
    margin-right: 0px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.seal .column-left img {
    margin-right: 0px;
}
/* --------------------------------------News-------------------------------------- */
.news-date {
    color: #373737;
    padding-bottom: 20px;
}
.news-icon {
    height: 20px;
    width: auto;
    margin-right: 5px;
}
.news .column-left img {
    width: 400px;
    margin-right: 40px;
}
@media screen and (max-width: 1024px) {
    .news .column-left img {
        width: 300px;
    }
}
@media screen and (max-width: 768px) {
    .news .column-left img {
        margin-right: 0px;
    }
}
@media screen and (max-width: 500px) {
    .news .column-left img {
        width: 100%;
    }
}
.news .column-right h2 {
    font-size: 1.6em;
    font-weight: normal;
    margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
    .news .columns-container {
        display: block;
    }
    .news .column-left {
        width: 100%;
        margin-right: 0px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .news .column-left img {
        margin-right: 0px;
    }
    .news .column-right {
        padding-top: 20px;
    }
}
.news-detail h1 {
    color: #ca460f;
    font-size: 1.6em;
    font-weight: normal;
    text-align: left;
    line-height: 140%;
    padding-bottom: 15px;
    margin: 0;
    padding-top: 0;
}
.news-detail h2 {
    color: #ca460f;
    font-size: 1.4em;
    font-weight: normal;
    text-align: left;
    line-height: 140%;
    padding-bottom: 15px;
    margin: 0;
    padding-top: 0;
}
.news-detail .column-left {
    width: 400px;
    padding-right: 40px;
    display: block;
}
.news-detail .column-left img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
    .news-detail .column-left {
        width: 100%;
        max-width: 450px;
        padding-right: 0px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    .news-detail .columns-container {
        display: block;
    }
    .news-detail .column-left img {
        margin-right: 0px;
    }
    .news-detail .column-right {
        padding-top: 20px;
    }
}
/* --------------------------------------Referenzen-------------------------------------- */
.testimonial-location {
    color: #373737;
    padding-bottom: 20px;
}
.testimonial .column-left img {
    width: 300px;
}
@media screen and (max-width: 768px) {
    .testimonial .column-left img {
        margin: 0 auto;
        display: block;
    }
}
@media screen and (max-width: 500px) {
    .testimonial .column-left img {
        width: 100%;
    }
}
.testimonial .column-right h2 {
    font-size: 1.6em;
    font-weight: normal;
    margin: 0 0 10px 0;
}
.testimonial-detail .column-left {
    width: 400px;
    padding-right: 40px;
    display: block;
}
@media screen and (max-width: 768px) {
    .testimonial-detail .column-left {
        width: 100%;
        max-width: 450px;
        padding-right: 0px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}
.testimonial-detail h1 {
    color: #ca460f;
    font-size: 1.6em;
    font-weight: normal;
    text-align: left;
    line-height: 140%;
    padding-bottom: 15px;
    margin: 0;
    padding-top: 0;
}
.testimonial-detail h2 {
    color: #ca460f;
    font-size: 1.4em;
    font-weight: normal;
    text-align: left;
    line-height: 140%;
    padding-bottom: 15px;
    margin: 0;
    padding-top: 0;
}
.referenz-logo{
    max-width: 250px!important;
    height: auto!important;
}

@media screen and (max-width: 768px) {
    .testimonial-detail .columns-container {
        display: block;
    }
    .testimonial-detail .column-left img {
        margin-right: 0px;
    }
    .testimonial-detail .column-right {
        padding-top: 20px;
    }
}
/* --------------------------------------Messetermine-------------------------------------- */
.date-year {
    display: block;
    width: 100%;
    font-size: 1.6em;
    color: #ca460f;
    border-bottom: 1px solid #F28024;
    margin-bottom: 30px;
    padding: 0 0 10px 0;
}
.dates {
    display: flex;
    flex-wrap: wrap;
}
.date {
    padding: 20px;
    vertical-align: top;
    flex: 49%;
    max-width: 48%;
    background-color: #EFEFEF;
    margin: 5px 10px 5px 0;
}
@media screen and (max-width: 768px) {
    .date {
        flex: 100%;
        max-width: 100%;
        background-color: #EFEFEF;
        margin: 5px 0 5px 0;
    }
}
.date-calendar {
    width: 100%;
    max-width: 180px;
    background-color: #FFF;
    border: 3px solid #F28024;
    vertical-align: top;
    text-align: center;
    margin: 0 20px 20px 0;
    display: inline-block;
}
.date-calendar-month {
    background-color: #F28024;
    color: #FFF;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    margin: 0;
}
.date-calendar-date {
    padding: 10px;
}
.date-calendar-date p {
    font-weight: 500;
    line-height: 180%;
}
.date-calendar-date p span {
    font-size: 2em;
}
.date-details {
    display: inline-block;
    min-width: auto;
    max-width: 300px;
    text-align: left;
}
@media screen and (max-width: 640px) {
    .date-details {
        display: block;
        max-width: 100%;
    }
}
.date-details h2 {
    display: inline-block;
}
.date-details img {
    width: 20px;
    height: 20px;
    display: inline;
    vertical-align: baseline;
    margin-left: 10px;
}
/* --------------------------------------Bilder im Fließtext-------------------------------------- */
.img-m {
    width: 100%;
    max-width: 450px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 10px;
}
.img-l {
    padding: 10px 10px 10px 0;
    width: 100%;
    max-width: 450px;
    height: auto;
    float: left;
}
.img-r {
    padding: 10px 0 10px 10px;
    width: 100%;
    max-width: 450px;
    height: auto;
    float: right;
}
@media screen and (max-width: 768px) {
    .img-m {
        max-width: 350px;
    }
    .img-l {
        max-width: 350px;
    }
    .img-r {
        max-width: 350px;
    }
}
@media screen and (max-width: 640px) {
    .img-m {
        padding: 20px 0 20px 0;
    }
    .img-l {
        padding: 20px 0 20px 0;
        float: none;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    .img-r {
        padding: 20px 0 20px 0;
        float: none;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
}
/* --------------------------------------Mehrspaltiger Text-------------------------------------- */
.text-columns-2 {
    column-count: 2;
    column-gap: 40px;
}
.text-columns-3 {
    column-count: 3;
    column-gap: 40px;
}
.text-columns-4 {
    column-count: 4;
    column-gap: 40px;
}
@media screen and (max-width: 768px) {
    .text-columns-2 {
        column-count: 1;
        column-gap: 40px;
    }
    .text-columns-3 {
        column-count: 2;
        column-gap: 40px;
    }
    .text-columns-4 {
        column-count: 2;
        column-gap: 40px;
    }
}
@media screen and (max-width: 640px) {
    .text-columns-2 {
        column-count: 1;
        column-gap: 0;
    }
    .text-columns-3 {
        column-count: 1;
        column-gap: 0;
    }
    .text-columns-4 {
        column-count: 1;
        column-gap: 0;
    }
}
/* --------------------------------------Textboxen-------------------------------------- */
.image-text-container {
    display: flex;
    flex-wrap: wrap;
}
.image-box {
    flex: 30%;
    max-width: 30%;
}
.image-box img {
    width: 100%;
}
.text-box {
    flex: 70%;
    max-width: 70%;
    padding: 0 0 0 20px;
}
@media screen and (max-width: 640px) {
    .image-text-container {
        display: flex;
        flex-wrap: wrap;
    }
    .image-box {
        flex: 100%;
        max-width: 100%;
    }
    .image-box img {
        width: 100%;
    }
    .text-box {
        flex: 100%;
        max-width: 100%;
        padding: 20px 0 0 0;
    }
}
.text-box-2 {
    width: 100%;
    max-width: 50%;
    display: inline-block;
    padding: 20px 20px 20px 0;
    vertical-align: top;
}
@media screen and (max-width: 640px) {
    .text-box-2 {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 20px 0 20px 0;
    }
}
.text-box-2 h2 {
    color: #ca460f;
    font-size: 1.6em;
    font-weight: normal;
    text-align: left;
    line-height: 140%;
    padding-bottom: 15px;
    margin: 0;
    padding-top: 0;
}
.text-box-2 img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.text-box-3 {
    width: 100%;
    max-width: 33%;
    display: inline-block;
    padding: 20px 20px 40px 0;
    vertical-align: top;
}
.nopb {
    padding-bottom: 0px;
}
.text-box-3 img {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.text-box-3 h2 {
    color: #ca460f;
    font-size: 1.6em;
    font-weight: normal;
    text-align: left;
    line-height: 140%;
    padding-bottom: 15px;
    margin: 0;
    padding-top: 0;
}
@media screen and (max-width: 768px) {
    .text-box-3 {
        max-width: 49.7%;
    }
}
@media screen and (max-width: 640px) {
    .text-box-3 {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 20px 0 20px 0;
    }
}
.text-box-4 {
    width: 100%;
    max-width: 25%;
    display: inline-block;
    padding: 20px 20px 20px 0;
}
@media screen and (max-width: 768px) {
    .text-box-4 {
        max-width: 50%;
    }
}
@media screen and (max-width: 640px) {
    .text-box-4 {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 20px 0 20px 0;
    }
}
.text-box-3-2 {
    width: 100%;
    max-width: 66%;
    display: inline-block;
    vertical-align: top;
}
@media screen and (max-width: 768px) {
    .text-box-3-2 {
        max-width: 50%;
    }
}
@media screen and (max-width: 640px) {
    .text-box-3-2 {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 20px 0 20px 0;
    }
}
.text-table {
    width: 100%;
    font-size: 1.2em;
    color: #373737;
    border-collapse: collapse;
    text-align: left;
}
.text-table th {
    padding: 10px;
    font-weight: normal;
    color: #F28024;
}
.text-table td {
    padding: 10px;
    border-bottom: 1px solid #EFEFEF;
}
.text-table tr:last-child td {
    border-bottom: none;
}
.insulation-table {
    width: 100%;
    font-size: 1.2em;
    color: #373737;
    border-collapse: collapse;
    text-align: left;
}
.insulation-table th {
    padding: 10px 0 10px 0;
    color: #373737;
    font-weight: 500;
}
.insulation-table td {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #EFEFEF;
}
.insulation-table tr:last-child td {
    border-bottom: none;
}
/* --------------------------------------Aufzählungen-------------------------------------- */
ul {
    font-size: 1.2em;
    color: #373737;
    padding: 0;
    margin: 0;
    line-height: 150%;
    list-style-type: square;
    list-style-position: outside;
    padding-left: 1em;
}
.list-dot {
    list-style-image: url("../images/list-dot.svg");
}
.list-tick {
    list-style-image: url("../images/list-tick.svg");
}
.list-arrow {
    list-style-image: url("../images/list-arrow.svg");
}
.list-touch {
    list-style-image: url("../images/list-touch.svg");
}
.list-abc {
    list-style-type: upper-alpha;
}
.list-number {
    list-style-type: decimal;
}
/* --------------------------------------Produktgrößen-------------------------------------- */
.measures-container {
    width: 100%;
    height: auto;
    max-width: 1360px;
    margin: 0 auto;
    position: relative;
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
    overflow: hidden;
    vertical-align: top;
    padding-left: 350px;
}
@media screen and (max-width: 910px) {
    .measures-container {
        padding-left: 0;
    }
}
.measures-bottombar {
    width: 100%;
    height: 60px;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    background-color: #999999;
    border: 1px solid #EFEFEF;
}
.measures-container-captions {
    width: 100%;
    display: block;
    position: relative;
    height: 80px;
    padding: 20px 0 20px 0;
    text-align: left;
}
.measures-container-caption {
    position: absolute;
    z-index: 1;
    color: #FFF;
    font-size: 1.2em;
}
.measures-container-caption2, .measures-container-caption3 {
    display: none;
}
.show-products-container {
    position: absolute;
    bottom: -100px;
    right: 10px;
    z-index: 4;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: right;
    vertical-align: baseline;
}
@media screen and (max-width: 910px) {
    .show-products-container {
        bottom: -100px;
        left: 0;
        right: 0;
        text-align: center;
    }
}
.show-products-container-active {
    bottom: 10px;
}
.btn-show-products {
    font-family: 'Barlow';
    width: auto;
    height: 63px;
    padding: 20px 20px 0 20px;
    display: inline-block;
    background-color: #F28024;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.2em;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    vertical-align: bottom;
}
.measure-formats {
    width: 100%;
    max-width: 1050px;
    background-image: url("../images/formate/format-no.jpg");
    position: relative;
}
.measure-dist {
    width: 350px;
    height: 20px;
    background-color: #214DC4;
    position: relative;
    float: left;
}
.measure-test {
    background-image: url("../images/formate/format-60x60.jpg");
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}
.measures-container .z-index1 {
    z-index: 1;
    position: relative !important;
}
.measures-container .z-index2 {
    z-index: 3;
    display: none;
    width: 100%;
    position: absolute;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: rotate(0deg);
}
.go-rotate {
    width: 63px;
    height: 63px;
    background-image: url("../iconset/icon_flip.svg");
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    background-color: #F28024;
    z-index: 4;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 10px;
    vertical-align: bottom;
}
.go-rotate-active {
    bottom: 10px;
}
.measure-rotate {
    transform: rotate(90deg) !important;
    margin-left: -9%;
    margin-top: -10%;
}
.blur {
    filter: blur(5px);
}
.show {
    display: inline;
}
.measures-container .noroom {
    z-index: 1;
    position: absolute;
    width: 100%;
    max-width: 1050px;
    display: inline;
    height: auto;
}
.toggle-measure-buttonbar {
    width: 40px;
    height: 100%;
    right: 10px;
    top: 0;
    position: absolute;
    cursor: pointer;
    z-index: 30;
}
.toggle-measure-buttonbar img {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: -2px;
    transform: translate(-5px, -50%);
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.toggle-measure-buttonbar-hide {
    transform: rotate(180deg);
}
.relative {
    position: relative;
    display: inline-block;
    width: 350px !important;
    height: 20px;
    float: left;
    background-color: #2B0A0A
}
.measure-buttonbar {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 350px;
    z-index: 5;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: rgba(0, 0, 0, 0.36);
    overflow: auto;
    left: 0px;
}
@media screen and (max-width: 910px) {
    .measure-buttonbar {
        position: relative;
        width: 100%;
        height: auto;
        max-width: 100%;
        overflow: visible;
    }
}
.measure-buttonbar-inner {
    height: auto;
    position: relative;
    top: 0;
    padding: 20px 0px 20px 30px;
}
.measure-buttonbar h2 {
    text-align: left;
    font-weight: normal;
    color: #FFF;
}
.measure-buttonbar .btn {
    border: none;
}
.measure-buttonbar-hide {
    left: -350px;
}
.measure-buttonbar .btn {
    padding: 20px !important;
    width: 140px;
}
@media screen and (max-width: 910px) {
    .measure-buttonbar .btn {
        width: auto;
    }
}
.measure-choser {
    display: block;
    max-width: 1400px !important;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: .2;
}
.measure-choser-active {
    opacity: 1;
}
.measure-choser-blocker {
    display: block;
    width: 300px;
    height: 100%;
    max-height: 350px;
    position: absolute;
    z-index: 15;
}
.measure-choser-inner {
    height: 100vh;
    position: relative;
}
.room-btn, .measure-btn {
    font-family: 'Barlow';
    width: 140px !important;
    height: auto !important;
    padding: 20px;
    background-color: #F28024;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.2em;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    margin: 0 5px 5px 0;
}
@media screen and (max-width: 910px) {
    .measure-btn {
        width: 100px !important;
    }
}
@media screen and (max-width: 640px) {
    .measure-btn {
        display: inline-block;
        width: 47%;
    }
}
.room-btn:hover, .measure-btn:hover, .measure-btn-active {
    background-color: #373737 !important;
}
.show-measure {
    display: block !important;
}
.measure-products {
    text-align: center;
    text-transform: none;
    position: absolute;
    padding: 40px;
    background-color: rgba(0, 0, 0, 0.36);
    z-index: 6;
    width: 100%;
    height: 100%;
    bottom: -100%;
    overflow: auto;
    left: 0;
    /*background-image: url("../iconset/icon_close_white.svg");
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: right 10px top 10px;*/
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.measure-products:before {
    content: "";
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("../iconset/icon_close_white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 10px;
    right: 10px;
    position: absolute;
    display: block !important;
}
.show-measure-products {
    bottom: 0px;
}
.measure-product {
    width: 100%;
    max-width: 240px;
    display: none;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #EFEFEF;
    margin: 10px;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.2em;
    color: #373737 !important;
    vertical-align: middle;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.measure-product:hover {
    border: 1px solid #F28024;
}
.show-product {
    display: inline-block;
}
.measure-product img {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.room-classic, .room-modern {
    width: 100%;
    max-width: 1050px;
    position: absolute;
    display: none;
    z-index: 2;
}
.room-modern img {
    width: 100%;
    max-width: 1100px;
    height: auto;
    position: absolute;
}
.blank {
    width: 100%;
    max-width: 1050px;
    height: auto;
    position: relative;
}
.swiper-thumbs {
    width: 100%;
    display: block;
    text-align: center;
}
.swiper-thumbs .swiper-thumb {
    width: 70px;
    height: 70px;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    background-size: cover;
    border: 1px solid #EFEFEF;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (max-width: 640px) {
    .swiper-thumbs .swiper-thumb {
        width: 40px;
        height: 40px;
    }
}
.swiper-thumbs .swiper-thumb:hover {
    border: 1px solid #F28024;
}
.swiper-thumb-active {
    opacity: 1;
}
/* --------------------------------------Unternehmen - Team-------------------------------------- */
.team {
    width: 100%;
    max-width: 300px;
    margin: 0 20px 20px 0;
    display: inline-block;
}
.team img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #EFEFEF;
}
.team p {
    text-align: center;
}
/* --------------------------------------Kundenstimmen Slider Slider-------------------------------------- */
.testimonial-heading {
    color: #ca460f;
    font-size: 1.6em;
    font-weight: normal;
    text-align: center;
    line-height: 140%;
    padding-bottom: 20px;
    margin: 0;
}
.testimonial-slider {
    padding-bottom: 50px;
    width: 100%;
    max-width: 500px;
    vertical-align: top;
}
.testimonial-slide {
    height: auto;
    text-align: center;
    color: #373737;
    background-color: #EFEFEF;
    padding: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.testimonial-slide img {
    width: 100%;
    max-width: 140px;
    margin: 10px 0 20px 0;
}
.testimonial-slide h3 {
    font-size: 1.8em !important;
    font-weight: normal !important;
    margin: 0 0 10px 0;
    color: #F28024;
    font-style: italic;
}
.testimonial-slide .testimonial-text {
    display: block;
    width: 100%;
    font-size: 1.4em;
    font-style: italic;
    margin-bottom: 10px;
}
.testimonial-slide .testimonial-sender {
    display: block;
    width: 100%;
    font-size: 1.2em;
    text-align: center;
}
/* --------------------------------------Unternehmensgeschichte Slider-------------------------------------- */
.history-slider {
    width: 100%;
    max-width: 1400px !important;
    background-color: #EFEFEF;
    padding: 20px;
}
.history-slider .swiper-pagination-progressbar {
    position: relative;
}
.history {
    width: 350px;
    height: auto !important;
    font-size: 1.2em;
    line-height: 150%;
}
.history-nav {
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: inline-block;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.history-nav:hover {
    opacity: .8;
}
.history-prev {
    background-image: url("../iconset/icon_history_left_orange.svg");
    margin-right: 20px;
}
.history-next {
    background-image: url("../iconset/icon_history_right_orange.svg");
    margin-left: 20px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container-center {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 1000px) {
    .video-container-center {
        width: 100%;
    }
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container-center iframe, .video-container-center object, .video-container-center embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#dha-form h3 {
    font-size: 1.4em;
}
.offer-slider {
    width: 100%;
    max-width: 900px;
    height: auto
}
.offer-slide {
    width: 100%;
    height: 100% !important;
}
.offer-nav {
    width: 100%;
    display: block;
    text-align: center;
    z-index: 50;
}
.offer-next {
    width: auto;
    height: 30px;
    padding: 10px 50px 10px 10px;
    font-size: 1.2em;
    background-size: 30px 30px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-image: url("../iconset/icon_arrow-right_orange.svg");
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}
.offer-prev {
    width: 200px;
    height: 30px;
    padding: 10px 10px 10px 50px;
    font-size: 1.2em;
    background-size: 30px 30px;
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-image: url("../iconset/icon_arrow-left_orange.svg");
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}
#dhaNext1, #dhaNext2 {
    float: right;
}
.result {
    border: 1px solid #EFEFEF !important;
    background-color: #EFEFEF !important;
    font-weight: 500;
}
.offer-slide h4 {
    font-weight: 500;
    font-size: 1.2em;
    color: #373737;
}
.step {
    width: 100%;
    max-width: 100px;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.orange-bar {
    color: rgb(255, 255, 255) !important;
    width: 100%;
    display: block;
    padding: 20px;
    text-align: center;
    background-color: #F28024;
}
.orange-bar h1, .orange-bar h2, .orange-bar h3 {
    color: rgb(255, 255, 255) !important;
}
@media screen and (max-width: 440px) {
    .orange-bar p span {
        font-size: 1.5em;
    }
}
/* -- Call2Action Box -- */
.call2action-box {
    margin: 0 auto 0 auto;
    text-align: center;
    max-width: 1360px;
    color: #FFF !important;
    width: 100%;
    display: block;
    padding: 40px 20px 40px 20px;
    background-color: #F28024;
}
.call2action-box h1, .call2action-box h2, .call2action-box h3 {
    color: #FFF !important;
    text-align: center;
}
.call2action-box p, .call2action-box a {
    color: #FFF !important;
    text-align: center;
}
.call2action-box-left {
    text-align: left;
    vertical-align: middle;
}
.text-left {
    text-align: left !important;
}
.call2action-box .call2action-shout {
    display: block;
    font-weight: 500;
    font-size: 2em;
    line-height: 140%;
    letter-spacing: 3px;
    color: #FFF;
    padding: 14px 0 14px 0;
    margin: 0;
}
@media screen and (max-width: 470px) {
    .call2action-box .call2action-shout {
        font-size: 1.3em;
        letter-spacing: normal
    }
    .call2action-box .call2action-shout a {
        font-size: 1.1em;
    }
    .call2action-box .call2action-shout a:link {
        font-size: 1.1em;
    }
}
.call2action-box .call2action-phone-icon {
    width: 30px;
    height: 30px;
    vertical-align: baseline;
    display: inline;
}
@media screen and (max-width: 350px) {
    .call2action-box .call2action-phone-icon {
        width: 24px;
        height: 24px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        vertical-align: baseline;
        display: block;
    }
}
.energieloesung-box {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d92cd+0,95cc67+100 */
    background: #4d92cd; /* Old browsers */
    background: -moz-linear-gradient(top, #4d92cd 0%, #95cc67 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4d92cd 0%, #95cc67 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4d92cd 0%, #95cc67 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d92cd', endColorstr='#95cc67', GradientType=0); /* IE6-9 */
    text-align: center;
    color: #FFF !important;
    width: 100%;
    display: block;
    padding: 40px 20px 40px 20px;
}
.energieloesung-box-left {
    width: 100%;
    max-width: 250px;
    display: inline-block;
    vertical-align: top;
}
.energieloesung-box-right {
    width: 100%;
    max-width: 50%;
    display: inline-block;
    text-align: left;
}
@media screen and (max-width: 640px) {
    .energieloesung-box-left, .energieloesung-box-right {
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
    }
}
.energieloesung-box h1, .energieloesung-box h2, .energieloesung-box h3 {
    color: #FFF !important;
    text-align: left;
}
.energieloesung-box p, .energieloesung-box a {
    color: #FFF !important;
    text-align: left;
}
@media screen and (max-width: 640px) {
    .energieloesung-box h1, .energieloesung-box h2, .energieloesung-box h3 {
        text-align: center;
    }
    .energieloesung-box p, .energieloesung-box a {
        text-align: center;
    }
}
.energieloesung-box-right .btn {
    background-color: transparent !important;
    text-align: left;
    margin: 0px !important;
}
.energieloesung-box-right .btn:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    text-align: left !important;
    margin: 0px !important;
}
#energieloesung-thumb {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
    margin: 0 30px 0 0;
}
/* TÜV Box */
.tuev-box {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d92cd+0,95cc67+100 */
    background: #00b4eb; /* Old browsers */
    background: -moz-linear-gradient(top, #00b4eb 0%, #0045ac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00b4eb 0%, #0045ac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00b4eb 0%, #0045ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b4eb', endColorstr='#0045ac', GradientType=0); /* IE6-9 */
    text-align: center;
    color: #FFF !important;
    width: 100%;
    display: block;
    padding: 40px 20px 40px 20px;
}
.tuev-box-left {
    width: 100%;
    max-width: 250px;
    display: inline-block;
    vertical-align: top;
}
.tuev-box-right {
    width: 100%;
    max-width: 50%;
    display: inline-block;
    text-align: left;
}
@media screen and (max-width: 640px) {
    .tuev-box-left, .tuev-box-right {
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
    }
}
.tuev-box h1, .tuev-box h2, .tuev-box h3 {
    color: #FFF !important;
    text-align: left;
}
.tuev-box p, .tuev-box a {
    color: #FFF !important;
    text-align: left;
}
@media screen and (max-width: 640px) {
    .tuev-box h1, .tuev-box h2, .tuev-box h3 {
        text-align: center;
    }
    .tuev-box p, .tuev-box a {
        text-align: center;
    }
}
.tuev-box-right .btn {
    background-color: transparent !important;
    text-align: left;
    margin: 0px !important;
}
.tuev-box-right .btn:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    text-align: left !important;
    margin: 0px !important;
}
#tuev-thumb {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
    margin: 0 30px 0 0;
}
/* TÜV Box Ende */
@media screen and (max-width: 640px) {
    #energieloesung-thumb {
        margin: 0 0 30px 0;
    }
}
.text-valign-center {
    vertical-align: middle !important;
}
.text-valign-top {
    vertical-align: text-top !important;
}
.text-valign-bottom {
    vertical-align: text-bottom !important;
}
.align-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-zitat {
    color: #ca460f;
    font-size: 1.6em;
    font-style: italic;
}

.text-lead {
    font-size: 1.4em;
}
.text-small {
    font-size: 0.9em;
}

.vergleich-responsive {
    width: 100%;
    max-width: 950px;
    height: auto;
}
.img-responsive {
    width: 100%;
    height: auto;
}
.img-500 {
    width: 100%;
    max-width: 500px;
    height: auto;
}
/* --------------------------------------Vergleich-------------------------------------- */
.comparison-container {
    width: 100%;
    max-width: 900px;
    border: 1px solid #F28024;
    display: block;
    margin: 0 auto;
    padding: 20px;
}
.comparison {
    width: auto;
    max-width: 50%;
    display: inline-block;
    padding: 20px 20px 20px 0;
    vertical-align: top;
    margin: 0 auto;
}
@media screen and (max-width: 640px) {
    .comparison {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 20px 0 20px 0;
    }
}
.comparison img {
    width: 100%;
    max-width: 450px;
    height: auto;
}
/* --------------------------------------Info Seiten-------------------------------------- */
.product-bath {
    max-width: 350px;
    padding: 10px;
    height: auto;
    border: 1px solid #EFEFEF;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    -webkit-transition: all .03s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product-bath:hover {
    border: 1px solid #F28024;
}
.product-bath img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.img-center {
    width: auto;
    max-width: 100%;
    height: auto;
    text-align: center;
    margin: 20px auto;
    display: block;
    padding: 10px;
}

@media screen and (max-width: 1080px) {

    .tableOfContents{
        font-weight: 500;
        font-size: 0.9em;
        line-height: 20px;
        margin-bottom: 0!important;
        padding-bottom: 0!important;
    }
}
/* --------------------------------------Proven Expert-------------------------------------- */

@media screen and (min-width: 524px) {
    .pe_big{
        display: block;
    }
    .pe_small{
        display: none;
    }
}

@media screen and (max-width: 524px) {
    .pe_small{
        display: block;
    }
    .pe_big{
        display: none;
    }
}




/* -----------------------------------Reklamationsformular----------------------------------- */

#plus{
    font-family: Barlow;
    cursor: pointer;
    color: #ca460f;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 140%;
    display: block;

}