/*
Theme Name: White Tiger
Author: Duetto Design
Author URI: https://www.duetto-design.de/
Description: Duetto Design responsive theme
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/



/* ─────────────────────────────────────────────────────
SKIP LINK CSS  (add to your theme stylesheet)
───────────────────────────────────────────────────── */
.skip-link.screen-reader-text {position: absolute;left: -9999px;top: auto;width: 1px;height: 1px;overflow: hidden;z-index: -999;}
.skip-link.screen-reader-text:focus {position: fixed;top: 0;left: 0;width: auto;height: auto;padding: .75rem 1.5rem;background: #000;color: #fff;font-size: 1rem;font-weight: 700;text-decoration: none;z-index: 9999;outline: 3px solid #fff;outline-offset: 2px;}
.skip-link:focus:not(:focus-visible) {display: none;}
.skip-link {position: absolute;top: -100px;left: 0;background: var(--dark);color: #fff;padding: 8px 16px;z-index: 1000;text-decoration: none;transition: top 0.4s ease;}
.skip-link:focus {top: 0;}
/**/


.is-position-sticky {top: var(--navbar-height)}

.hero-text {
  font-size: clamp(3.5rem, 2rem + 6vw, 8.75rem) !important;
  /* letter-spacing: clamp(-2px, -0.25vw, -0.5rem); */
}

.z-1 {z-index: 1;}
.z-2 {z-index: 2;}

#masthead {height: var(--navbar-height);}
.brand-footer svg {
    width: 100%;
    height: auto;
}


.footer-navigation.fs-6 * {line-height: 1.6rem;}

body, p, .fs-p {
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0;
}
strong, b,
h1 strong, .fs-1 strong,
h2 strong, .fs-2 strong,
h3 strong, .fs-3 strong,
h4 strong, .fs-4 strong,
h5 strong, .fs-5 strong,
h6 strong, .fs-6 strong {
    -webkit-font-smoothing: antialiased;
    font-weight: 500 !important;
}

p strong, p b {
    font-weight: 500 !important;
}

h1, .fs-1,
h2, .fs-2,
h3, .fs-3,
h4, .fs-4,
h5, .fs-5,
h6, .fs-6 {
    -webkit-font-smoothing: antialiased;
}

/* .display-1, .has-display-1-font-size {letter-spacing: clamp(-0.08em, -0.15vw, -0.03em);} */
/* h1, .fs-1, .has-h-1-font-size {letter-spacing: clamp(-0.06em, -0.12vw, -0.025em);}
h2, .fs-2, .has-h-2-font-size {letter-spacing: clamp(-0.05em, -0.1vw, -0.02em);}
h3, .fs-3, .has-h-3-font-size {letter-spacing: clamp(-0.04em, -0.08vw, -0.015em);}
h4, .fs-4, .has-h-4-font-size {letter-spacing: clamp(-0.03em, -0.06vw, -0.01em);}
h5, .fs-5, .has-h-5-font-size {letter-spacing: clamp(-0.02em, -0.04vw, -0.005em);}
h6, .fs-6, .has-h-6-font-size {letter-spacing: clamp(-0.01em, -0.02vw, 0);} */

.fs-huge {font-size: clamp(3.5rem, 2rem + 6vw, 8.75rem) !important;}
.fs-huge {font-size: 14vw !important;display: block;line-height: 1;transform:translateY(100%) ;}
.huge-title-wrap {overflow: hidden;}
.huge-title-container { overflow: hidden; }



/* Default link style */
a {text-decoration: none;}
p a {text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: 25%;
    color: currentColor;
    opacity: .8;
}

/* Hover style */
p a:hover {
    opacity: 1;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;
}

p.has-regular-font-size a {
    padding-bottom: calc(0.26rem - 2px);
}

.icon-in {
    width: 22px !important;
    height: 22px !important;
    border-radius: 0 !important;
}

.wp-block-button__link,
.navigation-cta a {
  transition: background-color 300ms ease-in-out,
              color 300ms ease-in-out;
}
.wp-block-button__link:hover,
.navigation-cta a:hover {
  background-color: var(--dark);
  color: var(--wp--preset--color--base);
}

.navigation-cta {
  padding: 15px 0;
}

/* PAKETE */
.availability-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 20px;
  height: 20px;
}

.availability-dot span {
  display: block;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primary);
}

