.elementor-kit-8{--e-global-color-primary:#F6CD61;--e-global-color-secondary:#E3BD59;--e-global-color-text:#575756;--e-global-color-accent:#FFFFFF;--e-global-color-7ebb440:#000000;--e-global-color-5274b48:#00000000;--e-global-color-f35f9db:#DBDBDB;--e-global-typography-primary-font-family:"PT Serif";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-font-style:italic;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;--e-global-typography-897c5ea-font-family:"PT Serif";--e-global-typography-897c5ea-font-size:36px;--e-global-typography-897c5ea-font-weight:400;--e-global-typography-897c5ea-font-style:italic;--e-global-typography-897c5ea-line-height:1.15em;--e-global-typography-bdf0ead-font-family:"PT Serif";--e-global-typography-bdf0ead-font-size:30px;--e-global-typography-bdf0ead-font-weight:400;--e-global-typography-bdf0ead-font-style:italic;--e-global-typography-bdf0ead-line-height:1.15em;--e-global-typography-6077703-font-family:"PT Serif";--e-global-typography-6077703-font-size:18px;--e-global-typography-6077703-font-weight:400;--e-global-typography-6077703-font-style:italic;--e-global-typography-6077703-line-height:1.15em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );border-radius:0px 0px 0px 0px;padding:14px 32px 14px 32px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-kit-8 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-8 a:hover{color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-8 h1{font-family:var( --e-global-typography-897c5ea-font-family ), Sans-serif;font-size:var( --e-global-typography-897c5ea-font-size );font-weight:var( --e-global-typography-897c5ea-font-weight );font-style:var( --e-global-typography-897c5ea-font-style );line-height:var( --e-global-typography-897c5ea-line-height );}.elementor-kit-8 h2{font-family:var( --e-global-typography-bdf0ead-font-family ), Sans-serif;font-size:var( --e-global-typography-bdf0ead-font-size );font-weight:var( --e-global-typography-bdf0ead-font-weight );font-style:var( --e-global-typography-bdf0ead-font-style );line-height:var( --e-global-typography-bdf0ead-line-height );}.elementor-kit-8 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-8{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:var( --e-global-typography-897c5ea-font-size );line-height:var( --e-global-typography-897c5ea-line-height );}.elementor-kit-8 h2{font-size:var( --e-global-typography-bdf0ead-font-size );line-height:var( --e-global-typography-bdf0ead-line-height );}}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-897c5ea-font-size:44px;--e-global-typography-bdf0ead-font-size:32px;--e-global-typography-6077703-font-size:32px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:var( --e-global-typography-897c5ea-font-size );line-height:var( --e-global-typography-897c5ea-line-height );}.elementor-kit-8 h2{font-size:var( --e-global-typography-bdf0ead-font-size );line-height:var( --e-global-typography-bdf0ead-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-897c5ea-font-size:34px;--e-global-typography-bdf0ead-font-size:26px;--e-global-typography-6077703-font-size:26px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:var( --e-global-typography-897c5ea-font-size );line-height:var( --e-global-typography-897c5ea-line-height );}.elementor-kit-8 h2{font-size:var( --e-global-typography-bdf0ead-font-size );line-height:var( --e-global-typography-bdf0ead-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Zoom ind ved hover */
.ab-image-zoom {
    overflow: hidden;
}

.ab-image-zoom img {
    transition: transform 0.3s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ab-image-zoom:hover img {
    transform: scale(1.1);
}


/* Denne class kan tilføjes på headers der har 2-3 linjer, for at undgå orphan ord */
.textBalance {
    text-wrap: balance;
}

/* Remove margin-block-end for text widgets */
.elementor-widget-text-editor p {
    margin-block-end: 0 !important;
}
/* Add a gap between paragraphs */
.elementor-widget-text-editor p + p {
    margin-top: 0.6250em;
}

/* Fixer bug med elementor header re-sizing*/
.elementor-sticky { 
    width: 100%!important; 
}


/*-------------------------*/

/* Tilføjer en box-shadow på 10px blur og 0.15 opacity */
.AB-boxShadow {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
}

/* Tilføjer en border-radius på 32px */
.AB-borderRadiusL {
    border-radius: 32px;
}
/* Tilføjer en border-radius på 16px */
.AB-borderRadiusM {
    border-radius: 16px;
}
/* Tilføjer en border-radius på 8px */
.AB-borderRadiusS {
    border-radius: 8px;
}

/*-------------------------*/

/* Header der bliver smallere samt logo der bliver mindre on scroll */
.headerLogoShrink.elementor-sticky--effects {
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(10px);
}

.shrinkLogo, .shrinkHeader {
    transition: .4s ease;
}
.headerLogoShrink.elementor-sticky--effects .shrinkLogo {
    transform: scale(0.8);
}

.shrinkHeader {
    height: 80px;
}
.headerLogoShrink.elementor-sticky--effects .shrinkHeader {
    height: 64px;
}

/*-------------------------*/

/* Sørger for at image-carousel billederne har en aspect-ratio: 1 */
.imgSlider1by1 .swiper-slide-image {
    aspect-ratio: 1;
    object-fit: cover;
}
/* Sørger for at image-carousel billederne har en aspect-ratio: 4/3 */
.imgSlider4by3 .swiper-slide-image {
    aspect-ratio: 4/3;
    object-fit: cover;
}
/* Sørger for at image-carousel billederne har en aspect-ratio: 16/9 */
.imgSlider16by9 .swiper-slide-image {
    aspect-ratio: 16/9;
    object-fit: cover;
}

/*-------------------------*/

/* Gør logo slider animationen linear i stedet for at den "hakker" hver gang */
.logoSlider .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}

/*-------------------------*/

/* Viser en pil on hover på knapper */

.btn-arrowRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}
.btn-arrowRight .elementor-button {
    width: 100%!important;
}
.btn-arrowRight::after {
    content: url(http://forhandler.kristianotte.dk/wp-content/uploads/2024/06/caret-right-white.svg);
    position: absolute;
    top: 53%;
    right: -25px;
    width: 7px;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s ease
}
.btn-arrowRight:hover::after {
    right: 15px;
    opacity: 1;
}
.btn-arrowRight .elementor-button-text {
    transition: 0.3s ease;
}
.btn-arrowRight:hover .elementor-button-text {
    transform: translateX(-8px);
}

/*-------------------------*/

/* Laver en roterende effekt på borderen af knapper */
.btn-rotatingBorder > div > div > .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-rotatingBorder > div > div > .elementor-button::before {
    transition: .5s ease;
    content: '';
    position: absolute;
    left: -3px;
    top: -80px;
    width: 0;
    background: conic-gradient(
    var(--e-global-color-5274b48) 40%,
   var(--e-global-color-6bc3896) 65%,
    var(--e-global-color-5274b48) 80%
  );
    z-index: -1;
}
.btn-rotatingBorder > div > div > .elementor-button::after{
    content:'';
    position: absolute;
    left: 3px;
    top: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background-color: var( --e-global-color-primary );
    border-radius: 0;
    z-index: -1;
}
.btn-rotatingBorder > div > div > .elementor-button:hover::before{
  animation: btnRotatingBorder 1s infinite linear;
  width: calc(100% + 6px);
    height: calc(200px + 6px);
}
@keyframes btnRotatingBorder {
  from{
      transform: rotate(0deg);
    }
  to{
    transform: rotate(360deg);
    }
}

/*-------------------------*/

/* Har tekst der roterer on hover på knappen. */
.btn-changeTxt {
    position: relative;
    overflow: hidden;
}
.btn-changeTxt .elementor-button-text::after {
    /* Ændre teksten on hover nedenfor. OBS: Må ikke fylde mere end den primære tekst */
    content: 'Hejsa';
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: var(--e-global-color-6bc3896);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    transform: translateY(-20px);
    transition: all 0.2s ease;
}
.btn-changeTxt:hover::after {
    transform: translateY(0);
}
.btn-changeTxt:hover {

}
.btn-changeTxt .elementor-button-content-wrapper {
    overflow: hidden;
    padding: 2px 0;
}
.btn-changeTxt .elementor-button-text {
    transform: translateY(0);
    transition: all 0.2s ease;
}
.btn-changeTxt:hover .elementor-button-text {
    transform: translateY(20px);
}

/*-------------------------*/

/* Knap med ripple/pulse effekt */
.btn-idlePulse {
    animation: btn-idlePulse 2s ease infinite;
}

@keyframes btn-idlePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0,0,0, 0.3);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(0,0,0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  }
}

