.LP-form-container{
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#3C000F;
  margin:40px 10px;
}

/* backup
/*.ta-kontakt-text .btn {
  display: inline-block;
  flex-grow: 0; 
  flex-shrink: 1;
  flex-basis: auto; 
  padding: 14px 21px;
  margin: 0; 
  width: auto;
  align-items: center; 
  justify-content: center; 
  background: #ffbbfc;
  border-radius: 50px;
  color: #3c0900;
  cursor: pointer;
  font-family: "energi Grotesk-Regular", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1; 
  padding: 10px 15px; 
  transition: border-radius 0.3s ease;
  white-space: nowrap; 
  max-width: fit-content; 
  max-height: fit-content; 
  margin-top:20px;
}

.ta-kontakt-text .btn {
  padding: clamp(0.5rem, 0.3864rem + 0.5682vw, 1rem);
  background: #ffbbfc;
  border-radius: 50px;
  color: #3c0900;
  font-family: "energi Grotesk-Regular", sans-serif;
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  text-align: center;
  transition: border-radius 0.3s ease;
} */

.ta-kontakt-text .btn:hover {
  border-radius:0;
}

.ta-kontakt-text .btn img {
  height:16px;
  width:16px;
  margin-left:0;
  margin-bottom: -3px;
}

.LP-form-text p {
  font-size: clamp(1.5rem, 1.3857rem + .5682vw, 2rem);
  color:#7B283D;
}

.ta-kontakt-text {
  max-width:160px;
}

@media screen and (min-width:450px) {
  .ta-kontakt-text {
    max-width:230px;
  }
}

.flex-box-1-here {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  gap: 20px;
  margin-bottom:40px;
}

.take-contact-card{
  background-color: #fff;
  display: flex;
  flex-direction: row;
  max-width: 400px;
  padding: 20px 0;
  align-items:center;
  width: 100%;
  gap: 16px;
  justify-content:space-between;
}

.ta-kontakt-text h5 {
  font-size: clamp(20px, 2.5vw, 24px);
  margin-bottom:0;
}

.ta-kontakt-img {
  height: clamp(120px, 10vw, 150px) !important;
  width: clamp(120px, 10vw, 150px) !important;
  display:none;
}

@media screen and (min-width:400px) {
  .ta-kontakt-img {
    display:block;
  }
}

@media screen and (min-width:500px) {
  .take-contact-card{   
    flex-direction: row;
    align-items: center;
    max-width:400px;
  }}

.ta-kontakt-text p {
  font-size: 16px;
  margin-bottom:0;
  margin-top:8px;
}

.ta-kontakt-text a {
  /*font-size:19px; */
  color:#45161F;
}


.ta-kontakt-text a {
  /*font-size:15px; */
  color:#45161F;
}

.ta-kontakt-text a img{
  transform:rotate(271deg);
}

.hs-form-required{
  color:#45161F;
}

.image-container-form img{
  display:none;
}

.ta-kontakt-img img {
  display:none;
}

.form-LP .legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 0 !important; 
}

.form-LP .hs-landing-page form .hs-fieldtype-textarea{
  padding-top:0!imporatnt;
}

.form-LP-text-heading h2 {
  margin:12px;
}