.availability-dot span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--primary);
  opacity: 0.5;
  transform: translate(-50%, -50%);
  animation: pulse 3s infinite;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}

/* HERO SECTION */
.hero-section {position: relative; min-height: 65vh;background-color: var(--dark);}
.hero-section-content {position: relative;z-index:3; padding:calc(var(--navbar-height)*1.12) 0}
.hero-img,.hero-section::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index:1}
.hero-section::after {content:"";z-index:2;background: linear-gradient(to bottom, #2e344a 0%, #2e344a52 50%, var(--base) 100%);}
.justmobi-deco {
    position: absolute;top: 0;right: 0;
    width: 70%;
    height: 50vh;object-fit: contain;object-position: top right;
}

@media screen and (max-width: 480px) {
  .hero-section {min-height: 45vh;}
}

/* POST CONTENT */
@media screen and (min-width: 480px) {
  .post--inner-content > *:not(.wp-block-image) {
    padding-left: 6rem;
}
}

/* BUTTON */
.advanced-btn {display: flex;align-items: center;justify-content: start;cursor: pointer;}
.advanced-btn--button {display: inline-block;height: var(--btn-height);border-radius: 0vw;padding: 0 calc(var(--btn-height)/2);line-height: calc(var(--btn-height)/1);} 
.advanced-btn--arrow {display: flex;align-items: center;justify-content: center;width: var(--btn-height);height: var(--btn-height);border-radius: 50%;transition: all 250ms ease-in-out;}
.advanced-btn--arrow::before {content: "";display: inline-block;width: 19px;height: 18px;background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18'>\<polygon fill='currentColor' points='10.6 17.8 9.9 17.2 17.1 9.5 .8 9.5 .8 8.5 17.1 8.5 9.9 .8 10.6 .2 18.9 9 10.6 17.8'/>\</svg>");background-repeat: no-repeat;background-size: contain;}
.btn-arrow-end {scale: 0;width: 0;}
.btn-arrow-start {scale: 1;}

.advanced-btn:hover .btn-arrow-end,
a:hover .advanced-btn .btn-arrow-end {scale: 1;width: var(--btn-height);}
.advanced-btn:hover .btn-arrow-start,
a:hover .advanced-btn .btn-arrow-start {scale: 0;width: 0;}

.btn.btn-dark:hover {opacity: 0.8;}
.btn.btn-primary:hover {opacity: 0.8;}

/* GENERAL STYLE */
.partners-logos img.w-100 {
  max-width: 85% !important;
  width: 85% !important;
}

/* DRAWER */
/* Overlay */
.offCanvasDrawer-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 999;
}

/* Drawer base */
.offCanvasDrawer {
  position: fixed;
  top: 0;
  max-width: 600px;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 1.5rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
  z-index: 1000;
}

/* Left drawer */
.offCanvasDrawer-left {
  left: 0;
  transform: translateX(-100%);
}

/* Right drawer */
.offCanvasDrawer-right {
  right: 0;
  transform: translateX(100%);
}

/* Active states */
.offCanvasDrawer.active {
  transform: translateX(0);
}

.offCanvasDrawer-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* Close button */
.offCanvasDrawer-close {
  background: none;
  border: none;
  font-size: 1.5rem;
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}

/* SWIPER NAV */
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: '';}
.swiper-button-next .arrow {transform: rotate(-90deg);}
.swiper-button-prev .arrow {transform: rotate(90deg);}

@media screen and (min-width: 782px) {

}

/* MEDIA TEXT */
.wp-block-media-text>.wp-block-media-text__content {
    padding: 8%;
}

.wp-block-media-text__media img, .wp-block-media-text__media video {
    max-height: 475px !important;
    object-fit: contain;
}

/* CONTACT FORM */
.wpcf7 form p {margin-bottom: 0 !important;}
.wpcf7 form label, .wpcf7 form input, .wpcf7 form textarea {
    width: 100%;
    max-height: 120px;
}

.wpcf7 form input, .wpcf7 form textarea {
    width: 100%;
    font-size: var(--wp--preset--font-size--paragraph);
    font-family: var(--wp--preset--font-family--sans-serif);
    margin: .75rem 0;
    padding: .75rem;
    background-color: transparent;
    border: 1px solid #5f7090;
    color: var(--dark);
    border-radius: 4px;
}

.wpcf7 form input::placeholder, .wpcf7 form textarea::placeholder {
    color: #5f7090;
}

.wpcf7 form select.wpcf7-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    font-size: var(--wp--preset--font-size--paragraph);
    font-family: var(--wp--preset--font-family--sans-serif);
    margin: .75rem 0;
    padding: .75rem;
    background-color: transparent;
    border: 1px solid #5f7090;
    color: var(--dark);
    border-radius: 4px;
    cursor: pointer;
}


