.landingpage-hero,
.landingpage-hero .uk-background-cover {
   min-height: max(0px, 500px);
}

.landingpage-hero .uk-background-cover {
   align-items: end;
   display: flex;
}
.landingpage-hero .uk-panel {
   width: 100%;
}
.landingpage-hero-content {
   bottom: clamp(20px, 4.356vw, 40px);
   column-gap: 14px;
   display: flex;
   margin-right: auto;
   margin-left: auto;
   /* max-width: 1400px; */
   max-width: 1440px;
   padding-right: clamp(12px, 4.356vw, 40px); /* 15 px */
   padding-left: clamp(12px, 4.356vw, 40px);
   position: relative;
}
.landingpage-hero-content span {
   color: #fff;
   font-family: neue-kabel, sans-serif;
   font-size: clamp(24px, 4.356vw, 50px);
   font-weight: 400;
   line-height: 1;
}
.landingpage-puffs {
   background: linear-gradient(90deg, rgb(25, 56, 55) 0%, rgb(25, 56, 55) 50%, rgb(245, 137, 98) 50%);
   display: flex;
   justify-content: center;
   padding-bottom: 0;
}
.landingpage-puffs .uk-grid {
   /* max-width: 1440px; */
   max-width: 1400px;
}
.landingpage-text {
   background-size: 150%;
   background-position: center left;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 269.1 151.9'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23fff; opacity: 0.03%7D%3C/style%3E%3C/defs%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath class='d' d='M193.2,111.4c-19.6,0-35.5-15.9-35.5-35.5s15.9-35.5,35.5-35.5,35.5,15.9,35.5,35.5-15.8,35.5-35.5,35.5m0-111.4c-41.9,0-75.9,34-75.9,75.9,0,6.1,.7,12.1,2.1,17.8l-30.4,15.3h0c-.6,.2-1.1,.4-1.7,.6-3.6,1.2-7.4,1.9-11.4,1.9-19.6,0-35.5-15.9-35.5-35.5s15.9-35.5,35.5-35.5c6.6,0,12.7,1.8,18,5L116,11.6C104.4,4.3,90.6,.1,75.9,.1,34,.1,0,34.1,0,76s34,75.9,75.9,75.9c10.8,0,21-2.2,30.3-6.3h0l32.7-16.5c13.8,14.1,33,22.8,54.3,22.8,41.9,0,75.9-34,75.9-75.9,0-42-34-76-75.9-76'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.landingpage-text .uk-panel {
   /* max-width: 670px;    */
   max-width: 712px;
   padding: 50px clamp(12px, 4.356vw, 25px);
}
.landingpage-text h3 {
   color: #fff;
   font-size: clamp(24px, 4.356vw, 54px);
   font-style: normal;
   font-weight: 400;
   line-height: 1.1;
}
.landingpage-text h3 strong {
   color: var(--salmon);
}
.landingpage-form {
   background-color: var(--salmon);
   padding: clamp(50px, 4.356vw, 200px) clamp(12px, 4.356vw, 40px);
}
.landingpage-form .frm_forms {
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center;
}
.landingpage-form #form_skickaguide {
   max-width: 500px;
}
.landingpage-form #form_skickaguide fieldset {
   background-color: transparent !important;
   border: none;
   margin-bottom: 0;
   padding: 0;
}
.landingpage-form #form_skickaguide fieldset h3 {
   color: #000;
   font-family: neue-kabel, sans-serif;
   font-size: clamp(1.25rem, 0.991rem + 1.121vw, 2rem);
   font-weight: 500;
   line-height: 1.2;
   margin-bottom: 30px;
}
.landingpage-form .email-address {
   margin-bottom: 13px;
}
.landingpage-form .email-address label,
.landingpage-form .email-address input[type="email"] {
   display: block;
}
.landingpage-form .checkbox-agree {
   margin-bottom: 40px;
}
.landingpage-form .email-address label,
.landingpage-form .checkbox-agree label {
   position: static;
   font-family: neue-kabel, sans-serif;
}
.landingpage-form .email-address label {
   color: #000;
   letter-spacing: 0.32px;
   line-height: 1.25;
   margin-bottom: 16px;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
}
.landingpage-form .email-address label .frm_required {
   color: #fff;
}
.landingpage-form .email-address input[type="email"]::placeholder {
   color: rgba(0, 0, 0, 0.4) !important;
}
.landingpage-form .email-address input[type="email"] {
   border: 1.5px solid rgba(0, 0, 0, 0.4);
   border-radius: 10px;
   box-sizing: border-box;
   font-family: futura-pt, sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   letter-spacing: 0.32px;
   line-height: 22px;
   max-width: 450px;
   padding: 10px 14px;
   width: 100%;
}
.landingpage-form .checkbox-agree .frm_checkbox,
.landingpage-form .checkbox-agree .frm_checkbox + a {
   color: rgba(0, 0, 0, 0.8);
   display: inline-block;
   font-family: futura-pt, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 1;
}
.landingpage-form .checkbox-agree .frm_checkbox {
   position: relative;
}
.landingpage-form .checkbox-agree .frm_checkbox + a {
   text-decoration: underline;
}
.landingpage-form .checkbox-agree label {
   /* align-items: center; */
   padding-left: 30px;
   display: flex;
   flex-wrap: wrap;
   gap: 2px;
   line-height: 20px;
   & a {
      color: rgba(0, 0, 0, 0.8) !important;
      font-family: neue-kabel;
   }
}
.landingpage-form .checkbox-agree input {
   -webkit-appearance: none !important;
   border: 1.5px solid rgba(0, 0, 0, 0.4) !important;
   border-radius: 10px !important;
   /* bottom: -3px !important; */
   top: 0;
   height: 20px !important;
   left: 0 !important;
   margin: 0 !important;
   position: absolute !important;
   width: 20px !important;
}
.landingpage-form:has(.checkbox-agree input:not(:checked)) .frm_submit button {
   opacity: 0.5;
   pointer-events: none;
}
.landingpage-form:has(.checkbox-agree input:not(:checked)) .frm_submit:hover {
   cursor: not-allowed;
}
.landingpage-form .checkbox-agree input:hover {
   cursor: pointer;
}
.landingpage-form .checkbox-agree input:checked:after {
   background-color: rgba(0, 0, 0, 0.4);
   content: "";
   height: 14px;
   width: 14px;
   display: block;
   margin-top: 2px;
   margin-left: 2px;
   border-radius: 10px;
}
.landingpage-form .frm_submit {
   margin-top: 0;
}
.landingpage-form .frm_submit button {
   background-color: var(--salmon);
   border: 1.5px solid #000 !important;
   border-radius: 999px;
   padding-right: clamp(1rem, 0.617rem + 0.426vw, 1.875rem);
   padding-left: clamp(1rem, 0.617rem + 0.426vw, 1.875rem) !important;
}
.landingpage-form .frm_submit button:hover {
   background-color: #d93b0b !important;
   border-color: #d93b0b !important;
   cursor: pointer;
}
.landingpage-form .frm_submit button:hover span {
   color: #fff;
}
.landingpage-form .frm_submit button:hover svg path {
   stroke: #fff;
}
.landingpage-form .frm_submit span {
   color: #000;
   font-family: neue-kabel, sans-serif;
   font-size: clamp(0.75rem, 0.617rem + 0.426vw, 1rem);
   font-style: normal;
   font-weight: 500;
   letter-spacing: 0.72px;
   line-height: 48px;
   margin-left: 12px;
   text-transform: uppercase;
}
@media (max-width: 959px) {
   .landingpage-puffs {
      background: var(--forest);
   }
   .landingpage-text .uk-panel {
      box-sizing: content-box;
      margin-right: auto;
      margin-left: auto;
      max-width: 500px;
   }
   .landingpage-form {
      /* padding: 25px; */
   }
}
@media (max-width: 640px) {
   .landingpage-form {
   }
}