/* Fonts */
@font-face {
  font-family: "Sharp Grotesk";
  font-weight: 700;
  src: url("../fonts/sharpgrotesk-bold25-webfont.woff") format("woff");
  src: url("../fonts/sharpgrotesk-bold25-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Sharp Grotesk";
  font-weight: 400;
  src: url("../fonts/sharpgrotesk-medium15-webfont.woff") format("woff");
  src: url("../fonts/sharpgrotesk-medium15-webfont.woff2") format("woff2");
}

/* Coming Soon + Wartungsmodus */

/*Fonts*/
body.ktap-body, body.ktap-body #loginform label, body.ktap-body #loginform a, body.ktap-body #loginform p, body.ktap-body #loginform input#wp-submit {
  font-family: 'Sharp Grotesk';
  font-weight: 400;
}
body.ktap-body h1, body.ktap-body h2 {
  font-family: 'Sharp Grotesk';
  font-weight: 700;
}
body.ktap-body h1 {
  line-height: 1;
}
/*Button*/
body.ktap-body .button, body.ktap-body input#wp-submit {
    --transition-duration: .3s;
    --timing-function: cubic-bezier(0.66, 0, 0.34, 1);
    transition-property: transform;
    transition-duration: var(--transition-duration);
    overflow-y: clip;
    background: #cdf40c;
    color: #0c1c04;
    padding: .4em 1em;
    font-size: 1.125rem;
    border: 2px solid #0c1c04;
}
body.ktap-body .button .kb-svg-icon-wrap {
    opacity: 0;
    transform: translateY(0);
    transition: transform var(--transition-duration) var(--timing-function), translate 0ms calc(var(--transition-duration) / 2);
}
body.ktap-body .button .kt-btn-inner-text {
    display: block;
    transform: translateY(0);
    transition: transform var(--transition-duration) var(--timing-function), translate 0ms calc(var(--transition-duration) / 2);
}
body.ktap-body .button:is(:hover, :active, :focus-within)>.kt-btn-inner-text {
    transform: translateY(2lh);
    translate: 0 -2lh;
}
body.ktap-body .button:is(:hover, :active, :focus-within)>.kb-svg-icon-wrap {
    opacity: 1;
    transform: translateY(-2lh);
    translate: 0 2lh;
}
/*Login Form*/
body.ktap-body #loginform input {
    border-radius: 0;
}
/*Hero Pattern*/
body.ktap-body .hero-pattern-row {
    position: relative;
    overflow: hidden;
}
body.ktap-body .hero-pattern-row .pattern-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
body.ktap-body .hero-pattern-row > .kt-row-layout-inner {
    position: relative;
    z-index: 5;
}
body.ktap-body svg#hero-pattern-bg {
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    body.ktap-body #coming-soon.hero-pattern-row > .kt-row-column-wrap > .wp-block-kadence-column {
        min-height: 100vh;
        top: 0;
        position: absolute;
    }
    body.ktap-body #coming-soon.hero-pattern-row {
        overflow-y: scroll;
    }
}