.form-LP{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.form-LP h2{
  margin: 0 !important;
}

.form-LP-text-heading{
  display:flex;
  justify-content:start;
  width:100%;
  color:#3C000F;
  font-weight:300;
  font-size:44px;
}

.form-LP-text-heading h2{
  color:#3C000F;
  font-weight:300;
  font-size: clamp(2.4375rem, 2.179rem + 1.1612vw, 3.4375rem);
  line-height: 1.27;
}

.cta-å-insite-btn-2023 img {
  margin-left:8px;
}

.form-LP li{ 
  list-style:none;
}

.form-LP ul{ 
  padding:0;
}

.form-LP form input{
  padding:16px!important;
  border:none;
  border-radius:5.rem;
  margin-right:12px;
  font-family: 'RGCironText-Regular';
}


/* Hide the default radio button input */
.inputs-list .hs-form-radio input[type="radio"] {
  opacity: 0;
  position: absolute;
  left:44%;
  height:50px;
  max-width:150px;
}

/* Create a custom square style for the radio button */
.inputs-list .hs-form-radio label span::before {
  content: '';
  display: inline-block;
  min-width: 36px!important;
  height: 36px!important; 
  margin-right: 10px;
  border-radius: 4px; /* Square corners */
  border: 2px solid #8095FF; /* Border color */
  background-color: #fff;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s; /* Smooth transition */
}

.inputs-list .hs-form-radio input[type="radio"]:checked + span::before {
  background-color: #8095FF;
  border:2px solid #ffffff;
}


.form-LP .legal-consent-container .hs-form-booleancheckbox-display>span {
  display: flex;
  align-items: center;
}

.form-LP .legal-consent-container .hs-form-booleancheckbox-display>span {
  margin-left: 0px!important;
}

.form-LP .hs-form-booleancheckbox label span::before {
  content: '';
  display: inline-block;
  min-width: 36px!important;
  height: 36px!important; 
  border: none; 
  border-radius: 2px;
  margin-right: 16px; 
  vertical-align: middle;
  background-color:#ffffff;
}

.hs-input {
  width: 100%!important;
}

.form-LP form .hs-dependent-field {
  padding-top:0!important;
}

.form-LP .hs-form-booleancheckbox label input[type="checkbox"]:checked + span::before {
  background-color: #8095FF;
  border:2px solid #ffffff;
}

.form-LP .hs-form-booleancheckbox label span:nth-of-type(2) {
  display: none;
}

.form-LP .hs-form-booleancheckbox label input[type="checkbox"] {
  opacity: 0; 
  position: absolute;
  cursor: pointer;
}

.form-LP .hs-form-booleancheckbox label .hs-form-required {
  display: none;
}

.form-LP .hs-form-field {
  margin-bottom:0 !important;
  padding-bottom: clamp(1rem, .7727rem + 1.1364vw, 2rem);
}

.form-LP label {
  font-size: clamp(0.875rem, 0.8473rem + 0.2479vw, 1.125rem);
  font-weight:300;
  color:#3C000F;
  margin-bottom:8px;
}

.form-LP textarea{
  padding:clamp(.5rem, .3864rem + .5682vw, 1rem);
  padding-top: 10px;
  border:none;
  border-radius:4px;
  width:100%;
  font-size:14px;
  padding-bottom:24px;
  font-family: 'RGCironText-Regular';
}


.form-LP .hs-form-booleancheckbox {
  display:flex;
  flex-direction:row;
  align-items:center;
}

textarea::placeholder {
  padding-left: 10px;
}

.form-LP .hs-form-booleancheckbox input {
  width:14px!important;
}

.hs-input:focus {
  border-color: #3d000f!important; /* Replace with your preferred color */
  outline: none; /* Removes the outline. You can also set this to a color if you prefer */
  outline: 2px solid #3d000f!important; 
}

.LP-form-container .form-LP{
  background-color:#F9DCF9;
  padding:clamp(1.25rem, .9659rem + 1.4205vw, 2.5rem);
  max-width:769px;
}

.form-LP .hs-button{
  background-color:#3C000F!important;
  color:#ffffff !important;
  border-radius:25px!important;
  padding:25px!important;
  margin:0!important;
  line-height: 0!important;
  width:auto!important;
  text-transform: none!important;
  padding-bottom:32px;
  transition: 0.3s ease;
  font-size:25px!important;
}

.form-LP .hs-button:hover{
  border-radius:4px!important;
}

form .hs-button, form input[type=submit] {
  display:block;
}

form select {
  background: #ffffff;
  padding: 16px!important;
  border-radius: 4px !important;
}

.ta-kontakt-img {
  display:block;
}

.ta-kontakt-img img{ 
  display:block;
  height:100%;
  width:100%;
  object-fit:cover;
  border-radius:50%;
}

@media screen and ( min-width:1000px) {
  .LP-form-container{
    margin:40px 0px;
    align-items:flex-start;
  }

  .LP-form-text h2 {
    line-height:55px;
  }
  .image-container-form img{
    display:block;
    max-width:450px;
    height:430px;
    object-fit: cover;
    margin-top:80px;
  }
}

@media screen and (min-width: 1270px) {
  .LP-form-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0px;
    gap:60px;
  }

  .LP-form-container .form-LP{
    padding: clamp(2.5rem, 1.9318rem + 2.8409vw, 5rem);
  }

  .flex-box-1-here {
    flex-basis: 40%; 
  }

  .flex-box-2-here {
    flex-basis: 60%; 
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .form-LP {
    width: 100%;
  }

  .LP-form-text {
    margin-top:40px;
  }
}

@media screen and (min-width: 1300px) {
  .take-contact-card{
    flex-direction: row;
  }
}

@media screen and (min-width:1400px) {
  .ta-kontakt-img {
    display:block;
  }

  .ta-kontakt-img img{ 
    display:block;
    height:100%;
    width:100%;
    object-fit:cover;
  }
}