@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");

@import url("classes.css");

.text-bold {
    font-weight: 700 !important;
}
.text-underline {
    text-decoration: underline !important;
}

.text-italic {
    font-style: italic !important;
}

.text-left {
    text-align: left !important;
}

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

.text-justify {
    text-align: justify !important;
}
.bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}

.float {
    display: none;
    position: fixed !important;
    width: auto !important;
    bottom: 40px;
    cursor: pointer;
    padding: 8px 31px !important;
    right: 40px;
    text-decoration: none;
    line-height: 34px;
    z-index: 999999;
    border-radius: 15px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
}

.p-icon:nth-child(1){
    font-size: 150%;
    transform: translate(-20%, 25%);
}
.p-icon:nth-child(2){
    font-size: 150%;
    transform: translate(23%, 20%);
}
.p-icon-after{
    font-size: 150%;
    transform: translate(20%, 25%);
}
.p-icon-solo{
    font-size: 150%;
    transform: translate(0%, 25%);
}

.p-icon-builder{
    font-size: 150%;
    transform: translate(0%, 0%);
}

.float:hover {
    animation-play-state: paused;
}

.start .con.position-absolute{
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1030;

}

[data-edit="text"].highlight,
span.highlight,img.highlight, [data-edit="icon"].highlight{
    text-decoration: underline;
    cursor: pointer;
}

[data-edit="background"].highlight {
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 768px) {
    .bg-image {
        background-attachment: unset !important;
    }
    .float{
        width: auto !important;
        bottom: 10px;
        right: 10px;
    }
}

#imagemodal {
    background-color: rgba(0, 0, 0, 0.8);
}
.gallery .gallery-part img {
    width: 100%;
    border-radius: 0;
    position: relative;
}
[data-edit="gallery-item"]{
    position: relative;
    cursor: pointer;
}

#emailModal .text_formular{
    padding: 50px 0;
}
#emailModal .modal-dialog {
    margin-top: 5%;
}

.gallery .gallery-part:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    width: 30px;
    content: url(https://pic.onlinewebfonts.com/thumbnails/icons_466921.svg);
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}

.gallery .gallery-part:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.86));
    content: "";
    transition: 0.4s;
}

.gallery .gallery-part:hover:after,
.gallery .gallery-part:hover:before {
    opacity: 1;
}
.baguetteBox-button#previous-button {
    left: 2%;
    display: none;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px;
}
.baguetteBox-button#next-button {
    right: 2%;
    display: none;
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}
.baguetteBox-button {
    background-color: transparent !important;
}
.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
}
.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    width: 100%;
    height: 100%;
    font: 1.6em sans-serif;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

.btn-arrow-left,
.btn-arrow-right {
    display: inline-flex;
    align-items: center;
}
.btn-arrow-left::before, .btn-arrow-left::after,
.btn-arrow-right::before,
.btn-arrow-right::after {
    width: 0.5em;
    height: 0.5em;
    border-top: 2px solid currentColor;
    border-left: 2px solid currentColor;
}

.btn-arrow-left::before {
    content: "";
    float: left;
    margin-right: 0.75em;
    transform: rotate(-45deg);
}

.btn-arrow-right::after {
    content: "";
    float: right;
    margin-left: 0.75em;
    transform: rotate(135deg);
}

#imagemodal button:hover g,
#imagemodal button:hover polyline {
    stroke: #ffffff;
}

.position-absolute .navbar-light .collapse.show,.position-absolute .navbar-light .collapsing{
    background: var(--bs-light);
    padding: 20px 10px;
}
.position-absolute .navbar-dark .collapse.show,.position-absolute .navbar-dark .collapsing{
    background: var(--bs-dark);
    padding: 20px 10px;
}

.navbar .navbar-toggler span {
    display: block;
    width: 30px;
    height: 2px;
    margin: 6px auto;
    transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

/* rotate first span */
.navbar .navbar-toggler[aria-expanded="true"] span:first-of-type {
    transform: rotate(45deg) translate(6px, 6px);
}

/* hide second span */
.navbar .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
    opacity: 0;
}

/* rotate third span */
.navbar .navbar-toggler[aria-expanded="true"] span:last-of-type {
    transform: rotate(-45deg) translate(5px, -5px);
}

.navbar .navbar-toggler[aria-expanded="false"] span {
    transform: none;
    opacity: 1;
}

@media (max-width: 767px) {
    .navbar-nav .nav-link { padding-top: 0.3rem; padding-bottom: 0.3rem; }
}
#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    display: none;
    background: var(--bs-primary);
    color:#fff;
    cursor:pointer;
    opacity: .7;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#btn-back-to-top:hover {
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#btn-back-to-top.left-btt {
    left:20px;
}
#btn-back-to-top.right-btt {
    right:20px;
}

@media (max-width: 576px) {
    .disable-mob {
        display: none !important;
    }
}

@media (min-width: 577px) and (max-width: 771px) {
    .disable-tab {
        display: none !important;
    }
}