.wpcf7 form input:-webkit-autofill {
    -webkit-text-fill-color: var(--dark) !important;
    box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s; /* hack to suppress yellow bg */
}

.wpcf7 form input[type=checkbox] {
    width: auto;
    margin-right: .35rem;
    margin-bottom: 0 !important;
}
.wpcf7-list-item { margin: 0;}

.wpcf7 form input[type=submit] {
    background-color: var(--primary) !important;
    color: white !important;
    border: 0 solid transparent !important;
    width: auto;
    display: inline-block;
    padding: 1rem 2rem;
      border-radius: 4px;
    width: 100%;
}
.wpcf7-spinner {display: block;background-color: var(--secondary);}

@media screen and (max-width: 781px) {
  .wpcf7 form input[type=submit] { width: 100%;}
}



*:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 0px;
}


.ul-footer-menu {
    list-style: none;
    padding-left: 0;
    text-align: left;
}

.ul-footer-menu li {
    display: inline-flex;
}

@media screen and (max-width: 991px) {
  .ul-footer-menu {
    text-align: center;
}
}

/* @media screen and (max-width: 680px) {
  .ul-footer-menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
}
  .ul-footer-menu li {
    display: block;
}
} */


main#content ul {
  list-style: none; /* remove default marker */
  padding-left: 2rem;
}

main#content ul li {
  position: relative;
}

main#content ul li::before {
    content: "";
    position: absolute;
    left: -2rem;
    top: 0.4em;
    width: 15px;
    height: 8px;
    border-left: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
    transform: rotate(-45deg);
}




main#content .not-included li {
  list-style: none;
  position: relative;
}

main#content .not-included li::before,
main#content .not-included li::after {
  content: "";
  position: absolute;
  left: -2rem;
  top: 0.65em;
  width: 12px;
  height: 2px;
  background-color: rgb(129, 129, 129) !important;
  border: none;
}

/* first line */
.not-included li::before {
  transform: rotate(45deg) !important;
}

/* second line */
.not-included li::after {
  transform: rotate(-45deg) !important;
}



#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: var(--wp--preset--font-size--paragraph) !important;
    line-height: 1.35;
}

/* DD LANDING */
.icon-individuell-size {
    width: 62px !important;
    height: 62px !important;
    border-radius: 100vw !important;
}

/* DD FOOTER */

.dd-footer {
  border-top-left-radius: 100vw;
  border-top-right-radius: 100vw;
  overflow: hidden;
  min-height: 65vw;
}


