.elementor-kit-4{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#3A444F;--e-global-color-text:#5A5E6A;--e-global-color-accent:#EDDCD2;--e-global-color-44ef822:#E6CEC0;--e-global-color-15cac9f:#00000000;--e-global-color-3c48410:#000000;--e-global-color-5e4327c:#343434A8;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;}.elementor-kit-4 a{color:var( --e-global-color-secondary );}.elementor-kit-4 a:hover{color:var( --e-global-color-44ef822 );}.elementor-kit-4 h1{font-weight:300;}.elementor-kit-4 h2{font-weight:300;}.elementor-kit-4 h3{font-weight:300;}.elementor-kit-4 h4{font-weight:300;}.elementor-kit-4 h5{font-weight:300;}.elementor-kit-4 h6{font-weight:300;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--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:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root { --topbar: 76px; }

/* Toppbaren alltid överst */
#headerTop{
  position: sticky;
  top: 0;
  z-index: 1001;
}

/* Huvudheadern utgångsläge precis under toppbaren */
#stickyheaders{
  position: sticky;          /* Elementor lägger ofta detta själv, men vi är explicita */
  top: var(--topbar);
  transition: transform 0.34s ease;
  will-change: transform;
  z-index: 1000;
}

/* När vi ska gömma den – skjut upp exakt toppbarens höjd */
#stickyheaders.headerup{
  transform: translateY(calc(-1 * var(--topbar)));
}

/* (Valfritt) olika höjd på mobil */
@media (max-width: 768px){
  :root { --topbar: 60px; }
}


:root { --footerH: 76px; } /* Sätt till din footers höjd om du vet den */

/* Själva reveal-footern */
#footerReveal{
  position: fixed;         /* ligger alltid längst ner i viewporten */
  left: 0; right: 0;
  bottom: calc(env(safe-area-inset-bottom, 0px)); /* iOS safe area */
  transform: translateY(100%);     /* gömd utanför skärmen */
  transition: transform 0.34s ease;
  will-change: transform;
  z-index: 1001;
}

/* Visad */
#footerReveal.show{
  transform: translateY(0);
}

/* Förhindra att innehållet hamnar under footern (valfritt men rekommenderas) */
body.has-reveal-footer{
  padding-bottom: calc(var(--footerH) + env(safe-area-inset-bottom, 0px));
}

/* Ex: annan höjd på mobil */
@media (max-width: 768px){
  :root { --footerH: 64px; }
}/* End custom CSS */