@media (min-width: 772px) {
    .disable-pc {
        display: none !important;
    }
}


.main-page { overflow-x: hidden; }

[data-gallery="multi"] [data-edit="gallery-item"]:first-of-type {
    display: block;
}
[data-gallery="multi"] [data-edit="gallery-item"] {
    display: none;
}

.container-extra , .container-extra .container {
    max-width: 100% !important;
}
.container .container {
    padding-right:0; padding-left:0;
}

[data-edit="gallery"] [data-edit="image"]{
    cursor:pointer;
}

@media (min-width: 992px) {
    .weblantis-mobile-xl .navbar-expand-lg .navbar-toggler {
        display: flex;
    }
    .weblantis-mobile-xl .d-lg-flex.navbar-collapse {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .weblantis-mobile-xl .navbar-expand-lg .navbar-toggler {
        display: none;
    }
    .weblantis-mobile-xl .d-lg-flex.navbar-collapse {
        display: flex !important;
    }
}
@media (min-width: 992px) {
    .weblantis-mobile-xxl .navbar-expand-lg .navbar-toggler {
        display: flex;
    }
    .weblantis-mobile-xxl .d-lg-flex.navbar-collapse {
        display: none !important;
    }
}

@media (min-width: 1400px) {
    .weblantis-mobile-xxl .navbar-expand-lg .navbar-toggler {
        display: none;
    }
    .weblantis-mobile-xxl .d-lg-flex.navbar-collapse {
        display: flex !important;
    }
}


    nav .dropdown-menu li.nav-item{
        width: max-content;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.6);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

ion-icon {
    animation: fadeIn 1.5s ease-out;
}

.reverse-blok .row {
    display: flex !important;
    flex-direction: row-reverse !important;
}

@media (min-width: 992px) {
    .weblantis-columns-1 .col-lg {
        flex: 0 0 auto;
        width: 100%;
    }
    .weblantis-columns-2 .col-lg {
        flex: 0 0 auto;
        width: 50%;
    }
    .weblantis-columns-3 .col-lg {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .weblantis-columns-4 .col-lg {
        flex: 0 0 auto;
        width: 25%;
    }
    .weblantis-columns-5 .col-lg {
        flex: 0 0 auto;
        width: 20%;
    }
    .weblantis-columns-6 .col-lg {
        flex: 0 0 auto;
        width: 16.6666666%;
    }
}
.checkval-form{
    position: absolute;
    left: -9999px;
}

#imagemodal.modal.show .modal-dialog {
    justify-content: center;
}
#imagemodal .modal-content {
    width: auto;
}
#imagemodal .modal-content img {
    height: auto !important;
    max-height: 80vh;
}
#imagemodal .modal-body {
    padding: 3px;
}
#btn-back-to-top.d-none-btt{
    display: none !important;
}