.icon-instagram {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip-ig)'%3E%3Cpath d='M19.478 0L5.69 0.003C2.683 0.276 0.274 2.681 0.003 5.69L0 19.429C0.214 22.446 2.583 24.849 5.566 25.212H19.648C19.991 25.127 20.34 25.084 20.682 24.99C22.743 24.426 24.423 22.741 24.99 20.682C25.084 20.34 25.126 19.991 25.212 19.648V5.566C24.958 2.666 22.367 0.189 19.478 0ZM22.654 19.33C22.487 21.082 21.082 22.486 19.33 22.654H5.885C4.137 22.491 2.723 21.081 2.561 19.331L2.569 5.795C2.766 4.137 4.095 2.786 5.753 2.578L19.377 2.564C21.104 2.749 22.495 4.153 22.654 5.885V19.33Z' fill='black'/%3E%3Cpath d='M11.9081 6.31889C7.44215 6.69589 4.96415 11.7169 7.01815 15.6109C9.62615 20.5569 17.1921 19.7959 18.6881 14.3789C19.9211 9.91589 16.4751 5.93289 11.9081 6.31889ZM16.2271 13.6909C15.4521 16.5949 11.5231 17.2889 9.65415 14.9939C7.87015 12.8029 9.17915 9.17289 12.0551 8.87889C14.8851 8.58989 16.9691 10.9069 16.2261 13.6899L16.2271 13.6909Z' fill='black'/%3E%3Cpath d='M18.7013 5.03699C17.1203 5.26199 17.3683 7.76699 19.0773 7.57899C20.7133 7.39899 20.4623 4.78599 18.7013 5.03699Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip-ig'%3E%3Crect width='25.212' height='25.212' fill='black'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip-ig)'%3E%3Cpath d='M19.478 0L5.69 0.003C2.683 0.276 0.274 2.681 0.003 5.69L0 19.429C0.214 22.446 2.583 24.849 5.566 25.212H19.648C19.991 25.127 20.34 25.084 20.682 24.99C22.743 24.426 24.423 22.741 24.99 20.682C25.084 20.34 25.126 19.991 25.212 19.648V5.566C24.958 2.666 22.367 0.189 19.478 0ZM22.654 19.33C22.487 21.082 21.082 22.486 19.33 22.654H5.885C4.137 22.491 2.723 21.081 2.561 19.331L2.569 5.795C2.766 4.137 4.095 2.786 5.753 2.578L19.377 2.564C21.104 2.749 22.495 4.153 22.654 5.885V19.33Z' fill='black'/%3E%3Cpath d='M11.9081 6.31889C7.44215 6.69589 4.96415 11.7169 7.01815 15.6109C9.62615 20.5569 17.1921 19.7959 18.6881 14.3789C19.9211 9.91589 16.4751 5.93289 11.9081 6.31889ZM16.2271 13.6909C15.4521 16.5949 11.5231 17.2889 9.65415 14.9939C7.87015 12.8029 9.17915 9.17289 12.0551 8.87889C14.8851 8.58989 16.9691 10.9069 16.2261 13.6899L16.2271 13.6909Z' fill='black'/%3E%3Cpath d='M18.7013 5.03699C17.1203 5.26199 17.3683 7.76699 19.0773 7.57899C20.7133 7.39899 20.4623 4.78599 18.7013 5.03699Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip-ig'%3E%3Crect width='25.212' height='25.212' fill='black'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.dd-social-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: var(--dark);
    margin:0;
    margin-left: .25rem;
    color: #fff;
    transition: background-color 0.3s ease, color 0.3s ease;
}


.toTheTop {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: var(--dark);
    position: fixed;
    z-index: 999;
    right: var(--wp--preset--spacing--global-padding);
    bottom: var(--wp--preset--spacing--global-padding);
    transition: all 600ms ease-in-out;
    opacity: 0;
}

.toTheTop span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid white;
    border-bottom: 0px;
    border-left: 0;
    transform: rotate(-45deg);
}

.isActive {
    opacity: 1;
}