@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/Karla-ExtraLight.ttf") format("truetype");
}

@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-weight: 200;
    src: url("../fonts/Karla-ExtraLightItalic.ttf") format("truetype");
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Karla-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-weight: 300;
    src: url("../fonts/Karla-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Karla-Medium.ttf") format("truetype");
}

@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-weight: 500;
    src: url("../fonts/Karla-MediumItalic.ttf") format("truetype");
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Karla-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-weight: 600;
    src: url("../fonts/Karla-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Karla-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/Karla-ExtraBold.ttf") format("truetype");
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Karla', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 300;
}

i {
    font-weight: 300;
    font-style: italic;
    font-family: 'Karla';
}

b, strong {
    font-weight: 500;
}

h2 {
    font-weight: 600;
    font-size: 55px;
    margin-bottom: 30px;
}

.js-height {
    min-height: 57vh;
}

.headerLand {
    width: 100%;
    height: 100vh;
    position: relative;
    background: #000000 url(../img/land_bgd.jpg) no-repeat;
    background-position: center top;
    background-size: cover;
}

.headerLand:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../img/noise-gif-square-anim.gif);
    opacity: 0.20;
    content: "";
    z-index: 1;
    pointer-events: none;
}

.headerBranch {
    width: 100%;
    background-position: center!important;
    background-size: cover!important;
}

.headMdle {
    color: #fff;
    width: 34vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 555px;
    z-index: 3;
}

.headerBranch .headMdle {
    top: 50%;
    bottom: auto;
}

.headMdle h1 {
    font-size: 65px;
    font-weight: 200;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0px;
    white-space: nowrap;
}

.headMdle .sprltve {
    width: 71%;
    display: block;
    margin: auto;
    margin-right: 0;
    margin-bottom: 8%;
    min-width: 390px;
}

.headMdle .topBtle {
    width: 42%;
    display: block;
    margin: auto;
}

.landNav {
    background: #111111!important;
}

.navbar .hasSub ul {
    background: #111111;
}

.landNav.navbar {
    position: absolute;
    top: 0px;
    left: 0;
    /*background-color: transparent!important;*/
    right: 0;
    z-index: 3;
}

.navbar-nav {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.landNav .navbar-collapse {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.landNav.scrolled {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20;
    background: #111111!important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.29);
}

.landNav.scrolled .nav-link {
}

.landNav .navbar-nav {
    margin: auto;
}

.landNav.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.7);
    /* background: #050505; */
}

.landNav.navbar-dark .navbar-nav .nav-link.isLogo {
    padding-left: 0px;
    padding-top: 9px;
}

.landNav.navbar-dark .navbar-nav .nav-link img {
    display: inline-block;
    width: 200px;
    height: auto;
    position: relative;
    bottom: 5px;
}

.landNav.navbar-dark .navbar-nav .nav-link.active, .landNav.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
}

.landNav.navbar-dark .navbar-nav .nav-link:focus, .landNav.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffff;
}

.navbar-nav .nav-link {
    font-size: 20px;
    font-weight: 200;
}

.quoteSec {
    padding: 100px 0;
}

.quoteSec h1 {
    font-weight: 200;
    color: #000;
    font-size: 54px;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1;
}

.quoteSec .quoteSym {
    width: 80%;
    padding-right: 60px;
    display: block;
    margin: auto;
}

.secGeneral {
    position: relative;
}

.secLady {
    min-height: 100vh;
    background: url(../img/lady.jpg);
    background-position: right top;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 80px 0;
}

.secLady .container {
    position: relative;
}

.roundedTxtBox {
    background: rgba(255,255,255,0.8);
    border-radius: 50px 0px 50px 0;
    padding: 60px 60px 60px 60px;
    width: 50vw;
    max-width: 565px;
}

.secTxtBox {
    font-size: 20px;
}

.secTxtBox h2 {
    font-weight: 600;
    font-size: 55px;
    margin-bottom: 30px;
}

.secTxtBox p {
    margin-bottom: 20px;
    font-weight: 300;
    color: #574632;
}

.secTxtBox p:last-of-type {
    margin-bottom: 0px;
}

.secTxtBox .bld {
    font-weight: 600;
}

.gradBtn {
    display: inline-block;
    font-weight: 800;
    color: #fff;
    text-decoration: none;
    padding: 10px 40px;
    border-radius: 18px;
    font-size: 28px;
    background: rgb(190,150,94);
    background: -webkit-gradient(linear, left top, right top, from(rgba(190,150,94,1)), color-stop(33%, rgba(252,202,135,1)), color-stop(50%, rgba(252,202,135,1)), color-stop(66%, rgba(252,202,135,1)), to(rgba(151,112,64,1)));
    background: linear-gradient(90deg, rgba(190,150,94,1) 0%, rgba(252,202,135,1) 33%, rgba(252,202,135,1) 50%, rgba(252,202,135,1) 66%, rgba(151,112,64,1) 100%);
    border: none;
    text-align: center;
    line-height: 1;
    position: relative;
}

.gradBtn:hover {
    color: #000;
}

.btnRow {
    margin-top: 30px;
    text-align: right;
}

.aromen {
    background: url(../img/aromen_bgd.jpg);
    background-position: left bottom;
    background-size: cover;
    /* min-height: 100vh; */
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 665px;
}

.aromen .secTxtBox {
    color: #fff;
    width: 64%;
    margin-right: 0;
    text-align: left;
    margin-left: auto;
    width: 50vw;
    max-width: 823px;
}

.aromen .secTxtBox p {
    color: #fff;
    text-align: right;
}

.aromen p {
    width: 70%;
    margin-left: auto;
    margin-right: 0px;
}

.aromen h2 {
    text-align: right;
}

.ifraLogo {
    width: 200px;
    display: inline-block;
    vertical-align: bottom;
}

.flexBtnRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.bar {
    padding: 10px 0;
    text-align: center;
    background: rgb(190,150,94);
    background: -webkit-gradient(linear, left top, right top, from(rgba(190,150,94,1)), color-stop(33%, rgba(252,202,135,1)), color-stop(50%, rgba(252,202,135,1)), color-stop(66%, rgba(252,202,135,1)), to(rgba(151,112,64,1)));
    background: linear-gradient(90deg, rgba(190,150,94,1) 0%, rgba(252,202,135,1) 33%, rgba(252,202,135,1) 50%, rgba(252,202,135,1) 66%, rgba(151,112,64,1) 100%);
}

.bar h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin: auto;
}

.secTech {
    min-height: 100vh;
    background: url(../img/sec_tech_bgd.jpg);
    background-position: right top;
    background-size: cover;
    padding: 80px 0 20px 0;
    /* padding-bottom: 21vw; */
    padding-bottom: 26vw;
}

.secTech .btmCntnr {
    position: absolute;
    left: 0;
    right: 0;
    /* transform: translateX(-50%); */
    bottom: 20px;
    margin-top: 40px;
    /* position: relative; */
}

.secTech .imgRow {
}

.secTech .imgRow img {
    width: 23vw;
}