#cookiesBar {
    --cc-text: #000000;
    --cc-text-soft: #000000;
    --cc-primary: #000;
    --cc-primary-hover: #222222;
    --cc-primary-active: #111111;
    --cc-secondary: #000000;
    --cc-secondary-hover: #222222;
    --cc-secondary-active: #111111;
    --cc-switch: #000000;
    --cc-border: #e5e5e5d7;
    --cc-background: #fafafa;
}
#cookiesBar.cookie-banner-float.offcanvas-bottom {
    position: fixed !important;
    top: auto !important;
    bottom: 20px !important;
    margin: 0 auto;
    width: min(540px, calc(100vw - 40px)) !important;
    max-width: min(540px, calc(100vw - 40px)) !important;
    height: auto !important;
    max-height: min(90vh, 920px) !important;
    z-index: 999999999 !important;
    --bs-offcanvas-height: auto;
    border-radius: 1rem !important;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
    border: 1px solid var(--cc-border) !important;
    background-color: var(--cc-background) !important;
    opacity: 0;
    transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease !important;
    will-change: transform, opacity;
}
#cookiesBar.cookie-banner-float.offcanvas-bottom:not(.show) {
    transform: translate3d(0, 110%, 0) !important;
    opacity: 0;
}
#cookiesBar.cookie-banner-float.offcanvas-bottom.show {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    opacity: 1;
}
#cookiesBar .cookie-banner-details summary {
    cursor: pointer;
    list-style: none;
}
#cookiesContent .border{
    background: var(--cc-background) !important;
}
#cookiesBar .cookie-banner-details summary::-webkit-details-marker {
    display: none;
}
#cookiesBar .cookie-banner-details summary::after {
    content: " ▸";
    font-size: 0.85em;
    opacity: 0.6;
}
#cookiesBar .cookie-banner-details[open] summary::after {
    content: " ▾";
}
#cookiesBar .cookie-actions-primary .btn:not(.btn-link) {
    min-height: 2.75rem;
}
#cookiesBar,
#cookiesBar p,
#cookiesBar label,
#cookiesBar .small,
#cookiesBar .form-check-label,
#cookiesBar .text-muted,
#cookiesBar .text-secondary,
#cookiesBar .text-body-secondary {
    color: var(--cc-text-soft) !important;
}
#cookiesBar h1,
#cookiesBar h2,
#cookiesBar h3,
#cookiesBar h4,
#cookiesBar h5,
#cookiesBar h6 {
    color: var(--cc-text) !important;
}
#cookiesBar .btn-primary,
#cookiesBar .btn.btn-primary,
#cookiesBar .btn.btn-primary.fw-semibold {
    color: #fff !important;
}
#cookiesBar .btn-primary {
    --bs-btn-bg: var(--cc-primary);
    --bs-btn-border-color: var(--cc-primary);
    --bs-btn-hover-bg: var(--cc-primary-hover);
    --bs-btn-hover-border-color: var(--cc-primary-hover);
    --bs-btn-active-bg: var(--cc-primary-active);
    --bs-btn-active-border-color: var(--cc-primary-active);
}
#cookiesBar .btn-outline-primary {
    --bs-btn-color: var(--cc-primary);
    --bs-btn-border-color: var(--cc-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--cc-primary);
    --bs-btn-hover-border-color: var(--cc-primary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--cc-primary-active);
    --bs-btn-active-border-color: var(--cc-primary-active);
}
#cookiesBar .btn-outline-secondary {
    --bs-btn-color: var(--cc-secondary);
    --bs-btn-border-color: var(--cc-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--cc-secondary-hover);
    --bs-btn-hover-border-color: var(--cc-secondary-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--cc-secondary-active);
    --bs-btn-active-border-color: var(--cc-secondary-active);
}
#cookiesBar .btn-link {
    color: var(--cc-secondary) !important;
}
#cookiesBar .btn-link:hover {
    color: var(--cc-primary) !important;
}
#cookiesBar .form-check-input {
    border-color: #9ca3af !important;
}
#cookiesBar .form-check-input:checked {
    background-color: var(--cc-switch) !important;
    border-color: var(--cc-switch) !important;
}
#cookiesBar .form-check-input:focus {
    border-color: var(--cc-switch) !important;
    box-shadow: 0 0 0 0.25rem rgba(17, 17, 17, 0.18) !important;
}
#cookiesBar .form-switch {
    display: flex;
    align-items: center;
    min-height: 2.5rem;
    padding-left: 4.375rem;
}
#cookiesBar .form-switch .form-check-input {
    width: 2.75rem;
    height: 1.5rem;
    margin-top: 0;
    margin-left: -4.375rem;
    border-radius: 2rem;
    cursor: pointer;
    flex-shrink: 0;
}
#cookiesBar .form-switch .form-check-input:disabled {
    cursor: not-allowed;
    opacity: 0.85;
}
#cookiesBar .form-switch .form-check-label {
    padding-top: 0.125rem;
    padding-left: 0.5rem;
    line-height: 1.35;
}
#cookiesBar .cookie-collapse-toggle {
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    min-height: 2rem !important;
    padding: 0 !important;
    display: inline-block !important;
    position: relative !important;
    border-radius: 0.5rem !important;
    color: #5c636a !important;
    line-height: 0 !important;
    font-size: 0 !important;
    transition: color 160ms ease, background-color 160ms ease !important;
}
#cookiesBar .cookie-collapse-toggle{
    background: #000 !important;
    box-shadow: none;
}
#cookiesBar .cookie-collapse-toggle .cookie-chevron {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 0.62rem !important;
    height: 0.62rem !important;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: translate(-50%, -60%) rotate(45deg) !important;
    transform-origin: center center !important;
    transition: transform 200ms ease !important;
    pointer-events: none !important;
}
#cookiesBar .cookie-collapse-toggle[aria-expanded="true"] .cookie-chevron {
    transform: translate(-50%, -40%) rotate(225deg) !important;
}
#cookiesBar .cookie-collapse-toggle:hover {
    background-color: rgba(17, 17, 17, 0.08);
    color: #111111;
}
#cookiesBar .offcanvas-body {
    overflow-y: auto;
    scrollbar-gutter: stable;
}
#cookiesBar .accordion-collapse.collapse,
#cookiesBar .accordion-collapse.collapsing {
    transition: height 240ms ease !important;
}
#cookiesBar .collapsing {
    transition: height 240ms ease !important;
}
#cookiesBar .btn,
#cookiesBar .btn-link,
#cookiesBar .form-check-input {
    transition: all 160ms ease !important;
}
@media (prefers-reduced-motion: reduce) {
    #cookiesBar.cookie-banner-float.offcanvas-bottom,
    #cookiesBar .cookie-collapse-toggle,
    #cookiesBar .cookie-collapse-toggle .cookie-chevron,
    #cookiesBar .accordion-collapse.collapse,
    #cookiesBar .accordion-collapse.collapsing,
    #cookiesBar .btn,
    #cookiesBar .form-check-input {
        transition: none !important;
    }
}