/*-------------------------*/

/* Knap med slide up effekt */
.btn-slideUp .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
}

.btn-slideUp .elementor-button::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 200%;
    top: 0;
    left: 0;
    background: linear-gradient( 180deg, var(--e-global-color-primary) 50% , var(--e-global-color-secondary) 50%);
    transition: .3s ease;
    z-index: -1;
}
.btn-slideUp .elementor-button:hover::after {
    transform: translateY(-50%);
}

/*-------------------------*/

/* Knap med slide down effekt */
.btn-slideDown .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
}

.btn-slideDown .elementor-button::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 200%;
    bottom:0;
    left: 0;
    background: linear-gradient( 180deg, var(--e-global-color-secondary) 50% , var(--e-global-color-primary) 50%);
    transition: .3s ease;
    z-index: -1;
}
.btn-slideDown .elementor-button:hover::after {
    transform: translateY(50%);
}

/*-------------------------*/

/* Knap med slide right effekt */
.btn-slideRight .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
}

.btn-slideRight .elementor-button::after {
    position: absolute;
    content: '';
    width: 200%;
    height: 100%;
    top :0;
    right: 0;
    background: linear-gradient( 90deg, var(--e-global-color-secondary) 50% , var(--e-global-color-primary) 50%);
    transition: .3s ease;
    z-index: -1;
}
.btn-slideRight .elementor-button:hover::after {
    transform: translateX(50%);
}

/*-------------------------*/

/* Knap med slide left effekt */
.btn-slideLeft .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
}

.btn-slideLeft .elementor-button::after {
    position: absolute;
    content: '';
    width: 200%;
    height: 100%;
    top :0;
    left: 0;
    background: linear-gradient( 90deg, var(--e-global-color-primary) 50% , var(--e-global-color-secondary) 50%);
    transition: .3s ease;
    z-index: -1;
}
.btn-slideLeft .elementor-button:hover::after {
    transform: translateX(-50%);
}

/*-------------------------*/

/* Fixer paddingen på sectioner der har box-width content og full-width image på ipad */
@media (max-width: 1172px) {
    .boxWidth-fullWidthImg-left {
        padding-left: 2em;
    }
    .boxWidth-fullWidthImg-right {
        padding-right: 2em;
    }
}
/* Fixer paddingen på sectioner der har box-width content og full-width image på telefon */
@media (max-width: 767px) {
    .boxWidth-fullWidthImg-left {
        padding-left: 1em;
    }
    .boxWidth-fullWidthImg-right {
        padding-right: 1em;
    }
}

/*-------------------------*/

/* Tilføjer en animation til CTA boxe kun på desktop */
@media (min-width: 1024px) {
    .CTArevealTxt .elementor-cta__content {
        transform: translateY(205px);
    }
    .CTArevealTxt:hover .elementor-cta__content {
        transform: translateY(0px);
    }
}/* End custom CSS */