/* dce-bootrap-grid-slim.css */
/*! * Bootstrap Grid v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//* Grid stand v1 30.03.2023 */ html{box-sizing: border-box; -ms-overflow-style: scrollbar;}*,*::before,*::after{box-sizing: inherit;}.container{width: 100%; max-width:100%; padding: 0 1.75rem; margin-right: auto; margin-left: auto;}@media (min-width: 576px){.container{width: 540px;padding: 0 1rem;}}@media (min-width: 768px){.container{width: 700px;}}@media (min-width: 992px){.container{width: 85%;}}@media (min-width: 1200px){.container{width: 1280px; padding: 0 0.75rem;}}.container-fluid{width: 100%; padding: 0 0.75rem; margin-right: auto; margin-left: auto;}.row{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.75rem;}.no-gutters{margin-right: 0; margin-left: 0;}.no-gutters > .col,.no-gutters > [class*="col-"]{padding-right: 0; padding-left: 0;}.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto,.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11,.col-xs-12, .col-xs, .col-xs-auto,.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11,.col-xxxl-12, .col-xxxl, .col-xxxl-auto{position: relative; width: 100%; padding: 0 0.75rem;}.col{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}.row-cols-1 > *{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.row-cols-2 > *{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.row-cols-3 > *{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.row-cols-4 > *{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.row-cols-5 > *{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}.row-cols-6 > *{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-auto{-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-1{-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}.col-2{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-3{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.col-4{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-5{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}.col-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.col-7{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}.col-8{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}.col-9{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}.col-10{-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}.col-11{-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}.col-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.order-first{-ms-flex-order: -1; order: -1;}.order-last{-ms-flex-order: 13; order: 13;}.order-0{-ms-flex-order: 0; order: 0;}.order-1{-ms-flex-order: 1; order: 1;}.order-2{-ms-flex-order: 2; order: 2;}.order-3{-ms-flex-order: 3; order: 3;}.order-4{-ms-flex-order: 4; order: 4;}.order-5{-ms-flex-order: 5; order: 5;}.order-6{-ms-flex-order: 6; order: 6;}.order-7{-ms-flex-order: 7; order: 7;}.order-8{-ms-flex-order: 8; order: 8;}.order-9{-ms-flex-order: 9; order: 9;}.order-10{-ms-flex-order: 10; order: 10;}.order-11{-ms-flex-order: 11; order: 11;}.order-12{-ms-flex-order: 12; order: 12;}.offset-1{margin-left: 8.333333%;}.offset-2{margin-left: 16.666667%;}.offset-3{margin-left: 25%;}.offset-4{margin-left: 33.333333%;}.offset-5{margin-left: 41.666667%;}.offset-6{margin-left: 50%;}.offset-7{margin-left: 58.333333%;}.offset-8{margin-left: 66.666667%;}.offset-9{margin-left: 75%;}.offset-10{margin-left: 83.333333%;}.offset-11{margin-left: 91.666667%;}@media (min-width: 481px){.col-xs{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}.row-cols-xs-1 > *{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.row-cols-xs-2 > *{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.row-cols-xs-3 > *{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.row-cols-xs-4 > *{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.row-cols-xs-5 > *{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}.row-cols-xs-6 > *{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-xs-auto{-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-xs-1{-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}.col-xs-2{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-xs-3{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.col-xs-4{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-xs-5{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}.col-xs-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.col-xs-7{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}.col-xs-8{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}.col-xs-9{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}.col-xs-10{-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}.col-xs-11{-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}.col-xs-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.order-xs-first{-ms-flex-order: -1; order: -1;}.order-xs-last{-ms-flex-order: 13; order: 13;}.order-xs-0{-ms-flex-order: 0; order: 0;}.order-xs-1{-ms-flex-order: 1; order: 1;}.order-xs-2{-ms-flex-order: 2; order: 2;}.order-xs-3{-ms-flex-order: 3; order: 3;}.order-xs-4{-ms-flex-order: 4; order: 4;}.order-xs-5{-ms-flex-order: 5; order: 5;}.order-xs-6{-ms-flex-order: 6; order: 6;}.order-xs-7{-ms-flex-order: 7; order: 7;}.order-xs-8{-ms-flex-order: 8; order: 8;}.order-xs-9{-ms-flex-order: 9; order: 9;}.order-xs-10{-ms-flex-order: 10; order: 10;}.order-xs-11{-ms-flex-order: 11; order: 11;}.order-xs-12{-ms-flex-order: 12; order: 12;}.offset-xs-0{margin-left: 0;}.offset-xs-1{margin-left: 8.333333%;}.offset-xs-2{margin-left: 16.666667%;}.offset-xs-3{margin-left: 25%;}.offset-xs-4{margin-left: 33.333333%;}.offset-xs-5{margin-left: 41.666667%;}.offset-xs-6{margin-left: 50%;}.offset-xs-7{margin-left: 58.333333%;}.offset-xs-8{margin-left: 66.666667%;}.offset-xs-9{margin-left: 75%;}.offset-xs-10{margin-left: 83.333333%;}.offset-xs-11{margin-left: 91.666667%;}}@media (min-width: 576px){.col-sm{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}.row-cols-sm-1 > *{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.row-cols-sm-2 > *{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.row-cols-sm-3 > *{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.row-cols-sm-4 > *{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.row-cols-sm-5 > *{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}.row-cols-sm-6 > *{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-sm-auto{-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-sm-1{-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}.col-sm-2{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-sm-3{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.col-sm-4{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-sm-5{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}.col-sm-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.col-sm-7{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}.col-sm-8{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}.col-sm-9{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}.col-sm-10{-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}.col-sm-11{-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}.col-sm-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.order-sm-first{-ms-flex-order: -1; order: -1;}.order-sm-last{-ms-flex-order: 13; order: 13;}.order-sm-0{-ms-flex-order: 0; order: 0;}.order-sm-1{-ms-flex-order: 1; order: 1;}.order-sm-2{-ms-flex-order: 2; order: 2;}.order-sm-3{-ms-flex-order: 3; order: 3;}.order-sm-4{-ms-flex-order: 4; order: 4;}.order-sm-5{-ms-flex-order: 5; order: 5;}.order-sm-6{-ms-flex-order: 6; order: 6;}.order-sm-7{-ms-flex-order: 7; order: 7;}.order-sm-8{-ms-flex-order: 8; order: 8;}.order-sm-9{-ms-flex-order: 9; order: 9;}.order-sm-10{-ms-flex-order: 10; order: 10;}.order-sm-11{-ms-flex-order: 11; order: 11;}.order-sm-12{-ms-flex-order: 12; order: 12;}.offset-sm-0{margin-left: 0;}.offset-sm-1{margin-left: 8.333333%;}.offset-sm-2{margin-left: 16.666667%;}.offset-sm-3{margin-left: 25%;}.offset-sm-4{margin-left: 33.333333%;}.offset-sm-5{margin-left: 41.666667%;}.offset-sm-6{margin-left: 50%;}.offset-sm-7{margin-left: 58.333333%;}.offset-sm-8{margin-left: 66.666667%;}.offset-sm-9{margin-left: 75%;}.offset-sm-10{margin-left: 83.333333%;}.offset-sm-11{margin-left: 91.666667%;}}@media (min-width: 768px){.col-md{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}.row-cols-md-1 > *{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.row-cols-md-2 > *{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.row-cols-md-3 > *{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.row-cols-md-4 > *{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.row-cols-md-5 > *{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}.row-cols-md-6 > *{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-md-auto{-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-md-1{-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}.col-md-2{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-md-3{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.col-md-4{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-md-5{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}.col-md-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.col-md-7{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}.col-md-8{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}.col-md-9{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}.col-md-10{-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}.col-md-11{-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}.col-md-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.order-md-first{-ms-flex-order: -1; order: -1;}.order-md-last{-ms-flex-order: 13; order: 13;}.order-md-0{-ms-flex-order: 0; order: 0;}.order-md-1{-ms-flex-order: 1; order: 1;}.order-md-2{-ms-flex-order: 2; order: 2;}.order-md-3{-ms-flex-order: 3; order: 3;}.order-md-4{-ms-flex-order: 4; order: 4;}.order-md-5{-ms-flex-order: 5; order: 5;}.order-md-6{-ms-flex-order: 6; order: 6;}.order-md-7{-ms-flex-order: 7; order: 7;}.order-md-8{-ms-flex-order: 8; order: 8;}.order-md-9{-ms-flex-order: 9; order: 9;}.order-md-10{-ms-flex-order: 10; order: 10;}.order-md-11{-ms-flex-order: 11; order: 11;}.order-md-12{-ms-flex-order: 12; order: 12;}.offset-md-0{margin-left: 0;}.offset-md-1{margin-left: 8.333333%;}.offset-md-2{margin-left: 16.666667%;}.offset-md-3{margin-left: 25%;}.offset-md-4{margin-left: 33.333333%;}.offset-md-5{margin-left: 41.666667%;}.offset-md-6{margin-left: 50%;}.offset-md-7{margin-left: 58.333333%;}.offset-md-8{margin-left: 66.666667%;}.offset-md-9{margin-left: 75%;}.offset-md-10{margin-left: 83.333333%;}.offset-md-11{margin-left: 91.666667%;}}@media (min-width: 992px){.col-lg{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}.row-cols-lg-1 > *{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.row-cols-lg-2 > *{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.row-cols-lg-3 > *{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.row-cols-lg-4 > *{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.row-cols-lg-5 > *{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}.row-cols-lg-6 > *{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-lg-auto{-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-lg-1{-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}.col-lg-2{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-lg-3{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.col-lg-4{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-lg-5{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}.col-lg-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.col-lg-7{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}.col-lg-8{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}.col-lg-9{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}.col-lg-10{-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}.col-lg-11{-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}.col-lg-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.order-lg-first{-ms-flex-order: -1; order: -1;}.order-lg-last{-ms-flex-order: 13; order: 13;}.order-lg-0{-ms-flex-order: 0; order: 0;}.order-lg-1{-ms-flex-order: 1; order: 1;}.order-lg-2{-ms-flex-order: 2; order: 2;}.order-lg-3{-ms-flex-order: 3; order: 3;}.order-lg-4{-ms-flex-order: 4; order: 4;}.order-lg-5{-ms-flex-order: 5; order: 5;}.order-lg-6{-ms-flex-order: 6; order: 6;}.order-lg-7{-ms-flex-order: 7; order: 7;}.order-lg-8{-ms-flex-order: 8; order: 8;}.order-lg-9{-ms-flex-order: 9; order: 9;}.order-lg-10{-ms-flex-order: 10; order: 10;}.order-lg-11{-ms-flex-order: 11; order: 11;}.order-lg-12{-ms-flex-order: 12; order: 12;}.offset-lg-0{margin-left: 0;}.offset-lg-1{margin-left: 8.333333%;}.offset-lg-2{margin-left: 16.666667%;}.offset-lg-3{margin-left: 25%;}.offset-lg-4{margin-left: 33.333333%;}.offset-lg-5{margin-left: 41.666667%;}.offset-lg-6{margin-left: 50%;}.offset-lg-7{margin-left: 58.333333%;}.offset-lg-8{margin-left: 66.666667%;}.offset-lg-9{margin-left: 75%;}.offset-lg-10{margin-left: 83.333333%;}.offset-lg-11{margin-left: 91.666667%;}}@media (min-width: 1200px){.col-xl{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}.row-cols-xl-1 > *{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.row-cols-xl-2 > *{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.row-cols-xl-3 > *{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.row-cols-xl-4 > *{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.row-cols-xl-5 > *{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}.row-cols-xl-6 > *{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-xl-auto{-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-xl-1{-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}.col-xl-2{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-xl-3{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.col-xl-4{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-xl-5{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}.col-xl-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.col-xl-7{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}.col-xl-8{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}.col-xl-9{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}.col-xl-10{-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}.col-xl-11{-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}.col-xl-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.order-xl-first{-ms-flex-order: -1; order: -1;}.order-xl-last{-ms-flex-order: 13; order: 13;}.order-xl-0{-ms-flex-order: 0; order: 0;}.order-xl-1{-ms-flex-order: 1; order: 1;}.order-xl-2{-ms-flex-order: 2; order: 2;}.order-xl-3{-ms-flex-order: 3; order: 3;}.order-xl-4{-ms-flex-order: 4; order: 4;}.order-xl-5{-ms-flex-order: 5; order: 5;}.order-xl-6{-ms-flex-order: 6; order: 6;}.order-xl-7{-ms-flex-order: 7; order: 7;}.order-xl-8{-ms-flex-order: 8; order: 8;}.order-xl-9{-ms-flex-order: 9; order: 9;}.order-xl-10{-ms-flex-order: 10; order: 10;}.order-xl-11{-ms-flex-order: 11; order: 11;}.order-xl-12{-ms-flex-order: 12; order: 12;}.offset-xl-0{margin-left: 0;}.offset-xl-1{margin-left: 8.333333%;}.offset-xl-2{margin-left: 16.666667%;}.offset-xl-3{margin-left: 25%;}.offset-xl-4{margin-left: 33.333333%;}.offset-xl-5{margin-left: 41.666667%;}.offset-xl-6{margin-left: 50%;}.offset-xl-7{margin-left: 58.333333%;}.offset-xl-8{margin-left: 66.666667%;}.offset-xl-9{margin-left: 75%;}.offset-xl-10{margin-left: 83.333333%;}.offset-xl-11{margin-left: 91.666667%;}}@media (min-width: 1400px){.col-xxl{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}.row-cols-xxl-1 > *{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.row-cols-xxl-2 > *{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.row-cols-xxl-3 > *{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.row-cols-xxl-4 > *{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.row-cols-xxl-5 > *{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}.row-cols-xxl-6 > *{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-xxl-auto{-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-xxl-1{-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}.col-xxl-2{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-xxl-3{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.col-xxl-4{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-xxl-5{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}.col-xxl-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.col-xxl-7{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}.col-xxl-8{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}.col-xxl-9{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}.col-xxl-10{-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}.col-xxl-11{-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}.col-xxl-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.order-xxl-first{-ms-flex-order: -1; order: -1;}.order-xxl-last{-ms-flex-order: 13; order: 13;}.order-xxl-0{-ms-flex-order: 0; order: 0;}.order-xxl-1{-ms-flex-order: 1; order: 1;}.order-xxl-2{-ms-flex-order: 2; order: 2;}.order-xxl-3{-ms-flex-order: 3; order: 3;}.order-xxl-4{-ms-flex-order: 4; order: 4;}.order-xxl-5{-ms-flex-order: 5; order: 5;}.order-xxl-6{-ms-flex-order: 6; order: 6;}.order-xxl-7{-ms-flex-order: 7; order: 7;}.order-xxl-8{-ms-flex-order: 8; order: 8;}.order-xxl-9{-ms-flex-order: 9; order: 9;}.order-xxl-10{-ms-flex-order: 10; order: 10;}.order-xxl-11{-ms-flex-order: 11; order: 11;}.order-xxl-12{-ms-flex-order: 12; order: 12;}.offset-xxl-0{margin-left: 0;}.offset-xxl-1{margin-left: 8.333333%;}.offset-xxl-2{margin-left: 16.666667%;}.offset-xxl-3{margin-left: 25%;}.offset-xxl-4{margin-left: 33.333333%;}.offset-xxl-5{margin-left: 41.666667%;}.offset-xxl-6{margin-left: 50%;}.offset-xxl-7{margin-left: 58.333333%;}.offset-xxl-8{margin-left: 66.666667%;}.offset-xxl-9{margin-left: 75%;}.offset-xxl-10{margin-left: 83.333333%;}.offset-xxl-11{margin-left: 91.666667%;}}@media (min-width: 1600px){.col-xxxl{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}.row-cols-xxxl-1 > *{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.row-cols-xxxl-2 > *{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.row-cols-xxxl-3 > *{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.row-cols-xxxl-4 > *{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.row-cols-xxxl-5 > *{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}.row-cols-xxxl-6 > *{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-xxxl-auto{-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-xxxl-1{-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}.col-xxxl-2{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-xxxl-3{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.col-xxxl-4{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-xxxl-5{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}.col-xxxl-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.col-xxxl-7{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}.col-xxxl-8{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}.col-xxxl-9{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}.col-xxxl-10{-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}.col-xxxl-11{-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}.col-xxxl-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.order-xxxl-first{-ms-flex-order: -1; order: -1;}.order-xxxl-last{-ms-flex-order: 13; order: 13;}.order-xxxl-0{-ms-flex-order: 0; order: 0;}.order-xxxl-1{-ms-flex-order: 1; order: 1;}.order-xxxl-2{-ms-flex-order: 2; order: 2;}.order-xxxl-3{-ms-flex-order: 3; order: 3;}.order-xxxl-4{-ms-flex-order: 4; order: 4;}.order-xxxl-5{-ms-flex-order: 5; order: 5;}.order-xxxl-6{-ms-flex-order: 6; order: 6;}.order-xxxl-7{-ms-flex-order: 7; order: 7;}.order-xxxl-8{-ms-flex-order: 8; order: 8;}.order-xxxl-9{-ms-flex-order: 9; order: 9;}.order-xxxl-10{-ms-flex-order: 10; order: 10;}.order-xxxl-11{-ms-flex-order: 11; order: 11;}.order-xxxl-12{-ms-flex-order: 12; order: 12;}.offset-xxxl-0{margin-left: 0;}.offset-xxxl-1{margin-left: 8.333333%;}.offset-xxxl-2{margin-left: 16.666667%;}.offset-xxxl-3{margin-left: 25%;}.offset-xxxl-4{margin-left: 33.333333%;}.offset-xxxl-5{margin-left: 41.666667%;}.offset-xxxl-6{margin-left: 50%;}.offset-xxxl-7{margin-left: 58.333333%;}.offset-xxxl-8{margin-left: 66.666667%;}.offset-xxxl-9{margin-left: 75%;}.offset-xxxl-10{margin-left: 83.333333%;}.offset-xxxl-11{margin-left: 91.666667%;}}.text-left{text-align: left !important;}.text-right{text-align: right !important;}.text-center{text-align: center !important;}.text-justify{text-align: justify !important;}.flex-fill{flex: 1 1 auto !important;}.flex-row{flex-direction: row !important;}.flex-column{flex-direction: column !important;}.flex-row-reverse{flex-direction: row-reverse !important;}.flex-column-reverse{flex-direction: column-reverse !important;}.flex-grow-0{flex-grow: 0 !important;}.flex-grow-1{flex-grow: 1 !important;}.flex-shrink-0{flex-shrink: 0 !important;}.flex-shrink-1{flex-shrink: 1 !important;}.flex-wrap{flex-wrap: wrap !important;}.flex-nowrap{flex-wrap: nowrap !important;}.flex-wrap-reverse{flex-wrap: wrap-reverse !important;}.justify-content-start{justify-content: flex-start !important;}.justify-content-end{justify-content: flex-end !important;}.justify-content-center{justify-content: center !important;}.justify-content-between{justify-content: space-between !important;}.justify-content-around{justify-content: space-around !important;}.justify-content-evenly{justify-content: space-evenly !important;}.align-items-start{align-items: flex-start !important;}.align-items-end{align-items: flex-end !important;}.align-items-center{align-items: center !important;}.align-items-baseline{align-items: baseline !important;}.align-items-stretch{align-items: stretch !important;}.align-content-start{align-content: flex-start !important;}.align-content-end{align-content: flex-end !important;}.align-content-center{align-content: center !important;}.align-content-between{align-content: space-between !important;}.align-content-around{align-content: space-around !important;}.align-content-stretch{align-content: stretch !important;}.align-self-auto{align-self: auto !important;}.align-self-start{align-self: flex-start !important;}.align-self-end{align-self: flex-end !important;}.align-self-center{align-self: center !important;}.align-self-baseline{align-self: baseline !important;}.align-self-stretch{align-self: stretch !important;}.grid-space-0{margin-right: 0; margin-left: 0;}.grid-space-0 .col-lg-6,.grid-space-0 .col-lg-4,.grid-space-0 .col-lg-3,.grid-space-0 .col-md-6,.grid-space-0 .col-md-4,.grid-space-0 .col-md-3,.grid-space-0 .col-sm-6,.grid-space-0 .col-sm-4,.grid-space-0 .col-sm-3,.grid-space-0 .col-6,.grid-space-0 .col-4,.grid-space-0 .col-3{padding-left: 0; padding-right: 0;}.verticalTab-clear:before, .verticalTab-clear:after{content:""; display:table}.verticalTab-clear:after{clear:both}
/* dce-bootrap-grid-slim.css end*/

/* container gutter stand 14.04.2023 */
.container-dce-17,.container-width-big,.container-width-small,.container-width,.container-footer,.container-verysmall,.container-small{width: 100%; max-width:100%; padding: 0 1.75rem; margin-right: auto; margin-left: auto;}@media (min-width: 576px){.container-dce-17, .container-width-big, .container-width-small, .container-width, .container-footer, .container-verysmall, .container-small{width: 540px;padding: 0 1rem;}}@media (min-width: 600px){.container-dce-17, .container-width-big, .container-width, .container-footer, .container-verysmall, .container-small, .container{width: 95%;padding: 0 3rem;}.container-width-small{width: 700px;}}@media (min-width: 768px){.container-dce-17, .container-width-big, .container-width-small, .container-width, .container-verysmall, .container-small{width: 720px;}.container-footer{width: 100%;}}@media (min-width: 800px){.container-dce-17, .container-width-big, .container-width-small, .container-width, .container-small, .container-verysmall, .container{width: 750px;}.container-width-small{width: 900px;}}@media (min-width: 992px){.container-dce-17, .container-width-big, .container-width-small, .container-width, .container-small, .container{width: 900px;}.container-verysmall{width: 770px;}}@media (min-width: 1100px){.container-width-big, .container-width, .container-footer{width: 85%;padding: 0 0.75rem;}.container-small{width: 950px;max-width:85%; padding: 0 0.75rem;}.container-width-small{width: 900px;max-width:80%; padding: 0 0.75rem;}.container{width: 950px;}}@media (min-width: 1200px){.container{width: 1070px; padding: 0 0.75rem;max-width:100%;}.container-width-big{width: 1720px;max-width:100%;}.container-width{width: 1450px;max-width:80%; padding: 0 0.75rem;}}@media (min-width: 1360px){.container{width: 1280px; padding: 0 0.75rem;}}.row-flex{display:-webkit-flex;display:-ms-flexbox;display:flex; display:-webkit-flex;display:-ms-flexbox;display:flex;}.gutters-0{margin-right:0rem; margin-left: 0rem;}.gutters-0 > .col,.gutters-0 > [class*="col-"]{padding-right: 0em; padding-left: 0rem;}.gutters-0_15{margin-right: -0.15rem; margin-left: -0.15rem;}.gutters-0_15 > .col,.gutters-0_15 > [class*="col-"]{padding-right: 0.15rem; padding-left: 0.15rem;}.gutters-0_20{margin-right: -0.15rem; margin-left: -0.15rem;}.gutters-0_20 > .col,.gutters-0_20 > [class*="col-"]{padding-right: 0.20rem; padding-left: 0.20rem;}.gutters-0_25{margin-right: -0.25rem; margin-left: -0.25rem;}.gutters-0_25 > .col,.gutters-0_25 > [class*="col-"]{padding-right: 0.25rem; padding-left: 0.25rem;}.gutters-0_30{margin-right: -0.30rem; margin-left: -0.30rem;}.gutters-0_30 > .col,.gutters-0_30 > [class*="col-"]{padding-right: 0.30rem; padding-left: 0.30rem;}.gutters-0_45{margin-right: -0.45rem; margin-left: -0.45rem;}.gutters-0_45 > .col,.gutters-0_45 > [class*="col-"]{padding-right: 0.45rem; padding-left: 0.45rem;}.gutters-0_50{margin-right: -0.50rem; margin-left: -0.50rem;}.gutters-0_50 > .col,.gutters-0_50 > [class*="col-"]{padding-right: 0.50rem; padding-left: 0.50rem;}.gutters-0_75{margin-right: -0.75rem; margin-left: -0.75rem;}.gutters-0_75 > .col,.gutters-0_75 > [class*="col-"]{padding-right: 0.75rem; padding-left: 0.75rem;}.gutters-1,.gutters-1_5,.gutters-2,.gutters-2_5,.gutters-3,.gutters-3_5,.gutters-4,.gutters-4_5.gutters-5,.gutters-5_5{margin-right: -0.50rem; margin-left: -0.50rem;}.gutters-1 > .col, .gutters-1 > [class*="col-"],.gutters-1_5 > .col, .gutters-1_5 > [class*="col-"],.gutters-2 > .col, .gutters-2 > [class*="col-"],.gutters-2_5 > .col, .gutters-2_5 > [class*="col-"],.gutters-3 > .col, .gutters-3 > [class*="col-"],.gutters-3_5 > .col, .gutters-3_5 > [class*="col-"],.gutters-4 > .col, .gutters-4_5 > [class*="col-"],.gutters-4_5 > .col, .gutters-4_5 > [class*="col-"],.gutters-5 > .col, .gutters-5 > [class*="col-"],.gutters-5_5 > .col, .gutters-5_5 > [class*="col-"]{padding-right: 0.50rem; padding-left: 0.50rem;}@media (min-width: 576px){.gutters-1{margin-right: -1rem; margin-left: -1rem;}.gutters-1 > .col,.gutters-1 > [class*="col-"]{padding-right: 1rem; padding-left: 1rem;}.gutters-1_5{margin-right: -1.5rem; margin-left: -1.5rem;}.gutters-1_5 > .col,.gutters-1_5 > [class*="col-"]{padding-right: 1.5rem; padding-left: 1.5rem;}}@media (min-width: 768px){.gutters-2{margin-right: -2rem; margin-left: -2rem;}.gutters-2 > .col,.gutters-2 > [class*="col-"]{padding-right: 2rem; padding-left: 2rem;}.gutters-2_5{margin-right: -2.5rem; margin-left: -2.5rem;}.gutters-2_5 > .col,.gutters-2_5 > [class*="col-"]{padding-right: 2.5rem; padding-left: 2.5rem;}}@media (min-width: 992px){.gutters-3{margin-right: -3rem; margin-left: -3rem;}.gutters-3 > .col,.gutters-3 > [class*="col-"]{padding-right: 3rem; padding-left: 3rem;}.gutters-3_5{margin-right: -3.5rem; margin-left: -3.5rem;}.gutters-3_5 > .col,.gutters-3_5 > [class*="col-"]{padding-right: 3.5rem; padding-left: 3.5rem;}.gutters-4{margin-right: -4rem; margin-left: -4rem;}.gutters-4 > .col,.gutters-4> [class*="col-"]{padding-right: 4rem; padding-left: 4rem;}.gutters-4_5{margin-right: -4.5rem; margin-left: -4.5rem;}.gutters-4_5 > .col,.gutters-4_5 > [class*="col-"]{padding-right: 4.5rem; padding-left: 4.5rem;}.gutters-5{margin-right: -5rem; margin-left: -5rem;}.gutters-5 > .col,.gutters-5 > [class*="col-"]{padding-right: 5rem; padding-left: 5rem;}.gutters-5_5{margin-right: -5.5rem; margin-left: -5.5rem;}.gutters-5_5 > .col,.gutters-5_5 > [class*="col-"]{padding-right: 5.5rem; padding-left: 5.5rem;}}.col-inquiry{margin-right: -2.6rem !important; margin-left: -2.6rem !important;}
/* container gutter stand 14.04.2023 end */


/* Owl Carousel-------------------------------------------- */
.owl-carousel{cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;}.container .owl-carousel{cursor: default; cursor: -moz-default; cursor: -webkit-default;}.container .content-slider-with-large-controls,.container .content-slider-with-large-controls-autoplay{margin-bottom: 50px; border: 1px solid #f5f5f5;}/* Styling Next and Prev buttons *//*style-1*/.controls-normal .owl-nav{width: 100%; height: 0; position: absolute; top: 50%; margin-top: -15px; z-index: 10;}.controls-normal .owl-nav div{display: inline-block; font-size: 14px; position: absolute; text-transform: capitalize; font-weight: 300; color: transparent; background: rgba(0, 0, 0, 0.5); padding: 5px 5px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.controls-normal .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 16px; line-height: 1; top: 50%; margin-top: -8px;}.controls-normal .owl-nav .owl-prev{left: 0; padding-left: 0px;}.controls-normal .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #ffffff;}.controls-normal .owl-nav .owl-prev:after{content: "\f104"; left: 13px; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.controls-normal .owl-nav .owl-prev:hover:after{left: 8px;}.controls-normal .owl-nav .owl-next{right: 0px; left: auto; padding-right: 0px;}.controls-normal .owl-nav .owl-next:hover{padding-right: 25px; padding-left: 10px; color: #ffffff;}.controls-normal .owl-nav .owl-next:after{content: "\f105"; right: 13px; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.controls-normal .owl-nav .owl-next:hover:after{right: 8px;}.content-slider-footer.controls-normal .owl-nav div{background:#9c302e;}.controls-color .owl-nav div{background:#9c302e;}/* Preise*/.controls-arrows-price .owl-nav{width: 100%; height: 0; position: absolute; top: 20px; z-index: 15;}.controls-arrows-price .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 50px; line-height: 1; top: 50%; margin-top: -8px;}.controls-arrows-price .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #fff;}.controls-arrows-price .owl-nav .owl-prev:after{content: "\f104"; left: -30px; color:#9fb3a7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-top:10px;}.controls-arrows-price .owl-nav .owl-next:after{content: "\f105"; right: -20px; color:#9fb3a7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-top:10px;}.controls-arrows-price .owl-nav .owl-prev:hover:after{color: #333;display:block;}.controls-arrows-price .owl-nav .owl-next:hover:after{color: #333;display:block;}/* controls-arrows-big */.controls-arrows-big .owl-nav{width: 100%; height: 0; position: absolute; top: 50%; margin-top: -15px; z-index: 10;}.controls-arrows-big .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 30px; line-height: 1; top: 50%; margin-top: -8px;}.controls-arrows-big .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #ffffff;}.controls-arrows-big .owl-nav .owl-prev:after{content: "\e939"; left: -25px; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color:#9fb3a7; box-shadow: 0 0 12px 0 rgba(0,0,0, .4); width:50px;height:50px;line-height:50px;text-align:center;}.controls-arrows-big .owl-nav .owl-next:after{content: "\e93a"; right: -25px; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color:#9fb3a7; box-shadow: 0 0 12px 0 rgba(0,0,0, .4); width:50px;height:50px;line-height:50px;text-align:center;}.controls-arrows-big .owl-nav .owl-prev:hover:after,.controls-arrows-big .owl-nav .owl-next:hover:after{background-color:#333;}@media (max-width: 992px){.controls-botton .owl-nav{width: 120px; height:40px; position: absolute; bottom:-40px; margin-left:-60px; left:50%; background:#d6d3d3; background-color:transparent; display: inline-block; padding:30px;}.controls-botton .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 45px; line-height: 45px;}.controls-botton .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #fff;}.controls-botton .owl-nav .owl-prev:after{content: "\f104"; left:25px; bottom:15px; color:#5e4543; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-botton .owl-nav .owl-next:after{content: "\f105"; right:25px; bottom:15px; color:#5e4543; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-botton .owl-nav .owl-next:hover:after,.controls-botton .owl-nav .owl-prev:hover:after{color:#0f1328;display:block;}}.controls-top .owl-nav{position: absolute; top:28px; right:0%; width:52px; height:50px;}.controls-top .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 25px; line-height: 25px;}.controls-top .owl-nav .owl-prev:after{content: "\f104"; left:0;}.controls-top .owl-nav .owl-next:after{content: "\f105"; right:0;}.controls-top .owl-nav .owl-prev:after,.controls-top .owl-nav .owl-next:after{bottom:0; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px; background:#9c302e; width:25px; text-align:center;}.controls-top .owl-nav .owl-next:hover:after,.controls-top .owl-nav .owl-prev:hover:after{color:#fff; background:#693129;}.controls-bottom-left .owl-nav{position: absolute; bottom:0px; z-index: 99; left:50%; width:100px; margin-left:-50px;}.controls-bottom-left .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 35px; line-height: 25px; color:#8d853c;}.controls-bottom-left .owl-nav div:before{content:"|";position:absolute;top:-42px;left:44px;color:#c3d19d;font-family: 'M PLUS Rounded 1c', sans-serif;font-size:45px;font-weight:100;line-height:45px;}.controls-bottom-left .owl-nav .owl-prev:after{content: "\e939"; left:0;}.controls-bottom-left .owl-nav .owl-next:after{content: "\e93a"; right:0;}.controls-bottom-left .owl-nav .owl-prev:after,.controls-bottom-left .owl-nav .owl-next:after{bottom:0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-bottom-left .owl-nav .owl-next:hover:after,.controls-bottom-left .owl-nav .owl-prev:hover:after{color:#c90a1e;}@media (min-width: 1201px){.controls-bottom-left .owl-nav{position: absolute; top:50%; z-index: 99; left:0; margin-top:-4rem; width:7.6rem;}.controls-bottom-left .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 50px; line-height: 25px; color:#8d853c;}.controls-bottom-left .owl-nav div:before{content:"|";position:absolute;top:-0.65em;left:0.95em;transform: rotate(30deg);color:#c3d19d;font-family: 'M PLUS Rounded 1c', sans-serif;font-size:60px;line-height: 60px;font-weight:200;}.controls-bottom-left .owl-nav .owl-prev:after{content: "\e939"; left:0; top:-2.8rem}.controls-bottom-left .owl-nav .owl-next:after{content: "\e93a"; right:0; top:0.75rem;}}.buttons-hide .owl-nav{display: none;}/* Styling Pagination*/.owl-dots,.owl-dots{position: absolute; bottom: 0px; text-align: center; width: 100%; z-index: 10;}.owl-dots .owl-dot,.owl-dots .owl-dot{display: inline-block; zoom: 1;}.owl-dots .owl-dot span,.owl-dots .owl-dot span{display: block; width: 9px; height: 9px; margin: 5px 3px; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #ffffff;}.owl-dots .owl-dot.active span,.owl-dots.clickable .owl-dot:hover span,.owl-dots .owl-dot.active span,.owl-dots.clickable .owl-dot:hover span{opacity: 1; filter: alpha(opacity=100);}.big-controls .owl-dots{position: absolute; bottom: -40px; text-align: center; width: 100%; z-index: 10;}.big-controls .owl-dots .owl-dot span,.big-controls .owl-dots .owl-dot span{display: block; width: 40px; height: 2px; margin: 3px 3px; -webkit-border-radius:none; -moz-border-radius: none; border-radius:none; background:#fff; opacity: 1; filter: alpha(opacity=100);}.big-controls .owl-dots .owl-dot.active span,.big-controls .owl-dots.clickable .owl-dot:hover span{background:#cd003b; opacity: 1; filter: alpha(opacity=100); width: 20px;}.dark-controls .owl-dots .owl-dot span,.dark-controls .owl-dots .owl-dot span{background: #164e87;}/* Styling Pagination*/.dots-bottom .owl-dots{position: absolute; bottom: -50px; text-align: right; width: 100%; z-index: 10;}.dots-bottom .owl-dot{display: inline-block; zoom: 1;}.dots-bottom .owl-dot span{display: block; width: 60px; height: 4px; margin: 5px 3px; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius:0; -moz-border-radius: 0; border-radius:0; background: #9c302e;}.dots-bottom .owl-dots .owl-dot.active span,.dots-bottom .owl-dots.clickable .owl-dot:hover span,.dots-bottom .owl-dots .owl-dot.active span,.dots-bottom .owl-dots.clickable .owl-dot:hover span{opacity: 1; filter: alpha(opacity=100);}/* Styling Navigation Thumbs*/.content-slider-thumbs-container{margin-left: -5px; margin-right: -5px;}.owl-nav-thumb{margin: 0 5px; cursor: pointer;}.content-slider-box .owl-item img{filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: gray; opacity: 0.45; display: inline-block; transition: all 0.5s;}.content-slider-box .owl-item.center img{filter: none; -webkit-filter: none; opacity:1;}.content-dce-center-right{padding-left:1.75rem;padding-right:1.75rem;}@media (min-width: 1201px){.content-dce-center-right{transform: translateX(16%);}.content-dce-center-right{padding-left:8em;margin-left:-8em;}}@media (min-width: 1601px){.content-dce-center-right{transform: translateX(21%);}.content-dce-center-right{padding-left:8em;}}.content-dce-center-right{padding-bottom:5em;}.content-dce-center-right .owl-item .owl-headline{padding-top:1.5em;text-align:center;}@media (min-width: 801px){.content-dce-center-right .owl-item .owl-headline{opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.content-dce-center-right .owl-item.center .owl-headline{filter: none; opacity: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.content-dce-center-right .owl-item .owl-dce-center-right-img{position: relative;}.content-dce-center-right .owl-item .owl-dce-center-right-img:before,.content-dce-center-right .owl-item .owl-dce-center-right-img:after{content:"";width:150%;height:50px;display:block;background:#f7f9f2;background:#fff;position:absolute;z-index:99; -webkit-transition: all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}.content-dce-center-right .owl-item .owl-dce-center-right-img:before{top:0px;left:-5px;}.content-dce-center-right .owl-item .owl-dce-center-right-img:after{bottom:0px;left:-5px;}.content-dce-center-right .owl-item.center .owl-dce-center-right-img:before,.content-dce-center-right .owl-item.center .owl-dce-center-right-img:after{height:0px;}}.owl-dce-center-right-img img{width:100%;}.controls-offers .owl-nav{position: absolute; bottom:-3rem; z-index: 99; right:0; margin-top:-4em; width:6em;}.controls-offers .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 30px; line-height: 25px; color:#c90a1e;}.controls-offers .owl-nav div:before{content:"|";position:absolute;top:-0.55em;left:0.95em;color:#c3d19d;font-family: 'M PLUS Rounded 1c', sans-serif;font-size:45px;font-weight:200;margin-top:-0.45em;}.controls-offers .owl-nav .owl-prev:after{content: "\e939"; left:0;}.controls-offers .owl-nav .owl-next:after{content: "\e93a"; right:0; top:-0.4em;}.controls-offers .owl-nav .owl-prev:after,.controls-offers .owl-nav .owl-next:after{bottom:0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-offers .owl-nav .owl-next:hover:after,.controls-offers .owl-nav .owl-prev:hover:after{color:#6e8e12;}/* Styling Pagination*/.dots-bottom-color .owl-dots{position: absolute; bottom: -50px; text-align: left; width: 100%; z-index: 10;}.dots-bottom-color .owl-dot{display: inline-block; zoom: 1;}.dots-bottom-color .owl-dot span{display: block; width: 12px; height: 12px; margin: 5px 5px; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius:0; -moz-border-radius: 0; border-radius:0; background: #6e8e12;}.dots-bottom-color .owl-dots .owl-dot.active span,.dots-bottom-color .owl-dots.clickable .owl-dot:hover span,.dots-bottom-color .owl-dots .owl-dot.active span,.dots-bottom-color .owl-dots.clickable .owl-dot:hover span{opacity: 1; filter: alpha(opacity=100);}.controls-offers-bottom .owl-nav{position: absolute; bottom:-2.75rem; right:-2.75rem; width:52px; height:50px;}.controls-offers-bottom .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 25px; line-height: 25px;}.controls-offers-bottom .owl-nav .owl-prev:after{content: "\f104"; left:0;}.controls-offers-bottom .owl-nav .owl-next:after{content: "\f105"; right:0;}.controls-offers-bottom .owl-nav .owl-prev:after,.controls-offers-bottom .owl-nav .owl-next:after{bottom:0; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px; background:#525d72; width:25px; text-align:center;}.controls-offers-bottom .owl-nav .owl-next:hover:after,.controls-offers-bottom .owl-nav .owl-prev:hover:after{color:#fff; background:#000;}.content-slider-dce-box .owl-item img{filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: gray; opacity: 0.45; display: inline-block; transition: all 0.5s;}.content-slider-dce-box .owl-item.center img{filter: none; -webkit-filter: none; opacity:1;}.content-slider-dce-box:after{position:relative;}.content-slider-dce-box:after{content:"";width:200px;height:100%;display:block;position: absolute;z-index:2;left:0;top:0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+100&1+0,0+100 */background: -moz-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00f7f7f7',GradientType=1 ); /* IE6-9 */}.content-slider-dce-box:before{content:"";width:200px;height:100%;display:block;position: absolute;z-index:2;right:0;top:0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+100&0+0,1+100 */background: -moz-linear-gradient(left, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */}
.owl-carousel{cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;}.container .owl-carousel{cursor: default; cursor: -moz-default; cursor: -webkit-default;}.container .content-slider-with-large-controls,.container .content-slider-with-large-controls-autoplay{margin-bottom: 50px; border: 1px solid #f5f5f5;}/* Styling Next and Prev buttons *//*style-1*/.controls-normal .owl-nav{width: 100%; height: 0; position: absolute; top: 50%; margin-top: -15px; z-index: 10;}.controls-normal .owl-nav div{display: inline-block; font-size: 14px; position: absolute; text-transform: capitalize; font-weight: 300; color: transparent; background: rgba(0, 0, 0, 0.5); padding: 5px 5px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.controls-normal .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 16px; line-height: 1; top: 50%; margin-top: -8px;}.controls-normal .owl-nav .owl-prev{left: 0; padding-left: 0px;}.controls-normal .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #ffffff;}.controls-normal .owl-nav .owl-prev:after{content: "\f104"; left: 13px; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.controls-normal .owl-nav .owl-prev:hover:after{left: 8px;}.controls-normal .owl-nav .owl-next{right: 0px; left: auto; padding-right: 0px;}.controls-normal .owl-nav .owl-next:hover{padding-right: 25px; padding-left: 10px; color: #ffffff;}.controls-normal .owl-nav .owl-next:after{content: "\f105"; right: 13px; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.controls-normal .owl-nav .owl-next:hover:after{right: 8px;}.content-slider-footer.controls-normal .owl-nav div{background:#9c302e;}.controls-color .owl-nav div{background:#9c302e;}/* Preise*/.controls-arrows-price .owl-nav{width: 100%; height: 0; position: absolute; top: 20px; z-index: 15;}.controls-arrows-price .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 50px; line-height: 1; top: 50%; margin-top: -8px;}.controls-arrows-price .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #fff;}.controls-arrows-price .owl-nav .owl-prev:after{content: "\f104"; left: -30px; color:#9fb3a7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-top:10px;}.controls-arrows-price .owl-nav .owl-next:after{content: "\f105"; right: -20px; color:#9fb3a7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-top:10px;}.controls-arrows-price .owl-nav .owl-prev:hover:after{color: #333;display:block;}.controls-arrows-price .owl-nav .owl-next:hover:after{color: #333;display:block;}/* controls-arrows-big */.controls-arrows-big .owl-nav{width: 100%; height: 0; position: absolute; top: 50%; margin-top: -15px; z-index: 10;}.controls-arrows-big .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 30px; line-height: 1; top: 50%; margin-top: -8px;}.controls-arrows-big .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #ffffff;}.controls-arrows-big .owl-nav .owl-prev:after{content: "\e939"; left: -25px; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color:#9fb3a7; box-shadow: 0 0 12px 0 rgba(0,0,0, .4); width:50px;height:50px;line-height:50px;text-align:center;}.controls-arrows-big .owl-nav .owl-next:after{content: "\e93a"; right: -25px; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color:#9fb3a7; box-shadow: 0 0 12px 0 rgba(0,0,0, .4); width:50px;height:50px;line-height:50px;text-align:center;}.controls-arrows-big .owl-nav .owl-prev:hover:after,.controls-arrows-big .owl-nav .owl-next:hover:after{background-color:#333;}@media (max-width: 992px){.controls-botton .owl-nav{width: 120px; height:40px; position: absolute; bottom:-40px; margin-left:-60px; left:50%; background:#d6d3d3; background-color:transparent; display: inline-block; padding:30px;}.controls-botton .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 45px; line-height: 45px;}.controls-botton .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #fff;}.controls-botton .owl-nav .owl-prev:after{content: "\f104"; left:25px; bottom:15px; color:#5e4543; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-botton .owl-nav .owl-next:after{content: "\f105"; right:25px; bottom:15px; color:#5e4543; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-botton .owl-nav .owl-next:hover:after,.controls-botton .owl-nav .owl-prev:hover:after{color:#0f1328;display:block;}}.controls-top .owl-nav{position: absolute; top:28px; right:0%; width:52px; height:50px;}.controls-top .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 25px; line-height: 25px;}.controls-top .owl-nav .owl-prev:after{content: "\f104"; left:0;}.controls-top .owl-nav .owl-next:after{content: "\f105"; right:0;}.controls-top .owl-nav .owl-prev:after,.controls-top .owl-nav .owl-next:after{bottom:0; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px; background:#9c302e; width:25px; text-align:center;}.controls-top .owl-nav .owl-next:hover:after,.controls-top .owl-nav .owl-prev:hover:after{color:#fff; background:#693129;}.controls-bottom-left .owl-nav{position: absolute; bottom:0px; z-index: 99; left:50%; width:100px; margin-left:-50px;}.controls-bottom-left .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 35px; line-height: 25px; color:#8d853c;}.controls-bottom-left .owl-nav div:before{content:"|";position:absolute;top:-42px;left:44px;color:#c3d19d;font-family: 'M PLUS Rounded 1c', sans-serif;font-size:45px;font-weight:100;line-height:45px;}.controls-bottom-left .owl-nav .owl-prev:after{content: "\e939"; left:0;}.controls-bottom-left .owl-nav .owl-next:after{content: "\e93a"; right:0;}.controls-bottom-left .owl-nav .owl-prev:after,.controls-bottom-left .owl-nav .owl-next:after{bottom:0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-bottom-left .owl-nav .owl-next:hover:after,.controls-bottom-left .owl-nav .owl-prev:hover:after{color:#c90a1e;}@media (min-width: 1201px){.controls-bottom-left .owl-nav{position: absolute; top:50%; z-index: 99; left:0; margin-top:-4rem; width:7.6rem;}.controls-bottom-left .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 50px; line-height: 25px; color:#8d853c;}.controls-bottom-left .owl-nav div:before{content:"|";position:absolute;top:-0.65em;left:0.95em;transform: rotate(30deg);color:#c3d19d;font-family: 'M PLUS Rounded 1c', sans-serif;font-size:60px;line-height: 60px;font-weight:200;}.controls-bottom-left .owl-nav .owl-prev:after{content: "\e939"; left:0; top:-2.8rem}.controls-bottom-left .owl-nav .owl-next:after{content: "\e93a"; right:0; top:0.75rem;}}.buttons-hide .owl-nav{display: none;}/* Styling Pagination*/.owl-dots,.owl-dots{position: absolute; bottom: 0px; text-align: center; width: 100%; z-index: 10;}.owl-dots .owl-dot,.owl-dots .owl-dot{display: inline-block; zoom: 1;}.owl-dots .owl-dot span,.owl-dots .owl-dot span{display: block; width: 9px; height: 9px; margin: 5px 3px; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #ffffff;}.owl-dots .owl-dot.active span,.owl-dots.clickable .owl-dot:hover span,.owl-dots .owl-dot.active span,.owl-dots.clickable .owl-dot:hover span{opacity: 1; filter: alpha(opacity=100);}.big-controls .owl-dots{position: absolute; bottom: -40px; text-align: center; width: 100%; z-index: 10;}.big-controls .owl-dots .owl-dot span,.big-controls .owl-dots .owl-dot span{display: block; width: 40px; height: 2px; margin: 3px 3px; -webkit-border-radius:none; -moz-border-radius: none; border-radius:none; background:#fff; opacity: 1; filter: alpha(opacity=100);}.big-controls .owl-dots .owl-dot.active span,.big-controls .owl-dots.clickable .owl-dot:hover span{background:#cd003b; opacity: 1; filter: alpha(opacity=100); width: 20px;}.dark-controls .owl-dots .owl-dot span,.dark-controls .owl-dots .owl-dot span{background: #164e87;}/* Styling Pagination*/.dots-bottom .owl-dots{position: absolute; bottom: -50px; text-align: right; width: 100%; z-index: 10;}.dots-bottom .owl-dot{display: inline-block; zoom: 1;}.dots-bottom .owl-dot span{display: block; width: 60px; height: 4px; margin: 5px 3px; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius:0; -moz-border-radius: 0; border-radius:0; background: #9c302e;}.dots-bottom .owl-dots .owl-dot.active span,.dots-bottom .owl-dots.clickable .owl-dot:hover span,.dots-bottom .owl-dots .owl-dot.active span,.dots-bottom .owl-dots.clickable .owl-dot:hover span{opacity: 1; filter: alpha(opacity=100);}/* Styling Navigation Thumbs*/.content-slider-thumbs-container{margin-left: -5px; margin-right: -5px;}.owl-nav-thumb{margin: 0 5px; cursor: pointer;}.content-slider-box .owl-item img{filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: gray; opacity: 0.45; display: inline-block; transition: all 0.5s;}.content-slider-box .owl-item.center img{filter: none; -webkit-filter: none; opacity:1;}.content-dce-center-right{padding-left:1.75rem;padding-right:1.75rem;}@media (min-width: 1201px){.content-dce-center-right{transform: translateX(16%);}.content-dce-center-right{padding-left:8em;margin-left:-8em;}}@media (min-width: 1601px){.content-dce-center-right{transform: translateX(21%);}.content-dce-center-right{padding-left:8em;}}.content-dce-center-right{padding-bottom:5em;}.content-dce-center-right .owl-item .owl-headline{padding-top:1.5em;text-align:center;}@media (min-width: 801px){.content-dce-center-right .owl-item .owl-headline{opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.content-dce-center-right .owl-item.center .owl-headline{filter: none; opacity: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.content-dce-center-right .owl-item .owl-dce-center-right-img{position: relative;}.content-dce-center-right .owl-item .owl-dce-center-right-img:before,.content-dce-center-right .owl-item .owl-dce-center-right-img:after{content:"";width:150%;height:50px;display:block;background:#f7f9f2;background:#fff;position:absolute;z-index:99; -webkit-transition: all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}.content-dce-center-right .owl-item .owl-dce-center-right-img:before{top:0px;left:-5px;}.content-dce-center-right .owl-item .owl-dce-center-right-img:after{bottom:0px;left:-5px;}.content-dce-center-right .owl-item.center .owl-dce-center-right-img:before,.content-dce-center-right .owl-item.center .owl-dce-center-right-img:after{height:0px;}}.owl-dce-center-right-img img{width:100%;}.controls-offers .owl-nav{position: absolute; bottom:-3rem; z-index: 99; right:0; margin-top:-4em; width:6em;}.controls-offers .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 30px; line-height: 25px; color:#c90a1e;}.controls-offers .owl-nav div:before{content:"|";position:absolute;top:-0.55em;left:0.95em;color:#c3d19d;font-family: 'M PLUS Rounded 1c', sans-serif;font-size:45px;font-weight:200;margin-top:-0.45em;}.controls-offers .owl-nav .owl-prev:after{content: "\e939"; left:0;}.controls-offers .owl-nav .owl-next:after{content: "\e93a"; right:0; top:-0.4em;}.controls-offers .owl-nav .owl-prev:after,.controls-offers .owl-nav .owl-next:after{bottom:0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-offers .owl-nav .owl-next:hover:after,.controls-offers .owl-nav .owl-prev:hover:after{color:#6e8e12;}/* Styling Pagination*/.dots-bottom-color .owl-dots{position: absolute; bottom: -50px; text-align: left; width: 100%; z-index: 10;}.dots-bottom-color .owl-dot{display: inline-block; zoom: 1;}.dots-bottom-color .owl-dot span{display: block; width: 12px; height: 12px; margin: 5px 5px; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius:0; -moz-border-radius: 0; border-radius:0; background: #6e8e12;}.dots-bottom-color .owl-dots .owl-dot.active span,.dots-bottom-color .owl-dots.clickable .owl-dot:hover span,.dots-bottom-color .owl-dots .owl-dot.active span,.dots-bottom-color .owl-dots.clickable .owl-dot:hover span{opacity: 1; filter: alpha(opacity=100);}.controls-offers-bottom .owl-nav{position: absolute; bottom:-2.75rem; right:-2.75rem; width:52px; height:50px;}.controls-offers-bottom .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 25px; line-height: 25px;}.controls-offers-bottom .owl-nav .owl-prev:after{content: "\f104"; left:0;}.controls-offers-bottom .owl-nav .owl-next:after{content: "\f105"; right:0;}.controls-offers-bottom .owl-nav .owl-prev:after,.controls-offers-bottom .owl-nav .owl-next:after{bottom:0; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px; background:#525d72; width:25px; text-align:center;}.controls-offers-bottom .owl-nav .owl-next:hover:after,.controls-offers-bottom .owl-nav .owl-prev:hover:after{color:#fff; background:#000;}.content-slider-dce-box .owl-item img{filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: gray; opacity: 0.45; display: inline-block; transition: all 0.5s;}.content-slider-dce-box .owl-item.center img{filter: none; -webkit-filter: none; opacity:1;}.content-slider-dce-box:after{position:relative;}.content-slider-dce-box:after{content:"";width:200px;height:100%;display:block;position: absolute;z-index:2;left:0;top:0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+100&1+0,0+100 */background: -moz-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00f7f7f7',GradientType=1 ); /* IE6-9 */}.content-slider-dce-box:before{content:"";width:200px;height:100%;display:block;position: absolute;z-index:2;right:0;top:0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+100&0+0,1+100 */background: -moz-linear-gradient(left, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */}
/* Owl Carousel-------------------------end---------- */


/* dce-gap-spacing.css---/* Gap stand 30.03.2023 */
.page-top{padding-top:3rem;}.gap-top-0_5{padding-top:0.5rem;}.gap-top-1{padding-top:1rem;}.gap-top-1_5{padding-top:1.5rem;}.gap-top-2{padding-top:2rem;}.gap-top-2_5{padding-top:2.5rem;}.gap-top-3{padding-top:3rem;}.gap-top-3_5{padding-top:3.5rem;}.gap-top-4{padding-top:4rem;}.gap-top-5{padding-top:5rem;}.gap-top-6{padding-top:6rem;}.gap-top-6_5{padding-top:6.5rem;}.gap-top-7{padding-top:7rem;}.gap-top-8{padding-top:8rem;}.gap-top-9{padding-top:9rem;}.gap-top-10{padding-top:10rem;}.gap-top-11{padding-top:11rem;}.gap-top-12{padding-top:12rem;}.gap-top-13{padding-top:13rem;}.gap-top-14{padding-top:14rem;}.gap-top-15{padding-top:15rem;}/* gap-bottom xl */.gap-bottom{padding-bottom:2rem;}.gap-bottom-0_5{padding-bottom:0.5rem;}.gap-bottom-1{padding-bottom:1rem;}.gap-bottom-1_5{padding-bottom:1.5rem;}.gap-bottom-2{padding-bottom:2rem;}.gap-bottom-2_5{padding-bottom:2.5rem;}.gap-bottom-3{padding-bottom:3rem;}.gap-bottom-3_5{padding-bottom:3.5rem;}.gap-bottom-4{padding-bottom:4rem;}.gap-bottom-5{padding-bottom:5rem;}.gap-bottom-6{padding-bottom:6rem;}.gap-bottom-7{padding-bottom:7rem;}.gap-bottom-8{padding-bottom:8rem;}.gap-bottom-9{padding-bottom:9rem;}.gap-bottom-10{padding-bottom:10rem;}.gap-bottom-11{padding-bottom:11rem;}.gap-bottom-12{padding-bottom:12rem;}.gap-bottom-13{padding-bottom:13rem;}.gap-bottom-14{padding-bottom:14rem;}.gap-bottom-15{padding-bottom:15rem;}.spacing-top-7{margin-top:7rem;}.spacing-bottom-7{margin-bottom:7rem;}@media (min-width: 480px){/* gap-bottom xs */.page-top-xs{padding-top:7.2rem;}.gap-top-xs-0_5{padding-top:0.5rem;}.gap-top-xs-1{padding-top:1rem;}.gap-top-xs-1_5{padding-top:1.5rem;}.gap-top-xs-2{padding-top:2rem;}.gap-top-xs-2_5{padding-top:2.5rem;}.gap-top-xs-3{padding-top:3rem;}.gap-top-xs-3_5{padding-top:3.5rem;}.gap-top-xs-4{padding-top:4rem;}.gap-top-xs-5{padding-top:5rem;}.gap-top-xs-6{padding-top:6rem;}.gap-top-xs-7{padding-top:7rem;}.gap-top-xs-8{padding-top:8rem;}.gap-top-xs-9{padding-top:9rem;}.gap-top-xs-10{padding-top:10rem;}.gap-top-xs-11{padding-top:11rem;}.gap-top-xs-12{padding-top:12rem;}.gap-top-xs-13{padding-top:13rem;}.gap-top-xs-14{padding-top:14rem;}.gap-top-xs-15{padding-top:15rem;}/* gap-bottom xs */.gap-bottom-xs{padding-bottom:2rem;}.gap-bottom-xs-0_5{padding-bottom:0.5rem;}.gap-bottom-xs-1{padding-bottom:1rem;}.gap-bottom-xs-1_5{padding-bottom:1.5rem;}.gap-bottom-xs-2{padding-bottom:2rem;}.gap-bottom-xs-2_5{padding-bottom:2.5rem;}.gap-bottom-xs-3{padding-bottom:3rem;}.gap-bottom-xs-3_5{padding-bottom:3.5rem;}.gap-bottom-xs-4{padding-bottom:4rem;}.gap-bottom-xs-5{padding-bottom:5rem;}.gap-bottom-xs-6{padding-bottom:6rem;}.gap-bottom-xs-7{padding-bottom:7rem;}.gap-bottom-xs-8{padding-bottom:8rem;}.gap-bottom-xs-9{padding-bottom:9rem;}.gap-bottom-xs-10{padding-bottom:10rem;}.gap-bottom-xs-11{padding-bottom:11rem;}.gap-bottom-xs-12{padding-bottom:12rem;}.gap-bottom-xs-13{padding-bottom:13rem;}.gap-bottom-xs-14{padding-bottom:14rem;}.gap-bottom-xs-15{padding-bottom:15rem;}.gap-top-xs-0{padding-top:0;}.gap-bottom-xs-0{padding-bottom:0;}}@media (min-width: 576px){.page-top-sm{padding-top:5rem;}.gap-top-sm{padding-top:1.3rem;}.gap-top-sm-0_5{padding-top:0.5rem;}.gap-top-sm-1{padding-top:1rem;}.gap-top-sm-1_5{padding-top:1.5rem;}.gap-top-sm-2{padding-top:2rem;}.gap-top-sm-2_5{padding-top:2.5rem;}.gap-top-sm-3{padding-top:3rem;}.gap-top-sm-3_5{padding-top:3.5rem;}.gap-top-sm-4{padding-top:4rem;}.gap-top-sm-5{padding-top:5rem;}.gap-top-sm-6{padding-top:6rem;}.gap-top-sm-7{padding-top:7rem;}.gap-top-sm-8{padding-top:8rem;}.gap-top-sm-9{padding-top:9rem;}.gap-top-sm-10{padding-top:10rem;}.gap-top-sm-11{padding-top:11rem;}.gap-top-sm-12{padding-top:12rem;}.gap-top-sm-13{padding-top:13rem;}.gap-top-sm-14{padding-top:14rem;}.gap-top-sm-15{padding-top:15rem;}/* gap-bottom sm */.gap-bottom-sm{padding-bottom:1rem;}.gap-bottom-sm-0_5{padding-bottom:0.5rem;}.gap-bottom-sm-1{padding-bottom:1rem;}.gap-bottom-sm-1_5{padding-bottom:1.5rem;}.gap-bottom-sm-2{padding-bottom:2rem;}.gap-bottom-sm-2_5{padding-bottom:2.5rem;}.gap-bottom-sm-3{padding-bottom:3rem;}.gap-bottom-sm-3_5{padding-bottom:3.5rem;}.gap-bottom-sm-4{padding-bottom:4rem;}.gap-bottom-sm-5{padding-bottom:5rem;}.gap-bottom-sm-6{padding-bottom:6rem;}.gap-bottom-sm-7{padding-bottom:7rem;}.gap-bottom-sm-8{padding-bottom:8rem;}.gap-bottom-sm-9{padding-bottom:9rem;}.gap-bottom-sm-10{padding-bottom:10rem;}.gap-bottom-sm-11{padding-bottom:11rem;}.gap-bottom-sm-12{padding-bottom:12rem;}.gap-bottom-sm-13{padding-bottom:13rem;}.gap-bottom-sm-14{padding-bottom:14rem;}.gap-bottom-sm-15{padding-bottom:15rem;}.gap-top-sm-0{padding-top:0;}.gap-bottom-sm-0{padding-bottom:0;}}@media (min-width: 768px){/* gap-top md */.page-top-md{padding-top:5rem;}.gap-top-md{padding-top:4rem;}.gap-top-md-0_5{padding-top:0.5rem;}.gap-top-md-1{padding-top:1rem;}.gap-top-md-1_5{padding-top:1.5rem;}.gap-top-md-2{padding-top:2rem;}.gap-top-md-2_5{padding-top:2.5rem;}.gap-top-md-3{padding-top:3rem;}.gap-top-md-3_5{padding-top:3.5rem;}.gap-top-md-4{padding-top:4rem;}.gap-top-md-5{padding-top:5rem;}.gap-top-md-6{padding-top:6rem;}.gap-top-md-7{padding-top:7rem;}.gap-top-md-8{padding-top:8rem;}.gap-top-md-9{padding-top:9rem;}.gap-top-md-10{padding-top:10rem;}.gap-top-md-11{padding-top:11rem;}.gap-top-md-12{padding-top:12rem;}.gap-top-md-13{padding-top:13rem;}.gap-top-md-14{padding-top:14rem;}.gap-top-md-15{padding-top:15rem;}/* gap-bottom lg */.gap-bottom-md{padding-bottom:2rem;}.gap-bottom-md-0_5{padding-bottom:0.5rem;}.gap-bottom-md-1{padding-bottom:1rem;}.gap-bottom-md-1_5{padding-bottom:1.5rem;}.gap-bottom-md-2{padding-bottom:2rem;}.gap-bottom-md-2_5{padding-bottom:2.5rem;}.gap-bottom-md-3{padding-bottom:3rem;}.gap-bottom-md-3_5{padding-bottom:3.5rem;}.gap-bottom-md-4{padding-bottom:4rem;}.gap-bottom-md-5{padding-bottom:5rem;}.gap-bottom-md-6{padding-bottom:6rem;}.gap-bottom-md-7{padding-bottom:7rem;}.gap-bottom-md-8{padding-bottom:8rem;}.gap-bottom-md-9{padding-bottom:9rem;}.gap-bottom-md-10{padding-bottom:10rem;}.gap-bottom-md-11{padding-bottom:11rem;}.gap-bottom-md-12{padding-bottom:12rem;}.gap-bottom-md-13{padding-bottom:13rem;}.gap-bottom-md-14{padding-bottom:14rem;}.gap-bottom-md-15{padding-bottom:15rem;}.gap-top-md-0{padding-top:0;}.gap-bottom-md-0{padding-bottom:0;}}@media (min-width: 991px){/* gap-top lg */.page-top-lg{padding-top:5rem;}.gap-top-lg{padding-top:5rem;}.gap-top-lg-0_5{padding-top:0.5rem;}.gap-top-lg-1{padding-top:1rem;}.gap-top-lg-1_5{padding-top:1.5rem;}.gap-top-lg-2{padding-top:2rem;}.gap-top-lg-2_5{padding-top:2.5rem;}.gap-top-lg-3{padding-top:3rem;}.gap-top-lg-3_5{padding-top:3.5rem;}.gap-top-lg-4{padding-top:4rem;}.gap-top-lg-5{padding-top:5rem;}.gap-top-lg-6{padding-top:6rem;}.gap-top-lg-7{padding-top:7rem;}.gap-top-lg-8{padding-top:8rem;}.gap-top-lg-9{padding-top:9rem;}.gap-top-lg-10{padding-top:10rem;}.gap-top-lg-11{padding-top:11rem;}.gap-top-lg-12{padding-top:12rem;}.gap-top-lg-13{padding-top:13rem;}.gap-top-lg-14{padding-top:14rem;}.gap-top-lg-15{padding-top:15rem;}/* gap-bottom lg */.gap-bottom-lg{padding-bottom:2rem;}.gap-bottom-lg-0_5{padding-bottom:0.5rem;}.gap-bottom-lg-1{padding-bottom:1rem;}.gap-bottom-lg-1_5{padding-bottom:1.5rem;}.gap-bottom-lg-2{padding-bottom:2rem;}.gap-bottom-lg-2_5{padding-bottom:2.5rem;}.gap-bottom-lg-3{padding-bottom:3rem;}.gap-bottom-lg-3_5{padding-bottom:3.5rem;}.gap-bottom-lg-4{padding-bottom:4rem;}.gap-bottom-lg-5{padding-bottom:5rem;}.gap-bottom-lg-6{padding-bottom:6rem;}.gap-bottom-lg-7{padding-bottom:7rem;}.gap-bottom-lg-8{padding-bottom:8rem;}.gap-bottom-lg-9{padding-bottom:9rem;}.gap-bottom-lg-10{padding-bottom:10rem;}.gap-bottom-lg-11{padding-bottom:11rem;}.gap-bottom-lg-12{padding-bottom:12rem;}.gap-bottom-lg-13{padding-bottom:13rem;}.gap-bottom-lg-14{padding-bottom:14rem;}.gap-bottom-lg-15{padding-bottom:15rem;}.gap-bottom-lg-18{padding-bottom:18rem;}.gap-top-lg-0{padding-top:0;}.gap-bottom-lg-0{padding-bottom:0;}}@media (min-width: 1200px){/* gap-bottom xl */.page-top-xl{padding-top:7rem;}.gap-top-xl-0_5{padding-top:0.5rem;}.gap-top-xl-1{padding-top:1rem;}.gap-top-xl-1_5{padding-top:1.5rem;}.gap-top-xl-2{padding-top:2rem;}.gap-top-xl-2_5{padding-top:2.5rem;}.gap-top-xl-3{padding-top:3rem;}.gap-top-xl-3_5{padding-top:3.5rem;}.gap-top-xl-4{padding-top:4rem;}.gap-top-xl-5{padding-top:5rem;}.gap-top-xl-6{padding-top:6rem;}.gap-top-xl-7{padding-top:7rem;}.gap-top-xl-8{padding-top:8rem;}.gap-top-xl-9{padding-top:9rem;}.gap-top-xl-10{padding-top:10rem;}.gap-top-xl-11{padding-top:11rem;}.gap-top-xl-12{padding-top:12rem;}.gap-top-xl-13{padding-top:13rem;}.gap-top-xl-14{padding-top:14rem;}.gap-top-xl-15{padding-top:15rem;}/* gap-bottom xl */.gap-bottom-xl{padding-bottom:2rem;}.gap-bottom-xl-0_5{padding-bottom:0.5rem;}.gap-bottom-xl-1{padding-bottom:1rem;}.gap-bottom-xl-1_5{padding-bottom:1.5rem;}.gap-bottom-xl-2{padding-bottom:2rem;}.gap-bottom-xl-2_5{padding-bottom:2.5rem;}.gap-bottom-xl-3{padding-bottom:3rem;}.gap-bottom-xl-3_5{padding-bottom:3.5rem;}.gap-bottom-xl-4{padding-bottom:4rem;}.gap-bottom-xl-5{padding-bottom:5rem;}.gap-bottom-xl-6{padding-bottom:6rem;}.gap-bottom-xl-7{padding-bottom:7rem;}.gap-bottom-xl-8{padding-bottom:8rem;}.gap-bottom-xl-9{padding-bottom:9rem;}.gap-bottom-xl-10{padding-bottom:10rem;}.gap-bottom-xl-11{padding-bottom:11rem;}.gap-bottom-xl-12{padding-bottom:12rem;}.gap-bottom-xl-13{padding-bottom:13rem;}.gap-bottom-xl-14{padding-bottom:14rem;}.gap-bottom-xl-15{padding-bottom:15rem;}.gap-top-xl-0{padding-top:0;}.gap-bottom-xl-0{padding-bottom:0;}}@media (min-width: 1400px){/* gap-bottom xxl */.page-top-xxl{padding-top:7.2rem;}.gap-top-xxl-0_5{padding-top:0.5rem;}.gap-top-xxl-1{padding-top:1rem;}.gap-top-xxl-1_5{padding-top:1.5rem;}.gap-top-xxl-2{padding-top:2rem;}.gap-top-xxl-2_5{padding-top:2.5rem;}.gap-top-xxl-3{padding-top:3rem;}.gap-top-xxl-3_5{padding-top:3.5rem;}.gap-top-xxl-4{padding-top:4rem;}.gap-top-xxl-5{padding-top:5rem;}.gap-top-xxl-6{padding-top:6rem;}.gap-top-xxl-7{padding-top:7rem;}.gap-top-xxl-8{padding-top:8rem;}.gap-top-xxl-9{padding-top:9rem;}.gap-top-xxl-10{padding-top:10rem;}.gap-top-xxl-11{padding-top:11rem;}.gap-top-xxl-12{padding-top:12rem;}.gap-top-xxl-13{padding-top:13rem;}.gap-top-xxl-14{padding-top:14rem;}.gap-top-xxl-15{padding-top:15rem;}/* gap-bottom xxl */.gap-bottom-xxl{padding-bottom:2rem;}.gap-bottom-xxl-0_5{padding-bottom:0.5rem;}.gap-bottom-xxl-1{padding-bottom:1rem;}.gap-bottom-xxl-1_5{padding-bottom:1.5rem;}.gap-bottom-xxl-2{padding-bottom:2rem;}.gap-bottom-xxl-2_5{padding-bottom:2.5rem;}.gap-bottom-xxl-3{padding-bottom:3rem;}.gap-bottom-xxl-3_5{padding-bottom:3.5rem;}.gap-bottom-xxl-4{padding-bottom:4rem;}.gap-bottom-xxl-5{padding-bottom:5rem;}.gap-bottom-xxl-6{padding-bottom:6rem;}.gap-bottom-xxl-7{padding-bottom:7rem;}.gap-bottom-xxl-8{padding-bottom:8rem;}.gap-bottom-xxl-9{padding-bottom:9rem;}.gap-bottom-xxl-10{padding-bottom:10rem;}.gap-bottom-xxl-11{padding-bottom:11rem;}.gap-bottom-xxl-12{padding-bottom:12rem;}.gap-bottom-xxl-13{padding-bottom:13rem;}.gap-bottom-xxl-14{padding-bottom:14rem;}.gap-bottom-xxl-15{padding-bottom:15rem;}.gap-top-xxl-0{padding-top:0;}.gap-bottom-xxl-0{padding-bottom:0;}}@media (min-width: 1600px){/* gap-bottom xxxl */.page-top-xxxl{padding-top:7.2rem;}.gap-top-xxxl-0_5{padding-top:0.5rem;}.gap-top-xxxl-1{padding-top:1rem;}.gap-top-xxxl-1_5{padding-top:1.5rem;}.gap-top-xxxl-2{padding-top:2rem;}.gap-top-xxxl-2_5{padding-top:2.5rem;}.gap-top-xxxl-3{padding-top:3rem;}.gap-top-xxxl-3_5{padding-top:3.5rem;}.gap-top-xxxl-4{padding-top:4rem;}.gap-top-xxxl-5{padding-top:5rem;}.gap-top-xxxl-6{padding-top:6rem;}.gap-top-xxxl-7{padding-top:7rem;}.gap-top-xxxl-8{padding-top:8rem;}.gap-top-xxxl-9{padding-top:9rem;}.gap-top-xxxl-10{padding-top:10rem;}.gap-top-xxxl-11{padding-top:11rem;}.gap-top-xxxl-12{padding-top:12rem;}.gap-top-xxxl-13{padding-top:13rem;}.gap-top-xxxl-14{padding-top:14rem;}.gap-top-xxxl-15{padding-top:15rem;}/* gap-bottom xxxl */.gap-bottom-xxxl{padding-bottom:2rem;}.gap-bottom-xxxl-0_5{padding-bottom:0.5rem;}.gap-bottom-xxxl-1{padding-bottom:1rem;}.gap-bottom-xxxl-1_5{padding-bottom:1.5rem;}.gap-bottom-xxxl-2{padding-bottom:2rem;}.gap-bottom-xxxl-2_5{padding-bottom:2.5rem;}.gap-bottom-xxxl-3{padding-bottom:3rem;}.gap-bottom-xxxl-3_5{padding-bottom:3.5rem;}.gap-bottom-xxxl-4{padding-bottom:4rem;}.gap-bottom-xxxl-5{padding-bottom:5rem;}.gap-bottom-xxxl-6{padding-bottom:6rem;}.gap-bottom-xxxl-7{padding-bottom:7rem;}.gap-bottom-xxxl-8{padding-bottom:8rem;}.gap-bottom-xxxl-9{padding-bottom:9rem;}.gap-bottom-xxxl-10{padding-bottom:10rem;}.gap-bottom-xxxl-11{padding-bottom:11rem;}.gap-bottom-xxxl-12{padding-bottom:12rem;}.gap-bottom-xxxl-13{padding-bottom:13rem;}.gap-bottom-xxxl-14{padding-bottom:14rem;}.gap-bottom-xxxl-15{padding-bottom:15rem;}.gap-top-xxxl-0{padding-top:0;}.gap-bottom-xxxl-0{padding-bottom:0;}}.col-gap-0_15{padding-top: 0.15rem; padding-bottom: 0.15rem;}.col-gap-0_20{padding-top: 0.20rem; padding-bottom: 0.20rem;}.col-gap-0_25{padding-top: 0.25rem; padding-bottom: 0.25rem;}.col-gap-0_30{padding-top: 0.30rem; padding-bottom: 0.30rem;}.col-gap-0_50{padding-top: 0.50rem; padding-bottom: 0.50rem;}.col-gap-0_75{padding-top: 0.75rem; padding-bottom: 0.75rem;}.col-gap-1{padding-top: 1rem; padding-bottom: 1rem;}.col-gap-1_5{padding-top: 1.5rem; padding-bottom: 1.5rem;}.col-gap-2{padding-top: 2rem; padding-bottom: 2rem;}.col-gap-2_5{padding-top: 2.5rem; padding-bottom: 2.5rem;}.col-gap-bt-offers{padding-bottom:6rem;}.gap-top-1_5{padding-top:1.3rem;}.gap-bottom-0{padding-bottom:0;}.body-gap .page-gap-top-0{padding-top:0;}.btn-anfrage .gap-bottom-9{padding-bottom:2rem;}.col-gap-0_05{padding-top: 0.05rem; padding-bottom: 0.05rem;}
/* dce-gap-spacing.css-------------end--------- */

/* fonts.css ---------/* poppins - latin-ext_latin */
@font-face{font-family: 'Merriweather Sans'; font-style: normal; font-weight: 300; src: url('../fonts/poppins/merriweather-sans-v22-latin-ext_latin-300.eot'); /* IE9 Compat Modes */ src: local(''),url('../fonts/poppins/poppins-v20-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/poppins/poppins-v20-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */url('../fonts/poppins/poppins-v20-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */url('../fonts/poppins/poppins-v20-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */url('../fonts/poppins/poppins-v20-latin-ext_latin-300.svg') format('svg'); /* Legacy iOS */font-display: swap;}/* poppins - latin-ext_latin */@font-face{font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('../fonts/poppins/poppins-v20-latin-ext_latin-300.eot'); /* IE9 Compat Modes */ src: local(''),url('../fonts/poppins/poppins-v20-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/poppins/poppins-v20-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */url('../fonts/poppins/poppins-v20-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */url('../fonts/poppins/poppins-v20-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */url('../fonts/poppins/poppins-v20-latin-ext_latin-300.svg') format('svg'); /* Legacy iOS */font-display: swap;}@font-face{font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('../fonts/poppins/poppins-v20-latin-ext_latin-500.eot'); /* IE9 Compat Modes */ src: local(''),url('../fonts/poppins/poppins-v20-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/poppins/poppins-v20-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */url('../fonts/poppins/poppins-v20-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */url('../fonts/poppins/poppins-v20-latin-ext_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */url('../fonts/poppins/poppins-v20-latin-ext_latin-500.svg') format('svg'); /* Legacy iOS */font-display: swap;}/* poppins - latin-ext_latin */@font-face{font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('../fonts/poppins/poppins-v20-latin-ext_latin-600.eot'); /* IE9 Compat Modes */ src: local(''),url('../fonts/poppins/poppins-v20-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/poppins/poppins-v20-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */url('../fonts/poppins/poppins-v20-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */url('../fonts/poppins/poppins-v20-latin-ext_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */url('../fonts/poppins/poppins-v20-latin-ext_latin-600.svg') format('svg'); /* Legacy iOS */font-display: swap;}
/* fonts.css ------------------end------*/


/* animate.slim.css ---------------------------*/
@charset "UTF-8";/*!Animate.css - http://daneden.me/animateLicensed under the MIT license - http://opensource.org/licenses/MITCopyright (c) 2014 Daniel EdenCopyright (c) 2015 Daniel Eden*/.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}.delay-1{animation-delay: 0.5s;}.delay-2{animation-delay: 0.7s;}.delay-3{animation-delay: 0.9s;}.delay-4{animation-delay: 1.2s;}.delay-5{animation-delay: 1.5s;}.delay-6{animation-delay: 1.2s;}.delay-7{animation-delay: 2.1s;}.delay-8{animation-delay: 2.4s;}.delay-9{animation-delay: 2.7s;}.delay-10{animation-delay: 3s;}.delay-11{animation-delay: 3.3s;}.delay-12{animation-delay: 3.6s;}.delay-13{animation-delay: 3.9s;}.delay-14{animation-delay: 4.2s;}.delay-15{animation-delay: 4.5s;}.fadeInDownSmall{-webkit-animation-name: fadeInDownSmall; animation-name: fadeInDownSmall;}@-webkit-keyframes fadeInLeftSmall{0%{opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}/** geändert von -20px auf 120 px */@keyframes fadeInLeftSmall{0%{opacity: 0; -webkit-transform: translate3d(-120px, 0, 0); -ms-transform: translate3d(-120px, 0, 0); transform: translate3d(-120px, 0, 0);}100%{opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}}.fadeInLeftSmall{-webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall;}@-webkit-keyframes fadeInRightSmall{0%{opacity: 0; -webkit-transform: translate3d(120px, 0, 0); transform: translate3d(120px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInRightSmall{0%{opacity: 0; -webkit-transform: translate3d(120px, 0, 0); -ms-transform: translate3d(120px, 0, 0); transform: translate3d(120px, 0, 0);}100%{opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}}.fadeInRightSmall{-webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall;}@keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}@-webkit-keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}}@keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}}.zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}@-webkit-keyframes zoomInDown{0%{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInDown{0%{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}}
/* animate.slim.css ------------------end------*/


/* Magnific Popup CSS---------------------- */ 
.mfp-bg{top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8;}.mfp-wrap{top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden;}.mfp-container{text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box;}.mfp-container:before{content: ''; display: inline-block; height: 100%; vertical-align: middle;}.mfp-align-top .mfp-container:before{display: none;}.mfp-content{position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045;}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width: 100%; cursor: auto;}.mfp-ajax-cur{cursor: progress;}.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out;}.mfp-zoom{cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;}.mfp-auto-cursor .mfp-content{cursor: auto;}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select: none; -moz-user-select: none; user-select: none;}.mfp-loading.mfp-figure{display: none;}.mfp-hide{display: none !important;}.mfp-preloader{color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044;}.mfp-preloader a{color: #CCC;}.mfp-preloader a:hover{color: #FFF;}.mfp-s-ready .mfp-preloader{display: none;}.mfp-s-error .mfp-content{display: none;}button.mfp-close,button.mfp-arrow{overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation;}button::-moz-focus-inner{padding: 0; border: 0;}.mfp-close{width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace;}.mfp-close:hover, .mfp-close:focus{opacity: 1;}.mfp-close:active{top: 1px;}.mfp-close-btn-in .mfp-close{color: #333;}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%;}.mfp-counter{position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap;}.mfp-arrow{position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent;}.mfp-arrow:active{margin-top: -54px;}.mfp-arrow:hover, .mfp-arrow:focus{opacity: 1;}.mfp-arrow:before, .mfp-arrow:after{content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent;}.mfp-arrow:after{border-top-width: 13px; border-bottom-width: 13px; top: 8px;}.mfp-arrow:before{border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;}.mfp-arrow-left{left: 0;}.mfp-arrow-left:after{border-right: 17px solid #FFF; margin-left: 31px;}.mfp-arrow-left:before{margin-left: 25px; border-right: 27px solid #3F3F3F;}.mfp-arrow-right{right: 0;}.mfp-arrow-right:after{border-left: 17px solid #FFF; margin-left: 39px;}.mfp-arrow-right:before{border-left: 27px solid #3F3F3F;}.mfp-iframe-holder{padding-top: 40px; padding-bottom: 40px;}.mfp-iframe-holder .mfp-content{line-height: 0; width: 100%; max-width: 900px;}.mfp-iframe-holder .mfp-close{top: -40px;}.mfp-iframe-scaler{width: 100%; height: 0; overflow: hidden; padding-top: 56.25%;}.mfp-iframe-scaler iframe{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000;}/* Main image in popup */img.mfp-img{width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto;}/* The shadow behind the image */.mfp-figure{line-height: 0;}.mfp-figure:after{content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444;}.mfp-figure small{color: #BDBDBD; display: block; font-size: 12px; line-height: 14px;}.mfp-figure figure{margin: 0;}.mfp-bottom-bar{margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto;}.mfp-title{text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px;}.mfp-image-holder .mfp-content{max-width: 100%;}.mfp-gallery .mfp-image-holder .mfp-figure{cursor: pointer;}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){/** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder{padding-left: 0; padding-right: 0;}.mfp-img-mobile img.mfp-img{padding: 0;}.mfp-img-mobile .mfp-figure:after{top: 0; bottom: 0;}.mfp-img-mobile .mfp-figure small{display: inline; margin-left: 5px;}.mfp-img-mobile .mfp-bottom-bar{background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box;}.mfp-img-mobile .mfp-bottom-bar:empty{padding: 0;}.mfp-img-mobile .mfp-counter{right: 5px; top: 3px;}.mfp-img-mobile .mfp-close{top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform: scale(0.75); transform: scale(0.75);}.mfp-arrow-left{-webkit-transform-origin: 0; transform-origin: 0;}.mfp-arrow-right{-webkit-transform-origin: 100%; transform-origin: 100%;}.mfp-container{padding-left: 6px; padding-right: 6px;}}
/* /* Magnific Popup CSS--------------------------- */


/* owl.carousel.min.css---------------------- */ /**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*/* owl.carousel.min.css--------------end-------- */ 


/* owl-slider CSS---------------------- */ 
.owl-carousel{cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;}.container .owl-carousel{cursor: default; cursor: -moz-default; cursor: -webkit-default;}.container .content-slider-with-large-controls,.container .content-slider-with-large-controls-autoplay{margin-bottom: 50px; border: 1px solid #f5f5f5;}/* Styling Next and Prev buttons *//*style-1*/.controls-normal .owl-nav{width: 100%; height: 0; position: absolute; top: 50%; margin-top: -15px; z-index: 10;}.controls-normal .owl-nav div{display: inline-block; font-size: 14px; position: absolute; text-transform: capitalize; font-weight: 300; color: transparent; background: rgba(0, 0, 0, 0.5); padding: 5px 5px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.controls-normal .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 16px; line-height: 1; top: 50%; margin-top: -8px;}.controls-normal .owl-nav .owl-prev{left: 0; padding-left: 0px;}.controls-normal .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #ffffff;}.controls-normal .owl-nav .owl-prev:after{content: "\f104"; left: 13px; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.controls-normal .owl-nav .owl-prev:hover:after{left: 8px;}.controls-normal .owl-nav .owl-next{right: 0px; left: auto; padding-right: 0px;}.controls-normal .owl-nav .owl-next:hover{padding-right: 25px; padding-left: 10px; color: #ffffff;}.controls-normal .owl-nav .owl-next:after{content: "\f105"; right: 13px; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.controls-normal .owl-nav .owl-next:hover:after{right: 8px;}.content-slider-footer.controls-normal .owl-nav div{background:#9c302e;}.controls-color .owl-nav div{background:#9c302e;}/* Preise*/.controls-arrows-price .owl-nav{width: 100%; height: 0; position: absolute; top: 20px; z-index: 15;}.controls-arrows-price .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 50px; line-height: 1; top: 50%; margin-top: -8px;}.controls-arrows-price .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #fff;}.controls-arrows-price .owl-nav .owl-prev:after{content: "\f104"; left: -30px; color:#9fb3a7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-top:10px;}.controls-arrows-price .owl-nav .owl-next:after{content: "\f105"; right: -20px; color:#9fb3a7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-top:10px;}.controls-arrows-price .owl-nav .owl-prev:hover:after{color: #333;display:block;}.controls-arrows-price .owl-nav .owl-next:hover:after{color: #333;display:block;}/* controls-arrows-big */.controls-arrows-big .owl-nav{width: 100%; height: 0; position: absolute; top: 50%; margin-top: -15px; z-index: 10;}.controls-arrows-big .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 30px; line-height: 1; top: 50%; margin-top: -8px;}.controls-arrows-big .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #ffffff;}.controls-arrows-big .owl-nav .owl-prev:after{content: "\e939"; left: -25px; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color:#9fb3a7; box-shadow: 0 0 12px 0 rgba(0,0,0, .4); width:50px;height:50px;line-height:50px;text-align:center;}.controls-arrows-big .owl-nav .owl-next:after{content: "\e93a"; right: -25px; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color:#9fb3a7; box-shadow: 0 0 12px 0 rgba(0,0,0, .4); width:50px;height:50px;line-height:50px;text-align:center;}.controls-arrows-big .owl-nav .owl-prev:hover:after,.controls-arrows-big .owl-nav .owl-next:hover:after{background-color:#333;}@media (max-width: 992px){.controls-botton .owl-nav{width: 120px; height:40px; position: absolute; bottom:-40px; margin-left:-60px; left:50%; background:#d6d3d3; background-color:transparent; display: inline-block; padding:30px;}.controls-botton .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 45px; line-height: 45px;}.controls-botton .owl-nav .owl-prev:hover{padding-left: 25px; padding-right: 10px; color: #fff;}.controls-botton .owl-nav .owl-prev:after{content: "\f104"; left:25px; bottom:15px; color:#5e4543; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-botton .owl-nav .owl-next:after{content: "\f105"; right:25px; bottom:15px; color:#5e4543; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-botton .owl-nav .owl-next:hover:after,.controls-botton .owl-nav .owl-prev:hover:after{color:#0f1328;display:block;}}.controls-top .owl-nav{position: absolute; top:28px; right:0%; width:52px; height:50px;}.controls-top .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 25px; line-height: 25px;}.controls-top .owl-nav .owl-prev:after{content: "\f104"; left:0;}.controls-top .owl-nav .owl-next:after{content: "\f105"; right:0;}.controls-top .owl-nav .owl-prev:after,.controls-top .owl-nav .owl-next:after{bottom:0; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px; background:#9c302e; width:25px; text-align:center;}.controls-top .owl-nav .owl-next:hover:after,.controls-top .owl-nav .owl-prev:hover:after{color:#fff; background:#693129;}.controls-bottom-left .owl-nav{position: absolute; bottom:0px; z-index: 99; left:50%; width:100px; margin-left:-50px;}.controls-bottom-left .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 35px; line-height: 25px; color:#8d853c;}.controls-bottom-left .owl-nav div:before{content:"|";position:absolute;top:-42px;left:44px;color:#c3d19d;font-family: 'M PLUS Rounded 1c', sans-serif;font-size:45px;font-weight:100;line-height:45px;}.controls-bottom-left .owl-nav .owl-prev:after{content: "\e939"; left:0;}.controls-bottom-left .owl-nav .owl-next:after{content: "\e93a"; right:0;}.controls-bottom-left .owl-nav .owl-prev:after,.controls-bottom-left .owl-nav .owl-next:after{bottom:0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-bottom-left .owl-nav .owl-next:hover:after,.controls-bottom-left .owl-nav .owl-prev:hover:after{color:#c90a1e;}@media (min-width: 1201px){.controls-bottom-left .owl-nav{position: absolute; top:50%; z-index: 99; left:0; margin-top:-4rem; width:7.6rem;}.controls-bottom-left .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 50px; line-height: 25px; color:#8d853c;}.controls-bottom-left .owl-nav div:before{content:"|";position:absolute;top:-0.65em;left:0.95em;transform: rotate(30deg);color:#c3d19d;font-family: 'M PLUS Rounded 1c', sans-serif;font-size:60px;line-height: 60px;font-weight:200;}.controls-bottom-left .owl-nav .owl-prev:after{content: "\e939"; left:0; top:-2.8rem}.controls-bottom-left .owl-nav .owl-next:after{content: "\e93a"; right:0; top:0.75rem;}}.buttons-hide .owl-nav{display: none;}/* Styling Pagination*/.owl-dots,.owl-dots{position: absolute; bottom: 0px; text-align: center; width: 100%; z-index: 10;}.owl-dots .owl-dot,.owl-dots .owl-dot{display: inline-block; zoom: 1;}.owl-dots .owl-dot span,.owl-dots .owl-dot span{display: block; width: 9px; height: 9px; margin: 5px 3px; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #ffffff;}.owl-dots .owl-dot.active span,.owl-dots.clickable .owl-dot:hover span,.owl-dots .owl-dot.active span,.owl-dots.clickable .owl-dot:hover span{opacity: 1; filter: alpha(opacity=100);}.big-controls .owl-dots{position: absolute; bottom: -40px; text-align: center; width: 100%; z-index: 10;}.big-controls .owl-dots .owl-dot span,.big-controls .owl-dots .owl-dot span{display: block; width: 40px; height: 2px; margin: 3px 3px; -webkit-border-radius:none; -moz-border-radius: none; border-radius:none; background:#fff; opacity: 1; filter: alpha(opacity=100);}.big-controls .owl-dots .owl-dot.active span,.big-controls .owl-dots.clickable .owl-dot:hover span{background:#cd003b; opacity: 1; filter: alpha(opacity=100); width: 20px;}.dark-controls .owl-dots .owl-dot span,.dark-controls .owl-dots .owl-dot span{background: #164e87;}/* Styling Pagination*/.dots-bottom .owl-dots{position: absolute; bottom: -50px; text-align: right; width: 100%; z-index: 10;}.dots-bottom .owl-dot{display: inline-block; zoom: 1;}.dots-bottom .owl-dot span{display: block; width: 60px; height: 4px; margin: 5px 3px; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius:0; -moz-border-radius: 0; border-radius:0; background: #9c302e;}.dots-bottom .owl-dots .owl-dot.active span,.dots-bottom .owl-dots.clickable .owl-dot:hover span,.dots-bottom .owl-dots .owl-dot.active span,.dots-bottom .owl-dots.clickable .owl-dot:hover span{opacity: 1; filter: alpha(opacity=100);}/* Styling Navigation Thumbs*/.content-slider-thumbs-container{margin-left: -5px; margin-right: -5px;}.owl-nav-thumb{margin: 0 5px; cursor: pointer;}.content-slider-box .owl-item img{filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: gray; opacity: 0.45; display: inline-block; transition: all 0.5s;}.content-slider-box .owl-item.center img{filter: none; -webkit-filter: none; opacity:1;}.content-dce-center-right{padding-left:1.75rem;padding-right:1.75rem;}@media (min-width: 1201px){.content-dce-center-right{transform: translateX(16%);}.content-dce-center-right{padding-left:8em;margin-left:-8em;}}@media (min-width: 1601px){.content-dce-center-right{transform: translateX(21%);}.content-dce-center-right{padding-left:8em;}}.content-dce-center-right{padding-bottom:5em;}.content-dce-center-right .owl-item .owl-headline{padding-top:1.5em;text-align:center;}@media (min-width: 801px){.content-dce-center-right .owl-item .owl-headline{opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.content-dce-center-right .owl-item.center .owl-headline{filter: none; opacity: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.content-dce-center-right .owl-item .owl-dce-center-right-img{position: relative;}.content-dce-center-right .owl-item .owl-dce-center-right-img:before,.content-dce-center-right .owl-item .owl-dce-center-right-img:after{content:"";width:150%;height:50px;display:block;background:#f7f9f2;background:#fff;position:absolute;z-index:99; -webkit-transition: all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}.content-dce-center-right .owl-item .owl-dce-center-right-img:before{top:0px;left:-5px;}.content-dce-center-right .owl-item .owl-dce-center-right-img:after{bottom:0px;left:-5px;}.content-dce-center-right .owl-item.center .owl-dce-center-right-img:before,.content-dce-center-right .owl-item.center .owl-dce-center-right-img:after{height:0px;}}.owl-dce-center-right-img img{width:100%;}.controls-offers .owl-nav{position: absolute; bottom:-3rem; z-index: 99; right:0; margin-top:-4em; width:6em;}.controls-offers .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 30px; line-height: 25px; color:#c90a1e;}.controls-offers .owl-nav div:before{content:"|";position:absolute;top:-0.55em;left:0.95em;color:#c3d19d;font-family: 'M PLUS Rounded 1c', sans-serif;font-size:45px;font-weight:200;margin-top:-0.45em;}.controls-offers .owl-nav .owl-prev:after{content: "\e939"; left:0;}.controls-offers .owl-nav .owl-next:after{content: "\e93a"; right:0; top:-0.4em;}.controls-offers .owl-nav .owl-prev:after,.controls-offers .owl-nav .owl-next:after{bottom:0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px;}.controls-offers .owl-nav .owl-next:hover:after,.controls-offers .owl-nav .owl-prev:hover:after{color:#6e8e12;}/* Styling Pagination*/.dots-bottom-color .owl-dots{position: absolute; bottom: -50px; text-align: left; width: 100%; z-index: 10;}.dots-bottom-color .owl-dot{display: inline-block; zoom: 1;}.dots-bottom-color .owl-dot span{display: block; width: 12px; height: 12px; margin: 5px 5px; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius:0; -moz-border-radius: 0; border-radius:0; background: #6e8e12;}.dots-bottom-color .owl-dots .owl-dot.active span,.dots-bottom-color .owl-dots.clickable .owl-dot:hover span,.dots-bottom-color .owl-dots .owl-dot.active span,.dots-bottom-color .owl-dots.clickable .owl-dot:hover span{opacity: 1; filter: alpha(opacity=100);}.controls-offers-bottom .owl-nav{position: absolute; bottom:-2.75rem; right:-2.75rem; width:52px; height:50px;}.controls-offers-bottom .owl-nav div:after{font-family: "iconfont"; position: absolute; font-size: 25px; line-height: 25px;}.controls-offers-bottom .owl-nav .owl-prev:after{content: "\f104"; left:0;}.controls-offers-bottom .owl-nav .owl-next:after{content: "\f105"; right:0;}.controls-offers-bottom .owl-nav .owl-prev:after,.controls-offers-bottom .owl-nav .owl-next:after{bottom:0; color:#fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:0px 7px 3px 8px; background:#525d72; width:25px; text-align:center;}.controls-offers-bottom .owl-nav .owl-next:hover:after,.controls-offers-bottom .owl-nav .owl-prev:hover:after{color:#fff; background:#000;}.content-slider-dce-box .owl-item img{filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: gray; opacity: 0.45; display: inline-block; transition: all 0.5s;}.content-slider-dce-box .owl-item.center img{filter: none; -webkit-filter: none; opacity:1;}.content-slider-dce-box:after{position:relative;}.content-slider-dce-box:after{content:"";width:200px;height:100%;display:block;position: absolute;z-index:2;left:0;top:0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+100&1+0,0+100 */background: -moz-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00f7f7f7',GradientType=1 ); /* IE6-9 */}.content-slider-dce-box:before{content:"";width:200px;height:100%;display:block;position: absolute;z-index:2;right:0;top:0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+100&0+0,1+100 */background: -moz-linear-gradient(left, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */}
/* owl-slider CSS------------------end---- */ 


/* NEUE CSS---------------------- */ 

/* black global.min.css---------------------- */ 
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css *//* Document=========*/*{box-sizing: border-box; text-decoration: none; list-style: none; outline: none; margin: 0; padding: 0; border-color: var(--border-color);}*:after, *:before{border-color: var(--border-color);}*:not(.swiper-parallax-transform){transition: none;}/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */html{-webkit-text-size-adjust: 100%; /* 2 */}/* Sections==========================================================================*//** * Remove the margin in all browsers. */body{margin: 0;}/* Grouping content==========================================================================*//** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */hr{box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */pre{font-family: monospace, monospace; /* 1 */}/* Text-level semantics==========================================================================*//** * Remove the gray background on active links in IE 10. */a{background-color: transparent; text-decoration: none;}a:focus{text-decoration: none;}/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */abbr[title]{border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */}/** * Add the correct font weight in Chrome, Edge, and Safari. */b,strong{font-weight: 600; font-weight: bolder;}/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */code,kbd,samp{font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}/** * Add the correct font size in all browsers. */small{font-size: 80%;}/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */sub,sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sub{bottom: -0.25em;}sup{top: -0.5em;}.font-small span{font-size:0.8em; padding-bottom:1rem; padding-top:1rem;}/* Embedded content==========================================================================*//** * Remove the border on images inside links in IE 10. */img{border-style: none; max-width: 100%; height: auto; vertical-align: middle;}iframe{border: none;}/* Forms==========================================================================*//** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */button,input,optgroup,select,textarea{font-family: inherit; /* 1 */ margin: 0; /* 2 */}/** * Show the overflow in IE. * 1. Show the overflow in Edge. */button,input{/* 1 */ overflow: visible;}/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */button,select{/* 1 */ text-transform: none;}/** * Correct the inability to style clickable types in iOS and Safari. */button,[type=button],[type=reset],[type=submit]{-webkit-appearance: button; background: inherit; border: none;}/** * Remove the inner border and padding in Firefox. */button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style: none; padding: 0;}/** * Restore the focus styles unset by the previous rule. */button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline: 1px dotted ButtonText;}/** * Correct the padding in Firefox. */fieldset{padding: 0.35em 0.75em 0.625em;}/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out *`fieldset` elements in all browsers. */legend{box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}/** * Correct the cursor style of increment and decrement buttons in Chrome. */[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height: auto;}/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */[type=search]{-webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */}/** * Remove the inner padding in Chrome and Safari on macOS. */[type=search]::-webkit-search-decoration{-webkit-appearance: none;}/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */::-webkit-file-upload-button{-webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}/* Interactive==========================================================================*//* * Add the correct display in Edge, IE 10+, and Firefox. */details{display: block;}/* Misc==========================================================================*//** * Add the correct display in IE 10+. */template{display: none;}/** * Add the correct display in IE 10. */[hidden]{display: none;}h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6{color: var(--heading-color); font-weight: var(--font-weight-heading); line-height: var(--line-height-base); font-family: var(--heading-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 2px;}/* ----------------------------------------------------------------Basic Layout Styles-----------------------------------------------------------------*/h1, .h1{font-size: var(--font-size-h1);}h2, .h2{font-size: var(--font-size-h2);}h3, .h3{font-size: var(--font-size-h3);}h4, .h4{font-size: var(--font-size-h4);}h5, .h5{font-size: var(--font-size-h5);}h6, .h6{font-size: var(--font-size-h6);}.dsn-heading-title:not(.ah-headline){vertical-align: middle;}.dsn-heading-title:not(.ah-headline) > *{vertical-align: middle;}.dsn-heading-title:not(.ah-headline) span:not(.animate-number), .dsn-heading-title:not(.ah-headline) p:not(.animate-number){line-height: var(--line-height-base);}/** Category */.metas:not(.mb-10) > span{margin-top: 10px;}.metas.mb-10 > span{margin-bottom: 10px;}.metas.has-separate > span:not(:last-of-type):after{content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: var(--heading-color);}.metas.has-separate > span:not(:last-of-type){padding-right: 7px;}.metas > span{position: relative; color: var(--heading-color); letter-spacing: 2px;}.metas > span:not(:first-of-type){padding-left: 7px;}@media only screen and (min-width: 768px){.title-head{font-size: 60px; line-height: 70px;}}@media only screen and (max-width: 767px){.title-head{font-size: 45px; line-height: 55px;}}.title{font-size: var(--title-heading); line-height: calc(var(--title-heading) + 10px); letter-spacing: 2px;}.sm-title-block{letter-spacing: 2px; font-size: 16px;}.section-title{text-transform: uppercase;}.section-title .description{letter-spacing: 3px; font-size: 14px; font-weight: 400;}@media only screen and (max-width: 991px){.section-title.mb-70{margin-bottom: 50px;}}.title-h2{font-size: 40px; letter-spacing: 2px;}@media only screen and (min-width: 768px) and (max-width: 991px){.title-h2{font-size: 35px; line-height: inherit;}}@media only screen and (max-width: 767px){.title-h2{font-size: 30px; line-height: inherit;}}/** Title Section */.sub-heading{letter-spacing: 3px; font-size: 16px;}.title-block{letter-spacing: 2px; font-size: 22px;}.sm-p{font-size: 14px; letter-spacing: 1.5px;}.header-scale-hero{transform: scale(1.15);}.subtitle{color: var(--font-color); font-size: 16px; letter-spacing: 2px;}.sub-text-header{margin-top: 25px;}.sub-text-header h5{font-size: 15px; letter-spacing: 2px; line-height: 24px; display: inline-block;}@media only screen and (max-width: 767px){.sub-text-header br, .title-h2 br, .subtitle br, .sm-p br, .section-title br, .sub-heading br, .title br{display: none;}}@media only screen and (max-width: 575px){.sm-title-block br, .title-block br{display: none;}}.font-number{color: var(--heading-color); font-size: 80px;}.meta-cat{color: var(--heading-color);}.meta-cat span, .meta-cat a{position: relative; font-size: 14px; letter-spacing: 2px; font-weight: 400;}.meta-cat span:not(:last-of-type), .meta-cat a:not(:last-of-type){margin-right: 5px; margin-bottom: 5px;}.heading-font{font-family: var(--heading-font);}.body-font{font-family: var(--body-font);}.fw-300{font-weight: 300;}.fw-400{font-weight: 400;}.fw-500{font-weight: 500;}.fw-600{font-weight: 600;}.fw-700{font-weight: 700;}.fw-bold{font-weight: bold;}.title-xxl{font-size: 10vw; font-weight: bold; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}.title-xxl > *{vertical-align: middle;}.border-section-bottom{border-bottom: 2px solid var(--border-color); padding-bottom: 10px;}.square-after, .square-before, .circle-after, .circle-before{position: relative;}.square-after:after, .square-before:before, .circle-after:after, .circle-before:before{content: ""; position: absolute; top: 50%; width: 12px; height: 12px; transform: translateY(-50%);}.square-after:after, .square-before:before, .circle-after:after, .circle-before:before{background-color: var(--heading-color);}.circle-after:after, .circle-before:before{border: 3px solid var(--heading-color); border-radius: 50%;}.square-after, .circle-after{padding-right: 25px;}.square-after:after, .circle-after:after{right: 0;}.square-before, .circle-before{padding-left: 25px;}.square-before:before, .circle-before:before{left: 0;}/** END */.line-under, .line-under-left{padding-bottom: 10px; margin-bottom: 10px;}.line-under:after, .line-under:before, .line-under-left:after, .line-under-left:before{bottom: 0; width: 150px; max-width: 50%; height: 1.5px; background-color: var(--theme-color);}.line-under{padding-right: 15px;}.line-under:after{right: 0;}.line-under-left{padding-left: 15px;}.line-under-left:before{left: 0;}.line-bg-left, .line-bg-right{position: relative; z-index: 1;}.line-bg-left:before, .line-bg-left:after, .line-bg-right:before, .line-bg-right:after{top: 0; width: 100px; max-width: 50%; height: 100%; background-color: var(--assistant-color); z-index: -1; transform: skew(-10deg);}.background-section .line-bg-left:before, .background-section .line-bg-left:after, .background-section .line-bg-right:before, .background-section .line-bg-right:after{background-color: var(--bg-color);}.line-bg-left.sub-heading:before, .line-bg-right.sub-heading:before{width: 60px;}.line-bg-left{padding-left: 20px;}.line-bg-left:before{left: 0; transform-origin: bottom left;}.line-bg-right{padding-right: 15px;}.line-bg-right:after{right: 0; transform-origin: bottom right;}.line-under:after, .line-bg-left:before, .line-bg-right:after, .line-under-left:before{content: ""; position: absolute;}.line-shape:before, .line-shape:after{position: relative; display: inline-block; vertical-align: middle; width: 4vw; height: 1px; background: var(--border-color);}@media only screen and (max-width: 400px){.line-shape:before, .line-shape:after{display: none;}}.line-shape:not(.line-shape-before):after{content: ""; margin-left: 15px;}.line-shape:not(.line-shape-after):before{content: ""; margin-right: 15px;}p{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: var(--line-height-content);}p a{color: var(--heading-color);}cite,dfn,em,i{font-style: italic;}span, a{display: inline-block; color: inherit;}blockquote cite{font-style: normal; font-family: var(--heading-font);}pre{font-family: var(--font-pre); overflow: auto;}code,kbd,tt,var{font-family: var(--font-code);}abbr, acronym{border-bottom: 1px dotted #666; cursor: help;}mark,ins{background: #fff9c0; text-decoration: none;}big{font-size: 125%;}a{text-decoration: none;}a:hover{text-decoration: none;}a:focus{text-decoration: underline;}.text-upper{text-transform: uppercase;}.v-dark,.v-light{background-color: var(--bg-color); color: var(--font-color);}.v-dark-head{color: var(--font-color);}@media only screen and (max-width: 991px){.v-dark-head-mobile{color: var(--font-color);}}.background-main, .background-main .background-inner{background-color: var(--bg-color);}.background-section, .background-section .background-inner{background-color: var(--assistant-color);}.background-theme, .background-theme .background-inner{background-color: var(--theme-color);}.background-reverse{background-color: var(--heading-color); color: var(--bg-color);}.theme-color{color: var(--theme-color);}.heading-color{color: var(--heading-color);}.body-color{color: var(--font-color);}.background-transparent{background-color: transparent;}.h-100-v{height: 100vh;}.h-v-70{height: 70vh;}.h-v-80{height: 80vh;}[data-overlay]:before, [data-dsn-overlay]:before{content: ""; position: absolute; background-color: var(--bg-overlay); width: 100%; height: 100%; top: 0; left: 0; z-index: 0; mix-blend-mode: var(--overlay-blend-mode);}[data-overlay="0"]:before, [data-dsn-overlay="0"]:before{opacity: 0;}[data-overlay="1"]:before, [data-dsn-overlay="1"]:before{opacity: 0.1;}[data-overlay="2"]:before, [data-dsn-overlay="2"]:before{opacity: 0.2;}[data-overlay="3"]:before, [data-dsn-overlay="3"]:before{opacity: 0.3;}[data-overlay="4"]:before, [data-dsn-overlay="4"]:before{opacity: 0.4;}[data-overlay="5"]:before, [data-dsn-overlay="5"]:before{opacity: 0.5;}[data-overlay="6"]:before, [data-dsn-overlay="6"]:before{opacity: 0.6;}[data-overlay="7"]:before, [data-dsn-overlay="7"]:before{opacity: 0.7;}[data-overlay="8"]:before, [data-dsn-overlay="8"]:before{opacity: 0.8;}[data-overlay="9"]:before, [data-dsn-overlay="9"]:before{opacity: 0.9;}[data-overlay="10"]:before, [data-dsn-overlay="10"]:before{opacity: 1;}.section-margin{xxxxxmargin-top: var(--margin-padding); margin-bottom: var(--margin-padding);}.mt-section{margin-top: var(--margin-padding);}.mb-section{margin-bottom: var(--margin-padding);}.section-padding{padding-top: var(--margin-padding); padding-bottom: var(--margin-padding);}.pt-section{padding-top: var(--margin-padding);}.pb-section{padding-bottom: var(--margin-padding);}.container, .dsn-container{padding-right: var(--dsn-gap-container); padding-left: var(--dsn-gap-container);}@media only screen and (max-width: 991px){.container, .dsn-container{max-width: 100%;}}@media only screen and (min-width: 992px) and (max-width: 1199px){.container{max-width: calc(960px + var(--dsn-gap-container));}.dsn-left-container, .dsn-right-container{width: calc(100% - ((100vw - 960px) / 2) + (var(--dsn-gap-container) / 2) + var(--dsn-width-scroll, 0px) / 2) !important;}}@media only screen and (min-width: 1201px){.container{max-width: calc(1200px + var(--dsn-gap-container));}.dsn-left-container, .dsn-right-container{width: calc(100% - ((100vw - 1200px) / 2) + (var(--dsn-gap-container) / 2) + var(--dsn-width-scroll, 0px) / 2) !important;}}@media only screen and (min-width: 992px){.dsn-left-container, .dsn-right-container{max-width: 100%;}.dsn-left-container{padding-left: 0; margin-right: auto;}.dsn-right-container{padding-right: 0; margin-left: auto;}}.d-grid:not(.dsn-isotope){display: grid;}.d-grid:not(.dsn-isotope):not(.d-grid-no-space){grid-column-gap: 30px; grid-row-gap: 30px;}.d-grid:not(.dsn-isotope):not(.dsn-isotope):not(.align-items-center){align-items: stretch;}.d-grid.dsn-isotope, .d-grid.dsn-flex{display: flex;}@media only screen and (min-width: 992px){.d-grid.dsn-isotope, .d-grid.dsn-flex{margin-left: calc((var(--grid-gap ,30px) / 2) * -1); margin-right: calc((var(--grid-gap ,30px) / 2) * -1);}}.d-grid.dsn-isotope > *, .d-grid.dsn-flex > *{margin-left: calc((var(--grid-gap ,30px) / 2)); margin-right: calc((var(--grid-gap ,30px) / 2));}@media only screen and (min-width: 768px){.grid-half-1{grid-template-columns: 35% 65%;}}@media only screen and (min-width: 768px){.grid-1-half{grid-template-columns: 65% 35%;}}.grid-2{grid-template-columns: repeat(2, 1fr);}@media only screen and (min-width: 992px){.grid-lg-2{grid-template-columns: repeat(2, 1fr);}.grid-lg-2.dsn-isotope > *{width: calc(50% - var(--grid-gap ,30px)); max-width: calc(50% - var(--grid-gap ,30px));}.grid-lg-2.dsn-isotope > *:nth-of-type(n + 3){margin-top: var(--grid-gap-row, 30px);}.grid-lg-2.dsn-isotope > *:nth-of-type(2){margin-top: 0;}}@media only screen and (min-width: 768px){.grid-md-2{grid-template-columns: repeat(2, 1fr);}.grid-md-2.dsn-isotope > *{width: calc(50% - var(--grid-gap ,30px)); max-width: calc(50% - var(--grid-gap ,30px));}.grid-md-2.dsn-isotope > *:nth-of-type(n + 3){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (max-width: 767px){.grid-md-2.dsn-isotope > *{width: calc(100% - var(--grid-gap ,30px) ); max-width: calc(100% - var(--grid-gap ,30px) );}.grid-md-2.dsn-isotope > *:nth-of-type(n + 2){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (min-width: 576px){.grid-sm-2{grid-template-columns: repeat(2, 1fr);}.grid-sm-2.dsn-isotope > *{width: calc(50% - var(--grid-gap ,30px)); max-width: calc(50% - var(--grid-gap ,30px));}.grid-sm-2.dsn-isotope > *:nth-of-type(n + 3){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (max-width: 575px){.grid-sm-2.dsn-isotope > *{width: calc(100% - var(--grid-gap ,30px) ); max-width: calc(100% - var(--grid-gap ,30px) );}.grid-sm-2.dsn-isotope > *:nth-of-type(n + 2){margin-top: var(--grid-gap-row, 30px);}}.grid-3{grid-template-columns: repeat(3, 1fr);}@media only screen and (min-width: 992px){.grid-lg-3{grid-template-columns: repeat(3, 1fr);}.grid-lg-3.dsn-isotope > *{width: calc(33.3333333333% - var(--grid-gap ,30px)); max-width: calc(33.3333333333% - var(--grid-gap ,30px));}.grid-lg-3.dsn-isotope > *:nth-of-type(n + 4){margin-top: var(--grid-gap-row, 30px);}.grid-lg-3.dsn-isotope > *:nth-of-type(3){margin-top: 0;}}@media only screen and (min-width: 768px){.grid-md-3{grid-template-columns: repeat(3, 1fr);}.grid-md-3.dsn-isotope > *{width: calc(33.3333333333% - var(--grid-gap ,30px)); max-width: calc(33.3333333333% - var(--grid-gap ,30px));}.grid-md-3.dsn-isotope > *:nth-of-type(n + 4){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (max-width: 767px){.grid-md-3.dsn-isotope > *{width: calc(100% - var(--grid-gap ,30px) ); max-width: calc(100% - var(--grid-gap ,30px) );}.grid-md-3.dsn-isotope > *:nth-of-type(n + 2){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (min-width: 576px){.grid-sm-3{grid-template-columns: repeat(3, 1fr);}.grid-sm-3.dsn-isotope > *{width: calc(33.3333333333% - var(--grid-gap ,30px)); max-width: calc(33.3333333333% - var(--grid-gap ,30px));}.grid-sm-3.dsn-isotope > *:nth-of-type(n + 4){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (max-width: 575px){.grid-sm-3.dsn-isotope > *{width: calc(100% - var(--grid-gap ,30px) ); max-width: calc(100% - var(--grid-gap ,30px) );}.grid-sm-3.dsn-isotope > *:nth-of-type(n + 2){margin-top: var(--grid-gap-row, 30px);}}.grid-4{grid-template-columns: repeat(4, 1fr);}@media only screen and (min-width: 992px){.grid-lg-4{grid-template-columns: repeat(4, 1fr);}.grid-lg-4.dsn-isotope > *{width: calc(25% - var(--grid-gap ,30px)); max-width: calc(25% - var(--grid-gap ,30px));}.grid-lg-4.dsn-isotope > *:nth-of-type(n + 5){margin-top: var(--grid-gap-row, 30px);}.grid-lg-4.dsn-isotope > *:nth-of-type(4){margin-top: 0;}}@media only screen and (min-width: 768px){.grid-md-4{grid-template-columns: repeat(4, 1fr);}.grid-md-4.dsn-isotope > *{width: calc(25% - var(--grid-gap ,30px)); max-width: calc(25% - var(--grid-gap ,30px));}.grid-md-4.dsn-isotope > *:nth-of-type(n + 5){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (max-width: 767px){.grid-md-4.dsn-isotope > *{width: calc(100% - var(--grid-gap ,30px) ); max-width: calc(100% - var(--grid-gap ,30px) );}.grid-md-4.dsn-isotope > *:nth-of-type(n + 2){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (min-width: 576px){.grid-sm-4{grid-template-columns: repeat(4, 1fr);}.grid-sm-4.dsn-isotope > *{width: calc(25% - var(--grid-gap ,30px)); max-width: calc(25% - var(--grid-gap ,30px));}.grid-sm-4.dsn-isotope > *:nth-of-type(n + 5){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (max-width: 575px){.grid-sm-4.dsn-isotope > *{width: calc(100% - var(--grid-gap ,30px) ); max-width: calc(100% - var(--grid-gap ,30px) );}.grid-sm-4.dsn-isotope > *:nth-of-type(n + 2){margin-top: var(--grid-gap-row, 30px);}}.grid-5{grid-template-columns: repeat(5, 1fr);}@media only screen and (min-width: 992px){.grid-lg-5{grid-template-columns: repeat(5, 1fr);}.grid-lg-5.dsn-isotope > *{width: calc(20% - var(--grid-gap ,30px)); max-width: calc(20% - var(--grid-gap ,30px));}.grid-lg-5.dsn-isotope > *:nth-of-type(n + 6){margin-top: var(--grid-gap-row, 30px);}.grid-lg-5.dsn-isotope > *:nth-of-type(5){margin-top: 0;}}@media only screen and (min-width: 768px){.grid-md-5{grid-template-columns: repeat(5, 1fr);}.grid-md-5.dsn-isotope > *{width: calc(20% - var(--grid-gap ,30px)); max-width: calc(20% - var(--grid-gap ,30px));}.grid-md-5.dsn-isotope > *:nth-of-type(n + 6){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (max-width: 767px){.grid-md-5.dsn-isotope > *{width: calc(100% - var(--grid-gap ,30px) ); max-width: calc(100% - var(--grid-gap ,30px) );}.grid-md-5.dsn-isotope > *:nth-of-type(n + 2){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (min-width: 576px){.grid-sm-5{grid-template-columns: repeat(5, 1fr);}.grid-sm-5.dsn-isotope > *{width: calc(20% - var(--grid-gap ,30px)); max-width: calc(20% - var(--grid-gap ,30px));}.grid-sm-5.dsn-isotope > *:nth-of-type(n + 6){margin-top: var(--grid-gap-row, 30px);}}@media only screen and (max-width: 575px){.grid-sm-5.dsn-isotope > *{width: calc(100% - var(--grid-gap ,30px) ); max-width: calc(100% - var(--grid-gap ,30px) );}.grid-sm-5.dsn-isotope > *:nth-of-type(n + 2){margin-top: var(--grid-gap-row, 30px);}}.mt-0{margin-top: 0px;}.mt-5{margin-top: 5px;}.mt-10{margin-top: 10px;}.mt-15{margin-top: 15px;}.mt-20{margin-top: 20px;}.mt-25{margin-top: 25px;}.mt-30{margin-top: 30px;}.mt-35{margin-top: 35px;}.mt-40{margin-top: 40px;}.mt-45{margin-top: 45px;}.mt-50{margin-top: 50px;}.mt-55{margin-top: 55px;}.mt-60{margin-top: 60px;}.mt-65{margin-top: 65px;}.mt-70{margin-top: 70px;}.mt-75{margin-top: 75px;}.mt-80{margin-top: 80px;}.mt-85{margin-top: 85px;}.mt-90{margin-top: 90px;}.mt-95{margin-top: 95px;}.mt-100{margin-top: 100px;}.mb-0{margin-bottom: 0px;}.mb-5{margin-bottom: 5px;}.mb-10{margin-bottom: 10px;}.mb-15{margin-bottom: 15px;}.mb-20{margin-bottom: 20px;}.mb-25{margin-bottom: 25px;}.mb-30{margin-bottom: 30px;}.mb-35{margin-bottom: 35px;}.mb-40{margin-bottom: 40px;}.mb-45{margin-bottom: 45px;}.mb-50{margin-bottom: 50px;}.mb-55{margin-bottom: 55px;}.mb-60{margin-bottom: 60px;}.mb-65{margin-bottom: 65px;}.mb-70{margin-bottom: 70px;}.mb-75{margin-bottom: 75px;}.mb-80{margin-bottom: 80px;}.mb-85{margin-bottom: 85px;}.mb-90{margin-bottom: 90px;}.mb-95{margin-bottom: 95px;}.mb-100{margin-bottom: 100px;}.pt-0{padding-top: 0px;}.pt-10{padding-top: 10px;}.pt-20{padding-top: 20px;}.pt-30{padding-top: 30px;}.pt-40{padding-top: 40px;}.pt-50{padding-top: 50px;}.pt-60{padding-top: 60px;}.pt-70{padding-top: 70px;}.pt-80{padding-top: 80px;}.pt-90{padding-top: 90px;}.pt-100{padding-top: 100px;}.pb-0{padding-bottom: 0px;}.pb-10{padding-bottom: 10px;}.pb-20{padding-bottom: 20px;}.pb-30{padding-bottom: 30px;}.pb-40{padding-bottom: 40px;}.pb-50{padding-bottom: 50px;}.pb-60{padding-bottom: 60px;}.pb-70{padding-bottom: 70px;}.pb-80{padding-bottom: 80px;}.pb-90{padding-bottom: 90px;}.pb-100{padding-bottom: 100px;}.hv-0{height: 0vh;}.hv-10{height: 10vh;}.hv-20{height: 20vh;}.hv-30{height: 30vh;}.hv-40{height: 40vh;}.hv-50{height: 50vh;}.hv-60{height: 60vh;}.hv-70{height: 70vh;}.hv-80{height: 80vh;}.hv-90{height: 90vh;}.hv-100{height: 100vh;}.w-0{width: 0%;}.w-10{width: 10%;}.w-20{width: 20%;}.w-30{width: 30%;}.w-40{width: 40%;}.w-50{width: 50%;}.w-60{width: 60%;}.w-70{width: 70%;}.w-80{width: 80%;}.w-90{width: 90%;}.w-100{width: 100%;}.h-0{height: 0%;}.h-5{height: 5%;}.h-10{height: 10%;}.h-15{height: 15%;}.h-20{height: 20%;}.h-25{height: 25%;}.h-30{height: 30%;}.h-35{height: 35%;}.h-40{height: 40%;}.h-45{height: 45%;}.h-50{height: 50%;}.h-55{height: 55%;}.h-60{height: 60%;}.h-65{height: 65%;}.h-70{height: 70%;}.h-75{height: 75%;}.h-80{height: 80%;}.h-85{height: 85%;}.h-90{height: 90%;}.h-95{height: 95%;}.h-100{height: 100%;}@media only screen and (min-width: 992px){.pr-lg-100{padding-right: 100px;}}@media only screen and (max-width: 991px){.p-md-20{padding: 20px;}}@media only screen and (max-width: 767px){.d-sm-none{display: none;}.mt-sm-section{margin-top: var(--margin-padding);}.text-sm-left{text-align: left;}}.mr-15{margin-right: 15px;}.mr-5{margin-right: 5px;}.ml-5{margin-left: 5px;}.top-0{top: 0;}.bottom-0{bottom: 0;}.left-0{left: 0;}.right-0{right: 0;}.p-0{padding: 0px;}.p-5{padding: 5px;}.p-10{padding: 10px;}.p-15{padding: 15px;}.p-20{padding: 20px;}.p-25{padding: 25px;}.p-30{padding: 30px;}.p-35{padding: 35px;}.p-40{padding: 40px;}.p-45{padding: 45px;}.p-50{padding: 50px;}.p-55{padding: 55px;}.p-60{padding: 60px;}.p-65{padding: 65px;}.p-70{padding: 70px;}.p-75{padding: 75px;}.p-80{padding: 80px;}.p-85{padding: 85px;}.p-90{padding: 90px;}.p-95{padding: 95px;}.p-100{padding: 100px;}.over-hidden{overflow: hidden;}.p-relative{position: relative;}.p-absolute{position: absolute;}.v-middle{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.clear{clear: both;}.clear:after, .clear:before{content: ""; display: table; table-layout: fixed;}.max-w570{max-width: 570px;}.max-w470{max-width: 470px;}.max-w750{max-width: 750px;}.max-w350{max-width: 350px;}.text-center .max-w570, .text-center .max-w470,.text-center .max-w750{margin-left: auto; margin-right: auto;}.cover-bg-img{width: 100%; height: 100%; object-fit: cover; object-position: center;}.box-padding{padding: var(--box-padding);}.box-padding.box-left{padding-left: 0;}.letter-stroke{color: transparent; -webkit-text-stroke: 1px var(--heading-color);}.before-z-index:before{z-index: 1;}.border-left{border-left: 1px solid var(--border-color);}.xxborder-right{border-right: 1px solid var(--border-color);}.border-top{border-top: 1px solid var(--border-color);}.xxborder-bottom{border-bottom: 1px solid var(--border-color);}.border-color-main{border-color: var(--bg-color);}.border-color-assistant{border-color: var(--assistant-color);}.border-color-theme-color{border-color: var(--theme-color);}.border-color-heading{border-color: var(--heading-color);}.border-color-body{border-color: var(--font-color);}.dsn-video{object-fit: cover; z-index: -20 !important; width: 100%; height: 100%;}[data-dsn=video]{width: 100%; height: 100%;}.dsn-ajax-loader{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 900199;}.dsn-ajax-effect{overflow: hidden !important;}.splitting .whitespace{margin-right: 15px;}.border-style{border: 1px solid var(--border-color);}.word-wrap{word-break: break-word;}.text-center{text-align: center;}.text-left{text-align: left;}.text-right{text-align: right;}.d-flex{display: flex;}.d-inline-flex{display: inline-flex;}.flex-row{flex-direction: row;}.flex-column{flex-direction: column;}.flex-row-reverse{flex-direction: row-reverse;}.flex-column-reverse{flex-direction: column-reverse;}.flex-wrap{flex-wrap: wrap;}.flex-nowrap{flex-wrap: nowrap;}.flex-wrap-reverse{flex-wrap: wrap-reverse;}.flex-fill{flex: 1 1 auto;}.justify-content-start{justify-content: flex-start;}.justify-content-end{justify-content: flex-end;}.justify-content-center{justify-content: center;}.justify-content-between{justify-content: space-between;}.justify-content-around{justify-content: space-around;}.justify-self-start{justify-self: flex-start;}.justify-self-end{justify-self: flex-end;}.justify-self-center{justify-self: center;}.align-items-start{align-items: flex-start;}.align-items-end{align-items: flex-end;}.align-items-center{align-items: center;}.align-items-baseline{align-items: baseline;}.align-items-stretch{align-items: stretch;}.align-content-start{align-content: flex-start;}.align-content-end{align-content: flex-end;}.align-content-center{align-content: center;}.align-content-between{align-content: space-between;}.align-content-around{align-content: space-around;}.align-content-stretch{align-content: stretch;}.align-self-auto{align-self: auto;}.align-self-start{align-self: flex-start;}.align-self-end{align-self: flex-end;}.align-self-center{align-self: center;}.align-self-baseline{align-self: baseline;}.align-self-stretch{align-self: stretch;}.container{width: 100%; margin-right: auto; margin-left: auto;}.d-none{display: none !important;}.d-inline{display: inline;}.d-inline-block{display: inline-block;}.d-block{display: block;}.d-table{display: table;}.d-table-row{display: table-row;}.d-table-cell{display: table-cell;}.m-auto{margin: auto;}.mr-auto, .mx-auto{margin-right: auto;}.ml-auto, .mx-auto{margin-left: auto;}.fz-14{font-size: 14px;}.border-rdu:not(.dsn-btn){border-radius: 7px;}[data-dsn-grid=move-up],[data-dsn-grid=moveUp]{position: relative; overflow: hidden;}[data-dsn-grid=move-up]:not(.h-v-80),[data-dsn-grid=moveUp]:not(.h-v-80){height: 100vh;}.container [data-dsn-grid=move-up],.container [data-dsn-grid=moveUp]{height: 80vh;}@media only screen and (max-width: 767px){[data-dsn-grid=move-up],[data-dsn-grid=moveUp]{height: 80vh;}}@media only screen and (max-width: 575px){[data-dsn-grid=move-up],[data-dsn-grid=moveUp]{height: 50vh;}}[data-dsn-grid=move-up] img,[data-dsn-grid=move-up] video,[data-dsn-grid=moveUp] img,[data-dsn-grid=moveUp] video{position: absolute; width: 100%; height: 100%; pointer-events: none; object-fit: cover; will-change: transform;}[data-dsn-grid=move-up] img.has-bigger-scale,[data-dsn-grid=move-up] video.has-bigger-scale,[data-dsn-grid=moveUp] img.has-bigger-scale,[data-dsn-grid=moveUp] video.has-bigger-scale{transform: scale(1.3);}[data-dsn-grid=move-up] img.has-skew,[data-dsn-grid=move-up] video.has-skew,[data-dsn-grid=moveUp] img.has-skew,[data-dsn-grid=moveUp] video.has-skew{transform-origin: 0 90%; transform: skewY(15deg);}[data-dsn-grid=move-up] img.has-scale,[data-dsn-grid=move-up] video.has-scale,[data-dsn-grid=moveUp] img.has-scale,[data-dsn-grid=moveUp] video.has-scale{transform: scale(0.98);}[data-dsn-grid=move-up] img.has-opposite-direction,[data-dsn-grid=move-up] video.has-opposite-direction,[data-dsn-grid=moveUp] img.has-opposite-direction,[data-dsn-grid=moveUp] video.has-opposite-direction{height: 120%; top: 0;}[data-dsn-grid=move-up].dsn-animate,[data-dsn-grid=moveUp].dsn-animate{transform: scale(1.2);}[data-dsn-grid=move-up].dsn-animate:after,[data-dsn-grid=moveUp].dsn-animate:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--bg-color); transition: 1s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;}[data-dsn-grid=move-up].dsn-animate.dsn-active,[data-dsn-grid=moveUp].dsn-animate.dsn-active{transform: scale(1); transition: 1s cubic-bezier(0.4, 0, 0.2, 1) 1.1s;}[data-dsn-grid=move-up].dsn-animate.dsn-active.dsn-effect-right:after,[data-dsn-grid=moveUp].dsn-animate.dsn-active.dsn-effect-right:after{transform: translateX(100%);}[data-dsn-grid=move-up].dsn-animate.dsn-active.dsn-effect-left:after,[data-dsn-grid=moveUp].dsn-animate.dsn-active.dsn-effect-left:after{transform: translateX(-100%);}[data-dsn-grid=move-up].dsn-animate.dsn-active.dsn-effect-up:after,[data-dsn-grid=moveUp].dsn-animate.dsn-active.dsn-effect-up:after{transform: translateY(-100%);}[data-dsn-grid=move-up].dsn-animate.dsn-active.dsn-effect-down:after,[data-dsn-grid=moveUp].dsn-animate.dsn-active.dsn-effect-down:after{transform: translateY(100%);}@media only screen and (min-width: 768px){[data-dsn-grid=move-up].h-100,[data-dsn-grid=moveUp].h-100{height: 100%;}}.img-box-parallax img{display: initial; xxxxxxheight: auto;}.fancybox__container{--fancybox-thumbs-border-radius: 50%; --fancybox-thumbs-ratio: 1; --fancybox-thumbs-width: 70px; --fancybox-thumbs-height: 70px; --fancybox-accent-color: var(--theme-color);}.fancybox__container .fancybox__thumbs{padding-bottom: 30px;}.fancybox__thumbs .carousel__slide:not(:last-child){margin-right: 10px;}[data-fancybox]{cursor: pointer;}.over-hidden{overflow: hidden;}p{color: var(--font-color);}.z-index-1{z-index: 1;}.z-index-2{z-index: 2;}.box-shadow-image .bg-shadow:after, .dsn-box-shadow:after{content: ""; position: absolute; width: 100%; left: 0; bottom: 0; height: 20%; background-image: linear-gradient(to top, var(--assistant-color), rgba(0, 0, 0, 0));}
/* black global.min.css----------------end------ */ 


/* black style.min.css---------------------- */ 
@charset "UTF-8";:root, :root .v-light, :root .v-light-head{--bg-color: #f9f9f9; --assistant-color: #efefef; --theme-color: #e4dcd3; --theme-color-font: #fff; --font-color: #0009; --heading-color: #000; --border-color: #2828281a; --smooth-color: #141414; --reverse-color: #141414; --reverse-heading-color: #fff; --bg-btn: #f6fafd; /** Elementor color */ --divider-color: var(--border-color);}:root .v-dark, :root .v-dark-head{--bg-color: #131313; --assistant-color: #191919; --theme-color: #e4e4dd; --theme-color: #c9c9c9;/** header creative grau color */ --font-color: #ddd; --heading-color: #fff; --border-color: #ffffff1a; --smooth-color: #f9f9f9; --reverse-color: #f9f9f9; --reverse-heading-color: #000; --bg-btn: #0a0909;}:root .v-dark .background-theme, :root .v-dark.background-theme, :root .v-dark-head .background-theme, :root .v-dark-head.background-theme{--font-color: #0009; --heading-color: #000;}@media only screen and (max-width: 991px){.v-dark-head-mobile{--bg-color: #131313; --assistant-color: #191919; --theme-color: #e4e4dd; --font-color: #ddd; --heading-color: #fff; --border-color: #ffffff1a; --smooth-color: #f9f9f9; --reverse-color: #f9f9f9; --reverse-heading-color: #000; --bg-btn: #0a0909;}.v-dark-head-mobile .background-theme, .v-dark-head-mobile.background-theme{--font-color: #0009; --heading-color: #000;}}:root{--body-font: "Poppins", sans-serif; --heading-font: "Excon", sans-serif; --font-pre: "Courier 10 Pitch", Courier, monospace; --font-size-base: 18px; --font-size-h1: 40px; --font-size-h2: 35px; --font-size-h3: 30px; --font-size-h4: 25px; --font-size-h5: 22px; --font-size-h6: 16px; --menu-size: 12px; --line-height-base: 1.3; --line-height-content: 1.6; --font-weight-heading: 300; --font-weight-body: 300; --smooth-width: 4px; --bg-overlay: #000; --overlay-blend-mode: unset;}:root .dsn-icon-theme-color{--theme-color: #f7e0c7; --theme-color: #8cffe8;/** icons lindgrün color */}@media only screen and (min-width: 1400px){:root{--dsn-gap-container: 100px; --title-heading: 95px;}:root .container, :root .dsn-left-container, :root .dsn-right-container{--dsn-gap-container: 50px;}}@media only screen and (max-width: 1399px){:root{--dsn-gap-container: 50px; --title-heading: 85px;}}@media only screen and (max-width: 1200px){:root{--title-heading: 75px;}}@media only screen and (min-width: 992px){:root{--margin-padding: 120px; --box-padding: 80px 40px;}}@media only screen and (max-width: 991px){:root{--margin-padding: 80px; --box-padding: 60px var(--dsn-gap-container); --title-heading: 65px;}}@media only screen and (min-width: 768px) and (max-width: 991px){:root{--dsn-gap-container: 40px;}}@media only screen and (min-width: 576px) and (max-width: 767px){:root{--dsn-gap-container: 25px; --title-heading: 47px;}}@media only screen and (max-width: 575px){:root{--dsn-gap-container: 15px; --title-heading: 47px;}}/* ------------------------------------------------------- Core-------------------------------------------------------- */html{font-size: var(--font-size-base); scroll-behavior: initial;}body{background-color: var(--bg-color); color: var(--font-color); line-height: var(--line-height-base); font-family: var(--body-font); font-weight: var(--font-weight-body); margin: 0; text-rendering: optimizeLegibility; transition: 100ms; transition-property: background-color, color; width: 100%; min-height: 100%;}#dsn_cursor, #dsn_cursor_inner{position: fixed; top: 0; left: 0; border-radius: 50%; pointer-events: none; z-index: 99;}body:not(.dsn-cursor-effect) #dsn_cursor, body:not(.dsn-cursor-effect) #dsn_cursor_inner{display: none;}@media only screen and (max-width: 991px){#dsn_cursor, #dsn_cursor_inner{display: none;}}#dsn_cursor{width: 30px; height: 30px; border: 2px solid var(--theme-color);}#dsn_cursor path{display: none; stroke-dasharray: 400; stroke-dashoffset: 400; stroke-width: 1;}#dsn_cursor_inner{width: 7px; height: 7px; background-color: var(--theme-color);}.unique-demos .box-content{opacity: 0.015;}.unique-demos .box-content .title{font-size: 8vw;}#main_root:before, #main_root:after{clear: both; min-height: 1px; display: block;}#page_wrapper{position: relative; z-index: 1;}.elementor-widget-dsn_bg_mask.elementor-element.elementor-absolute, .elementor-widget-dsn_bg_mask.elementor-element.elementor-fixed{z-index: 0;}.bg-load{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;}.bg-load svg{fill: var(--dsn-color-icon, var(--theme-color)); pointer-events: none; width: 100%; height: 150px;}.bg-load svg.dsn-separator-bottom{transform: translateY(148px);}.bg-load svg.dsn-separator-top{transform: translateY(-148px) rotate(180deg);}.dsn-heading-title.p-10{padding-top: 5px; padding-bottom: 5px; letter-spacing: 2px;}.footer-animate.svg-animate .dsn-separator{top: 0; fill: var(--dsn-color-icon, var(--theme-color)); position: absolute; display: block; pointer-events: none; width: 100%; height: 150px; z-index: 10; left: 0; background-color: transparent;}@media only screen and (max-width: 991px){.footer-animate.svg-animate .dsn-separator{height: 100px;}}@media only screen and (max-width: 991px){.footer-animate.svg-animate .dsn-separator{height: 80px;}}@media only screen and (max-width: 400px){.footer-animate.svg-animate .dsn-separator{height: 50px;}}.background-overlay{height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none;}.bg-1{background-image: url("../img/bg-1.png"); background-position: bottom left; background-repeat: no-repeat; opacity: 0.3;}.bg-dots:not(.dsn-btn, .service-item, .service-item-inner), .bg-dots .background-section:not(.dsn-btn, .service-item, .service-item-inner), .bg-dots .background-main:not(.dsn-btn, .service-item, .service-item-inner), .bg-dots .background-theme:not(.dsn-btn, .service-item, .service-item-inner){background-image: url("../img/bg-dot.png");}.bg-dots.v-light:not(.dsn-btn, .service-item, .service-item-inner), .bg-dots.v-light .background-section:not(.dsn-btn, .service-item, .service-item-inner), .bg-dots.v-light .background-main:not(.dsn-btn, .service-item, .service-item-inner), .bg-dots.v-light .background-theme:not(.dsn-btn, .service-item, .service-item-inner), .v-light .bg-dots:not(.dsn-btn, .service-item, .service-item-inner), .v-light .bg-dots .background-section:not(.dsn-btn, .service-item, .service-item-inner), .v-light .bg-dots .background-main:not(.dsn-btn, .service-item, .service-item-inner), .v-light .bg-dots .background-theme:not(.dsn-btn, .service-item, .service-item-inner){background-image: url("../img/bg-dot-light.png");}.bg-pattern{background-image: url("../img/bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.8;}.pt-header{padding-top: 160px;}.dsn-align-center{position: relative; min-height: 100vh; display: flex; align-items: center;}.dsn-align-center > *{width: 100%;}@media only screen and (max-width: 991px){.left-box-image.mb-section, .box-info.mt-section{--margin-padding: 0;}.box-info.p-80{padding: var(--box-padding);}}@media only screen and (max-width: 767px){.dsn-def-btn.justify-self-end, .dsn-normal-btn.justify-self-end{justify-self: inherit;}}.dsn-def-btn > *, .dsn-def-btn > * .dsn-btn, .dsn-normal-btn > *, .dsn-normal-btn > * .dsn-btn{display: flex; align-items: center;}.dsn-normal-btn > * .dsn-btn{justify-content: center;}.dsn-btn{position: relative; text-align: center;}.dsn-btn .title-btn, .dsn-btn .dsn-icon{z-index: 2;}.dsn-btn .icon-circle{z-index: 1 !important;}.dsn-btn .btn-icon-left{margin-right: 10px;}.dsn-btn .btn-icon-right{margin-left: 10px;}.dsn-btn .title-btn{position: relative; font-size: 13px; line-height: 1.2; letter-spacing: 2px;}.dsn-def-btn{--dsn-icon-size: 15px;}.dsn-def-btn .dsn-btn, .dsn-def-btn .dsn-icon:before, .dsn-def-btn .dsn-icon i, .dsn-def-btn .dsn-icon svg{transition: 0.45s cubic-bezier(0.65, 0, 0.076, 1); transition-property: width, padding, margin;}.dsn-def-btn .icon-circle{display: none;}.dsn-def-btn .dsn-icon{width: 50px; height: 50px; line-height: 50px; border-radius: 50px; z-index: 0;}.dsn-def-btn .dsn-icon > *{position: relative; z-index: 1;}.dsn-def-btn .dsn-icon:before{content: ""; position: absolute; width: inherit; height: inherit; border-radius: inherit;}.dsn-def-btn .dsn-icon.btn-icon-left:before{left: 0;}.dsn-def-btn .dsn-icon.btn-icon-right:before{right: 0;}.dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-left{padding-right: 50px;}.dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-left .dsn-icon i, .dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-left .dsn-icon svg{margin-left: calc(50px / 2);}.dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-right{padding-left: calc(50px / 2);}.dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-right .dsn-icon i, .dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-right .dsn-icon svg{margin-right: calc(50px / 2);}.dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover .dsn-icon:before{width: 100%;}.dsn-def-btn.dsn-hover-icon .dsn-btn .title-btn{position: relative; padding-bottom: 5px;}.dsn-def-btn.dsn-hover-icon .dsn-btn .title-btn:after{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--border-color); transform-origin: right;}.dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon{position: absolute; margin-bottom: 5px;}.dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon.btn-icon-left, .dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon.btn-icon-left:after{left: 0;}.dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon.btn-icon-right, .dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon.btn-icon-right:after{right: 0;}.dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon:after{content: ""; position: absolute; width: 7px; height: 7px; line-height: 7px; border-radius: 50px; border: 1px solid var(--heading-color); top: 50%; transform: translateY(-50%); z-index: -1;}.dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon:before{transform: scale(0);}.dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon i, .dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon svg{opacity: 0;}.dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon, .dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon:before, .dsn-def-btn.dsn-hover-icon .dsn-btn .dsn-icon:after, .dsn-def-btn.dsn-hover-icon .dsn-btn i, .dsn-def-btn.dsn-hover-icon .dsn-btn svg, .dsn-def-btn.dsn-hover-icon .dsn-btn .title-btn, .dsn-def-btn.dsn-hover-icon .dsn-btn .title-btn:after{transition: 0.45s cubic-bezier(0.65, 0, 0.076, 1);}.dsn-def-btn.dsn-hover-icon .dsn-btn.has-icon-left .title-btn{margin-left: 15px;}.dsn-def-btn.dsn-hover-icon .dsn-btn.has-icon-right .title-btn{margin-right: 15px;}.dsn-def-btn.dsn-hover-icon .dsn-btn:hover.has-icon-left .title-btn{margin-left: calc(50px + 10px);}.dsn-def-btn.dsn-hover-icon .dsn-btn:hover.has-icon-right .title-btn{margin-right: calc(50px + 10px);}.dsn-def-btn.dsn-hover-icon .dsn-btn:hover .dsn-icon{width: 50px; height: 50px; line-height: 50px; border-radius: 50px; z-index: 0; border: 0;}.dsn-def-btn.dsn-hover-icon .dsn-btn:hover .dsn-icon.btn-icon-left:after{left: 25px;}.dsn-def-btn.dsn-hover-icon .dsn-btn:hover .dsn-icon.btn-icon-right:after{right: 25px;}.dsn-def-btn.dsn-hover-icon .dsn-btn:hover .dsn-icon:before, .dsn-def-btn.dsn-hover-icon .dsn-btn:hover .dsn-icon i, .dsn-def-btn.dsn-hover-icon .dsn-btn:hover .dsn-icon svg{transform: none; opacity: 1;}.dsn-def-btn.dsn-hover-icon .dsn-btn:hover .title-btn:after{transform: scale(0);}.dsn-normal-btn .dsn-btn:not(.border-rdu){padding: 12px 18px;}.dsn-normal-btn .dsn-btn.border-rdu{border-radius: 48px; padding: 20px 30px;}/*--------------------------------------------------------------## Links--------------------------------------------------------------*/a{outline: 0; outline-style: none;}a:hover, a:active{outline: 0; text-decoration: none;}/*--------------------------------------------------------------## Menus--------------------------------------------------------------*/.site-header{position: fixed; top: 0; width: 100%; padding-top: 22px; padding-bottom: 22px; transition-property: background-color, padding-top, padding-bottom, transform; transition-duration: 0.5s; z-index: 97; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}.site-header > .p-relative.dsn-container{padding: 0; display: flex; align-items: center; padding-right:5px;}.site-header .dsn-svg-transition{fill: var(--assistant-color);}.site-header .bg-load:not(.dsn-svg-transition){opacity: 0; visibility: hidden; z-index: -1;}.site-header .bg-load{position: fixed; pointer-events: none;}.admin-bar .site-header{top: 46px;}@media screen and (min-width: 783px){.admin-bar .site-header{top: 32px;}}.site-header .main-logo{position: relative; z-index: 1;}.site-header ul.primary-nav{display: flex; padding-left: 0; margin-bottom: 0; flex-wrap: wrap;}.site-header ul.primary-nav ul{position: absolute;}@media only screen and (min-width: 992px){.site-header:not(.dsn-hamburger) .main-navigation{display: flex; flex-basis: auto;}.site-header:not(.dsn-hamburger) ul.primary-nav li{font-family: var(--body-font); font-weight: bold;}.site-header:not(.dsn-hamburger) ul.primary-nav > li{font-size: 14px; padding-bottom: 10px; padding-top: 10px;}.site-header:not(.dsn-hamburger) ul.primary-nav > li li.has-sub-menu:after{content: ""; position: absolute; border: solid var(--theme-color); border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: translateY(-50%) rotate(45deg); margin: 0 0 2px 1px; right: 15px; top: calc(50% - 3px);}.site-header:not(.dsn-hamburger) ul.primary-nav > li:not(:first-of-type){margin-left: 30px;}.site-header:not(.dsn-hamburger) ul.primary-nav > li:last-of-type ul{margin-left: -95px;}.site-header:not(.dsn-hamburger) ul.primary-nav > li ul{min-width: 200px; padding: 10px 0; margin-top: 10px; margin-left: -20px; background-color: var(--assistant-color); transition-property: transform, opacity, visibility; transition-duration: 0.8s; border-radius: 7px; opacity: 0; visibility: hidden; transform: translateY(35px); transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);}.site-header:not(.dsn-hamburger) ul.primary-nav > li ul li{position: relative; width: 100%; padding: 7px 20px; font-size: 13px; font-weight: 500;}.site-header:not(.dsn-hamburger) ul.primary-nav > li ul li:before{content: ""; position: absolute; left: 0; top: 0; height: 0; width: 1.5px; transition: 0.5s; background-color: var(--heading-color);}.site-header:not(.dsn-hamburger) ul.primary-nav > li ul li:hover:before{height: 100%;}.site-header:not(.dsn-hamburger) ul.primary-nav > li ul ul{right: 100%; top: -15px;}.site-header:not(.dsn-hamburger) ul.primary-nav li.has-sub-menu:hover > ul, .site-header:not(.dsn-hamburger) ul.primary-nav li.has-sub-menu:focus > ul{opacity: 1; transform: none; visibility: visible;}.site-header:not(.dsn-hamburger) .navbar-toggle, .site-header:not(.dsn-hamburger) .bg-load{display: none;}.site-header:not(.dsn-hamburger) .dsn-back{display: none;}.site-header:not(.dsn-hamburger) .menu-cover-title{display: none;}}.site-header.dsn-hamburger .main-navigation{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; padding-right: var(--dsn-gap-container); padding-left: var(--dsn-gap-container); transform: translateY(-100%); opacity: 0; visibility: hidden; display: flex;}@media only screen and (max-width: 991px){.site-header.dsn-hamburger .main-navigation{flex-direction: column; overflow: auto;}}.site-header.dsn-hamburger ul.primary-nav{position: relative; top: 100px;}@media only screen and (min-width: 992px){.site-header.dsn-hamburger ul.primary-nav{width: 70%; padding-right: var(--bs-gutter-x);}}.site-header.dsn-hamburger ul.primary-nav ul{width: 100%;}.site-header.dsn-hamburger ul.primary-nav, .site-header.dsn-hamburger ul.primary-nav ul{counter-reset: var(--dsn-li-name); height: calc(100vh - 100px); padding-bottom: 80px; padding-left: 0; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: flex-start; pointer-events: none; font-weight: 500;}@media only screen and (max-width: 991px){.site-header.dsn-hamburger ul.primary-nav, .site-header.dsn-hamburger ul.primary-nav ul{justify-content: start;}}.site-header.dsn-hamburger ul.primary-nav li, .site-header.dsn-hamburger ul.primary-nav ul li{cursor: pointer; pointer-events: none;}.site-header.dsn-hamburger ul.primary-nav a, .site-header.dsn-hamburger ul.primary-nav ul a{color: var(--font-color); transform-origin: left top; transition: 500ms 0ms;}.site-header.dsn-hamburger ul.primary-nav a:hover, .site-header.dsn-hamburger ul.primary-nav ul a:hover{transform: skewX(2deg); letter-spacing: 2.5px;}@media only screen and (min-width: 992px){.site-header.dsn-hamburger ul.primary-nav li a span:before, .site-header.dsn-hamburger ul.primary-nav ul li a span:before{counter-increment: var(--dsn-li-name); content: counters(var(--dsn-li-name), ".", decimal-leading-zero) ". "; font-family: var(--border-color); pointer-events: none; font-size: 14px; opacity: 0.3;}}.site-header.dsn-hamburger ul.primary-nav li{margin: 10px 0; width: 100%;}.site-header.dsn-hamburger ul.primary-nav a{position: relative; overflow: hidden;}.site-header.dsn-hamburger ul.primary-nav.h2 a{line-height: var(--font-size-h2);}.site-header.dsn-hamburger ul.primary-nav .h3 a{line-height: var(--font-size-h3);}.site-header.dsn-hamburger ul{left: 0; top: 0; z-index: -1;}.site-header.dsn-hamburger ul > li > a > span, .site-header.dsn-hamburger ul > li > span, .site-header.dsn-hamburger ul .scroll-content > li > a > span, .site-header.dsn-hamburger ul .scroll-content > li > span{transform: translateY(10px); opacity: 0; visibility: hidden; transition: 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-property: opacity, visibility, transform; transform-origin: center top; transition-delay: calc(0.1s * var(--dsn-li-index));}.site-header.dsn-hamburger ul.open{z-index: 9;}.site-header.dsn-hamburger ul.open > li > a, .site-header.dsn-hamburger ul.open > li > span, .site-header.dsn-hamburger ul.open .scroll-content > li > a, .site-header.dsn-hamburger ul.open .scroll-content > li > span{pointer-events: auto !important;}.site-header.dsn-hamburger ul.open > li > a > span, .site-header.dsn-hamburger ul.open > li > span, .site-header.dsn-hamburger ul.open .scroll-content > li > a > span, .site-header.dsn-hamburger ul.open .scroll-content > li > span{transform: translateY(0); opacity: 1; visibility: visible;}.site-header.dsn-hamburger #navbar_toggle{position: relative; display: flex; align-items: center; z-index: 1; cursor: pointer;}.site-header.dsn-hamburger #navbar_toggle .toggle-icon{--width-icon: 25px; margin-right: 10px;}.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line{position: relative; height: 2px; background-color: var(--heading-color); width: 25px; transition: 0.5s;}.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:not(:first-child){margin-top: 5px;}.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:nth-of-type(1), .site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:nth-of-type(3){transform: scaleX(0.5);}.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:nth-of-type(2){width: var(--width-icon);}.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:nth-of-type(1){transform-origin: left;}.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:nth-of-type(3){transform-origin: right;}.site-header.dsn-hamburger #navbar_toggle .toggle-text{position: relative; --animate-trans: translateY(5px) rotateX(75deg); min-width: 43px;}.site-header.dsn-hamburger #navbar_toggle .toggle-text .text-open, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-close{position: absolute; top: 0; left: 0;}.site-header.dsn-hamburger #navbar_toggle .toggle-text .text-open .char, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-close .char{opacity: 0; visibility: hidden; transform: var(--animate-trans);}.site-header.dsn-hamburger #navbar_toggle .toggle-text .text-open, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-close, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-menu{overflow: hidden; will-change: transform;}.site-header.dsn-hamburger #navbar_toggle .toggle-text .text-open .char, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-close .char, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-menu .char{will-change: transform; transition-property: opacity, visibility, transform; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-delay: calc(30ms * var(--char-index) + 1ms);}.site-header.dsn-hamburger #navbar_toggle:hover .toggle-line{--trans-icon: scale(0.2, 1.7);}.site-header.dsn-hamburger #navbar_toggle:hover .toggle-line:nth-of-type(1), .site-header.dsn-hamburger #navbar_toggle:hover .toggle-line:nth-of-type(2), .site-header.dsn-hamburger #navbar_toggle:hover .toggle-line:nth-of-type(3){transform: var(--trans-icon); border-radius: 3px;}.site-header.dsn-hamburger #navbar_toggle:hover .toggle-line:nth-of-type(1){transform: var(--trans-icon) translateY(4px);}.site-header.dsn-hamburger #navbar_toggle:hover .toggle-line:nth-of-type(3){transform: var(--trans-icon) translateY(-4px);}.site-header.dsn-hamburger #navbar_toggle:hover .text-menu .char{opacity: 0; visibility: hidden; transform: var(--animate-trans);}.site-header.dsn-hamburger #navbar_toggle:hover:not(.open) .text-open .char, .site-header.dsn-hamburger #navbar_toggle:hover.open .text-close .char{opacity: 1; visibility: visible; transform: none;}.site-header.dsn-hamburger .menu-cover-title{position: absolute; top: 50%; font-size: 20vw; font-weight: 600; line-height: 1.15; transform: translateY(-50%) rotateX(75deg); opacity: 0; padding-left: inherit; transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-property: opacity, transform; pointer-events: none;}@media only screen and (min-width: 992px){.site-header.dsn-hamburger .menu-cover-title{left: -15px;}}@media only screen and (max-width: 991px){.site-header.dsn-hamburger .menu-cover-title{left: 0; padding-right: inherit; width: 100%;}}.site-header.dsn-hamburger.dsn-open .menu-cover-title{transition-delay: 1s; opacity: 0.03; transform: translateY(-50%);}.site-header.dsn-hamburger.dsn-open .toggle-line:nth-of-type(2){transform: scale(0) !important; display: none;}.site-header.dsn-hamburger.dsn-open .toggle-line:nth-of-type(1), .site-header.dsn-hamburger.dsn-open .toggle-line:nth-of-type(3){margin-top: 0 !important;}.site-header.dsn-hamburger.dsn-open .toggle-line:nth-of-type(1){transform: scale(1) rotate(45deg) !important; transform-origin: bottom !important;}.site-header.dsn-hamburger.dsn-open .toggle-line:nth-of-type(3){transform: scale(1) rotate(-45deg) !important; transform-origin: top !important; font-size:0.5em;}.site-header.dsn-hamburger.dsn-open .main-navigation{opacity: 1; visibility: visible; transform: none;}@media only screen and (max-width: 991px){.site-header.dsn-hamburger.dsn-open .main-navigation{text-align: center;}.site-header.dsn-hamburger.dsn-open .main-navigation ul{width: 100%;}}@keyframes draw{0%{stroke-dasharray: 10;}0%{stroke-dasharray: 280;}100%{stroke-dasharray: 10;}}.site-header.dsn-hamburger .dsn-back{/** Hover */}.site-header.dsn-hamburger .dsn-back svg{fill: none; stroke: var(--border-color); stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 10; stroke-dashoffset: 0; stroke-width: 13px; width: 22px; margin-right: 10px;}.site-header.dsn-hamburger .dsn-back > span{display: flex;}@media only screen and (max-width: 991px){.site-header.dsn-hamburger .dsn-back > span{justify-content: center;}}.site-header.dsn-hamburger .dsn-back span{font-size: 15px;}.site-header.dsn-hamburger .dsn-back .text-toggle-back{position: relative;}.site-header.dsn-hamburger .dsn-back .text-toggle-back .text-back{position: absolute; left: 0;}.site-header.dsn-hamburger .dsn-back .text-toggle-back .char{margin-right: 5px; transform-origin: center top; transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) calc(50ms * var(--char-index));}.site-header.dsn-hamburger .dsn-back:hover svg{animation: draw 3s linear alternate infinite;}.site-header.dsn-hamburger .dsn-back:hover .text-toggle-back .text-back .char, .site-header.dsn-hamburger .dsn-back .text-toggle-back .text-name .char{transform: none; opacity: 1; visibility: visible;}.site-header.dsn-hamburger .dsn-back:hover .text-toggle-back .text-name .char, .site-header.dsn-hamburger .dsn-back .text-toggle-back .text-back .char{transform: translateY(10px) rotateX(75deg); opacity: 0; visibility: hidden;}.site-header.dsn-hamburger .container-content{display: flex !important; position: relative; opacity: 0; visibility: hidden;}.site-header.dsn-hamburger .container-content:after, .site-header.dsn-hamburger .container-content{transition: 1s;}.site-header.dsn-hamburger .container-content:after{content: ""; position: absolute; background-color: var(--border-color);}@media only screen and (min-width: 992px){.site-header.dsn-hamburger .container-content:after{left: calc(-1 * var(--dsn-gap-container)); top: 0; width: 1px; height: 0;}}@media only screen and (max-width: 991px){.site-header.dsn-hamburger .container-content:after{width: 0; height: 1px;}}.site-header.dsn-hamburger .container-content .sm-title-block{color: #a56433;}.site-header.dsn-hamburger .container-content .nav-social ul li{position: relative; color: var(--heading-color); display: inline-block; letter-spacing: 2px; font-size: 14px; margin-right: 15px; padding-right: 5px;}.site-header.dsn-hamburger.dsn-open .container-content{opacity: 1; visibility: visible;}@media only screen and (min-width: 992px){.site-header.dsn-hamburger.dsn-open .container-content:after{height: 100%;}}@media only screen and (max-width: 991px){.site-header.dsn-hamburger.dsn-open .container-content:after{width: 100%; top: calc(-1 * var(--margin-padding) / 2);}}.site-header.dsn-hamburger.dsn-open .container-content:after, .site-header.dsn-hamburger.dsn-open .container-content{transition-delay: 0.7s;}.site-header:not(.dsn-hamburger) .container-content{display: none;}.site-header.nav-bg{background-color: var(--bg-color); padding-top: 10px; padding-bottom: 10px;}@media only screen and (max-width: 600px){.site-header.nav-bg{top: 0;}}.site-header.hide-nav:not(.dsn-open){transform: translateY(-100%);}.main-brand img, .dsnload__img img{width: 180px; max-width: 100%; height: auto;}.v-light #site_menu_header .main-brand .logo-dark, #dsn_footer.v-light .main-brand .logo-dark, .main-brand .logo-dark, .v-light #dsn_footer:not(.v-light, .v-dark) .main-brand .logo-dark, .v-light #site_menu_header .dsnload__img .logo-dark, #dsn_footer.v-light .dsnload__img .logo-dark, .dsnload__img .logo-dark, .v-light #dsn_footer:not(.v-light, .v-dark) .dsnload__img .logo-dark{display: block;}.v-light #site_menu_header .main-brand .logo-light, #dsn_footer.v-light .main-brand .logo-light, .main-brand .logo-light, .v-light #dsn_footer:not(.v-light, .v-dark) .main-brand .logo-light, .v-light #site_menu_header .dsnload__img .logo-light, #dsn_footer.v-light .dsnload__img .logo-light, .dsnload__img .logo-light, .v-light #dsn_footer:not(.v-light, .v-dark) .dsnload__img .logo-light{display: none;}.v-dark #site_menu_header .main-brand .logo-dark, #dsn_footer.v-dark .main-brand .logo-dark, .v-dark #dsn_footer:not(.v-light, .v-dark) .main-brand .logo-dark, .v-dark #site_menu_header .dsnload__img .logo-dark, #dsn_footer.v-dark .dsnload__img .logo-dark, .v-dark #dsn_footer:not(.v-light, .v-dark) .dsnload__img .logo-dark{display: none;}.v-dark #site_menu_header .main-brand .logo-light, #dsn_footer.v-dark .main-brand .logo-light, .v-dark #dsn_footer:not(.v-light, .v-dark) .main-brand .logo-light, .v-dark #site_menu_header .dsnload__img .logo-light, #dsn_footer.v-dark .dsnload__img .logo-light, .v-dark #dsn_footer:not(.v-light, .v-dark) .dsnload__img .logo-light{display: block;}.social-side{position: fixed; left: 25px; bottom: 50px; z-index: 10; display: flex; mix-blend-mode: exclusion; color: #fff; --heading-color: #fff; --border-color: #fff;}@media only screen and (max-width: 991px){.social-side{display: none;}}.social-side .icon{text-align: center; width: 30px; line-height: 30px; cursor: pointer; writing-mode: vertical-rl; -webkit-text-orientation: mixed; text-orientation: mixed; white-space: nowrap; letter-spacing: 2px; font-weight: 600; font-size: 12px;}.social-side .icon:before{content: ""; position: relative; display: inline-block; border-left: 1px solid var(--border-color); height: 50px; margin-bottom: 10px;}.socials{text-align: center; font-size: 14px;}.socials li a{position: relative; margin-bottom: 10px; margin-top: 5px; color: var(--heading-color);}.socials li a:after, .socials li a span, .socials li a:hover i{transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);}.socials li a:after{content: ""; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; border-radius: 50%; background: var(--heading-color); opacity: 0; transform: translate(-50%, -50%) scale(0.2);}.socials li a i{transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}.socials li a span{position: absolute; top: 50%; left: 50%; color: var(--heading-color); font-size: 13px; opacity: 0; transform-origin: center bottom; cursor: pointer; transform: translateX(0px) translateY(-50%);}.socials li a:hover i{transform: scale(0);}.socials li a:hover label{opacity: 1; transform: matrix(1, 0, 0, 1, 12, -8); transition: all 0.6s cubic-bezier(0.75, -0.5, 0, 1.75);}.socials li a:hover:after{opacity: 1; transform: translate(-50%, -50%) scale(1); transition: all 0.5s cubic-bezier(0.75, -0.5, 0, 1.75); transition-delay: 0.2s;}.socials li a:hover span{opacity: 1; transform: translateX(10px) translateY(-50%);}.elementor-align-right .dsn-socials .dsn-icon{margin: inherit;}/*--------------------------------------------------------------## Header--------------------------------------------------------------*//* ------------------------------------------------------- Header-------------------------------------------------------- */.link-project{right: 60px; bottom: 60px; z-index: 15; width: 120px; height: 120px; border-radius: 50%; text-align: center; line-height: 120px; font-size: 13px; letter-spacing: 1px;}.link-project svg{width: 20px; height: 20px; display: inline-block; vertical-align: middle; fill: currentColor; overflow: hidden;}@media only screen and (max-width: 767px){.link-project{display: none;}}#dsn_header{position: relative; overflow: hidden; --margin-padding: 80px;}#dsn_header:not(.header-normal, .header-padding, .dsn-full-header){min-height: 100vh;}#dsn_header:not(.header-normal, .header-padding, .dsn-full-header) #hero_content{padding-top: 80px; padding-bottom: 220px;}@media only screen and (min-width: 768px){#dsn_header:not(.header-normal, .header-padding, .dsn-full-header) .entry-header, #dsn_header:not(.header-normal, .header-padding, .dsn-full-header) #hero_content{min-height: calc(100vh - (var(--margin-padding) * 2));}}@media only screen and (max-width: 767px){#dsn_header:not(.header-normal, .header-padding, .dsn-full-header){padding: 0;}#dsn_header:not(.header-normal, .header-padding, .dsn-full-header) .entry-header, #dsn_header:not(.header-normal, .header-padding, .dsn-full-header) #hero_content{min-height: 100vh;}}#Xdsn_header.show-box-shadow:not(.header-normal) .entry-header:after{content: ""; position: absolute; width: 100%;}#Xdsn_header:not(.header-normal):before{content: ""; position: absolute; width: 100%; left: 0; top: 50%; height: 50%; background-color: var(--assistant-color);}#dsn_header .entry-header:after{left: 0; bottom: 0; box-shadow: 1px 0 31px 45px var(--assistant-color); z-index: 1;}#dsn_header.header-padding:not(.header-normal) .entry-header{padding: 120px 0;}@media only screen and (min-width: 992px){#dsn_header.right-img #hero_image, #dsn_header.right-img #hero_content, #dsn_header.left-img #hero_image, #dsn_header.left-img #hero_content{width: 50%;}#dsn_header.right-img.right-img #hero_image, #dsn_header.left-img.right-img #hero_image{left: 50%;}#dsn_header.right-img.right-img #hero_content, #dsn_header.left-img.right-img #hero_content{margin-left: 0;}#dsn_header.right-img.left-img #hero_content, #dsn_header.left-img.left-img #hero_content{margin-right: 0; margin-left: auto;}}#dsn_header #hero_image{top: 0; width: 100%; height: 100%;}#dsn_header #hero_content{z-index: 2;}#dsn_header.header-normal{padding-top: 180px;}@media only screen and (min-width: 768px){#dsn_header.header-normal .title:not(.title-org){--title-heading: 60px;}}#dsn_header.dsn-full-header{padding: 0;}#dsn_header.dsn-full-header .entry-header, #dsn_header.dsn-full-header #hero_content{min-height: 100vh;}#dsn_header.dsn-full-header #hero_content{padding-top: var(--margin-padding); padding-bottom: var(--margin-padding);}.dsn-scroll-bottom{position: absolute; right: 20px; bottom: 50px; z-index: 3; width: -webkit-fit-content; width: fit-content; min-width: 13px; font-size: 10px; letter-spacing: 5px; cursor: pointer;}.dsn-scroll-bottom:before, .dsn-scroll-bottom:after{content: ""; display: block; width: 1px; height: 40px; left: 50%; margin-bottom: 10px;}.dsn-scroll-bottom:before{position: relative; background-color: var(--bg-color);}.dsn-scroll-bottom:after{position: absolute; top: 0; background-color: var(--theme-color); transform: scale(0); transform-origin: top; animation: scroll-down 2.5s cubic-bezier(0.19, 1, 0.22, 1) infinite;}.dsn-scroll-bottom .text{writing-mode: vertical-lr;}@keyframes scroll-down{0%{transform: scale(0); transform-origin: top;}50%{transform: scale(1); transform-origin: top;}51%{transform: scale(1); transform-origin: bottom;}100%{transform: scale(0); transform-origin: bottom;}}#dsn_header .footer-head .dsn-list{--dsn-width-item: 3; --dsn-col-item: 25px; --dsn-row-item: 15px;}#dsn_header .footer-head .dsn-list .grid-item{padding-left: 20px; border-left: 2px solid var(--border-color);}@media only screen and (min-width: 768px){#dsn_header .footer-head .grid-1-half{grid-template-columns: auto 35%;}}@media only screen and (max-width: 767px){#dsn_header .footer-head .dsn-list{display: none;}#dsn_header .footer-head .grid-1-half{justify-content: start;}}@media only screen and (min-width: 992px){.header-personal .title .p-10{font-size: 90px; line-height: 90px; letter-spacing: 2.5px;}}@media only screen and (max-width: 991px){.header-personal .title .p-10{font-size: 50px; line-height: 50px; letter-spacing: 2px;}}.header-personal .dsn-socials{position: absolute; right: 20px; bottom: 20px; --dsn-icon-size: 14px; z-index: 2;}.header-personal .box-content{position: relative; z-index: 1;}@media only screen and (min-width: 768px){.header-personal .box-content .title span:last-child{margin-left: -140px;}}/*--------------------------------------------------------------## Archives--------------------------------------------------------------*//*--------------------------------------------------------------## Error--------------------------------------------------------------*/body.error404{overflow: hidden;}body.error404 .dsn-header-hero{height: 100vh;}.admin-bar body.error404 .dsn-header-hero{top: 46px; height: calc(100vh - 46px);}@media screen and (min-width: 783px){.admin-bar body.error404 .dsn-header-hero{top: 32px; height: calc(100vh - 32px);}}body.error404 .hero-img{filter: blur(7px);}body.error404 .title-error{font-size: 10vw; padding: 0; margin-bottom: 30px; line-height: 1;}body.error404 .title-error:after, body.error404 .title-error:before{background-color: var(--theme-color); display: none;}body.error404 .title-error span{color: transparent; -webkit-text-stroke-color: var(--heading-color); -webkit-text-stroke-width: 2px;}body.error404 .sm-title-block:before{border-bottom: 4px solid var(--theme-color); top: -30px; content: ""; left: 50%; position: absolute; transform: translateX(-50%); width: 155px;}body.error404 .sm-title-block span{margin-bottom: 30px; font-size: 14px;}/*--------------------------------------------------------------## Footer--------------------------------------------------------------*//* ------------------------------------------------------- Footer-------------------------------------------------------- */#dsn_footer{overflow: hidden;}@media only screen and (min-width: 576px) and (max-width: 767px){#dsn_footer .grid-col-1{grid-column: 1/4;}}#dsn_footer.container .container, #dsn_footer.container .dsn-container, #dsn_footer.dsn-container .container, #dsn_footer.dsn-container .dsn-container{padding-right: 0; padding-left: 0;}#dsn_footer h4.subtitle{margin-bottom: 20px; display: inline-block;}#dsn_footer h4.subtitle span{padding: 3px 10px; font-size: 16px; letter-spacing: 2px; font-weight: var(--font-weight-body);}#dsn_footer ul.menu li a, #dsn_footer ul.sub-menu li a{font-weight: 600; font-size: 11px; letter-spacing: 2.5px;}#dsn_footer ul.menu li:not(:last-child) a, #dsn_footer ul.sub-menu li:not(:last-child) a{margin-bottom: 7px;}#dsn_footer .list-inline-block ul.menu li, #dsn_footer .list-inline-block ul.sub-menu li{display: inline-block;}#dsn_footer .list-inline-block ul.menu li a, #dsn_footer .list-inline-block ul.sub-menu li a{margin-bottom: 0;}#dsn_footer .list-inline-block ul.menu li:not(:last-of-type), #dsn_footer .list-inline-block ul.sub-menu li:not(:last-of-type){margin-left: 5px;}#dsn_footer .textwidget > *:not(:last-child), #dsn_footer .textwidget p:not(:last-child){margin-bottom: 10px;}#dsn_footer .col-contact p{font-size: 14px;}#dsn_footer .col-contact p strong{color: var(--heading-color);}#dsn_footer .col-contact p span{margin-right: 5px; margin-left: 5px;}#dsn_footer .col-contact p a{text-transform: none;}.elementor-social-icon i{--e-social-icon-icon-color: $heading-color ;}.dsn-equal-height.h-100 > .elementor-widget-container{height: 100%;}@media only screen and (max-width: 991px){.dsn-equal-height.h-100.dsn-position-tablet-relative{height: auto;}}@media only screen and (max-width: 767px){.dsn-equal-height.h-100.dsn-position-mobile-relative{height: auto;}}/** Position */@media only screen and (min-width: 992px){.dsn-p-relative{position: relative;}.dsn-p-absolute{position: absolute;}}@media only screen and (max-width: 991px){.dsn-tablet-p-relative{position: relative;}.dsn-tablet-p-absolute{position: absolute;}}@media only screen and (max-width: 767px){.dsn-mobile-p-relative{position: relative;}.dsn-mobile-p-absolute{position: absolute;}}.elementor-align-justify .dsn-heading-title.border-section-bottom{width: 100%;}@media only screen and (max-width: 991px){.elementor-tablet-align-center .dsn-heading-title.border-section-bottom, .elementor-tablet-align-right .dsn-heading-title.border-section-bottom, .elementor-tablet-align-left .dsn-heading-title.border-section-bottom{width: auto !important;}.elementor-tablet-align-justify .dsn-heading-title.border-section-bottom{width: 100% !important;}}@media only screen and (max-width: 767px){.elementor-mobile-align-center .dsn-heading-title.border-section-bottom, .elementor-mobile-align-right .dsn-heading-title.border-section-bottom, .elementor-mobile-align-left .dsn-heading-title.border-section-bottom{width: auto !important;}.elementor-mobile-align-justify .dsn-heading-title.border-section-bottom{width: 100% !important;}}/** text align */.elementor-align-center .line-under:after, .elementor-align-center .img-box-parallax[data-dsn-grid], .elementor-align-center .max-w570, .elementor-align-center .dsn-icon, .elementor-align-center .dsn-icon svg, .elementor-align-center .max-w750, .elementor-align-center .dsn-auto{margin-right: auto; margin-left: auto;}.elementor-align-right .line-under:after, .elementor-align-right .img-box-parallax[data-dsn-grid], .elementor-align-right .max-w570, .elementor-align-right .dsn-icon, .elementor-align-right .dsn-icon svg, .elementor-align-right .max-w750, .elementor-align-right .dsn-auto{margin-left: auto;}@media only screen and (max-width: 991px){.elementor-tablet-align-center .line-under:after, .elementor-tablet-align-center .img-box-parallax[data-dsn-grid], .elementor-tablet-align-center .max-w570, .elementor-tablet-align-center .dsn-icon, .elementor-tablet-align-center .dsn-icon svg, .elementor-tablet-align-center .max-w750, .elementor-tablet-align-center .dsn-auto{margin-right: auto !important; margin-left: auto !important;}.elementor-tablet-align-right .line-under:after, .elementor-tablet-align-right .img-box-parallax[data-dsn-grid], .elementor-tablet-align-right .max-w570, .elementor-tablet-align-right .dsn-icon, .elementor-tablet-align-right .dsn-icon svg, .elementor-tablet-align-right .max-w750, .elementor-tablet-align-right .dsn-auto{margin-left: auto !important; margin-right: 0 !important;}.elementor-tablet-align-left .line-under:after, .elementor-tablet-align-left .img-box-parallax[data-dsn-grid], .elementor-tablet-align-left .max-w570, .elementor-tablet-align-left .dsn-icon, .elementor-tablet-align-left .dsn-icon svg, .elementor-tablet-align-left .max-w750, .elementor-tablet-align-left .dsn-auto{margin-left: 0 !important; margin-right: auto !important;}}@media only screen and (max-width: 767px){.elementor-mobile-align-center .line-under:after, .elementor-mobile-align-center .img-box-parallax[data-dsn-grid], .elementor-mobile-align-center .max-w570, .elementor-mobile-align-center .dsn-icon, .elementor-mobile-align-center .dsn-icon svg, .elementor-mobile-align-center .max-w750, .elementor-mobile-align-center .dsn-auto{margin-right: auto !important; margin-left: auto !important;}.elementor-mobile-align-right .line-under:after, .elementor-mobile-align-right .img-box-parallax[data-dsn-grid], .elementor-mobile-align-right .max-w570, .elementor-mobile-align-right .dsn-icon, .elementor-mobile-align-right .dsn-icon svg, .elementor-mobile-align-right .max-w750, .elementor-mobile-align-right .dsn-auto{margin-left: auto !important; margin-right: 0 !important;}.elementor-mobile-align-left .line-under:after, .elementor-mobile-align-left .img-box-parallax[data-dsn-grid], .elementor-mobile-align-left .max-w570, .elementor-mobile-align-left .dsn-icon, .elementor-mobile-align-left .dsn-icon svg, .elementor-mobile-align-left .max-w750, .elementor-mobile-align-left .dsn-auto{margin-left: 0 !important; margin-right: auto !important;}}div.effect-popup, .has-popup div.img-box-parallax, .has-popup div.pop-up{cursor: pointer;}.dsn-bg-section.p-absolute.w-100.h-100.over-hidden.top-0.left-0{z-index: -1; pointer-events: none;}.dsn-bg-section.p-absolute.w-100.h-100.over-hidden.top-0.left-0 [data-dsn-grid=moveUp].h-100{height: 100%;}.dsn-right-container .dsn-bg-section.p-absolute.w-100.h-100.over-hidden.top-0.left-0{width: calc(100% - var(--dsn-gap-container)); left: var(--dsn-gap-container);}.elementor img.cover-bg-img{height: 100%;}.dsn-swiper-parallax-transform{transition-property: opacity, transform, visibility;}.dsn-mb-no-space{margin-bottom: 0 !important;}.dsn-bg-mask{position: absolute; left: 0; width: 100%;}.dsn-bg-mask:not(.z-index-1){z-index: -1;}.filter-swiper-blur .swiper-slide:not(.swiper-slide-active){filter: blur(3px);}ul.list-style-none{list-style: none;}#wp-admin-bar-elementor_edit_page .elementor-edit-link-title{display: initial;}.cover-bg{background-size: cover; background-position: center center; background-repeat: no-repeat;}.dsn-column-gap-custom > div:not(.hdev-element-wrap){display: grid !important; align-items: stretch;}@media only screen and (max-width: 575px){.dsn-column-gap-custom > div:not(.hdev-element-wrap){grid-template-columns: repeat(1, 1fr) !important;}}.dsn-column-gap-custom > div:not(.hdev-element-wrap) > .elementor-widget{margin-bottom: 0 !important;}@media only screen and (min-width: 768px){.dsn-isotope.dsn-masonry-grid .grid-item:nth-of-type(2){margin-top: calc(80px + var(--dsn-col-item, 0px));}}@media only screen and (min-width: 992px){.dsn-isotope.dsn-masonry-grid.dsn-masonry-grid-2 .grid-item:nth-of-type(3){margin-top: calc(120px + var(--dsn-col-item, 0px));}}.move-circle:not(.p-absolute){position: relative;}@media only screen and (min-width: 992px){.move-circle{background-color: transparent; border-color: transparent !important;}}.move-circle .icon-circle{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; z-index: -1; border: inherit;}.move-circle.background-main .icon-circle{background-color: var(--bg-color);}.move-circle.background-section .icon-circle{background-color: var(--assistant-color);}.move-circle.background-theme .icon-circle{background-color: var(--theme-color);}.move-circle.border-color-default .icon-circle{border-color: var(--border-color);}.move-circle.border-color-main .icon-circle{border-color: var(--bg-color);}.move-circle.border-color-assistant .icon-circle{border-color: var(--assistant-color);}.move-circle.border-color-theme-color .icon-circle{border-color: var(--theme-color);}.move-circle.border-color-heading .icon-circle{border-color: var(--heading-color);}.move-circle.border-color-body .icon-circle{border-color: var(--font-color);}.move-circle.border-circle{border: 1px solid var(--heading-color);}.dsn-lazy-loading{filter: blur(13px);}img:not(.dsn-lazy-loading){transition: filter 1s cubic-bezier(0.19, 1, 0.22, 1);}.dsn-ajax-effect{overflow: hidden;}.dsn-icon i{font-size: var(--dsn-icon-size, 20px); color: var(--dsn-color-icon, var(--theme-color));}.dsn-icon svg{width: var(--dsn-icon-size, 20px); height: var(--dsn-icon-size, 20px);}.dsn-icon svg, .dsn-icon svg path{fill: var(--dsn-color-icon, var(--theme-color));}.text-center .dsn-icon{margin: 0 auto;}.dsn-icon-theme-color{--dsn-color-icon: var(--theme-color);}.dsn-icon-heading-color{--dsn-color-icon: var(--heading-color);}.dsn-icon-body-color{--dsn-color-icon: var(--font-color);}.dsn-icon-border-color{--dsn-color-icon: var(--border-color);}.dsn-icon-assistant-color{--dsn-color-icon: var(--assistant-color);}.dsn-icon-main-color{--dsn-color-icon: var(--bg-color);}.dsn-grid-layout{--dsn-width-item: 1; --dsn-col-item: 30px; --dsn-row-item: 50px; display: flex; flex-wrap: wrap; margin-left: calc(-1 * var(--dsn-col-item)); margin-top: calc(-1 * var(--dsn-row-item));}@media only screen and (max-width: 575px){.dsn-grid-layout:not(.dsn-n-default){--dsn-width-item: 1 !important;}}.dsn-grid-layout > .grid-item{flex: 0 0 calc((100% / var(--dsn-width-item)) - var(--dsn-col-item)); margin-left: var(--dsn-col-item); margin-top: var(--dsn-row-item);}.dsn-grid-layout.full-width-last-item:not(.dsn-isotope) > .grid-item{flex-grow: 1;}.dsn-grid-layout:not(.full-width-last-item) > .grid-item{max-width: calc((100% / var(--dsn-width-item)) - var(--dsn-col-item)); width: 100%; overflow: hidden;}.list-with-number{counter-reset: workcounter;}.list-with-number .number-item{position: relative;}.list-with-number .number-item:before{counter-increment: workcounter; content: counters(workcounter, ".", decimal-leading-zero); position: absolute; line-height: initial;}ul.dsn-list{list-style: none; --dsn-icon-size: 13px;}ul.dsn-list .list-item{display: flex; align-items: center;}ul.dsn-list .list-item.background-main, ul.dsn-list .list-item .background-section, ul.dsn-list .list-item .background-theme{padding: 8px 20px;}.dsn-grid-layout{--dsn-width-item: 1; --dsn-col-item: 30px; --dsn-row-item: 50px; display: flex; flex-wrap: wrap; margin-left: calc(-1 * var(--dsn-col-item)); margin-top: calc(-1 * var(--dsn-row-item));}@media only screen and (max-width: 575px){.dsn-grid-layout:not(.dsn-n-default){--dsn-width-item: 1 !important;}}.dsn-grid-layout > .grid-item{flex: 0 0 calc((100% / var(--dsn-width-item)) - var(--dsn-col-item)); margin-left: var(--dsn-col-item); margin-top: var(--dsn-row-item);}.dsn-grid-layout.full-width-last-item:not(.dsn-isotope) > .grid-item{flex-grow: 1;}.dsn-grid-layout:not(.full-width-last-item) > .grid-item{max-width: calc((100% / var(--dsn-width-item)) - var(--dsn-col-item)); width: 100%; overflow: hidden;}.dsn-background-inherit, .dsn-background-inherit .background-main, .dsn-background-inherit .background-section, .dsn-background-inherit .background-theme, .dsn-def-btn, .dsn-def-btn .background-main, .dsn-def-btn .background-section, .dsn-def-btn .background-theme{background-color: transparent;}.dsn-background-inherit .background-main .dsn-bg, .dsn-background-inherit .background-main .dsn-bg-after:after, .dsn-background-inherit .background-main .dsn-bg-before:before, .dsn-background-inherit.background-main .dsn-bg, .dsn-background-inherit.background-main .dsn-bg-after:after, .dsn-background-inherit.background-main .dsn-bg-before:before, .dsn-def-btn .background-main .dsn-bg, .dsn-def-btn .background-main .dsn-bg-after:after, .dsn-def-btn .background-main .dsn-bg-before:before, .dsn-def-btn.background-main .dsn-bg, .dsn-def-btn.background-main .dsn-bg-after:after, .dsn-def-btn.background-main .dsn-bg-before:before{background-color: var(--bg-color);}.dsn-background-inherit .background-section .dsn-bg, .dsn-background-inherit .background-section .dsn-bg-after:after, .dsn-background-inherit .background-section .dsn-bg-before:before, .dsn-background-inherit.background-section .dsn-bg, .dsn-background-inherit.background-section .dsn-bg-after:after, .dsn-background-inherit.background-section .dsn-bg-before:before, .dsn-def-btn .background-section .dsn-bg, .dsn-def-btn .background-section .dsn-bg-after:after, .dsn-def-btn .background-section .dsn-bg-before:before, .dsn-def-btn.background-section .dsn-bg, .dsn-def-btn.background-section .dsn-bg-after:after, .dsn-def-btn.background-section .dsn-bg-before:before{background-color: var(--assistant-color);}.dsn-background-inherit .background-theme .dsn-bg, .dsn-background-inherit .background-theme .dsn-bg-after:after, .dsn-background-inherit .background-theme .dsn-bg-before:before, .dsn-background-inherit.background-theme .dsn-bg, .dsn-background-inherit.background-theme .dsn-bg-after:after, .dsn-background-inherit.background-theme .dsn-bg-before:before, .dsn-def-btn .background-theme .dsn-bg, .dsn-def-btn .background-theme .dsn-bg-after:after, .dsn-def-btn .background-theme .dsn-bg-before:before, .dsn-def-btn.background-theme .dsn-bg, .dsn-def-btn.background-theme .dsn-bg-after:after, .dsn-def-btn.background-theme .dsn-bg-before:before{background-color: var(--theme-color);}.background-revere{background-color: var(--assistant-color);}.background-section .background-revere{background-color: var(--bg-color);}.dsn-service .service_title{text-transform: uppercase;}.dsn-service .service-item-inner.border-style:not(.p-20), .dsn-service .service-item-inner.background-theme, .dsn-service .service-item-inner.background-main, .dsn-service .service-item-inner.background-section{padding: 60px 30px;}.dsn-service .number-item:before{right: 45px; top: 50px; font-size: 7vw; line-height: 1; font-family: var(--heading-font); font-weight: 700; color: transparent; -webkit-text-stroke: 1.5px var(--border-color); opacity: 0.2; z-index: 2; pointer-events: none;}@media only screen and (min-width: 768px){.dsn-service .service-item.border-left{padding-left: 50px;}}@media only screen and (max-width: 767px){.dsn-service .service-item.border-left{border-width: 0;}}.dsn-service .service-item.border-bottom{padding-bottom: 40px;}.dsn-service .service-item ul{list-style: none; line-height: 1.3;}.dsn-service .service-item ul li{margin-bottom: 10px;}.icon-left .dsn-service .service-item .service-item-inner, .icon-right .dsn-service .service-item .service-item-inner{display: flex;}.icon-left .dsn-service .service-item .service-item-inner .dsn-icon:not(.dsn-bg-before), .icon-right .dsn-service .service-item .service-item-inner .dsn-icon:not(.dsn-bg-before){flex-shrink: 0;}.icon-left .dsn-service .service-item .service-item-inner .dsn-icon:not(.dsn-bg-before){margin-right: 20px;}.icon-top .dsn-service .service-item .service-item-inner .dsn-icon:not(.dsn-bg-before){padding-bottom: 20px;}.icon-right .dsn-service .service-item .service-item-inner .dsn-icon:not(.dsn-bg-before){order: 2; margin-left: 20px;}.background-section .dsn-testimonials .testimonial-inner > svg{fill: var(--bg-color);}[data-widget_type="dsn_testimonial.default"]:not(.quote-box-style) .dsn-testimonials .testimonial-inner > svg{display: none;}.elementor-widget-dsn_testimonial:not(.image-left-style) .dsn-testimonials .testimonial-inner .swiper-slide > .avatar{display: none;}@media only screen and (min-width: 768px){.image-left-style .dsn-testimonials .testimonial-inner .content-inner .avatar{display: none;}.image-left-style .dsn-testimonials .testimonial-inner .content-inner .avatar + .box-text{margin-left: 0; text-align: inherit;}.image-left-style .dsn-testimonials .testimonial-inner .swiper-slide > .avatar{height: 80px; width: 80px; margin-bottom: 30px;}.image-left-style .dsn-testimonials .testimonial-inner .swiper-slide > .avatar, .image-left-style .dsn-testimonials .testimonial-inner .swiper-slide > .avatar img{border-radius: 50%;}}@media only screen and (max-width: 767px){.image-left-style .dsn-testimonials .testimonial-inner .swiper-slide > .avatar{display: none;}}.dsn-brand .brand-item{display: flex; align-items: center; justify-content: center; min-height: 190px; text-align: center;}@media only screen and (max-width: 767px){.dsn-brand .brand-item{border: 1px solid var(--border-color);}}.dsn-brand .brand-item-inner{margin: auto;}@media only screen and (min-width: 992px){.dsn-brand .brand-item-inner{width: 175px;}}.dsn-brand .brand-item-inner img{margin: auto;}.dsn-brand .brand-link{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}@media only screen and (min-width: 992px){.dsn-brand > .section-move-image{--dsn-width-item: 8; --dsn-col-item: 60px;}}@media only screen and (min-width: 768px) and (max-width: 991px){.dsn-brand > .section-move-image{--dsn-width-item: 6; --dsn-col-item: 40px;}}@media only screen and (min-width: 576px) and (max-width: 767px){.dsn-brand > .section-move-image{--dsn-width-item: 5; --dsn-col-item: 30px;}}@media only screen and (max-width: 575px){.dsn-brand > .section-move-image{--dsn-width-item: 2 !important; --dsn-col-item: 30px;}}.dsn-resume .resume-item{position: relative; padding-left: 20px;}@media only screen and (min-width: 992px){.dsn-resume .resume-item:not(:last-of-type){padding-bottom: 50px;}}@media only screen and (min-width: 768px) and (max-width: 991px){.dsn-resume .resume-item:not(:last-of-type){padding-bottom: 30px;}}@media only screen and (max-width: 767px){.dsn-resume .resume-item:not(:last-of-type){padding-bottom: 20px;}}.dsn-resume .resume-item:not(:last-of-type):after{top: 20px; left: 4px; width: 1px; height: calc(100% - 24px); background-color: var(--border-color);}.dsn-resume .resume-item:before, .dsn-resume .resume-item:after{content: ""; position: absolute;}.dsn-resume .resume-item:before{top: 5px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: var(--theme-color);}.dsn-resume .resume-item .resume-position{font-family: var(--body-font); line-height: 1.6; font-weight: 500; color: var(--font-color);}.box-grid-number .dsn-grid-masonry{counter-reset: workcounter;}.box-grid-number .dsn-grid-masonry .box-item .dsn-title span:before{counter-increment: workcounter; content: counters(workcounter, ".", decimal-leading-zero); position: relative; display: inline-block; padding: 5px; background-color: var(--theme-color); color: var(--bg-color); font-size: 14px; font-weight: 400; border-radius: 5px; margin-right: 10px;}.right-box-image, .left-box-image{position: relative;}@media only screen and (min-width: 992px){.right-box-image .box-img, .right-box-image .img-box-parallax, .left-box-image .box-img, .left-box-image .img-box-parallax{position: absolute; height: 100%; left: 0; top: 0;}}.right-box-image{position: relative; display: flex; align-items: center; flex-direction: column;}.right-box-image .box-info{position: relative;}@media only screen and (min-width: 992px){.right-box-image{--box-padding: 80px;}.right-box-image .box-img{width: 70%; z-index: 1;}.right-box-image .box-info{width: 40%; margin-left: auto; z-index: 2;}}@media only screen and (max-width: 991px){.right-box-image .box-img{position: relative; width: 100%;}.right-box-image .box-info{margin-top: 0; margin-bottom: 0;}}@media only screen and (min-width: 992px){.section-move-image{--dsn-width-item: 3; --dsn-col-item: 60px; --dsn-row-item: 50px;}}@media only screen and (max-width: 991px){.section-move-image{--dsn-width-item: 2.5; --dsn-col-item: 30px; --dsn-row-item: 50px;}}@media only screen and (max-width: 767px){.section-move-image{--dsn-width-item: 1.5;}}.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar, .sidebar-single, .dsn-work-scrollbar, .contact-modal{overflow: hidden; height: 100vh;}.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track, .sidebar-single .scrollbar-track, .dsn-work-scrollbar .scrollbar-track, .contact-modal .scrollbar-track{background: none; width: 4px; mix-blend-mode: exclusion; z-index: 11;}.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track .scrollbar-thumb, .sidebar-single .scrollbar-track .scrollbar-thumb, .dsn-work-scrollbar .scrollbar-track .scrollbar-thumb, .contact-modal .scrollbar-track .scrollbar-thumb{background: #fff; width: var(--smooth-width);}@media only screen and (min-width: 992px){.admin-bar.dsn-effect-scroll:not(.dsn-mobile) #main_content:after{content: ""; display: block; height: 0.1px;}}.admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar, .sidebar-single, .dsn-work-scrollbar, .contact-modal{height: calc(100vh - 46px);}@media screen and (min-width: 783px){.admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar, .sidebar-single, .dsn-work-scrollbar, .contact-modal{height: calc(100vh - 32px);}}.locked-scroll #dsn-scrollbar{background-color: var(--bg-color);}
/* black style.min.css---------------------- */ 

/* accordion-clemens ------------------------- */ 
.accordion { list-style: none; padding: 0; margin: 0; } .accordion .accordion { margin-top: 10px; } .accordion--headline button.accordion-button{ color: #fff; padding: 17px 15px; transition: 0.3s ease; position: relative; font-size:1.6em; font-weight:400; font-family: 'Bai Jamjuree', sans-serif; } .accordion--headline button.accordion-button::before, .accordion--headline button.accordion-button::after { content: ""; width: 15px; height: 2px; xbackground-color: #fff !important; background-color: #fff; position: absolute; display: block; top: 50%; right: -30px; transform: translate(-50%, -50%) rotate(0deg); transition: 0.3s ease; } .accordion--headline button.accordion-button::after { transform: translate(-50%, -50%) rotate(90deg); } .accordion--headline button.accordion-button:hover { cursor: pointer; } .open > .accordion--headline button.accordion-button::before { transform: translate(-50%, -50%) rotate(180deg); } .open > .accordion--headline button.accordion-button::after { transform: translate(-50%, -50%) rotate(360deg); display:none; } .accordion--content { display: none; padding: 10px 15px; border-top: 0; border: 0px solid rgba(0, 0, 0, 0.2); } .accordion li { margin-bottom: 8px; } /* * Make the fields presentable. * This has no influence on the fields themselves. */ .accordion { text-align: center; } .accordion li { box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.0); } .accordion--headline.small { font-size:1.4em; } .accordion--content .content-body p{ font-size:1.1em; line-height:1.5em; } .accordion--content .content-body b{ color:#00fac9; font-weight:300; } @media (max-width:480px) { .accordion--headline { font-size:1.3em !important; } }
/* agentur CSS---------------------end---- */ 


/* gaestemappe ------------------------- */ 
.laptop-wrapper { display: flex; justify-content: center; align-items: flex-end; padding: 5rem 1rem; background-color: #191919; /* Dein Hintergrund */ position: relative; z-index: 1; } /* Dunkler Bodenschatten */ .laptop-wrapper::after { content: ""; position: absolute; bottom: 2rem; width: 620px; height: 60px; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.4) 0%, transparent 70%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.6) 0%, transparent 70%); opacity: 0.9; filter: blur(20px); border-radius: 50%; transform: translateX(-50%) rotateZ(3deg); /* ← Sichtbare Drehung */ left: 50%; pointer-events: none; z-index: 0; } .laptop { transform: perspective(1000px) rotateY(-20deg) rotateX(7deg); transform-style: preserve-3d; position: relative; width: 800px; max-width: 100%; z-index: 2; } /* Bildschirm */ .laptop-screen { background: #000; border-radius: 1rem; overflow: hidden; height: 450px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6); position: relative; z-index: 2; } .laptop-screen iframe { transform: rotateX(1deg); /* leichte Neigung */ transform-origin: center center; } .laptop-wrapper { display: flex; align-items: flex-end; /* Beide am unteren Rand ausrichten */ position: relative; margin: 0 1rem; /* Platz zwischen den beiden */ height: 550px; /* Feste Höhe für beide Wrapper, damit sie gleich hoch sind */ z-index: 1; } .laptop-wrapper .iframe-laptop { height:650px; margin-left:auto; margin-right:auto; background:#fff !important; } .laptop-wrapper .iframe-laptop iframe { margin-left:2px; width:1665px; height:1260px; transform:scale(0.350); -webkit-transform:scale(0.350); -o-transform:scale(0.350); -ms-transform:scale(0.350); -moz-transform:scale(0.350); transform-origin:top left; -webkit-transform-origin:top left; -o-transform-origin:top left; -ms-transform-origin:top left; -moz-transform-origin:top left; background:#fff !important; margin-top:2px; } .smartphone-wrapper { display: flex; align-items: flex-end; /* Beide am unteren Rand ausrichten */ position: relative; margin: 0 1rem; /* Platz zwischen den beiden */ height: 600px; /* Feste Höhe für beide Wrapper, damit sie gleich hoch sind */ z-index: 1; } .smartphone-wrapper { display: flex; align-items: center; /* statt flex-end, bringt es höher */ xxmargin-top: -2rem; perspective: 1000px; z-index: 1; position: relative; } .smartphone { width: 230px; /* Mittelwert zwischen 200 und 260 */ height: 420px; /* Proportional zur Breite */ background: linear-gradient(to bottom, #222, #111); border-radius: 12px; box-shadow: inset 10px 10px 15px rgba(255, 255, 255, 0.3), /* Weißer Schatten links oben */ inset -10px 10px 15px rgba(255, 255, 255, 0.3), /* Weißer Schatten rechts oben */ 0 12px 36px rgba(0, 0, 0, 0.6), inset 0 0 6px rgba(255, 255, 255, 0.05); transform: perspective(1000px) rotateY(10deg) rotateX(5deg); /* Hier stärker drehen */ transform-style: preserve-3d; overflow: hidden; position: relative; z-index: 2; } .smartphone-screen { width: 100%; height: 100%; background: red; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; overflow: hidden; position: relative; z-index: 2; } .smartphone-wrapper::after { content: ""; position: absolute; bottom: 2.0rem; width: 400px; height: 50px; background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.6) 0%, transparent 70%); opacity: 0.7; filter: blur(18px); border-radius: 50%; transform: translateX(-50%) rotateZ(-4deg); /* Leichte Drehung */ left: 25%; pointer-events: none; z-index: 0; } .smartphone-screen iframe { width: 100%; height: 100%; border: none; border-radius: 1.5rem; /* Gleicher Radius */ display: block; } .smartphone-screen .iframe-smart iframe { width:510px; height:975px; transform:scale(0.450); -webkit-transform:scale(0.450); -o-transform:scale(0.450); -ms-transform:scale(0.450); -moz-transform:scale(0.450); transform-origin:top left; -webkit-transform-origin:top left; -o-transform-origin:top left; -ms-transform-origin:top left; -moz-transform-origin:top left; background:#fff !important; }
/* gaestemappe ----------------end--------- */ 


/* chat-neu.css ---------------------- */ 
/* --- SCREENREADER-ONLY UND SKIP-LINKS --------- */ .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } /* Standard: Unsichtbar, aber zugänglich für Screenreader & per Tastatur */ .sr-only-focusable { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Sichtbar beim Fokus (Tastaturbedienung via Tab) */ .sr-only-focusable:focus, .sr-only-focusable:focus-visible { position: static; width: auto; height: auto; margin: 1em auto; padding: 0.5em 1em; background: #fff; color: #000; text-align: center; z-index: 1000; clip: auto; white-space: normal; display: inline-block; border: 2px solid #00fac9; outline: 3px solid #00fac9; outline-offset: 4px; border-radius: 4px; text-decoration: none; } /* ---------------------------------------- Skip links ---------------------------------------- */ .skip-nav { position: absolute; top: 80px; left: 0; width: 600px; z-index: 1000; } .skip-nav-link { position: absolute; left: -999px; width: 1px; height: 1px; overflow: hidden; background: #131313; color: #000; padding: 0.5rem 1rem; font-size: 1rem; border: 2px solid #000; text-decoration: none; } .skip-nav-link:focus-visible { left: 1rem; top: 1rem; width: auto; height: auto; } @media (max-width: 767px) { .skip-nav { width: 100%; /* Mobile: volle Breite */ padding: 0 10px; /* Optional: Seitenabstand */ box-sizing: border-box; } .skip-nav-link { display: block; /* Damit die Links untereinander stehen */ margin-bottom: 8px; } } /* ---------------------------------------- NAVIGATION & FOKUS ---------------------------------------- */ /* Fokus nur sichtbar bei Tastaturbedienung (via JS-Klasse oder :focus-visible) */ body.user-is-tabbing #navbar_toggle:focus-visible { outline: 3px solid #00fac9; outline-offset: 10px; } /* Fokus für Links, Skip-Links etc. */ #dsn-primary-list a:focus-visible, .skip-link:focus-visible, .focus-style:focus-visible { outline: 2px solid #00fac9; outline-offset: 3px; border-radius: 4px; color: #fff; } .site-header.dsn-hamburger ul.primary-nav.open > li > a > span.overflow { transform: translateY(0); opacity: 1; visibility: visible; } .main-navigation { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; transform: translateY(-100%); opacity: 0; pointer-events: none; transition: transform 0.3s ease, opacity 0.3s ease; } .site-header.dsn-hamburger.dsn-open .main-navigation { transform: translateY(0); opacity: 1; pointer-events: auto; } .back-to-menu-link { position: fixed; bottom: 20px; right: 20px; background: #131313; color: white; padding: 10px 15px; border-radius: 4px; z-index: 9999; text-decoration: none; cursor: pointer; } .back-to-menu-link:focus-visible, .back-to-menu-link:hover { outline: 3px solid yellow; outline-offset: 2px; } html { scroll-padding-top: 80px; } /* ---------------------------------------- MODAL Long img im modal Index picture öffnen ---------------------------------------- */ .modal { position: fixed; top: 10%; left: 50%; transform: translateX(-50%); width: 90%; max-width: 600px; max-height: 80vh; z-index: 65000; /* Sehr hoch, um über allem zu sein */ background: white; overflow: auto; box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius: 4px; padding: 30px 20px 20px 20px; /* Oben mehr Platz für Pfeil */ display: none; display: flex; flex-direction: column; } .modal.hidden { display: none; } .modal-content { flex-grow: 1; overflow-y: auto; margin: 10px 0; outline: none; } /* Klasse zum Anzeigen */ .modal:not(.hidden) { display: flex; } /* Pfeil nach unten oben positioniert */ #scroll-down-arrow { position: absolute; top: 10px; right: 50px; font-size: 54px; color: #00fac9; background: transparent; border: none; cursor: pointer; user-select: none; z-index: 10; padding: 0; margin: 0; } /* Close Button größer und mit grünem Rahmen */ .close-modal { font-size: 0.7rem; /* größer */ color: #007a56; /* dunkles Grün */ border: 2px solid #00fac9; /* heller grüner Rahmen */ background: white; padding: 10px 15px; border-radius: 4px; cursor: pointer; transition: background-color 0.3s, color 0.3s; align-self: flex-end; /* rechtsbündig im Modal */ margin-top: 15px; } .close-modal:hover { background-color: #00fac9; color: white; outline: none; } .close-modal:focus-visible { outline: 3px solid #00fac9; /*grün */ outline-offset: 3px; background-color: #00fac9; color: #000; } .cover-bg-img { position: relative; /* falls noch nicht gesetzt */ z-index: 1; } picture[tabindex="0"] { position: relative; /* für das Pseudo-Element */ } picture[tabindex="0"]:focus-visible::after { content: "\e9b2"; font-family: 'iconfont-berg'; position: absolute; top: 10px; right: 15px; font-size: 28px; color: #000; background-color: #00fac9; xxborder: 1px solid white; border-radius: 50%; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; z-index: 10; pointer-events: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } @media (max-width: 767px) { #modal-img-1 { display: none; } } html { font-size: var(--font-size-base); scroll-behavior: initial; } .dsn-scroll-bottom .text { writing-mode: vertical-lr; font-size: 13px; } /* Standard: Kein Outline (optional) */ :focus:not(:focus-visible) { outline: none; } /* Fokus sichtbar nur wenn Tastatur-Fokus */ :focus-visible { outline: 3px solid #00fac9; /*#005fcc; blau */ outline-offset: 3px; } /* Fokus sichtbar nur bei Tastaturbedienung */ a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible, .cover-trigger:focus-visible, h1:focus-visible { outline: 3px solid #00fac9; /*grün */ outline-offset: 2px; border-radius: 4px; /* wenn gewünscht */ background-color: transparent; /* h1 Ausnahme behandeln */ } /* Für h1 spezieller Fokus mit Hintergrund */ h1:focus-visible { outline: 3px solid #00ae8c; outline-offset: 4px; background-color: #e0f0ff; } /* Alle Fokus ohne :focus-visible (also z.B. Mausfokus) ohne Outline */ a:focus:not(:focus-visible), button:focus:not(:focus-visible), input:focus:not(:focus-visible), [tabindex]:focus:not(:focus-visible), [role="button"]:focus:not(:focus-visible), .cover-trigger:focus:not(:focus-visible), h1:focus:not(:focus-visible) { outline: none; } /* zum inhalt springen */ .visually-hidden-focusable { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* Beim Fokus sichtbar machen */ .visually-hidden-focusable:focus { position: static; width: auto; height: auto; margin: 1rem auto; clip: auto; overflow: visible; background-color: #e9f5ff; outline: 2px solid #007acc; padding: 0.5rem 1rem; text-align: center; display: block; border-radius: 0.25rem; font-weight: bold; } .cover-trigger:focus { outline: 2px solid #007BFF; outline-offset: 4px; } .hidden { display: none !important; } .cover-trigger:focus-visible { outline: 3px solid #00fac9; /*grün */ outline-offset: 4px; border-radius: 4px; } /* Statt :focus nur :focus-visible nutzen */ button:focus-visible, [role="button"]:focus-visible, a:focus-visible { outline: 3px solid 00fac9; /* grün deutlicher blauer Rahmen */ outline-offset: 2px; } /* Fokus ohne :focus-visible (also z.B. Mausfokus) ohne Outline */ button:focus:not(:focus-visible), [role="button"]:focus:not(:focus-visible), a:focus:not(:focus-visible) { outline: none; } /* Index Tel und Mail agentur */ .footer-head .grid-item h2 { font-size:1.0em; font-family: "Poppins"; } /* Icon im Bild */ .barrierefrei-badge { position: absolute; top: -160px; /* oben */ left: 50px; /* von links eingerückt */ /* background: rgba(0, 0, 0, 0.2); */ color: #e8e8e8; font-size: 0.85rem; padding: 4px 8px; border-radius: 4px; display: flex; align-items: center; gap: 5px; z-index: 3; pointer-events: none; /* verhindert, dass Badge Klicks blockiert */ letter-spacing:0.03em; } /* Icon etwas kleiner oder angepasst */ .barrierefrei-badge i { font-size: 1rem; } /* Optional: nur Desktop */ @media (max-width: 991px) { .barrierefrei-badge { display: none; } } /* ---------------------------------------- DESIGNMODI: GRAYSCALE / DYSLEXIA / HIGHLIGHT ---------------------------------------- */ html.grayscale main, html.grayscale .page-wrapper, html.grayscale .wf-icon-box-flex, html.grayscale .wf-header-logo, html.grayscale .wf-col.mk-footer-box, html.grayscale .footer-logo, html.grayscale .content-wrapper { filter: grayscale(100%); } html.grayscale .access-widget { filter: none !important; } /* ---------------------------------------- Schrift ---------------------------------------- */ /* Globaler Dyslexie-Modus */ #main_root.dyslexia-mode { font-family: 'Poppins', Arial, Verdana, sans-serif; font-size: 1.15em; line-height: 1.5; } /* Nur Grundtext & spezielle Klassen */ #main_root.dyslexia-mode p, #main_root.dyslexia-mode li, #main_root.dyslexia-mode .title-block, #main_root.dyslexia-mode .content-body { font-family: 'Poppins', Arial, Verdana, sans-serif; letter-spacing: 0.08em; } /* Für kleinere Screens – z. B. Smartphones */ @media (max-width: 767.98px) { #main_root.dyslexia-mode p, #main_root.dyslexia-mode li, #main_root.dyslexia-mode .title-block, #main_root.dyslexia-mode .content-body { font-size: 1rem; line-height: 1.4; } } /* ---------------------------------------- Heller Hintergrund ---------------------------------------- */ body.v-dark.lightmode { background-color: white !important; color: black !important; } body.v-light h3.post.post1H1 { color: #333; /* dunklere Schrift im hellen Modus */ /* hier kannst du noch mehr Styles hinzufügen, z.B. Schriftart, Hintergrund etc. */ } body.v-light #hero_title h1 { color: #000; } body.v-light .text-line.zwei text { fill: black !important; stroke: black !important; } body.v-light #hero_title .post { position: relative; font-size: 8em; font-weight: 600; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.75px; -webkit-text-stroke-color: rgba(0, 0, 0, 0.95); user-select: none; } body.v-light .heading-color{ color: #000; } body.v-light .heading-color a{ color: #000; } body.v-light .index .title-h3 { font-size: 2.4em; font-weight:600; color:#000; letter-spacing:0; } body.v-light #dsn_footer .list-impr li { color:#000; } body.v-light .bgs { display: none !important; } body.v-light .colors-h{ background-color:white; color:#000; } body.v-light .leist_title-smaller span { color:#000; } body.v-light .title-block { color:#000; font-weight:500; } body.v-light .accordion--headline button.accordion-button { color: #000; font-size:1.4em; font-weight:600; } body.v-light .background-section, .background-section .background-inner { background-color: #e8e8e8; } /* Horizontale Linie (Minus/Plus) */ body.v-light .accordion--headline button.accordion-button::before { background-color: #00fac9; } /* Vertikale Linie (Plus) */ body.v-light .accordion--headline button.accordion-button::after { background-color: #00fac9; } /* Leistungen */ body.v-light .leist_title-small h1 { font-weight:500; } body.v-light .leist_title-small h1 span { color: #000; } body.v-light .title-h2 { color: #000; font-weight:600; font-size:1.9em; line-height:1.5em; } body.v-light .leist_title-small h3 { font-weight: 600; } body.v-light .leist_title-small h3 span { color: #000; font-weight:600; } body.v-light .title-h4 { color: #000; font-weight:600; } /* Beispiel für helles Theme */ body.v-light .container.referenzen { background-color: #adaeae; /* sanftes Hellgrau */ padding: 10px; /* etwas Innenabstand für Luft */ border-radius: 4px; /* optional, für weichere Kanten */ } body.v-light .bgs { display: none !important; } body.v-light .colors-h{ background-color:white; color:#000; } body.v-light .leist_title-smaller span { color:#000; } body.v-light .title-block { color:#000; font-weight:500; } body.v-light .accordion--headline button.accordion-button { color: #000; font-size:1.4em; font-weight:600; } body.v-light .background-section, .background-section .background-inner { background-color: #e8e8e8; } /* Webdesign hosting Texter */ body.v-light .site-header.dsn-hamburger .container-content .sm-title-block { color: #000; } body.v-light .site-header.dsn-hamburger .container-content .nav-content p { color: #000; } body.v-light .site-header.dsn-hamburger .menu-cover-title { display:none; } /* barrierefrei bei index- kein abstand*/ body.v-light #dsn_header .footer-head.no-bottom{ margin-left:10px; font-size:1.0em; } /* ----------Tablet ---------------1024------------------------- Landscape 1024 x 650, Porträt 768 x 906 --www.../kunde/app-----------------*/ @media only screen and (max-width: 1024px) { /* --Titel index--------*/ body.v-light #hero_title h2 { font-size: 7em; color: #000; padding-top:1rem; font-weight: 600; } /* --Titel index--------*/ body.v-light #hero_title .post { position: relative; font-size: 6em; font-weight: 600; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.45px; -webkit-text-stroke-color: currentcolor; -webkit-text-stroke-color: rgba(0, 0, 0, 0.9); /* bei hellem Hintergrund ggf. dunkler */ } body.v-light .title-h2 { color: #000; font-weight:500; font-size:1.4em; } } /*------------------------------------------------------------------- media 991 Responsive hero Tablet hoch -------------------------------------------------------------------	*/ @media only screen and (max-width: 991px) { /* --Titel index--------*/ body.v-light #hero_title h2 { font-size: 7em; color: #000; padding-top:1rem; font-weight: 600; } /* --Titel index--------*/ body.v-light #hero_title .post { position: relative; font-size: 6em; font-weight: 600; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.45px; -webkit-text-stroke-color: currentcolor; -webkit-text-stroke-color: rgba(0, 0, 0, 0.9); /* bei hellem Hintergrund ggf. dunkler */ } #dsn_header .footer-head .dsn-list{ padding-top:30px; padding-bottom:50px; } body.v-light #dsn_header .footer-head .dsn-list{ padding-top:30px; padding-bottom:50px; } /* ----Text-------*/ body.v-light .title-h2{ font-size:1.4rem; color:#000; font-weight:400; } } /*-------------------------------------------------- media 600 Responsive ---------------------------------------------------	*/ @media (max-width: 600px) { body.v-light #hero_title .post { position: relative; font-size: 3em; font-weight: 600; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.45px; -webkit-text-stroke-color: currentcolor; -webkit-text-stroke-color: rgba(0, 0, 0, 0.9); /* bei hellem Hintergrund ggf. dunkler */ } body.v-light #hero_title h2 { font-size: 5em; color: #000; padding-top:1rem; font-weight: 600; } body.v-light .title-h2 { color: #000; font-weight:600; font-size:1.9em; } /* wir lassen.... */ body.v-light .index .title-h3 { font-size: 1.8em; } /* referenzen, auf die....wir können hier nicht */ body.v-light .index .title-block{ font-weight:500; color:#000; letter-spacing:0.01em; } body.v-light .accordion--headline button.accordion-button { color: #000; font-size:1.3em; font-weight:500; } body.v-light .accordion--headline .accordion-item { margin-bottom: 8px; /* oder 0 */ } body.v-light .subtitle { color: #000; font-size: 16px; letter-spacing: 2px; font-weight:400; } } /* ------------Handy Astrid 396 x 738 Porträt, 794 x 301 Landscape-----------end---------*/ /* ------------Handy Gustl 412 x 780 Porträt, 836 x 332 Landscape-----------end---------*/ /* -----------------------media 479---------Astrid + Gustl Handy------------------------------*/ @media only screen and (max-width: 479px) { /* Webdesign hosting Texter */ body.v-light .site-header.dsn-hamburger .container-content .sm-title-block { color:#000; } /* --Webdesign | Hosting | Texter-------*/ body.v-light .site-header.dsn-hamburger .container-content .nav-content p { color: #000; } } /* -----------------------media 440--------------------------------------------------------*/ @media (max-width:440px) { /* navi*/ body.v-light .site-header.dsn-hamburger ul.primary-nav a { font-size:1.1em; color:#000; } body.v-light #dsn_footer .list-impr li { font-size:0.8rem; color:#000; } /* Webdesign hosting Texter */ body.v-light .site-header.dsn-hamburger .container-content .sm-title-block { color:#000; } body.v-light .title-h2 { color: #000; font-weight:600; font-size:1.15em; } } /* ---------------------------------------- ACCESSIBILITY-POPUP/SWITCH zur Hilfe Barrierefreiheit ---------------------------------------- */ .access-widget { visibility: hidden; } .js body.loaded .access-widget { visibility: visible; } .access-widget { position: fixed; bottom: 2.5rem; right: 4rem; background: #00fac9; border-radius: 50%; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; z-index: 1000; cursor: pointer; } .access-widget i.icon-bergaccessibility { color: black; font-size: 2.5rem; } .access-widget:focus-visible{ outline: 3px solid #00fac9; outline-offset: 4px; border-radius: 50%; } .js body.loaded .access-widget { visibility: visible; } .access-widget.active { border: 2px solid white; /* weiße Umrandung, wenn aktiv */ color: white; /* Icon weiß, wenn aktiv */ background: #00fac9; /* Hintergrund bleibt grün */ } .access-widget:focus-visible { outline: 3px solid #00fac9; outline-offset: 4px; background: #00fac9 !important; /* Hintergrund zwingend grün bei Fokus */ color: black !important; /* Icon schwarz bei Fokus */ } /* Popup-Grundstruktur Hilfe zur Barrierefreiheit */ .popup { position: fixed; top: 0; right: 0; width: 100%; height: 100%; display: flex; background: rgba(0, 0, 0, 0.3); z-index: 1000; align-items: center; justify-content: flex-end; padding-right: 1rem; } .popup[hidden] { display: none; } .popup-content { background:#f0f0f0; padding: 1.5rem; border-radius: 0.2rem; max-width: 600px; width: 90%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); position: relative; } .popup-close { position: absolute; top: 0.5rem; right: 0.5rem; background: transparent; border: none; font-size: 4rem; line-height: 1; cursor: pointer; color: #333; padding: 0.25rem 0.5rem; transition: transform 0.2s ease; } .popup-header { font-size: 1.7rem; color: #000; margin-bottom: 0.4rem; } .popup-body { font-size: 1.1rem; margin-bottom: 1rem; } #popup-title { font-size: 1.3rem; color: #000; padding: 0.5rem 0 1rem; font-weight: 600; letter-spacing: 0.03em; } #popup-desc{ font-size: 1.0rem; color: #000; padding: 0.5rem 0 0.5rem; font-weight: 500; letter-spacing: 0.03em; } /* ---------------------------------------- TOGGLE CONTAINER ---------------------------------------- */ .accessibility-toggle { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; padding: 0.75rem 1rem; background:#fff; border-radius: 0.2rem; min-height: 80px; } .icon-and-text { display: flex; align-items: center; gap: 0.75rem; flex-grow: 1; } .accessibility-toggle .icon { display: inline-flex; align-items: center; justify-content: center; width: 5.25rem; height: 5.25rem; xpadding: 0.4rem; xxborder: 1px solid black; xborder-radius: 0.375rem; } .icon-image { width: 80px; /* oder z. B. 2.5rem */ height: 80px; object-fit: contain; /* sorgt für korrektes Einpassen */ } .accessibility-toggle .toggle-text { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; } .accessibility-toggle .toggle-text:focus-visible{ outline: 3px solid #00fac9; /*grün */ border-radius: 4px; } .accessibility-toggle .toggle-text > .label-text { font-weight: 600; font-size: 1rem; line-height: 1.1; color: #000; } .toggle-description { font-size: 0.875rem; color: #555; margin-top: 0.2rem; } /* ---------------------------------------- SWITCH STYLES ---------------------------------------- */ .switch { position: relative; display: inline-block; width: 48px; height: 24px; cursor: pointer; margin-left: auto; flex-shrink: 0; } .switch input { opacity: 0; width: 0; height: 0; } .switch input:focus + .slider { outline: 3px solid #00fac9; outline-offset: 4px; border-radius: 12px; } .slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 24px; } .slider::before { content: ""; position: absolute; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: 0.4s; } input:checked + .slider { background-color: #00fac9 !important; } input:checked + .slider::before { transform: translateX(26px); } @media (max-width: 767.98px) { #accessibility-popup .popup-content { width: 90vw; padding: 1rem; font-size: 0.95rem; border-radius: 10px; } .popup-header h2 { font-size: 1.2rem; margin-bottom: 0.5rem; } .popup-header p { font-size: 0.95rem; } .accessibility-toggle { flex-direction: column; align-items: flex-start; margin-bottom: 1.5rem; } .icon-and-text { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; } .accessibility-toggle { flex-wrap: wrap; } .icon-and-text { flex: 1 1 auto; min-width: 0; /* verhindert, dass Text zu breit wird */ } .icon-image { width: 40px; height: auto; } .toggle-text { font-size: 0.95rem; } .switch { margin-top: 0.5rem; } .popup-close { font-size: 1.5rem; top: 0.5rem; right: 0.5rem; } } @media (max-width: 767.98px) { .accessibility-toggle { flex-direction: column; align-items: flex-start; gap: 0.5rem; padding: 0.75rem; min-height: auto; } .icon-and-text { flex-direction: row; align-items: center; gap: 0.5rem; } .accessibility-toggle .icon { width: 3rem; height: 3rem; } .icon-image { width: 48px; height: 48px; } .accessibility-toggle .toggle-text { font-size: 0.95rem; } .accessibility-toggle .label-text { font-size: 0.6rem; } .toggle-description { font-size: 0.85rem; } .switch { align-self: flex-end; margin-left: 0; margin-top: 0.5rem; width: 44px; height: 22px; } .slider::before { width: 16px; height: 16px; left: 3px; bottom: 3px; } input:checked + .slider::before { transform: translateX(22px); } }
/* chat-neu ---------------------end---- */


/* access-popup.css ------------------------- */ 
/* Hilfe zur Barrierefreiheit-Responsive Anpassungen Schalter ---768----------- */ @media (max-width: 768px) { #accessibility-popup { width:100%; padding: 0.3rem 0.3rem; max-height: 85vh; } .popup-header h2 { font-size: 1.25rem; } .accessibility-toggle { flex-direction: column; align-items: flex-start; gap: 0.6rem; } .icon-and-text { gap: 0.5rem; } .slider:before { height: 20px; width: 20px; } input:checked + .slider:before { transform: translateX(22px); } .switch { width: 46px; height: 24px; } .slider.round:before { height: 20px; width: 20px; } } /* --------- Hilfe zur Barrierefreiheit---Responsive Anpassungen --------480-------------- */ @media (max-width: 480px) { #access-widget { bottom: 1.5rem; right: 1.5rem; width: 2.5rem; height: 2.5rem; } .popup-content { padding: 0.5rem; border-radius: 0.5rem; max-width: 100%; width: 100%; } .label-text { font-size: 0.95rem; } .toggle-description { font-size: 0.7rem; color:#000; } #accessibility-popup { padding: 0.8rem 1rem; } .popup-header h2 { font-size: 1.1rem; } .accessibility-toggle { display: flex; align-items: center; gap: 0rem; margin-bottom: 1rem; padding: 0.75rem 0.5rem; border-radius: 0.2rem; min-height: 40px; } .accessibility-toggle .icon { display: inline-flex; align-items: center; /* richtiges Alignment für vertikale Zentrierung */ justify-content: center; /* zentriert das Bild horizontal */ height: 3.25rem; border: 1px solid black; color: #222; } .icon-image { width: 45px; /* oder z. B. 2.5rem */ height: 45px; max-width: 100%; max-height: 100%; object-fit: contain; /* sorgt für korrektes Einpassen */ } .label-text { font-size: 1.05rem; } } /*----------- --- Responsive Anpassungen -----480----------------- */
/* access-popup ------------------------- */ 

/* agentur.css ------------------------- */ 
html { font-size: 17px; } /* =====Menü ===== */ .text-close { font-size: 0.9em; white-space: nowrap; } .br-tablet { display: none; } /* =====pattern ===== */ .background-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; } .background-overlay picture { display: block; width: 100%; height: 100%; } .background-overlay img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; } .background-overlay img { filter: opacity(0.3); /* statt global opacity */ } @media (max-width: 767px) { .background-overlay img { filter: none; /* Mobile: kein Filter */ filter: opacity(0.65); /* oder testen mit 0.5 */ } } @media (max-width: 767px) { #modal-img-1 { display: none; } } /* ===== Scrollbar CSS ===== */ /* Firefox */ * { scrollbar-width: auto; scrollbar-color: #00fac9 #ffffff; } /* Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 16px; } *::-webkit-scrollbar-track { background: #ffffff; } *::-webkit-scrollbar-thumb { background-color: #00fac9; border-radius: 10px; border: 3px solid #ffffff; } .scrollBtn { position: absolute; bottom: 1.5%; left: 90%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); width: 100px; height: auto; display: flex; align-items: center; flex-direction: column; gap: 10px; z-index: 1; transition: all ease-in-out 0.35s; -webkit-transition: all ease-in-out 0.35s; } .scrollBtn a { font-size: 12px; line-height: 1.5; font-weight: 400; text-align: center; text-transform: none; -webkit-text-transform: uppercase; letter-spacing: 2px; display: inline-block; padding: 0.75rem; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.8); } a:link { text-decoration: none !important; } .scrollBtn span { width: 12px; height: 12px; display: block; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); animation: animate 2s infinite; -webkit-animation: animate 2s infinite; margin: auto; } @keyframes animate { 0% { opacity: 0; transform: rotate(45deg) translate(-10px, -10px); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg) translate(10px, 10px); } } @-webkit-keyframes animate { 0% { opacity: 0; transform: rotate(45deg) translate(-10px, -10px); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg) translate(10px, 10px); } } /*Menü*/ .dsn-hamburger{ font-size: 1.05em; text-transform:uppercase; } .nav__info{ text-transform:none; } /* navi*/ .site-header.dsn-hamburger ul.primary-nav a { font-size:2em; text-transform:none; } /* nummern vor navi*/ @media only screen and (min-width: 992px) { .site-header.dsn-hamburger ul.primary-nav li a span:before, .site-header.dsn-hamburger ul.primary-nav ul li a span:before { counter-increment: var(--dsn-li-name); content: counters(var(--dsn-li-name), ".", decimal-leading-zero) ". "; font-family: var(--border-color); pointer-events: none; font-size: 24px; opacity: 0.3; } } /* Webdesign hosting Texter */ .site-header.dsn-hamburger .container-content .sm-title-block { color: rgba(0, 250, 201, 0.9); color: #fff; font-size:1.2em; line-height:1.5em; } .site-header.dsn-hamburger .container-content .nav-content p { color: #fff; font-size:1.0em; line-height:1.55em; } @media (min-width: 768px) { .site-header.dsn-hamburger .container-content .nav-content p { margin-top:30px; } } /* Scroll to top ---------------------------------- */ .scrollToTop { color: #ffffff; position: fixed; bottom: 5px; right: 5px; width: 50px; height: 50px; text-align: center; cursor: pointer; background-color: rgba(0, 0, 0, 0.4); z-index: 1005; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; filter: alpha(opacity=0); } .scrollToTop.fadeToTop { -webkit-animation-name: fadeToTop; animation-name: fadeToTop; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeToTop { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeToTop { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .scrollToTop.fadeToBottom { -webkit-animation-name: fadeToBottom; animation-name: fadeToBottom; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeToBottom { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeToBottom { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .scrollToTop i { line-height: 48px; font-size: 26px; } .scrollToTop:hover { background-color: rgba(0, 0, 0, 0.6); } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .scrollToTop { width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4); } .scrollToTop i { line-height: 40px; font-size: 20px; } } @media (max-width: 766px) { .scrollToTop { display:none; } } /* ---------- allgemein------------------ */ .button { display: inline-block; text-align: center; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid #9d9d9d; padding: 8px 12px 8px 12px; font-size: 1.0em; color: #9d9d9d; text-decoration: none; min-width: 200px; margin-bottom:100px; } .button:hover, .button:focus, .button.load-more { background-color: #00fac9; border-color: #00fac9; color: #000; } /* -- overlay adresse navi--------*/ .sm-title-block { font-size:1.4em; color: blue; } b, strong { font-weight: bolder; font-weight: 500; color:#00fac9; } /* Mobile zuerst: KEIN oder KLEINER Hintergrund */ .bg-pattern { background-image: url("../image/bg-2-neu-2-redu_02.svg"); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.2; } /* Desktop: größere Datei */ @media (min-width: 768px) { .bg-pattern { background-image: url("../image/bg-2-neu-2-redu.svg"); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.2; } } .img-responsive{ width:100%; height:auto; } /* barrierefrei */ #dsn_header .footer-head .dsn-list .grid-item { padding-left: 20px; border-left: 2px solid #00fac9; font-size:0.85em; } #dsn_header .footer-head .dsn-list{ padding-top:30px; padding-bottom:50px; } /* Barriere nach rechts */ .footer-head{ margin-left:120px; font-size:1.1em; } /*-------------------------------------------------- Hero Section http://clapat.ro/themes/harington/assets.css --------------------------------------------------*/ .content-full-width { box-sizing:border-box; padding-left:180px; padding-right:180px; max-width:100%; } /*---------Index------------ animierter hero title-------------------*/ @media (max-width:767px) { .hidden-xs	{ display:none; } } .text-line { stroke-dasharray: 500; stroke-dashoffset: 500; animation: dash 5s linear forwards, filling 5s ease-in forwards; font-size: 180px; width:39%; } .text-line.zwei { margin-left:-70px; } .text-line.zwei { stroke-dasharray: 500; stroke-dashoffset: 500; animation: dash 5s linear forwards, fill 5s ease-in forwards; font-size: 180px; width:62%; } .text-line text { font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-style: normal; } @keyframes dash { to { stroke-dashoffset: 0; } } @keyframes filling { 0%, 90% { fill: #00fac9; fill-opacity: 0; } 100% { fill: #00fac9; fill-opacity: 1; } } @keyframes fill { 0%, 90% { fill: #fff; fill-opacity: 0; } 100% { fill: #fff; fill-opacity: 1; } } @media (max-width:440px) { .text-line { font-size: 60px; } .text-line.zwei { font-size: 55px; margin-left:0px; } } @media (max-width:360px) { .text-line { font-size: 40px; width:100%; height:40px; text-align:left; } .text-line.zwei { font-size: 40px; width:100%; height:40px; text-align:left; } } /*---mobile------ end ---------*/ /*--------------------- index -------------------*/ #hero_title h1 { font-size:10em; line-height:0.5em; letter-spacing:-0.03em; font-family: "Poppins"; font-weight: 600; margin: 0px; color: white; user-select: none; z-index: 0; padding-top:0rem; } #hero_title h1 span { color:#00fac9; } /* Standard: Linie Mobile – Bild bleibt normal */ #hero_title img[aria-hidden="true"] { position: relative; top: 0; top:20px; } /* Desktop: Linie Nach oben verschieben */ @media (min-width: 768px) { #hero_title img[aria-hidden="true"] { top: -25px; } } /* grafik und print */ @media (max-width: 767px) { .post.post1H1 { margin-top: 30px; } } /*---------------------Text für H1 unsichtbar wegen SEO -------------------*/ .visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } #hero_title_mobile h2 { font-size:10em; line-height:0.9em; letter-spacing:-0.03em; font-family: "Poppins"; font-weight: 600; margin: 0px; color: white; user-select: none; z-index: 0; padding-top:3rem; } #hero_title_mobile h2 span { color:#00fac9; } #hero_title .post { position: relative; font-size: 8em; font-weight: 600; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.75px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.55); user-select: none; } #hero_title .post1H1 { margin-top: -50px; margin-left:150px; z-index: -1; animation: openPost1 1s; } /* wir lassen.... */ .index .title-h3 { font-size: 2.4em; line-height:1.1em; letter-spacing: 3px; text-transform:none; padding-bottom:2rem; font-family: "Poppins"; } /* referenzen, auf die....wir können hier nicht */ .index .title-block{ font-size:1.2em; padding-bottom:10px; padding-top:15px; text-align:center; } /* Projekte Overlay Projekte */ .index .contents { position: relative; width: 100%; max-width: 100%; margin: auto; overflow: hidden; } /* ----Titel index was wir draufhaben------*/ .leist_title-smaller { font-size:3.5em; line-height:1em; color:#00fac9; font-weight:500; } .leist_title-smaller span{ font-size:1.0em; color:#fff; } /* -------------------index--- accordion------------------*/ .viewers { overflow: hidden; width: 100%; position: relative; } .viewers>.contents { position: relative; padding-top: 70px; padding-bottom: 70px; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } .bgs { position: absolute; top: 0; left: 0; width: 100%; /* Containerbreite nutzen */ height: auto; /* Höhe proportional */ pointer-events: none; display: block; object-fit: cover; /* optional: füllt Container, schneidet ggf. */ } .colors-h { color: #efefef; background-color: rgba(15, 14, 14, 0.85); margin:0; padding:0; } /* -----------------accordion-----end------------------*/ /* --index END---------------------------------------------------------*/ /* ----Titel oben alle-------*/ .leist_title-small h1{ font-size:4.5em; line-height:1em; color:#00fac9; font-weight:500; } .leist_title-small h1 span{ color:#fff; } /* ----Text früher bewegt-------*/ .title-h2{ font-size:2em; color:#fff; } /* Einfache Slide-In Animation von unten */ @keyframes slideInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Ausgangszustand – noch unsichtbar */ .slide-in { opacity: 0; transform: translateY(30px); } /* Sichtbar + animiert */ .slide-in.visible { animation: slideInUp 0.8s ease-out forwards; animation-delay: 0.2s; } /* ----Seite referenzen Bildtitel-------*/ .caption-overlay { position: absolute; } figcaption { position: relative; /* damit h3 absolut innerhalb figcaption funktioniert */ } .p-relative { position: relative; /* container für absolute Positionierung */ } .caption-overlay { bottom: 30px; left: 0; background-color: rgba(0, 0, 0, 0.5); padding: 4px 15px; color: #fff; font-weight:200; font-size: 1.4rem; z-index: 10; font-family: "Poppins"; } /* ----------------------Seite Referenzen neu-------------------*/ .bg-color{ background:#191919; } /*Isotope simple https://codepen.io/aylinmarie/pen/NjwOGv*/ a { text-decoration: none; } .contentes { width: 100%; margin: 0 auto; padding: 0px; text-align: left; margin-top:2rem; } .single-content img { width: 100%; height: auto; } .filters { width: 100%; text-align: left; } .filter-button-group ul { list-style: none; padding: 20px 0; } .filter-button-group button { display: inline; padding: 10px 25px; font-size: 18px; color: #636363; font-weight: 400; cursor: pointer; text-transform: uppercase; letter-spacing: .2em; } .filter-button-group button:hover { color: #a6a6a6; } .filter-button-group button.active { color:#fff; border-bottom: 1px solid #00fac9; } .isotope-img{ width:100px; height:auto; } .fadeIn-bottom{ top: 80%; } /*Isotope end*/ /* --Auszug Kunden ---------*/ .logos_title-small { font-size:3.0em; line-height:1em; color:#00fac9; font-weight:500; text-align:left; } .logos_title-small span{ font-size:1.0em; color:#fff; } /* --logos---Referenzen Bilder groß-----*/ .single-content img { filter: url(filters.svg#grayscale); Firefox 3.5+ */ filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .8s ease-in-out; } .single-content img:hover { filter: none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.00); } /* --logos--Seite -Referenzen -----*/ .referenzen .brand-item-inner { padding:15px; } .border-rechts { border-right: 1px solid #363636; } .border-unten { border-bottom: 1px solid #363636; } /* ----Referenzen Logo-------------------*/ .fade { margin: 0px; padding: 0px; transition: opacity 0.7s ease-in; } .fadeOut { opacity: 0; } .fadeIn { opacity: 1; } .padding-li-re{ padding-left:5rem; padding-right:5rem; } /* --gemeinsam erfolreich----Referenzen----*/ .referenzen .leist_title-small h3{ font-size:3.6em; line-height:1em; color:#00fac9; font-weight:500; } /* --wer uns vertraut-----usw----*/ .leist_title-small h3{ font-size:4.5em; line-height:1em; color:#00fac9; font-weight:500; } .leist_title-small h3 span{ font-size:1.0em; color:#fff; } .leist_title-small.mappe h3{ font-size:3.0em; line-height:1em; color:#00fac9; font-weight:500; } .leist_title-small.mappe h3 span{ font-size:1.0em; color:#fff; } /* ---Seite Referenzen Wir schätzen jeden--*/ .title-h3{ font-size:1.6em; color:#fff; } /* ---Text unter title Seiten Leistungen Gästemappe--*/ .title-h4{ font-size:1.6em; color:#fff; } /* -------------------Footer-------------------*/ .dsn-def-btn span{ font-size: 20px; } .partner .logo-ihc{ width:70px; height:auto; } .partner .logo-ag{ width:140px; height:auto; } #dsn_footer .dsn-list{ padding-top:30px; padding-bottom:50px; } #dsn_footer .footer-nav-print li{ margin-right:50px; } #dsn_footer .footer-nav-print li p{ padding-top:8px; } #dsn_footer .subtitle span { padding: 5px 0px; font-size: 1.2em; letter-spacing: 2px; font-weight: 300; } #dsn_footer .col-address p { font-size:0.95em; } #dsn_footer .col-contact p { font-size: 0.90em; } #dsn_footer .border-top{ margin-top:2rem; } #dsn_footer .list-impr { list-style:none; display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-justify-content:start;-ms-justify-content:start;-ms-flex-pack:start;justify-content:start; margin-right:10px; } #dsn_footer .list-impr{ padding-right:0px; padding-top:1rem; } #dsn_footer .list-impr li { font-size:0.8rem; color:#fff; text-transform:uppercase; letter-spacing:0.02em; padding:5px; margin:5px; padding-top:10px; } #dsn_footer .unsicht{ display:none; font-size:0.1em; }
/* agentur ---------------------end---- */ 


/* responsive.css ------------------------- */ 
/*Neu*/ @media (min-width:1025px) { .hidden-lg	{ display:none; } } /*ohne animation*/ @media (min-width:320px) and (max-width:1024px) { .hidden-xs	{ display:none; } } /*ohne animation*/ @media (min-width:300px) and (max-width:767px) { .hidden-xs	{ display:none; } } /*-------------------------------------------------- Responsive hero tablet quer ---------------------------------------------------	*/ @media only screen and (max-width: 1537px) { /* --Adresse, email Startseite--------*/ .content-full-width { box-sizing:border-box; padding-left:70px; padding-right:70px; max-width:100%; } /* Title */ #hero_title h2 { font-size: 7em; padding-top:0rem; } .scrollToTop { display:none; } /* wir lassen.... */ .index .title-h3 { font-size: 1.8em; padding-top:0rem; } /* referenzen, auf die....wir können hier nicht */ .index .title-block{ font-size:1.0em; } .social-side{ display:none; } /* --Index-----*/ /* Seite Referenzen Arbeiten.... */ .referenzen-box .title-referenzen { -webkit-text-stroke-color: rgba(255, 255, 255, 0.3); } /* Seite Referenzen Box.... */ .standard { padding-top: 250px; padding-bottom: 70px } /* Seite Referenzen Box.... */ .standard-2 { padding-top: 50px; padding-bottom: 70px } /*Isotope */ .filter-button-group li { padding: 10px 15px; } /* --mehr anzeigen---------*/ .button { font-size: 1.0em; margin-bottom:5rem; margin-top:10px; } } /* ----------Tablet ---------------1024------------------------- Landscape 1024 x 650, Porträt 768 x 906 --www.../kunde/app-----------------*/ @media only screen and (max-width: 1024px) { /* --Navigation--------*/ .site-header.dsn-hamburger ul.primary-nav a { font-size: 1.2em; } /* --Webdesign Hosting Texter-------*/ .nav__info { margin-top:10rem; } /* --Adresse, email Startseite--------*/ .content-full-width { padding-left:20px; padding-right:20px; } /* Barriere nach rechts */ .footer-head{ margin-left:0px; } /* barrierefrei */ #dsn_header .footer-head .dsn-list{ margin-left:10px; font-size:1.0em; } /* --Titel index--------*/ #hero_title h2 { font-size: 6.4em; letter-spacing:-0.03em; margin-top:-2rem; } /* --Titel index--------*/ #hero_title .post { position: relative; font-size: 6em; padding-top:25px; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.75px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.55); user-select: none; } /* Standard: Linie Mobile – Bild bleibt normal */ #hero_title img[aria-hidden="true"] { position: relative; top: 0; top:10px; } /* ----Titel index was wir draufhaben------*/ .leist_title-smaller { font-size:3em; } .leist_title-smaller span{ font-size:1.0em; } /* ----Text nach title alle------*/ .title-h2 { font-size: 1.4em; } /* ----accordion index------*/ .accordion--headline button.accordion-button { font-size: 1.4em; } /* footer kontaktiere uns.... */ .dsn-def-btn h4{ font-size:1.15em; } /* ----bei navi-------*/ .partner .logo-ihc { width: 80px; height: auto; } /* ----bei navi-------*/ .partner .logo-ag{ width:140px; height:auto; } /* ----barriere-------*/ .br-tablet { display: inline; } .br-tablet { display: block; height: 0; content: ""; } .br-tablet::after { content: "\A"; white-space: pre; } /* ----Seite Titel oben alle-------*/ .leist_title-small h1{ font-size:3.0em; } .title-h4{ font-size:1.3em; color:#fff; xxcolor:blue; } /*-----index -Wir lassen unsere Arbeiten--------------------*/ .index .title-h3 { font-size:3.0em; } /* --kreativ usw-----usw----*/ .leist_title-small h3{ font-size:3.5em; } .leist_title-small.mappe h3{ font-size:2em; } /* ---Seite Referenzen Wir schätzen jeden--*/ .title-h3{ font-size:1.85em; } /* footer kontaktiere uns.... */ #dsn_footer .title-btn{ font-size:1.2em; } .caption-overlay { font-size: 1.0rem; } .re-content-box { width:150%; margin-left:-12%; transform:scale(0.92); -webkit-transform:scale(0.92); -o-transform:scale(0.92); -ms-transform:scale(0.92); -moz-transform:scale(0.92); } .leistung .title-h3{ padding-right:2rem; padding-left:2rem; } .padding-li-re{ padding-left:0rem; padding-right:0rem; } .bgs{ height:100%; } #dsn_footer .footer-nav-print li{ margin-right:20px; } } /*Tablet 1024 x 650,------------------------1024----------------------end--- Porträt 768 x 906 ---------*/ @media (min-width: 768px) and (max-width: 1024px) { .logo-ag-footer { max-width: 110px; height: auto; } .logo-ihc-footer { max-width: 60px; height: auto; } } /*------------------------------------------------------------------- media 991 Responsive hero Tablet hoch -------------------------------------------------------------------	*/ @media only screen and (max-width: 991px) { /* --Adresse, email Startseite--------*/ .content-full-width { padding-left:10px; padding-right:10px; } /* ----Titel oben alle-------*/ .leist_title-small h1{ font-size:2.8em; } /* ---Seite Referenzen Wir schätzen jeden--*/ .title-h3{ font-size:1.35em; } /* --logos--------*/ .owl-logo img { padding:10px; } } /*------------------------------------------------------------------- media 991 Responsive hero Tablet hoch ---------------------------------------------------------------end----	*/ /* --Gästemappe-----------------------------------------800px-------*/ @media (max-width: 800px){ /* ----Titel oben alle-------*/ .leist_title-small h1{ padding-top:6rem; } .leist_title-small h3{ font-size:2.5em; } .leistung .title-h3{ padding-right:2rem; padding-left:2rem; } } /* --Gästemappe--800px----end---*/ @media (max-width: 768px) { #access-widget { right: 50px; /* z. B. deutlich weiter nach links */ } } /* media-------------------------------767------------------------------------- */ @media only screen and (max-width: 767px) { /* --Adresse, email Startseite--------*/ .content-full-width { padding-left:30px; padding-right:30px; } /* --Titel index--------*/ #hero_title h2 { font-size: 6em; } /* --Titel index--------*/ #hero_title .post { font-size: 4.8em; padding-top:25px; } /* ----Titel oben alle-------*/ .leist_title-small { margin-left:-10px; } /* ----Titel oben alle-------*/ .leist_title-small h1{ font-size:2.8em; } /* ----Text bewegt-------*/ .title-h3.dsn-text{ text-align:center; line-height:1.3em; } /* --wer uns vertraut---------*/ .leist_title-small h3{ font-size:3.6em; } .dsn-scroll-bottom{ display:none; } /* kontaktiere uns.... */ /* --logos--------*/ .owl-logo img { padding:0px; } /* wir können nicht alles.... */ .title-block{ font-size:1.0em; text-align:justify; } .social-side{ display:none; } .caption-overlay { bottom: 30px; left: 0; background-color: rgba(0, 0, 0, 0.5); font-weight:200; font-size: 1.0rem; } /* ---Text unter title Seiten Leistungen Gästemappe--*/ .title-h4{ font-size:1.1em; text-align:left; margin-left:20px; margin-top:1rem; } } /* media---------------------------767-----------------------------end-------- */ /*-------------------------------------------------- media 600 Responsive ---------------------------------------------------	*/ @media (max-width: 600px) { #dsn_header { height: 93vh; /* oder 60vh, je nach Design */ } #hero_title .post { position: relative; font-size: 3em; font-weight: 600; } /* wir lassen.... */ .index .title-h3 { font-size: 1.6em; padding-top:4rem; text-align:left; } body.v-dark .accordion--headline button.accordion-button{ color: #fff; padding: 10px 10px; transition: 0.3s ease; font-size:1.1em; font-weight:400; } body.v-dark .accordion--content .content-body p{ font-size:1.0em; line-height:1.35em; text-align:left; } /* kontaktiere uns. Pfeil... */ #dsn_footer .btn-icon-left{ padding-top: 17px; } #dsn_footer .subtitle span { margin-top:2rem; } .text-close { font-size: 0.9rem; /* oder kleiner je nach Bedarf */ white-space: nowrap; /* Zeilenumbruch verhindern */ } } /*--------------- End media-----600-------- */ @media (max-width: 480px) { #access-widget { left: 10px; bottom: 25px; } } /* ------------Handy Astrid 396 x 738 Porträt, 794 x 301 Landscape-----------end---------*/ /* ------------Handy Gustl 412 x 780 Porträt, 836 x 332 Landscape-----------end---------*/ /* -----------------------media 479---------Astrid + Gustl Handy------------------------------*/ @media only screen and (max-width: 479px) { .main-brand img, .dsnload__img img { width: 140px; } /* navi*/ .site-header.dsn-hamburger ul.primary-nav a { font-size:1.2em; } /* Webdesign hosting Texter */ .site-header.dsn-hamburger .container-content .sm-title-block { font-size:0.9em; line-height:1.1em; color:#fff; font-weight:400; } .nav__info { margin-top:1rem; } /* --Webdesign | Hosting | Texter-------*/ .site-header.dsn-hamburger .container-content .nav-content p { color: #fff; font-size:0.95em; line-height:1.4em; text-align:center; } .site-header.dsn-hamburger .container-content .nav-content.mt-40 { margin-top: 10px !important; } .site-header.dsn-hamburger .container-content .nav-content p br{ display:none; } .background-section{ background-color:#222222; } /* background header */ .bg-pattern { background-image: url("../image/bg-2-neu-2.svg"); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 1; } /* --Adresse, email Startseite--------*/ .content-full-width { padding-left:40px; padding-right:40px; } /* --Titel index--------*/ #hero_title h2 { font-size: 2.6em; line-height:0.9em; margin-top:-2rem; } /* --Titel index--------*/ #hero_title .post1H1 { margin-left:30px; margin-top: -20px; } /* --Titel index--------*/ #hero_title .post { font-size: 2.8em; -webkit-text-stroke-color: rgba(255, 255, 255, 1); padding-top:0px; } /* --container und--Titel oben alle-------*/ .header-normal { padding-left:20px; padding-right:20px; } /* ----Titel oben alle-------*/ .leist_title-small h1{ font-size:2.8em; padding-top:2rem; } /* ----Text bewegt-------*/ .title-h2{ text-align:left; line-height:1.3em; font-size:1.15em; color:#fff; margin-top:1rem; padding-left:20px; padding-right:0rem; } /* --wer uns vertraut----Referenzen----*/ .referenzen .leist_title-small h3{ font-size:2.3em; text-align:left; } /* ------Untertitel Jetzt lassen wir--------------------*/ .container-width-small{ padding:0; } /* --allgemein---------*/ .leist_title-small h3{ font-size:1.3em; } /* --wer uns vertraut--Text darunter-------*/ .title-h3{ font-size:1.20em; line-height:1.6em; } .dsn-scroll-bottom{ display:none; } /* referenzen, auf die....wir können hier nicht */ .index .title-block{ font-size:1.05em; line-height:1.4em; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; xhyphens: auto; text-align:left; } /* Projekt overlay Text img... */ .fadeIn-bottom{ top: 10%; } .move-circle .icon-circle { border:1px solid red; background:red !important; } /* --allgemein-----logos kunden usw----*/ .box-left .title-h2{ margin-top:2rem; } /* --Kunden Slider---------*/ .logos_title-small { font-size:2.2em; text-align:center; } /* --logos--------*/ .owl-logo img { padding:20px; } /* --erfolgreiche-------*/ .partner .title-h2{ font-size:1.8em; margin-top:110px; text-align:center; } /* --partner--------*/ .borderedBox .top p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* --Footer---------*/ #dsn_footer .subtitle span { font-size: 1.2em; margin-bottom:0.5rem; } #dsn_footer .col-contact p { font-size: 1.0em; } #dsn_footer .col-contact p:last-child { margin-bottom:0.5rem; } /* --titel-kontaktiere--------*/ /* --Abstand zu titel---------*/ #dsn_footer .dsn-def-btn{ margin-top:1rem; } /* --mehr anzeigen---------*/ .button { font-size: 0.9em; margin-bottom:70px; margin-top:40px; } /*Isotope */ .filter-button-group ul { padding: 10px 0; } /*Isotope */ .filter-button-group li { font-size: 14px; } } /* ----Seite Referenzen end--------*/ /* -----------------------media 479--------------------------------------------end---------*/ /* -----------------------media 440--------------------------------------------------------*/ @media (max-width:440px) { .site-header.dsn-hamburger .menu-cover-title { display:none; } .padding-li-re { padding-left: 0rem; padding-right: 0rem; } .container, .dsn-container { padding-right: var(--dsn-gap-container); padding-left: var(--dsn-gap-container); padding-right:1.0rem; padding-left: 1.0rem; padding-left:0.5rem; } /* --Titel index--------*/ #hero_title h2 { font-size: 5.0em; line-height:0.9em; margin-top:-4rem; font-weight:400; } /* --Titel index--------*/ #hero_title .post1H1 { margin-left:10px; margin-top: 20px; } /* --Titel index--------*/ #hero_title .post { font-size: 2.8em; -webkit-text-stroke-color: rgba(255, 255, 255, 1); padding-top:0px; } #hero_title h1 { font-size:5.2em; line-height:0.9em; letter-spacing:-0.03em; font-family: "Poppins"; font-weight: 600; margin: 0px; color: white; user-select: none; z-index: 0; padding-top:1rem; } /* --Webdesign | Hosting | Texter-------*/ .site-header.dsn-hamburger .container-content .nav-content .nav-content h2{ font-size:1.3em; color:#fff; text-align:left; text-align:center; } .site-header.dsn-hamburger .container-content .nav-content .nav-content p { line-height:1.4em; text-align:left; } #dsn_footer .footer-nav-print{ padding-bottom:0.5rem; } #dsn_footer .footer-nav-print li{ margin-right:20px; } #dsn_footer .list-impr { display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-justify-content:end;-ms-justify-content:end;-ms-flex-pack:end;justify-content:end; margin-right:10px; } /* Schalter */ /* ----Titel oben alle-------*/ .leist_title-small h1{ font-size:2.6em; font-weight:400; text-align:left; margin-left:20px; } .viewers>.contents { padding-top: 30px; padding-bottom: 30px; } /* ----bei navi-------*/ .partner .logo-ihc{ width:60px; height:auto; } .partner .logo-ag{ width:110px; height:auto; } .nav-social-inner{ margin-bottom:2rem; } /* ----im footer-------*/ #dsn_footer .partner .logo-ihc{ width:80px; height:auto; } #dsn_footer .partner .logo-ag{ width:140px; height:auto; } /* ----Titel oben was wir draufhaben-------*/ .leist_title-smaller{ font-size:2.4em; font-weight:400; } .title-block { text-align:left; } /* --wer uns vertraut---------*/ .leist_title-small h3{ font-size:2.4em; font-size:2.6em; font-weight:400; text-align:left; margin-left:40px; } .leistung .title-h3{ font-size:1.25em; line-height:1.35em; font-weight:300; text-align:center; margin-top:2rem; padding-right:0rem; padding-left:0rem; } .m-left{ margin-left:1.5rem; } /* --Gästemape--Text bewegt-------*/ .mappe .title-h2{ font-size:1.4em; text-align:center; margin-left:1rem; margin-right:1rem; } /* ---Referenzen -Text bewegt-------*/ .ref .title-h2{ font-size:1.4em; text-align:center; } .br-tablet{ display:none; } } /* -----------------------media 440--------------------------------------------end---------*/ /* -----------------------media 360----------------------------------------------------*/ @media (max-width:360px) { /* --Titel index--------*/ #hero_title h2 { font-size: 4.2em; } /* --Titel index--------*/ #hero_title .post { font-size: 2.6em; margin-top:0rem; } /* --Titel index--------*/ #hero_title .post1H1 { margin-left:20px; } #hero_title h1 { font-size:4.2em; line-height:0.9em; letter-spacing:-0.03em; font-family: "Poppins"; font-weight: 600; margin: 0px; color: white; user-select: none; z-index: 0; padding-top:1rem; } /* -Referenzen---Text bewegt-------*/ .ref .title-h2{ font-size:1.05em; text-align:center; } /* ----Text bewegt---???----*/ .title-h3.dsn-text{ font-size:1.05em; color:blue; } /* --Gästemappe--Text bewegt-------*/ .mappe .title-h2{ font-size:1.2em; } .title-h3{ font-size:1.02em; padding-right:0rem; padding-left:0rem; color:yellow; } .br-tablet{ display:none; } /* --Kunden Slider---------*/ .logos_title-small { font-size:1.8em; } /* --erfolgreiche-------*/ .partner .title-h2{ font-size:1.4em; } .partner-name{ font-size:1.4em; } .standard { padding-top: 250px; padding-bottom: 70px } /*Bildtitel */ .box-headline .title { font-size:0.9em; line-height:1.2em; } /* ----Titel oben alle-------*/ .leist_title-small h1{ font-size:2.3em; } /* --wer uns vertraut-----usw----*/ .leist_title-small h3{ font-size:2.5em; } .filter-button-group li { padding: 10px 10px; font-size: 15px; } } /* -----------------------media 360---------------------------------------end-------------*/ /* -----------------------media 320-------------------------------------------------------*/ @media (max-width:320px) { .site-header.dsn-hamburger #navbar_toggle .toggle-icon { --width-icon: 25px; margin-right:10px; } /* --Titel index--------*/ #hero_title h2 { font-size: 3.0em; } /* --Titel index--------*/ #hero_title .post { font-size: 2.3em; -webkit-text-stroke-color: rgba(255, 255, 255, 1); } /*Isotope */ .filter-button-group li { padding: 10px 10px; font-size: 12px; color: #fff; } .header-normal { padding-left:10px; padding-right:10px; } /* ----Titel oben alle-------*/ .leist_title-small h1{ font-size:2.5em; } /* ----Titel Arbeiten-------*/ .referenzen-box .title-referenzen { font-size:3.8em; } } /* Mobile */ @media (max-width: 575px) { /* Horizontale Linie */ .accordion--headline button.accordion-button::before { content: ""; position: absolute; top: 100%; left: 50%; width: 20px; height: 2px; background-color: #fff; transform: translateX(-50%); margin-top: 10px; } /* Vertikale Linie */ .accordion--headline button.accordion-button::after { content: ""; position: absolute; top: calc(100% + 10px + -9px); /* 100% = Button unten + 10px Abstand (margin-top horizontal line) + 2px Höhe der horizontalen Linie */ left: 50%; width: 2px; height: 20px; background-color: #fff; transform: translateX(-50%); opacity: 1; /* sichtbar von Anfang an */ transition: opacity 0.3s ease; display: block; } /* Vertikale Linie ausblenden wenn geöffnet */ .accordion--headline button.accordion-button[aria-expanded="true"]::after { opacity: 0; transition: opacity 0.3s ease; } .accordion--headline button.accordion-button::after { opacity: 1 !important; } /* Horizontale Linie (Minus/Plus) */ body.v-light .accordion--headline button.accordion-button::before { background-color: #00fac9; } /* Vertikale Linie (Plus) */ body.v-light .accordion--headline button.accordion-button::after { background-color: #00fac9; } .accordion--headline button.accordion-button { font-size: 1.6em; color: red; font-family: 'Bai Jamjuree', sans-serif; margin-bottom:2rem; } }
/* responsive ---------------------end---- */


/* ========================================================================== */
/*  im footer pfeil kontaktiere uns                                              */
/* ========================================================================== */

.dsn-def-btn .btn-icon-left i {
    position: relative;
    top: 3px; /* nach unten verschieben */
}

 #hero_title h2 span{   
	 color:#00fac9;	 	 
 }

 #hero_title h2 {   	 
	 font-size:7em;
 }


/* Mobile-Optimierung */
@media (max-width: 767px) {
    .col-sm-3, .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Button über Logos */
    .dsn-def-btn > div:first-child {
        order: -1;
    }

    .dsn-def-btn > ul.footer-nav-print {
        order: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

   

    /* Icon im Button auf Mobile 5px nach oben */
    .dsn-def-btn > div span.btn-icon-left i {
        position: relative;
        top: 3px;
    }

     .footer-nav-print li  {        
		padding-bottom:4rem;
		text-align:left;
    }



    .footer-nav-print li a .logo-ag-footer  {
        max-width: 120px; /* oder gewünschte Größe */
        height: auto;		
    }

	 /* Nur IHC-Logo etwas kleiner */
    .footer-nav-print li a .logo-ihc-footer {
        max-width: 70px; /* gewünschte kleinere Größe */
    }

}


@media (max-width:440px) {

  /* Icon im Button auf Mobile 5px nach oben */
    .dsn-def-btn > div span.btn-icon-left i {
        position: relative;
        top: -5px;
    }
	
}


/* Tablets im Querformat / kleine Laptops */
@media (min-width: 992px) and (max-width: 1199px) {
  /* CSS-Regeln für kleine Desktops oder große Tablets */
  #hero_title h2 {   
	 font-weight:600;	 
  }
  .index .title-h3 {
    font-size: 2.0em;		
  }
}






@media (min-width: 768px) and (max-width: 991px) {
  .index .title-h3 {
    font-size: 1.6em;		
  }
  #hero_title .post {	    
	font-size: 5.0em;	
	padding-top:50px;	
	margin-left:10px;
   }
   /* --Titel index--------*/
	#hero_title h2 {   
	  font-weight:600;	 
	}
}