.nwslttr {
    width: 18vw;
    height: 18vw;
    background: url(../img/nwslttr.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: -4vw;
    right: 15px;
    border-radius: 1000px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.nwslttr:after {
    position: absolute;
    border: 4px solid #000;
    width: 104%;
    height: 104%;
    content: "";
    display: block;
    border-radius: 1000px;
}

.nwslttr:before {
    position: absolute;
    border: 1px solid #000;
    width: 107%;
    height: 107%;
    content: "";
    display: block;
    border-radius: 1000px;
}

.nwslttr h3 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    margin: auto;
    font-size: 2.3vw;
    position: relative;
    -webkit-transform: rotateZ(-4deg);
    transform: rotateZ(-4deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.nwslttr img {
    position: absolute;
    width: 4vw;
    top: -16%;
    left: 0;
    z-index: 1;
}

.tags {
    padding: 80px 0;
    text-align: left;
}

.tags h2 {
}

/*.tags span {
    display: inline-block;
    font-size: 54px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-right: 30px;
    }*/
.tags span, .tags a {
    display: inline-block;
    font-size: 31px;
    font-weight: 300;
    margin-bottom: 15px;
    margin-right: 10px;
    /* border: 1px solid #3b3939; */
    padding: 5px 25px;
    border-radius: 21px;
    background: #302c30;
    color: #fff;
    min-width: 207px;
    text-align: center;
}

/*.tags span:nth-of-type(even) {
    background: #302c30;
}
*/
.aboutUs p {
    font-size: 32px;
    font-weight: 400;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: normal;
}

footer {
    padding: 60px 0px;
    background: url(../img/footer.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    font-size: 17px;
}

footer ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

footer a {
    color: inherit;
    text-decoration: none;
}

footer h5 {
    margin-bottom: 20px;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}

footer hr {
    height: 2px;
    margin: 30px auto;
    background: #fff;
}

footer .bld {
    font-weight: 500;
}

.footLogoRow {
}

.footLogoRow .ltbtrbe {
}

.footLogoRow .ifra {
}

.footLogoRow img {
    vertical-align: bottom;
    width: 100%;
}

.footLogoRow p {
    margin-bottom: 0px;
}

.vBottom {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

footer .newsletter--form {
    width: 100%;
}

footer .newsletter--button .button--text {
    display: none;
}

footer .newsletter--field {
    background: #ffffff;
    color: #fff;
    width: 80%;
    padding: 10px;
    color: #000;
    outline: none;
    border: none;
    font-weight: 300;
    border-radius: 0px;
}

footer .newsletter--button {
    width: 20%;
    background: #fff;
    border-radius: 0px;
    /* height: 100%; */
    padding: 0;
    border: none;
    margin-right: 1px;
}

footer .newsletter--button i {
    font-size: 26px;
}

footer .newsletter--form .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.client {
    position: relative;
}

.clients .am-nav {
    display: none!important;
}

.clients .container {
    position: relative;
    /* padding: 0; */
}

.clients h2 {
    z-index: 2;
    ;; left: 0;
    right: 0;
    padding: 30px;
    color: #fff;
    margin: 0;
    position: relative;
    background: #000;
    /* font-weight: 600; */
    /* font-size: 55px; */
    font-weight: 600;
    /* font-size: 55px; */
}

.clientsWrapp {
}

.client {
    height: 75vh;
    width: 100%;
}

.client.frri {
    background: url(../img/ferrari.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.client.juan {
    background: url(../img/juan_amador.jpg) no-repeat;
    background-position: top right;
    background-size: cover;
}

.client.alianz {
    background: url(../img/alianz.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.client.jag {
    background: url(../img/jaguar.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.client.lambo {
    background: url(../img/lamborghini.jpg) no-repeat;
    background-position: bottom;
    background-size: cover;
}

.client.landrvr {
    background: url(../img/landrover.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.client.morethanbeds {
    background: url(../img/morethanbeds.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.client.ident {
    background: url(../img/iDent_IhreZahnarzte.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.client.keiser {
    background: url(../img/KaiserWiesn.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.client.lookSpa {
    background: url(../img/lookSpa_Award.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.client.michaels {
    background: url(../img/Michaels_Friseur.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.client.passion {
    background: url(../img/PassionBrautmoden.jpg) no-repeat;
    background-position: bottom;
    background-size: cover;
}

.client.porsche {
    background: url(../img/porsche.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.client h3 {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    margin: auto;
    text-shadow: 0 0 1px black;
    font-weight: 600;
    font-size: 55px;
}

.clients .am-nav {
    background: transparent;
    border: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.clients .am-nav i {
    font-size: 40px;
    color: #fff;
}

.clients .am-prev {
    left: 12px;
}

.clients .am-next {
    right: 12px;
}

.logos {
    position: relative;
}

.logos .logosWrapp {
    padding: 30px 0;
    background: #030303;
}

.logos .logoBox {
    position: relative;
    margin: 0 20px;
}

.logos img {
    height: auto;
    width: 125px;
}

.customModal {
}

.customModal .modal-dialog {
    width: 100%;
    margin: 0;
    max-width: unset;
    padding: 30px;
}

.customModal .modal-content {
    background: #000;
    border-radius: 0px;
    color: #fff;
    border: none;
}

.customModal.anfrageModal .modal-content {
    background: #000 url(../img/modal_male.jpg)no-repeat;
    background-position: bottom right;
    background-size: contain;
}

.customModal.probieModal .modal-content {
    background: #000000 url(../img/modal_female.jpg)no-repeat;
    background-position: bottom left;
    background-size: contain;
}

.customModal h4 {
    margin-bottom: 30px;
    font-weight: 200;
}

.customModal .btn-close {
    background: transparent;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    width: auto;
    height: auto;
    padding: 0;
    line-height: 1;
    z-index: 4;
}

.customModal .btn-close i {
    color: #fff;
    opacity: 1;
    font-size: 36px;
}

.customModal .form-control {
}

.customModal .modal-body {
    padding: 40px 15px;
}

label .smaller {
    font-size: 17px;
    display: inline-block;
    line-height: 1;
}

.text-right {
    text-align: right;
}

.mt30 {
    margin-top: 30px;
}

.forModal.headMdle {
    color: #fff;
    width: 65%;
    position: relative;
    bottom: 0;
    left: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
    padding: 30px;
}

.forModal.headMdle h1 {
    font-size: 55px;
    font-weight: 200;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0px;
}

.forModal.headMdle .sprltve {
    width: 90%;
    display: block;
    margin: auto;
    margin-right: 0;
    margin-bottom: 8%;
}

.forModal.headMdle .topBtle {
    width: 42%;
    display: block;
    margin: auto;
    margin-left: 0;
}

.anfrageModal .forModal.headMdle .topBtle {
    margin-left: auto;
    margin-right: auto;
}

.probieModal .forModal.headMdle h1 {
    text-align: right;
}

.probieModal .forModal.headMdle .sprltve {
    margin-right: auto;
    margin-left: 0px;
}

.probieModal .forModal.headMdle .topBtle {
    margin-left: auto;
    margin-right: auto;
}

.hLeft {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}

.hCenter {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.vBottomModal {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gradBtn.fullW {
    width: 100%;
}

.customModal textarea {
    resize: none;
}

.customModal .form-label {
    margin-bottom: 0px;
}

.cookieBanner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 30px;
    z-index: 100;
    color: #fff;
    background: #000;
    display: none;
}

.cookieBanner.show {
    display: block;
}

.cookieContain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cookieContain span {
    margin: 15px 0;
}

.cookieContain a {
    color: inherit;
}

.cookieContain .btn {
    color: #000;
    background: #fff;
    border-radius: 0px;
    min-width: 100px;
}

.forForWrapp {
    width: 100%;
    min-height: 80vh;
    background: #ffffff url(../img/404_bgd.jpg) no-repeat;
    background-position: left top;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fofForContent {
    padding: 30px;
}

.forForWrapp h1 {
    background: -webkit-gradient(linear, left top, right top, from(rgba(190,150,94,1)), color-stop(33%, rgba(252,202,135,1)), color-stop(50%, rgba(252,202,135,1)), color-stop(66%, rgba(252,202,135,1)), to(rgba(151,112,64,1)));
    background: linear-gradient(90deg, rgba(190,150,94,1) 0%, rgba(252,202,135,1) 33%, rgba(252,202,135,1) 50%, rgba(252,202,135,1) 66%, rgba(151,112,64,1) 100%);
    font-weight: 800;
    font-size: 14vw;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    line-height: 1;
}

.forForWrapp h2 {
    margin-bottom: 0px;
}

.forForWrapp h3 {
    margin-bottom: 15px;
}

.forForWrapp .gradBtn {
    margin-top: 30px;
}

.textImpr {
    padding: 100px 0;
}

.headerLand.headerTxtPage {
    width: 100%;
    height: 59vh;
    position: relative;
    background: #000000 url(../img/head_bg_half.jpg) no-repeat;
    background-position: top left;
    background-size: cover;
}

.headerLand.headerCareer {
    width: 100%;
    height: 59vh;
    background: #000000 url(../img/careeer_header.jpg) no-repeat;
    background-position: top left;
    background-size: cover;
}

.headerLand.headerCareer:before {
    display: none!important;
}

.headerLand.headerTxtPage:after {
    display: none!important;
}

.thanksModal .modal-content {
    background: #000 url(../img/modal_male.jpg)no-repeat;
    background-position: bottom right;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 60vh;
}

.thanksModal .modal-body {
    text-align: center;
}

.thanksModal h1 {
    font-weight: 200;
    font-size: 66px;
    margin-bottom: 30px;
}

.landNav.navbar-dark .navbar-toggler {
    color: rgb(255 255 255);
    border-color: #8c8c8c;
    background: #000;
    position: absolute;
    top: 10px;
    right: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal-backdrop.show {
    opacity: .8;
}

.hasError {
    border-color: #c7254e;
}

.errorAlert {
    color: #ffffff;
    background-color: #c7254e;
    border-radius: 4px;
    display: none;
    margin-top: 1px;
    padding: 4px 0.75rem;
}

.hasError ~ .errorAlert {
    display: block;
}

.langBtn {
    position: absolute;
    z-index: 3;
    right: 15px;
    top: 15px;
}

.langBtn .btn {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.29);
    color: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.7);
}

.langBtn ul {
    background: #0b0b0b;
    min-width: unset;
    padding: 7px 15px;
    border: 1px solid rgba(255, 255, 255, 0.29);
    text-align: right;
    width: 100%;
}

.langBtn ul li {
    text-align: center;
}

.langBtn ul li a {
    color: #fff;
    text-decoration: none;
}

.logoStrippWrapp {
}

.logoStrippWrapp .container {
}

.logoStrippWrapp .logoStripp {
    height: 183px;
    background: url(../img/logostrip-5.jpg) repeat-x;
    background-size: 5544px;
    background-position: 0 50%;
    -webkit-animation: stripAni 24s infinite linear;
    animation: stripAni 24s infinite linear;
}

@-webkit-keyframes stripAni {
    from {
        background-position: 0 50%;
    }

    to {
        background-position: -5544px 50% ;
    }
}

@keyframes stripAni {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -5544px 0 ;
    }
}

.clientsImgSlide {
    height: 751px;
    background: url(../img/slideImage.jpg) repeat-x;
    background-size: 6810px;
    background-position: 0 50%;
    animation: aniClients 44s infinite linear;
}

@keyframes aniClients {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 6810px 0 ;
    }
}

.lb-close {
    /*display: none!important;*/
}

.aromaHeader {
    position: relative;
    background: url(../img/aromaHead.jpg) no-repeat;
    background-position: bottom left;
    background-size: cover;
    display: flex;
}

.aromaHeader .domiBtle {
    position: absolute;
    width: 21vw;
    left: 103px;
    bottom: 5%;
    max-width: 400px;
    min-width: 300px;
}

.aromaHeader .ifra_aroma {
    width: 250px;
    position: relative;
    bottom: 0;
    right: 0;
}

.aromaHeader .container {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 12vh;
    position: relative;
}

.aromaTop {
    background: #231f20;
    padding: 100px 0;
    color: #fff;
}

.aromaTop h2 {
    font-weight: 600;
    font-size: 55px;
    margin-bottom: 30px;
}

.aromaTop p {
    font-size: 32px;
    font-weight: 400;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: normal;
}

.aromaIllu {
    height: 100vh;
    padding-top: 100px;
    padding-bottom: 100px;
}

.aromaIllu h2 {
    color: #fff;
    font-weight: 600;
    font-size: 55px;
    margin-bottom: 30px;
}

.aromaOne {
    background: url(../img/aromaOne.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.aromaTwo {
    background: url(../img/aromaTwo.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.aromaThree {
    background: url(../img/aromaThree.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.aromaFour {
    background: url(../img/aromaFour.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.aromaFive {
    background: url(../img/aromaFive.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.aromaBar {
    padding: 80px 0;
    background: rgb(184,146,97);
    background: linear-gradient(90deg, rgba(184,146,97,1) 0%, rgba(253,198,132,1) 14%, rgba(253,198,132,1) 50%, rgba(253,198,132,1) 77%, rgba(173,131,86,1) 100%);
}

.aromaBar .container {
}

.aromaBar .aromaBarRow {
}

.aromaBarRow + .aromaBarRow {
    margin-top: 30px;
}

.aromaBar a {
    border: 1px solid #574635;
    color: #574635;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    padding: 10px 40px;
    font-size: 40px;
    display: inline-block;
    width: 85%;
    min-width: 240px;
}

.aromaBar a:hover {
    background: #0c0c0e;
    color: #fff;
    border-color: #fff;
}

.lightbox .lb-image {
    border: none;
    border-radius: 26px 0px 26px 0px!important;
}

.aromaTable {
    width: 100%;
}

.aromaTable tr {
}

.aromaTable tr + tr td {
    padding-top: 20px;
}

.aromaTable td {
    width: 33%;
    width: 33.3333333%;
    text-align: left;
}

.aromaTable td + td {
    text-align: center;
}

.aromaTable td + td + td {
    text-align: right;
}

.diffSection {
    padding: 100px 0;
}

.diffSection.pt0 {
    padding-top: 0px;
}

.diffSection.pd0 {
    padding-bottom: 0px;
}

.diffSection.pd60 {
    padding-bottom: 60px;
}

.generalCopy.pt60 {
    padding-top: 60px;
}

.diffSection .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.diffSection .diffBox {
    cursor: pointer;
    flex: 0 0 49%;
    flex: 0 0 calc(50% - 20px);
    border: 1px solid #574632;
    padding: 40px;
    margin-bottom: 40px;
}

.diffBox img {
    width: 50%;
    margin: auto;
    display: block;
    margin-bottom: 40px;
}

.diffSection .diffTxtWrapp {
    color: #574632;
    text-align: center;
}

.diffTxtWrapp h3 {
    font-size: 42px;
    margin-bottom: 0px;
    line-height: normal;
    margin-bottom: 5px;
}

.diffTxtWrapp p {
    margin-bottom: 0px;
    font-size: 32px;
    line-height: normal;
}

.diffSection .diffBox.wayTwo {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.diffSection .diffBox.wayTwo img {
    width: 28%;
    margin-bottom: 0;
}

.diffSection .diffBox.wayTwo .diffTxtWrapp {
    text-align: left;
    padding-left: 40px;
}

.diffSection .diffBox.wayTwo .btnRow {
    margin-top: 7vw;
}

.diffSection .diffBox.wayThree img {
    width: 74%;
}

.diffSection .diffBox.customOne img {
    width: 72%;
}

.diffuserModal {
}

.diffuserModal .modal-content {
    background: #fff;
    padding: 60px;
}

.diffuserModal .btn-close i {
    color: #574632;
}

.diffuserModal .diffImgBox {
    display: inline-block;
    vertical-align: middle;
    width: 22%;
}

.diffuserModal.plus .diffImgBox {
    width: 30%;
}

.diffImgBox img {
    width: 100%;
}

.diffuserModal .diffTxtBox {
    color: #574632;
    display: inline-block;
    max-width: 77%;
    vertical-align: middle;
    padding-left: 100px;
}

.diffTxtBox h3 {
    font-size: 42px;
    margin-bottom: 0px;
}

.diffTxtBox p {
    margin-bottom: 0px;
    font-size: 28px;
}

.diffFlip .diffTxtBox {
    text-align: right;
    padding-left: 0px;
    padding-right: 100px;
}

.diffuserModal.diffFlip {
    text-align: right;
}

.diffuserModal.diffFlip .diffImgBox {
    width: 13%;
}

.diffuserModal.pro .diffImgBox {
    width: 25%;
}

.diffuserModal .container {
    padding: 0px;
}

#jobForm label {
    font-weight: 500;
}

.successMessage {
    padding: 20px;
    color: #ffffff;
    border-radius: 4px;
    background-color: #25c76e;
}

.errorMessage {
    padding: 20px;
    color: #ffffff;
    background-color: #c7254e;
    border-radius: 4px;
}

@media (min-width: 1930px) {
    .aromen {
        position: relative;
        padding-bottom: 39%;
    }

    .aromen .container {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

@media (max-width: 1600px) {
    .aromen .secTxtBox {
        width: 75vw;
        max-width: 825px;
    }
}

@media (min-width: 1400px) {
    .container-max {
        max-width: 90vw;
    }
}

@media (max-width: 1500px) {
    .aromaBar a {
        width: 98%;
        font-size: 32px;
    }
}

@media (max-width: 1399px) {
    .diffBox .btnRow {
        text-align: center!important;
    }

    .diffSection .diffBox.wayTwo {
        display: block;
    }

    .diffSection .diffBox.wayTwo .diffTxtWrapp {
        padding-left: 0px;
        margin-top: 40px;
        text-align: center;
    }

    .diffSection .diffBox.wayTwo .btnRow {
        margin-top: 30px;
    }
}

@media (max-width: 1199px) {
    .headerLand {
        background-position: top left;
    }

    .landNav.navbar-dark .navbar-nav .nav-link {
        font-size: 18px;
    }

    .landNav.navbar-dark .navbar-nav .nav-link img {
        width: 175px;
    }

    .headMdle h1 {
        font-size: 50px;
    }
}

@media (max-width: 1300px) {
    .ifraLogo {
        display: block;
        margin: 30px auto;
        margin-left: auto;
        margin-right: 0px;
    }

    .flexBtnRow {
        display: block;
    }

    .aromen .secTxtBox {
        width: 75vw;
        max-width: 640px;
    }

    .aromen {
        min-height: unset;
    }

    .aromen .secTxtBox p {
        min-height: unset;
    }

    .aromen p {
        width: 80%;
    }

    .aromaBar a {
        font-size: 32px;
        width: 100%;
    }

    .aromaTable {
        display: block;
    }

    .aromaTable tbody {
        display: block;
    }

    .aromaTable tr {
        display: block;
    }

    .aromaTable td {
        display: block;
        width: 100%;
        text-align: center!important;
    }

    .aromaTable tr + tr td {
        padding-top: 0px;
    }

    .aromaTable td a {
        margin-top: 20px;
    }

    .aromaTable tr:first-of-type td:first-of-type a {
        margin-top: 0px;
    }

    .diffuserModal .diffTxtBox {
        max-width: 75%;
    }

    .diffuserModal.diffFlip .diffTxtBox {
        width: 80%;
    }

    .diffuserModal.diffFlip .diffImgBox {
        width: 15%;
    }

    .diffuserModal.plus .diffTxtBox {
        max-width: 68%;
    }
}

.secLadyMbleBgd {
    display: none;
}

.aromenMbleBgd {
    display: none;
}

.secTechMbleBgd {
    display: none;
}

.mbleTech {
    display: none;
}

.grecaptcha-badge {
    visibility: hidden;
}

.gcaptcha {
    font-size: 13px;
    margin-top: 30px;
}

.gcaptcha a {
    color: inherit;
}

.gradBtn.isLoading {
    pointer-events: none;
}

.gradBtn.isLoading:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    border-radius: 18px;
    background: rgb(190,150,94);
    background: -webkit-gradient(linear, left top, right top, from(rgba(190,150,94,1)), color-stop(33%, rgba(252,202,135,1)), color-stop(50%, rgba(252,202,135,1)), color-stop(66%, rgba(252,202,135,1)), to(rgba(151,112,64,1)));
    background: linear-gradient(90deg, rgba(190,150,94,1) 0%, rgba(252,202,135,1) 33%, rgba(252,202,135,1) 50%, rgba(252,202,135,1) 66%, rgba(151,112,64,1) 100%);
}

.gradBtn.isLoading:before {
    position: absolute;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    content: "";
    width: 26px;
    height: 26px;
    border: 2px solid #fff;
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    z-index: 2;
    border-radius: 1000px;
    border-right-color: transparent;
    -webkit-animation-name: btnSpin;
    animation-name: btnSpin;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes btnSpin {
    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
        transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
    }
}

@keyframes btnSpin {
    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
        transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
    }
}

.modal form a {
    color: inherit;
}

.cta_outside {
    position: fixed;
    display: none;
    width: 220px;
    right: 15px;
    bottom: 15px;
    z-index: 99;
}

.cta_outside.scrld {
    display: block;
}

.cta_outside img {
    width: 100%;
    height: auto;
    display: block;
}

.content--custom a {
    word-wrap: break-word;
}

.md0 {
    margin-bottom: 0px;
}

.md20 {
    margin-bottom: 20px!important;
}

.mt20 {
    margin-top: 20px;
}

.mt60 {
    margin-top: 60px;
}

.mt80 {
    margin-top: 80px;
}

.generalCopy {
    padding: 100px 0;
}

.generalCopy h2 {
    font-weight: 600;
    font-size: 55px;
    margin-bottom: 30px;
}

.generalCopy p {
    font-size: 32px;
    font-weight: 400;
    font-weight: 300;
    line-height: normal;
}

.generalCopy p:last-of-type {
    margin-bottom: 0px;
}

.duft_mark_illu {
    background: url(../img/duftmarketing_bgd_two.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 100vh;
}

.duftmarketingHeader {
    background: url(../img/duftmarketing_bgd.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.diffuserHeader {
    background: url(../img/DOMI_Sense_Diffusoren_NEU.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.diffuserHeaderConnect {
    background: url(../img/diffusor_bgd_connect.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
}

.notBlack {
    color: #574632;
}

.lbHere {
    display: none;
}

.anfrg {
    background: rgb(190,150,94);
    background: -webkit-gradient(linear, left top, right top, from(rgba(190,150,94,1)), color-stop(33%, rgba(252,202,135,1)), color-stop(50%, rgba(252,202,135,1)), color-stop(66%, rgba(252,202,135,1)), to(rgba(151,112,64,1)));
    background: linear-gradient(90deg, rgba(190,150,94,1) 0%, rgba(252,202,135,1) 33%, rgba(252,202,135,1) 50%, rgba(252,202,135,1) 66%, rgba(151,112,64,1) 100%);
    color: #fff!important;
    border-radius: 12px;
    padding-left: 15px!important;
    padding-right: 15px!important;
    margin-left: 5px;
    padding-bottom: 8px!important;
}

.socials {
    margin-bottom: 15px;
}

.socials a {
    display: inline-block;
    font-size: 1.5em;
    color: #fff;
    text-decoration: none;
}

.socials a:hover {
    text-decoration: none;
}

.socials a + a {
    margin-left: 10px;
}

.socials a i {
    font-size: inherit;
    display: block;
}

.landNav .socials {
    display: none;
}

/*   .cCheck{
    position: relative;
    padding-left: 25px;
   }
.cCheck .form-check-input {
    position: absolute;
    top: 3px;
    left: 0;
    margin: 0!important;
    }*/
.cCheck .form-check-label {
}

@media (min-width: 992px) {
    .mobiNavImg {
        display: none;
    }

    .dsktpLang {
        display: block;
    }

    .mbleLang {
        display: none;
    }
}

@media (max-width: 991px) {
    .orderFormWrapp .headMdle {
        margin-top: 30px;
    }

    .orderFormWrapp .forModal.headMdle .topBtle {
        margin-left: auto;
        margin-right: auto;
    }

    .dsktpLang {
        display: none;
    }

    .mobiNavImg {
        width: 138px;
        height: auto;
        position: absolute;
        left: 15px;
        top: 17px;
        right: auto;
    }

    .mobiNavImg img {
        width: 100%;
        height: auto;
    }

    .langBtn.mbleLang {
        right: 80px;
        left: auto;
    }

    .langBtn.mbleLang .btn {
        border-color: transparent;
        min-height: 40px;
    }

    .landNav.navbar-dark .navbar-nav .nav-link {
        font-size: 20px;
    }

    .landNav.navbar {
        top: 0;
        padding: 0;
        z-index: 3;
        background: #000!important;
        min-height: 60px;
        position: fixed;
    }

    .landNav.scrolled {
    }

    .landNav.scrolled .nav-link {
        padding: 8px;
    }

    .isLogo {
        display: none;
    }

    .langBtn {
        right: auto;
        left: 15px;
        top: 10px;
    }

    .langBtn .btn {
        background: transparent;
        border-width: 1px;
        border-color: #8c8c8c;
    }

    .landNav .navbar-nav {
        margin-bottom: 0px!important;
        padding: 80px 15px 0px 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .landNav .socials {
        margin: auto;
        display: block;
        text-align: center;
        margin: 30px auto 60px auto;
    }

    .landNav .socials a {
    }

    .landNav .socials a + a {
        margin-left: 20px;
    }

    .landNav.navbar-dark .navbar-nav .nav-link {
        background: transparent;
    }

    .anfrg {
        margin-left: auto;
    }

    .anfrg {
        background: rgb(190,150,94)!important;
        background: -webkit-gradient(linear, left top, right top, from(rgba(190,150,94,1)), color-stop(33%, rgba(252,202,135,1)), color-stop(50%, rgba(252,202,135,1)), color-stop(66%, rgba(252,202,135,1)), to(rgba(151,112,64,1)))!important;
        background: linear-gradient(90deg, rgba(190,150,94,1) 0%, rgba(252,202,135,1) 33%, rgba(252,202,135,1) 50%, rgba(252,202,135,1) 66%, rgba(151,112,64,1) 100%)!important;
        color: #fff!important!important;
        border-radius: 12px;
        padding-left: 15px!important;
        padding-right: 15px!important;
        margin: auto;
        padding-bottom: 8px!important;
        margin-top: 5px;
    }

    .landNav .navbar-collapse {
    }

    .headerLand {
        background-position: top left;
    }

    .landNav.navbar-dark .navbar-nav .nav-link img {
        margin-bottom: 20px;
    }

    .headMdle {
        left: auto;
        right: 30px;
        -webkit-transform: none;
        transform: none;
        width: 50vw;
        z-index: 2;
    }

    .headMdle h1 {
        font-size: 45px;
    }

    .headMdle .sprltve {
        min-width: unset;
    }

    .quoteSec .quoteSym {
        padding-right: 0px;
        width: 70%;
        margin: auto;
        margin-bottom: 60px;
    }

    .quoteSec h1 {
        font-size: 40px;
        text-align: center;
    }

    .quoteSec h1 br {
        display: none;
    }

    .tags .container span , .tags .container a {
        margin: 0 auto 10px auto;
        flex: 0 1 49%;
        font-size: 28px;
    }

    .quoteSec {
        padding: 60px 0;
    }

    .roundedTxtBox {
        width: 100%;
        padding: 60px 30px;
        background: rgba(255,255,255,0.4);
        max-width: unset;
    }

    .secLady {
        padding: 60px 0;
        height: auto;
        min-height: unset;
        position: relative;
        background: #fff;
    }

    .secLady .roundedTxtBox {
        padding: 0;
    }

    .secLady .gradBtn {
        min-width: 50%;
    }

    .secLadyMbleBgd {
        display: block;
        height: 85vw;
        width: 100%;
        background: url(../img/lady_mble.jpg)no-repeat;
        background-position: right top;
        background-size: cover;
    }

    .secTxtBox, .secTxtBox p {
        color: #000;
    }

    .secTech p {
    }

    .aromen {
        padding: 30px 0 60px 0;
        background: #000;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .aromenMbleBgd {
        display: block;
        height: 85vw;
        width: 100%;
        background: url(../img/aromen_bgd_mble.jpg);
        background-position: bottom;
        background-size: cover;
    }

    .aromen p {
        width: 100%;
    }

    .aromen .ifraLogo {
        display: block;
        width: 200px;
        margin: 30px auto;
    }

    .aromen .flexBtnRow {
        display: block;
    }

    .aromen .flexBtnRow a {
        display: block;
        width: 100%;
    }

    .secTech .btnRow a {
        display: block;
        width: 100%;
    }

    .aromen .secTxtBox {
        border-radius: 0px;
        width: 100%;
        max-width: unset;
        padding: 0px;
    }

    .aromen h2 {
        text-align: left;
    }

    .aromen .secTxtBox p {
        text-align: left;
    }

    .bar {
        padding: 30px;
    }

    .secTechMbleBgd {
        height: 85vw;
        display: block;
        background: url(../img/sec_tech_bgd_mble.jpg);
        background-position: right top ;
        background-size: cover;
    }

    .secTech {
        padding: 60px 0;
        min-height: unset;
        padding-bottom: 0px;
        background: #fff;
        padding-bottom: 40px;
    }

    .btmCntnr {
        display: none;
    }

    .secTech .roundedTxtBox {
        padding: 0px;
    }

    .mbleTech {
        width: 50%;
        position: relative;
        margin-top: -53%;
        margin-bottom: 30px;
        display: block;
    }

    .tags {
        padding: 60px 0;
    }

    .quoteSec .quoteSym {
        padding-right: 0px;
        width: 50%;
        margin: auto;
        margin-bottom: 60px;
    }

    .footLogoRow .ltbtrbe {
        margin-bottom: 30px;
        width: 80%;
        max-width: 200px;
        margin: auto;
        margin-bottom: 30px;
    }

    .footLogoRow .ifra {
        margin-bottom: 30px;
        width: 80%;
        max-width: 200px;
        margin: auto;
        margin-bottom: 30px;
    }

    .forModal.headMdle {
        width: 70%;
        padding: 0 0px;
    }

    .anfrageModal .forModal.headMdle {
        margin-top: 30px;
    }

    .probieModal .forModal.headMdle {
        padding-right: 0px;
    }

    .anfrageModa .forModal.headMdle {
        padding-left: 30px;
    }

    .forModal.headMdle .topBtle {
        margin-left: auto;
        margin-right: 0;
    }

    .forModal.headMdle h1 {
        font-size: 7vw;
    }

    .probieModal .hCenter {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .customModal .modal-dialog {
        padding: 30px 15px;
    }

    footer h5 {
        margin-top: 30px;
        margin-bottom: 15px;
    }

    footer .mmt0 {
        margin-top: 0px;
    }

    .textImpr {
        padding: 60px 0;
    }

    .thanksModal h1 {
        font-size: 5.5vw;
    }

    .fofForContent {
        padding: 30px;
        text-align: right;
        max-width: 60vw;
        margin-right: 0;
        margin-left: auto;
    }

    .forForWrapp h3 {
        margin-bottom: 0px;
    }

    .gradBtn {
        font-size: 24px;
        line-height: normal;
    }

    .secTech .btmCntnr {
        position: relative;
        left: 0;
        right: 0;
        margin-bottom: 0;
        margin-top: 60px;
    }

    .secTech .imgRow img {
        width: 50%;
        margin: auto;
        display: block;
    }

    .customModal.probieModal .modal-content {
        background-position: top left;
        background: #000 url(../img/modal_female_mble.jpg) no-repeat;
        background-size: contain;
    }

    .cta_outside {
        width: 180px;
        right: 10px;
    }

    .aromaHeader .ifra_aroma {
        width: 180px;
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .aromaHeader .container {
        padding-bottom: 80px;
    }

    .aromaTop {
        padding: 60px 0;
    }

    .aromaIllu {
        padding: 60px 0;
    }

    .diffSection .container {
        display: block;
    }

    .diffuserModal .diffImgBox {
        display: block;
        width: 80%;
        margin: auto;
    }

    .diffuserModal .diffTxtBox {
        max-width: unset;
        padding-left: 0px;
        margin-top: 40px;
        padding: 0px!important;
        width: 100%;
    }

    .diffFlip .container {
        display: flex;
        flex-direction: column;
    }

    .diffFlip .diffTxtBox {
        text-align: left;
        margin: auto;
        order: 1;
    }

    .diffuserModal.diffFlip .diffImgBox {
        width: 40%;
        margin-bottom: 40px;
    }

    .diffuserModal.plus .diffImgBox {
        width: 80%;
    }

    .diffuserModal.pro .diffImgBox {
        width: 70%;
    }

    .aromaIllu {
        height: 90vh;
    }

    .aromaHeader {
        position: relative;
        background: url(../img/aroma_bgd_mble.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    .aromaHeader .domiBtle {
        position: absolute;
        width: 55%;
        left: 50%;
        bottom: 107px;
        max-width: 70%;
        min-width: 300px;
        transform: translateX(-50%);
    }

    .lightbox .lb-image {
        border-radius: 21px 0px 21px 0px!important;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 17px;
    }

    .headerLand {
        background: #000 url(../img/land_bgd_mobile.jpg) no-repeat;
        background-size: 60vw;
        background-position: top 26px center;
    }

    .headMdle {
        left: auto;
        right: auto;
        -webkit-transform: none;
        transform: none;
        width: 49%;
        z-index: 2;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .headMdle h1 {
        font-size: 6vw;
        margin-bottom: 0px;
    }

    .headerLand:before {
        opacity: 0.10;
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding: 0 15px;
    }

    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .headMdle .topBtle {
        width: 45%;
    }

    .quoteSec .quoteSym {
        width: 36%;
        margin-bottom: 30px;
    }

    .quoteSec h1 {
        font-size: 31px;
    }

    .quoteSec {
        padding: 40px 0;
    }

    .secLady {
        padding: 40px 0;
    }

    .roundedTxtBox {
        padding: 40px 15px;
    }

    .secTxtBox {
        font-size: 18px;
    }

    .secTxtBox h2 {
        font-weight: 600;
        font-size: 40px;
        margin-bottom: 20px;
        line-height: 1;
    }

    .secLady .gradBtn {
        display: block;
        width: 100%;
        text-align: center;
    }

    .aromen {
        padding: 40px 0;
        padding: 0;
    }

    .aromen .secTxtBox {
        padding: 20px 15px 40px 15px;
    }

    .aromen .flexBtnRow a {
        text-align: center;
    }

    .gradBtn {
        font-size: 20px;
    }

    .bar {
        padding: 30px 15px;
    }

    .bar h4 {
        font-size: 22px;
    }

    .tags span, .tags a {
        font-size: 20px;
        padding: 5px 10px;
        min-width: 46%;
        margin-bottom: 10px;
    }

    .tags {
        padding: 40px 0;
    }

    .clients h2 {
        z-index: 2;
        pointer-events: none;
        left: 0;
        right: 0;
        padding: 30px 15px;
        color: #fff;
        margin: 0;
        position: relative;
        font-size: 40px;
    }

    .client h3 {
        padding: 30px 15px;
        font-size: 30px;
        font-size: 40px;
    }

    footer {
        padding: 30px 0;
        font-size: 16px;
    }

    .customModal .modal-dialog {
        padding: 0;
    }

    .customModal .modal-body {
        padding: 40px 15px;
    }

    .anfrageModal .forModal.headMdle {
        margin-top: 40px;
    }

    .anfrageModal .forModal.headMdle .topBtle {
        margin-left: 0px;
        margin-right: auto;
    }

    .textImpr {
        padding: 60px 15px;
    }

    h2 {
        font-weight: 600;
        font-size: 40px;
        margin-bottom: 20px;
    }

    .secTech .btmCntnr {
        padding-top: 20px;
        /* position: relative; */
    }

    .forForWrapp {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .fofForContent {
        max-width: 72vw;
    }

    .forForWrapp h3 {
        line-height: normal;
    }

    .forForWrapp h1 {
        font-size: 100px;
    }

    .footLogoRow .ltbtrbe {
        width: 98%;
        max-width: unset;
    }

    .footLogoRow .ifra {
        width: 98%;
        max-width: unset;
    }

    .footLogoRow .mdDE {
        width: 98%;
        max-width: unset;
        margin-bottom: 30px;
    }

    .aboutUs p {
        font-size: 24px;
    }

    .secTech .imgRow img {
        width: 70%;
    }

    .tags .container {
        display: flex;
        flex-wrap: wrap;
    }

    .tags .container h2 {
        flex: 1 0 100%;
    }

    .tags .container span, .tags .container a {
        margin: 0 auto 10px auto;
        flex: 0 1 49%;
        font-size: 18px;
    }

    .logos .logosWrapp {
        padding: 10px 0;
    }

    .logos img {
        height: auto;
        width: 100px;
    }

    .cta_outside {
        width: 165px;
        right: 5px;
    }

    .aromaTop p {
        font-size: 19px;
        line-height: 1.5;
    }

    .aromaTop h2, .aromaIllu h2 {
        font-weight: 600;
        font-size: 40px;
        margin-bottom: 20px;
    }

    .generalCopy h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .generalCopy p {
        font-size: 19px;
        line-height: 1.5;
    }

    .generalCopy {
        padding: 40px 0;
    }

    .generalCopy h2.mt60 {
        margin-top: 40px;
    }

    .diffSection .diffBox {
        margin-bottom: 00px;
        padding: 15px;
    }

    .diffSection .diffBox + .diffBox {
        margin-top: 20px;
    }

    .generalCopy.pmt40 {
        padding-top: 40px;
    }

    .diffTxtWrapp h3, .diffTxtBox h3 {
        font-size: 30px;
    }

    .diffTxtWrapp p , .diffTxtBox p {
        font-size: 22px;
    }

    .diffuserModal .modal-content {
        padding: 40px 20px;
    }

    .aromaIllu {
        padding: 40px 0;
        height: 60vh;
        min-height: 440px;
    }

    .aromaHeader .domiBtle {
        width: 41%;
        bottom: 107px;
        max-width: 70%;
        min-width: 250px;
    }

    .aromaHeader .ifra_aroma {
        width: 125px;
        bottom: 30px;
    }

    .aromaBar {
        padding: 40px 0;
    }

    .aromaBar a {
        font-size: 24px;
    }

    .lbHere {
        display: inline-block;
        font-style: normal;
    }
}

/*767end*/
@media (max-width: 991px) and (orientation: landscape) {
    .headerLand {
        background: url(../img/land_bgd_landscape.jpg);
        background-position: top left;
        background-size: cover;
    }

    .headMdle {
        width: 53vh;
        z-index: 2;
        left: auto;
        -webkit-transform: none;
        transform: none;
        right: 80px;
    }

    .headMdle h1 {
        font-size: 5vw;
        margin-bottom: 0px;
    }
}

@media (max-width: 540px) {
    .headerLand {
        background: #000 url(../img/land_bgd_mobile.jpg) no-repeat;
        background-size: contain;
        background-position: top 26px center;
    }

    .headMdle {
        width: 75%;
    }

    .headMdle h1 {
        font-size: 9vw;
        margin-bottom: 0px;
    }

    .logoStrippWrapp .logoStripp {
        //height: 140px;
        background: url(../img/logostrip-5.jpg) repeat-x;
        background-size: 5544px;
        background-position: 0 50%;
        -webkit-animation: stripAni 22s infinite linear;
        animation: stripAni 22s infinite linear;
    }

    @-webkit-keyframes stripAni {
        from {
            background-position: 0 50%;
        }

        to {
            background-position: -5544px 50% ;
        }
    }

    @keyframes stripAni {
        from {
            background-position: 0 0;
        }

        to {
            background-position: -5544px 0 ;
        }
    }
}

.lb-outerContainer {
    background-color: transparent!important;
}

.lb-cancel {
    display: block!important;
    width: 38px!important;
    height: 38px!important;
    margin: 0 auto!important;
    background: #fff url(../images/loading.gif) no-repeat!important;
    border-radius: 100px!important;
    padding: 4px!important;
    background-position: center!important;
    background-size: 32px!important;
}

.salesfolderRequestModal {
}

.salesfolderRequestModal .modal-content {
}

.slsfldrChoiceWrapp {
    display: none;
}

.slsfldrChoiceWrapp.showChoice {
    min-height: 85vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slsfldrChoiceWrapp h2 {
    font-weight: 200;
}

.slsfldrBtns {
    display: flex;
    justify-content: space-between;
}

.slsfldrBtns .gradBtn {
    flex: 0 0 48%;
}

/*RTL*/
.rtl {
}

.rtl .navbar-nav {
    padding-inline-start :0px; }

.rtl .navbar-nav li {
    direction: rtl;
}

.rtl .landNav.navbar-dark .navbar-nav .nav-link.isLogo {
    padding-right: 0px;
    padding-left: 8px;
}

.quoteSec .quoteSym {
    padding-right: 0px;
    padding-left: 60px;
}

.rtl .secLady .roundedTxtBox {
    margin-left: 0px;
    margin-right: auto;
}

.rtl .aromen .ifraLogo {
    order: 1;
}

.rtl .secTech .roundedTxtBox {
    margin-left: 0px;
    margin-right: auto;
}

.rtl .secTech .imgRow {
    text-align: left;
}

.rtl .owl-carousel, .rtl .bx-wrapper {
    direction: ltr;
}

.rtl .owl-carousel .owl-item {
    direction: rtl;
}

.rtl footer ul {
    padding-right: 0px;
    padding-left: 0px;
}

.rtl .aromaHeader {
    direction: ltr;
}

.rtl .diffuserModal {
}

.rtl .diffuserModal .diffTxtBox {
}

.rtl .diffuserModal .diffTxtBox {
    padding-left: 0px;
    padding-right: 100px;
}

.rtl .diffuserModal.diffFlip {
    direction: ltr;
}

.rtl .diffFlip .diffTxtBox {
    direction: rtl;
}

.rtl .diffuserModal.plus {
    direction: ltr;
}

.rtl .diffuserModal.plus .diffTxtBox {
    direction: rtl;
    padding-left: 100px;
    padding-right: 0px;
}

.rtl .diffSection .diffBox.wayTwo {
    direction: ltr;
}

.rtl .diffSection .diffBox.wayTwo .diffTxtWrapp {
    direction: rtl;
    text-align: right;
}

.rtl .diffuserModal.pro {
    direction: ltr;
}

.rtl .diffuserModal.pro .diffTxtBox {
    direction: rtl;
    padding-left: 100px;
    padding-right: 0px;
}

.rtl .probieModal {
    direction: ltr;
}

.rtl .probieModal #scentingForm {
    direction: rtl;
}

.rtl .anfrageModal {
    direction: ltr;
}

.rtl .anfrageModal #questionForm {
    direction: rtl;
}

/*RTL ENDS*/
.orderFormWrapp {
    background: #000 url(../img/modal_male.jpg)no-repeat;
    background-position: bottom right;
    background-size: contain;
    padding: 100px 0;
    color: #fff;
}

.orderFormWrapp form a {
    color: inherit;
}

.orderFormWrapp h4 {
    margin-bottom: 30px;
    font-weight: 200;
}

.orderFormWrapp .form-label {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .forModal.headMdle {
        margin-top: 40px;
    }

    .salesfolderRequestModal .modal-body {
        padding-right: 0px;
        padding-left: 0px;
    }

    .slsfldrBtns {
        display: block;
    }

    .slsfldrBtns .gradBtn {
        display: block;
        flex: none;
    }

    .slsfldrBtns .gradBtn + .gradBtn {
        margin-top: 20px;
    }
}

.md15 {
    margin-bottom: 15px;
}

.holdsChecks .form-check-input {
    margin-top: 3px;
    margin-right: 5px;
}

/*.landNvbr .landNav {
    background: #111111!important;
    top: 0;

}
.landNvbr .landNav.scrolled{
    padding-bottom: 8px;
    border-bottom: none;
    }*/
.newsHeader {
    position: relative;
}

.newsHeader .newsSlide {
    position: relative;
    background-size: cover!important;
}

.newsSlide {
    height: 100vh;
}

.newsSlide .slideTxt {
    text-decoration: none;
    color: #fff;
    background: rgb(190,150,94);
    background: -webkit-gradient(linear, left top, right top, from(rgba(190,150,94,1)), color-stop(33%, rgba(252,202,135,1)), color-stop(50%, rgba(252,202,135,1)), color-stop(66%, rgba(252,202,135,1)), to(rgba(151,112,64,1)));
    background: linear-gradient(90deg, rgba(190,150,94,1) 0%, rgba(252,202,135,1) 33%, rgba(252,202,135,1) 50%, rgba(252,202,135,1) 66%, rgba(151,112,64,1) 100%);
    display: inline-block;
    padding: 20px 60px;
    border-radius: 0 18px 18px 0;
    bottom: 60px;
    position: absolute;
    max-width: 95%;
    left: 0;
}

.slideTxt h3 {
    font-weight: 600;
    font-size: 55px;
    margin-bottom: 5px;
}

.slideTxt h4 {
    font-size: 30px;
    font-weight: 300;
}

.newsLook {
    background: url(../img/slideOne.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.newsAmador {
    background: url(../img/slideAmador.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.kaiserschmarrn {
    background: url(../img/kaiserschmarrn_head.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.newsEightHour {
    background: url(../img/slideEightHours.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.newsSpa {
    background: url(../img/spa.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.reiterhof {
    background: url(../img/reiterhof.jpg)no-repeat;
    background-position: top center;
    background-size: cover;
}

.amadorMnu {
    background: url(../img/bld1.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.olnINt {
    background: url(../img/oln1.jpg)no-repeat;
    background-position: top center;
    background-size: cover;
}

.w24 {
    background: url(../img/w1.jpg)no-repeat;
    background-position: center right;
    background-size: cover;
}

.newsDuft {
    background: url(../img/Domi__0009.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.newsContent {
    padding: 80px 0;
}

.newsContent h3 {
    color: #000;
    font-size: 42px;
    font-weight: 500;
}

.mt30 {
    margin-top: 30px;
}

.md15 {
    margin-bottom: 15px;
}

.md30 {
    margin-bottom: 30px;
}

.mt40 {
    margin-top: 40px;
}

.md40 {
    margin-bottom: 40px;
}

.md60 {
    margin-bottom: 60px;
}

.newsContent p {
    font-size: 32px;
    font-weight: 400;
    font-weight: 300;
    line-height: normal;
}

.floatRow {
    position: relative;
}

.floatRow:after {
    display: block;
    content: "";
    clear: both;
}

.floater {
    display: block;
}

.floatImg {
    display: inline-block;
    width: 100%;
}

.isFifty {
    max-width: 50%;
}

.supCustom {
    background: url(../img/spa_3.jpg);
    background-position: center;
    background-size: cover;
}

.float-left {
    float: left;
    max-width: 38%;
    padding-right: 40px;
}

.float-left.isFifty {
    max-width: 50%;
}

.largerFloater {
    max-width: 48%;
}

.float-right {
    float: right;
    padding-left: 40px;
}

.float-left .floatImg {
}

.float-right .floatImg {
    /* padding-left: 40px; */
}

.videoRow h3 {
    margin-bottom: 30px;
}

.imgPrev .playIcon {
    /* background: rgba(0, 0, 0, 0.41); */
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    width: 200px;
    height: 200px;
}

.imgPrev .playIcon path {
    fill: #565656;
}

.imgPrev img {
    width: 100%;
    height: auto;
}

.imgPrev:after {
    position: absolute;
    content: "";
    display: block;
    background: #ffffff80;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.imgPrev:hover:after {
    opacity: 0;
}

.videoBox {
    position: relative;
}

.videoBox .imgPrev {
    margin: auto;
    cursor: pointer;
    position: relative;
}

.videoBox .vidContainer {
    display: none;
}

.videoBox .closeVid {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 999;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.videoBox .closeVid img {
    width: 100%;
    height: auto;
}

.videoBox video {
}

.videoBox.videoPlaying {
}

.videoBox.videoPlaying .vidContainer {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 998;
    display: flex;
    justify-content: center;
    align-items: center;
}

.videoBox .vidContainerOverlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0000009c;
    cursor: pointer;
    z-index: 999;
}

.videoBox.videoPlaying .vidContainerOverlay {
    display: block;
    cursor: pointer;
}

.videoBox.videoPlaying video {
    max-width: 95%;
    max-height: 90vh;
    position: relative;
    z-index: 1000;
}

.galleryRow {
    display: flex;
    justify-content: space-between;
}

.galleryRow a {
    flex: 0 0 32%;
    display: block;
}

.galleryRow a img {
    display: block;
    width: 100%;
    height: auto;
}

.fullImg {
    display: block;
    width: auto;
}

.fullImg img {
    width: 100%;
}

.hasSub {
    color: rgba(255, 255, 255, 0.7);
    position: relative;
}

.hasSub .navOpnr {
    display: inline-block;
    cursor: pointer;
}

.hasSub ul {
    padding-left: 0px;
    margin-left: 0px;
    list-style-type: none;
    position: absolute;
    display: none;
    /* background: #302c3075; */
    top: 40px;
    min-width: 200px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.hasSub ul:hover {
    display: block;
}

.hasSub .navOpnr:hover + ul {
    display: block;
}

.hasSub li {
}

.hasSub ul li a {
    color: #fff;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    line-height: 1.2;
    transition: text-shadow 0.3s ease-in-out;
}

.hasSub ul li a:hover {
    text-shadow: 0 0 1px #000;
    color: #fcca87;
}

.navbar.scrolled .hasSub ul {
    background: #111111;
    top: 35px;
}

.navbar-dark .collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-toggler-icon {
    background: url(../img/close_white.svg)no-repeat;
    background-position: center;
    background-size: contain;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.referencenHead {
    background: url(../img/land_bgd_landscape.jpg)no-repeat;
    background-position: left;
    background-size: cover;
    position: relative;
}

.referencenHead img {
    width: 20vw;
    max-width: 230px;
    min-width: 200px;
    position: absolute;
    bottom: 5px;
    right: 50%;
    transform: translateX(50%);
}

.referenzen {
    padding: 80px 0;
    ; }

.refRow {
    display: flex;
    justify-content: space-between;
}

.refRow + .refRow {
    margin-top: 40px;
}

.refRow a {
    background-size: cover!important;
    background-position: center!important;
    text-decoration: none;
    min-height: 50vh;
    flex: 0 0 49%;
    position: relative;
}

.refTxt {
    color: #fff;
    text-decoration: none;
    color: #fff;
    background: rgb(190,150,94);
    background: -webkit-gradient(linear, left top, right top, from(rgba(190,150,94,1)), color-stop(33%, rgba(252,202,135,1)), color-stop(50%, rgba(252,202,135,1)), color-stop(66%, rgba(252,202,135,1)), to(rgba(151,112,64,1)));
    background: linear-gradient(90deg, rgba(190,150,94,1) 0%, rgba(252,202,135,1) 33%, rgba(252,202,135,1) 50%, rgba(252,202,135,1) 66%, rgba(151,112,64,1) 100%);
    display: inline-block;
    padding: 20px 40px;
    border-radius: 0 18px 18px 0;
    bottom: 40px;
    position: absolute;
    max-width: 95%;
    left: 0;
}

.refTxt span {
    display: block;
    font-size: 1.3em;
    font-weight: 500;
}

.refTxt span + span {
    font-weight: 300;
}

a:focus, a img:focus, a:focus-visible, a img:focus-visible {
    outline: none!important;
}

@media (max-width: 1400px) {
    .refTxt {
        font-size: 17px;
        padding: 10px 15px;
    }
}

@media (max-width: 1100px) {
    .refRow {
        display: block;
    }

    .refRow + .refRow {
        margin-top: 30px;
    }

    .refRow a {
        display: block;
    }

    .refRow a + a {
        margin-top: 30px;
    }
}

@media (max-width: 991px) {
    .newsSlide .slideTxt {
        padding: 20px 30px;
        border-radius: 0 18px 18px 0;
        bottom: 30px;
    }

    .slideTxt h3 {
        font-size: 40px;
        margin-bottom: 5px;
    }

    .slideTxt h4 {
        font-size: 26px;
    }

    .hasSub {
        text-align: center;
    }

    .hasSub ul {
        position: relative;
        top: 0;
        text-align: center;
        padding-bottom: 15px;
    }

    .navbar .hasSub ul {
        background: transparent!important;
    }

    .navbar.scrolled .hasSub ul {
        background: transparent;
        top: 0;
    }

    .referencenHead img {
        max-width: 230px;
        min-width: 150px;
        bottom: 0px;
    }

    .newsSpa {
        background: url(../img/spa_mobile.jpg)no-repeat;
        background-position: center left;
        background-size: cover;
    }

    .amadorMnu {
        background: url(../img/bld1_mobile.jpg)no-repeat;
        background-position: center right;
        background-size: cover;
    }

    .w24 {
        background: url(../img/w1_mobile.jpg)no-repeat;
        background-position: center ;
        background-size: cover;
    }
}

@media (max-width: 767px) {
    .newsSlide .slideTxt {
        padding: 20px 15px;
        border-radius: 0 18px 18px 0;
        bottom: 30px;
    }

    .slideTxt h3 {
        font-size: 31px;
        margin-bottom: 5px;
    }

    .slideTxt h4 {
        font-size: 22px;
    }

    .newsContent {
        padding: 40px 0;
    }

    .newsContent p {
        font-size: 19px;
        line-height: 1.5;
    }

    .newsContent h2 {
        font-size: 40px;
    }

    .newsContent h3 {
        color: #000;
        font-size: 31px;
        font-weight: 300;
    }

    .floater {
        margin-bottom: 30px;
        float: none!important;
        max-width: 100%!important;
        padding: 0px!important;
    }

    .largerFloater {
        max-width: 100%;
    }

    .imgPrev .playIcon {
        width: 100px;
        height: 100px;
    }

    .videoRow h3 {
        margin-bottom: 15px;
    }

    .galleryRow {
        display: block;
    }

    .galleryRow a + a {
        margin-top: 30px;
    }

    .refTxt {
        bottom: 15px;
        font-size: 16px;
    }

    .hasSub ul li a {
        padding: 8px 0;
        display: block;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        font-size: 18px;
    }
}

.newsContent h3 b {
    font-weight: 700;
}

.modalRel {
    position: relative;
    background: #040404;
}

.modalRel .modal-dialog {
    padding-left: 0;
    padding-right: 0;
}

input + label span {
    position: relative;
    top: 2px;
}

@media (max-width: 991px) {
    input + label span {
        position: relative;
        top: 1px;
    }
}

.holdsChecks label {
    max-width: 88%;
}

.lb-container, .lb-outerContainer {
    position: relative;
}

.lb-shopLink {
    position: absolute;
    width: 187px;
    height: 50px;
    background: url(../img/shopnow_en.png)no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 13;
    left: 0px;
    top: 0;
    pointer-events: all;
    display: inline-block;
}

.lb-shopLink.imgDe {
    background: url(../img/shopnow_de.png)no-repeat;
    background-size: contain;
    background-position: center;
}

.lb-shopLink.imgEn {
    background: url(../img/shopnow_en.png)no-repeat;
    background-size: contain;
    background-position: center;
}

.lb-shopLink.imgHu {
    background: url(../img/shopnow_hu.png)no-repeat;
    background-size: contain;
    background-position: center;
}

/*.lb-nav a.lb-next {
    width: 66px;
    height: 100%;
    background-position: center;
    background-size: contain;
}
.lb-nav a.lb-prev{
    width: 66px;
    height: 100%;
    background-position: center;
    background-size: contain;
}
*/
.lb-data {
    position: relative;
    padding: 0px;
}

.lb-data .lb-details {
    width: 100%;
    float: none;
    text-align: left;
    line-height: 1.1em;
    padding-left: 00px;
    padding-right: 45px;
}

.lb-closeContainer {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.lb-data .lb-number {
    padding-bottom: 0px;
}

.branchCopy {
    padding-top: 100px;
    padding-bottom: 100px;
}

.branchCopy h2 {
    color: #bb9367;
}

.branchUlWrapp {
    display: block;
}

.branchUlWrapp ul {
    display: inline-block;
    max-width: 70%;
    margin-bottom: 0px!important;
    margin-right: 30px;
}

.branchUlWrapp ul li {
}

.branchUlWrapp ul li p {
    font-size: 1em;
}

.branchUlWrapp img {
    display: inline-block;
    max-width: 155px;
    vertical-align: baseline;
}

.branchInnerHead {
    height: 60vh;
    background-size: cover!important;
    background-position: center!important;
    position: relative;
}

.barSection {
}

.barSection .barTtle {
    padding: 20px 0;
    background: rgb(227,188,137);
    background: linear-gradient(90deg, rgba(227,188,137,1) 0%, rgba(227,194,155,1) 100%);
}

.barTtle h3 {
    color: #fff;
    margin-bottom: 0px;
}

.barCntnt {
    padding: 60px 0;
}

.barPacksWrapp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.barPacksWrapp .barPack {
    flex: 0 0 49%;
    position: relative;
}

.barPackTopTxt {
}

.barPackTopTxt h5 {
    margin-bottom: 0px;
}

.barPackTopTxt h3 {
    margin: auto;
}

.barPack .packImgLeft {
    max-width: 400px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}

.barPacksWrapp .leftPack {
    flex: 0 0 55%;
}

.barPacksWrapp .rightPack {
    flex: 0 0 40%;
}

.barPack .packImgRight {
    max-width: 160px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}

.barPack .packImgRightTwo {
    max-width: 230px;
}

.barPack .packImgRightLiterware {
    max-width: 240px;
}

.barPackBtmTxt {
    margin-top: 20px;
    flex: 1 0 100%;
}

.barPackBtmTxtRight {
    text-align: right;
}

.diffEvnt {
    margin-top: 10px;
}

.barRound {
    background: rgb(146,109,69);
    background: linear-gradient(125deg, rgba(146,109,69,1) 0%, rgba(245,192,128,1) 79%, rgba(209,165,111,1) 100%);
    width: 200px;
    height: 200px;
    display: inline-block;
    position: relative;
    border-radius: 200px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
}

.eventBarCntnt {
    padding-bottom: 3px;
}

.barRound img {
    position: absolute;
    width: auto;
    height: 120px;
    left: -19px;
    top: 50%;
    transform: translateY(-50%);
}

.barRound .barRoundTxt {
    text-align: center;
    transform: rotateZ(-10deg);
}

.barRound span {
    display: block;
    color: #fff;
    font-size: 21px;
    font-family: 'Karla';
    font-weight: 600;
    line-height: 1;
}

.barRound span + span {
    font-size: 35px;
    line-height: 1;
    font-weight: 700;
}

.barRound span + span + span {
    font-size: 21px;
}

.barPackBtmTxt {
}

.barPackBtmTxt span {
    display: block;
    font-size: 0.9em;
}

.barAromaWrapp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.barAromaWrapp .barAromaBox {
    color: #4d4031;
    flex: 0 0 33%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.barAromaBox .aromaBarTxt {
    flex: 0 0 65%;
    padding-left: 20px;
}

.aromaBarTxt h3 {
    font-weight: 700;
    margin-bottom: 0px;
}

.aromaBarTxt .aromaSub {
    font-weight: 800;
    display: block;
    line-height: normal;
}

.aromaNotes {
    margin-top: 10px;
}

.aromaNotes span {
    display: block;
}

.aromaNotes span b {
    font-weight: 700;
}

.barAromaBox img {
    max-width: 185px;
    flex: 0 0 34%;
}

.branchInnerHeadImgs {
    position: absolute;
    bottom: 0;
    /* max-width: 80%; */
    top: auto;
    left: 0;
    right: 0;
    /* transform: translateX(-50%); */
    width: 100%;
    text-align: center;
    bottom: 0;
}

.branchInnerHeadImgs .imgGeraete {
    /* max-width: 200px; */
    width: 28vw;
    max-width: 500px;
    display: inline-block;
}

.branchInnerHeadImgs .imgMadeInGermany {
    max-width: 140px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 27px;
    margin-left: 6%;
}

.branchInnerHead .kanisters {
    max-width: 200px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 10vw;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.onlyMade {
    margin-bottom: 30px;
}

.onlyMade .imgMadeInGermany {
    margin: auto;
}

.barAromaBox a {
    display: inline-block;
}

.eventBarCntntTwo {
}

.eventBarCntntTwo .eventPackWrapp {
    display: block;
    justify-content: space-between;
    align-items: flex-start;
}

.eventPackWrapp .imgBx {
    flex: 0 0 32%;
    display: inline-block;
    width: 30%;
    margin-right: 30px;
    vertical-align: top;
}

.eventPackWrapp .imgBx img {
    width: 100%;
}

.eventPackWrapp .txtBx {
    display: inline-block;
    margin-right: 60px;
}

.eventPackWrapp .barRound {
    vertical-align: top;
}

@media (max-width: 1520px) {
    .aromaBarTxt h3 {
        font-size: 20px;
    }

    .barAromaBox img {
        max-width: 150px;
        display: block;
        margin: 0 auto 20px auto;
    }

    .barAromaWrapp .barAromaBox {
        font-size: 17px;
        display: block;
    }

    .aromaBarTxt .aromaSub {
        font-weight: 700;
    }

    .barAromaBox .aromaBarTxt {
        padding-left: 15px;
        flex: 0 0 70%;
    }
}

@media (max-width: 1400px) {
    .barRound span {
    }

    .barRound span + span {
    }

    .barRound {
        width: 160px;
        height: 160px;
    }

    .barPack .packImgLeft {
        max-width: 310px;
    }

    .barPack .packImgRight {
        max-width: 135px;
    }

    .barPack .packImgRightTwo {
        max-width: 187px;
        margin-right: 20px;
    }

    .barPack .packImgRightLiterware {
        max-width: 160px;
    }

    .barAromaBox img {
        max-width: 200px;
        display: block;
        margin: 0 auto 20px auto;
    }

    .barAromaBox .aromaBarTxt {
        padding-left: 10px;
    }

    .branchInnerHead .kanisters {
        max-width: 150px;
    }
}

@media (max-width: 960px) {
    .lb-shopLink {
        position: absolute;
        width: 155px;
        height: 40px;
        /* left: 0; */
        /* top: 63%; */
    }

    .lb-data .lb-details {
        padding-left: 165px;
        padding-right: 30px;
    }

    .lb-data .lb-close {
        width: 20px;
        height: 20px;
        background-size: contain;
    }

    .headerBranch.hotelHead {
        background-position: center right -33vw!important;
    }

    .branchUlWrapp ul {
        max-width: unset;
        margin-right: 0px;
        margin-bottom: 30px!important;
    }

    .branchInnerHeadImgs .imgGeraete {
        width: 40vw;
    }

    .barPacksWrapp {
        display: block;
    }

    .barPacksWrapp .leftPack {
    }

    .barPacksWrapp .rightPack {
        margin-top: 60px;
    }

    .barPack .packImgLeft {
        max-width: unset;
        width: 72%;
        margin: 30px auto;
        display: block;
    }

    .barPack .packImgRight {
        max-width: 40%;
        display: block;
        margin: 30px auto;
    }

    .barPack .packImgRightTwo {
        width: 40%;
        max-width: 350px;
    }

    .barRound {
        position: absolute;
        top: auto;
        right: 0;
        /* transform: translateY(-50%); */
        bottom: 0;
    }

    .barAromaWrapp {
        display: block;
    }

    .barAromaBox img {
        max-width: 215;
        width: 60%;
    }

    .barAromaBox + .barAromaBox {
        margin-top: 40px;
    }

    .barPack .packImgRightLiterware {
        max-width: unset;
        width: 80%;
    }

    .branchInnerHead .kanisters {
        max-width: 100px;
    }

    .clientsImgSlide {
        height: 375px;
        background: url(../img/slideImage.jpg) repeat-x;
        background-size: 3405px;
        animation: aniClients 44s infinite linear;
    }

    @keyframes aniClients {
        from {
            background-position: 0 50%;
        }

        to {
            background-position: 3405px 50% ;
        }
    }
}

@media (max-width: 767px) {
    .branchCopy {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .barRound span {
        font-size: 12px;
    }

    .barRound span + span {
        font-size: 16px;
    }

    .barRound span + span + span {
        font-size: 12px;
    }

    .barRound {
        width: 90px;
        height: 90px;
    }

    .barRound img {
        height: 64px;
        left: -15px;
    }

    .barPack .packImgLeft {
        width: 98%;
    }

    .branchInnerHeadImgs .imgMadeInGermany {
        max-width: 100px;
    }

    .branchInnerHeadImgs .imgGeraete {
        width: 57vw;
    }

    .branchInnerHeadImgs {
        bottom: 0;
    }

    .barPack .packImgRightTwo {
        width: 63%;
        max-width: 350px;
    }

    .eventPackWrapp .imgBx {
        width: 100%;
        margin: 0 auto 30px auto;
    }

    .eventPackWrapp .txtBx {
        display: block;
        margin: auto;
        margin-bottom: 30px;
    }
}

.searchBox {
    position: fixed;
    display: none;
    bottom: 15px;
    left: 15px;
    right: auto;
    max-width: 80%;
    padding: 0;
    /* background: #111111; */
    z-index: 100;
    padding-top: 0px;
    /* border-radius: 10px; */
}

.searchBox.open {
    display: block;
    width: auto;
}

.searchBox .searchInput {
    border: 2px solid #be965e;
    background: #000;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    min-width: 50vw;
    padding: 5px;
}

.searchBox .searchInput input {
    background: transparent;
    border: none;
    padding: 10px;
    display: block;
    width: 100%;
    /* padding-right: 40px; */
    color: #fff;
    font-weight: 300;
    right: 0;
    position: relative;
    padding-right: 65px;
    outline: none;
}

.searchBox .searchInput span {
    color: #be965e;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #111111;
    box-sizing: border-box;
    display: block;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    max-width: 59px;
    padding-right: 20px;
    border-left: 1px solid #be965e;
}

.searchBox .searchInput span:hover {
    background: #000;
}

.searchBox .searchInput span .fa {
}

.searchRes {
    max-height: 50vh;
    overflow: auto;
    background: #111111;
    border-radius: 10px;
    margin-top: 0px;
    /* min-height: 200px; */
}

.searchRes ul {
    list-style-type: none;
    display: block;
    margin-top: 0px;
    padding: 29px 20px;
    margin-bottom: 0px;
}

.searchRes li {
}

.searchRes li + li {
    margin-top: 15px;
}

.searchRes li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 0.9em;
}

.searchOverlay {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    background: rgba(0, 0, 0, 0.58);
}

.searchOverlay.open {
    display: block;
}

.searchRes li a .pgeUrl {
    color: #be965e;
    display: block;
    font-style: italic;
}

.searchRes li a:hover {
    color: #0a58ca;
}

.searchRes li a:hover .pgeUrl {
    color: #0a58ca;
}

.seachIco {
    padding: 10px;
    border: 2px solid #be965e;
    border-radius: 53px;
    background: #000;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 100;
}

.seachIco:hover {
    background: #2b2a2a;
}

.seachIco.close {
    visibility: hidden;
    pointer-events: none;
}

.seachIco span {
    display: block;
    line-height: 1;
}

.seachIco span .fa {
    display: block;
    line-height: 1;
    color: #fff;
}

.diffBox.isHigher img {
    width: auto;
    max-height: 400px;
}

@media (max-width: 960px) {
    .searchBox {
        max-width: unset;
        right: 10px;
        bottom: 15px;
        left: 10px;
    }

    .searchRes {
        max-height: 70vh;
    }

    .seachIco {
        left: 15px;
        bottom: 15px;
    }

    .searchBox .searchInput {
        padding: 0px;
    }

    .eventBarCntnt .barPack .packImgRight {
        max-width: 230px;
    }
}

.buyNow {
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    .eventPackWrapp {
        text-align: center;
    }

    .barPack .packImgRightTwo {
        width: 63%;
        max-width: 350px;
    }

    .eventPackWrapp .imgBx {
        width: 100%;
        margin: 0 auto 30px auto;
    }

    .eventPackWrapp .txtBx {
        display: block;
        margin: auto;
        margin-bottom: 30px;
        text-align: left;
    }

    .eventPackWrapp .barRound {
        position: relative;
    }
}

.owl-carousel-clients .owl-controls {
    display: none;
}

.extLinksSec {
    padding: 40px 0 80px 0;
}

.pressWrapper {
}

.prsRow {
    display: flex;
    justify-content: space-between;
}

.prsRow.hasTwo {
    display: flex;
    justify-content: flex-start;
}

.prsRow.hasTwo .pressBox + .pressBox {
    margin-left: 2%;
}

.pressWrapper .pressBox {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    width: 31%;
    border: 1px solid whitesmoke;
    box-shadow: 2px 5px 12px -15px black;
    flex: 0 0 32%;
}

.pressBox .prsImg {
    width: 100%;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative;
    background: #111111;
}

.pressBox .prsImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease-in-out;
}

.pressBox .prsTxt {
    padding: 20px 15px;
}

.pressBox .prsTxt p {
    font-size: 0.85em;
}

.prsTxt h5 {
}

.prsTxt span {
    /* padding-left: 30px; */
    position: relative;
}

.prsImg .fa {
}

.linkPress {
    display: inline-block;
}

.linkPress .fa {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px;
}

.linkPress span {
    display: inline-block;
    padding-left: 30px;
}

.prsImg span {
    position: absolute;
    display: inline-block;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-150%);
    color: #fff;
    transition: transform 0.3s ease-in-out;
    opacity: 0;
}

.pressBox:hover .prsImg img {
    opacity: 0.3;
}

.pressBox:hover .prsImg span {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
    transition: transform 0.3s ease-in-out;
}

.prsRow + .prsRow {
    margin-top: 40px;
}

.narrowVid {
}

.videoBox.narrowVid {
    float: left;
    max-width: 38%;
    padding-right: 40px;
}

.videoBox.narrowVid video {
    width: 100%;
    height: auto;
}

.clearfix {
    position: relative;
}

.clearfix:before, .clearfix:after {
    clear: both;
    display: block;
}

@media (max-width: 991px) {
    .prsRow {
        display: block;
    }

    .prsRow + .prsRow {
        margin-top: 0px;
    }

    .pressWrapper .pressBox, .prsRow.hasTwo .pressBox {
        width: 100%;
        vertical-align: top;
    }

    .prsRow.hasTwo {
        display: block;
    }

    .pressBox {
        margin-top: 30px;
    }

    .prsRow:first-of-type .pressBox:first-of-type {
        margin-top: 0px;
    }
}

.videoSlideIndx video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.footerUlSpaced li + li {
    margin-top: 5px;
}

.h3 {
    font-size: 42px;
    margin-bottom: 0px;
    line-height: normal;
    margin-bottom: 5px;
}

.diffuserHeaderConnect .container {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10vh;
}

.diffuserHeaderConnect .container .diffConLeft {
    /* width: 288px; */
    max-width: 340px;
    width: 20vw;
    /* min-width: 127px; */
}

.diffuserHeaderConnect .container .diffConRight {
    max-width: 280px;
    width: 14vw;
    /* min-width: 100px; */
    position: absolute;
    right: 16vw;
    bottom: 0;
}

.appBar {
    padding: 20px 0;
    background: rgb(200,181,138);
    background: linear-gradient(90deg, rgba(200,181,138,1) 0%, rgba(225,213,187,1) 100%);
}

.appBar .storesBox {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}

.storesBox a {
    display: inline-block;
    vertical-align: middle;
}
.storesBox a + a{
    margin-left: 20px;
}
.storesBox a img {
    width: auto;
    height: 40px;
}

.appBar h3 {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    margin: 0;
    max-width: 63%;
}

.appBar h3 b {
    font-weight: 600;
}

.appBar .appLegal {
    margin-top: 15px;
}

.appBar .appLegal span {
    display: block;
    font-size: 11px;
}
@media (max-width: 1000px) {
    .appBar h3 {

    max-width: 49%;
}
}
@media (max-width: 768px) {
    .videoBox.narrowVid {
        margin-bottom: 30px;
        float: none!important;
        max-width: 100%!important;
        padding: 0px!important;
    }

    .h3 {
        font-size: 30px;
    }

    .diffuserHeaderConnect .container .diffConRight, .diffuserHeaderConnect .container .diffConLeft {
        display: none;
    }
     .appBar .container{
        text-align: center;
     }
    .appBar .storesBox{
        margin: 0 auto 20px auto;
        display: inline-block;
        text-align: center;
        width: auto;
    }
    .appBar h3 {
        max-width: unset;
        text-align: center;
    }
      .appBar h3 b{
        display: block;
      }
    .storesBox a{
        display: block;
    }
    .storesBox a + a{
        margin: 0;
        margin-top: 10px;

    }
    .appBar .appLegal{
        text-align: left;
    }
    .appBar .appLegal span {
   
    font-size: 9px;
}
}