.page input[type="date"],
.page input[type="email"],
.page input[type="number"],
.page input[type="password"],
.page input[type="search"],
.page input[type="tel"],
.page input[type="text"],
.page input[type="url"],
.page select,
.page textarea,
.page button {
  border-radius: 6px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.page input[type="date"].highlight,
.page input[type="email"].highlight,
.page input[type="number"].highlight,
.page input[type="password"].highlight,
.page input[type="search"].highlight,
.page input[type="tel"].highlight,
.page input[type="text"].highlight,
.page input[type="url"].highlight,
.page select.highlight,
.page textarea.highlight,
.page button.highlight {
  background-color: #9dc331;
  color: white;
}
.page button {
  text-transform: uppercase;
  justify-content: center;
}
#Top_bar .menu > li a:not(.menu-toggle)::after {
  display: none;
}
.page h2.title,
.page h2 {
  line-height: 1.15;
  font-weight: 800;
}
.page h2.title .title-highlight,
.page h2 .title-highlight {
  color: #9dc331;
}
.page :not(#kontakt) h2 {
  max-width: 850px;
  text-align: center;
  margin: 0 auto;
}
.style-simple .more-about-konggraes .accordion .question > .title {
  font-size: 1.1em;
  text-align: center;
  transition: text-align 1s;
}
.style-simple .more-about-konggraes .accordion .question.active > .title {
  text-align: left;
}
@keyframes button-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse-button {
  animation: button-pulse 1s infinite;
}
.pulse-button[disabled] {
  animation: none;
}
.kg_banner_container {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  /* 4) 1240px and up: fixed 500px */
}
@media screen and (min-width: 1241px) {
  .kg_banner_container {
    height: 500px;
  }
}
.kg_banner_container .kg_banner_content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20% 8px 30px;
}
@media screen and (min-width: 1241px) {
  .kg_banner_container .kg_banner_content {
    padding: 100px 8px 30px;
  }
}
.kg_banner_container .kg_banner_content .kg_banner_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kg_banner_container .kg_banner_content .kg_banner_image {
  position: absolute;
  top: 5%;
  right: 4%;
  max-width: 18%;
}
.kg_banner_container .kg_banner_content .kg_text_overlay {
  text-align: center;
  color: white;
  z-index: 2;
  width: 90%;
  max-width: 1400px;
}
@media (min-width: 768px) {
  .kg_banner_container .kg_banner_content .kg_text_overlay {
    width: 60%;
  }
}
.kg_banner_container .kg_banner_content .kg_text_overlay .kg_main_title {
  font-size: clamp(32px, 8vw, 75px);
  font-weight: 700;
  letter-spacing: 0;
  text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 10px;
  margin-bottom: clamp(0.5rem, 3vw, 30px);
  line-height: 0.95em;
}
.kg_banner_container .kg_banner_content .kg_text_overlay .kg_main_title span {
  white-space: nowrap;
}
.kg_banner_container .kg_banner_content .kg_text_overlay .kg_sub_title {
  font-size: clamp(16px, 2vw, 23px);
  font-weight: 700;
  text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 10px;
}
.kg_banner_container .kg_banner_content .kg_text_overlay .kg_sub_title span {
  white-space: nowrap;
}
.kg_banner_container .kg_banner_content .autocomplete {
  display: flex;
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: auto 0 0;
  z-index: 2;
  gap: 10px;
}
.kg_banner_container .kg_banner_content .autocomplete #address_autocomplete {
  margin: 0;
  flex-grow: 2;
  border: unset;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
}
.kg_banner_container .kg_banner_content .autocomplete #continue-to-map-btn {
  padding-left: 0;
  padding-right: 0;
  width: 50px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
}
.kg_banner_container .kg_banner_content .autocomplete #continue-to-map-btn:disabled {
  opacity: 0.8;
}
.kg_banner_container .kg_banner_content .autocomplete #continue-to-map-btn:after {
  font-family: mfn-icons;
  content: "→";
  /* Standardindhold: Pil til højre */
  font-size: 30px;
  display: block;
  text-align: center;
}
.kg_banner_container .kg_banner_content .autocomplete .pac-container.pac-logo {
  z-index: 9999999;
  top: 54px !important;
  left: 0 !important;
}
@media (min-width: 780px) {
  .kg_banner_container .kg_banner_content .autocomplete {
    gap: 20px;
  }
  .kg_banner_container .kg_banner_content .autocomplete #continue-to-map-btn {
    width: 150px;
    padding-left: unset;
    padding-right: unset;
  }
  .kg_banner_container .kg_banner_content .autocomplete #continue-to-map-btn:after {
    font-size: unset;
    content: "FORTSÆT";
  }
}
.kg-subtitle {
  text-align: center;
  margin: 10px 0 30px;
  font-size: 1.2em;
}
#address-error-hint {
  display: none;
  margin: 30px auto;
  padding: 20px;
  text-align: center;
  font-weight: 700;
  color: white;
  background-color: #e3aba5;
  width: 60%;
  border-radius: 10px;
}
.kg-modal-popup {
  display: none;
  /* Modal is hidden by default */
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  /* Semi-transparent background */
  z-index: 1000;
}
.kg-modal-popup#mixing .video-container {
  width: 100%;
}
.kg-modal-popup#mixing .video-container video,
.kg-modal-popup#mixing .video-container img {
  display: block;
  margin: 0 auto;
}
.kg-modal-popup#mixing .video-container figcaption {
  text-align: center;
}
.kg-modal-popup#mixing #progress {
  width: 1%;
  transition: width 7s;
  height: 4px;
  margin: 20px 0;
  background-color: #9dc331;
}
.kg-modal-popup#survey h3 {
  color: gray;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
.kg-modal-popup#survey .kg-subtitle {
  color: gray;
}
.kg-modal-popup hr {
  height: 3px;
  margin: 0;
}
.kg-modal-popup .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 12px;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 500px;
  z-index: 2;
}
.kg-modal-popup .modal-content .survey-container {
  padding: 20px;
}
.kg-modal-popup .modal-content .survey-container survey-question,
.kg-modal-popup .modal-content .survey-container .survey-options {
  margin: 20px 0;
}
.kg-modal-popup .modal-content .survey-container survey-question li,
.kg-modal-popup .modal-content .survey-container .survey-options li {
  display: flex;
  list-style-type: none;
  padding: 10px 40px 10px 10px;
  position: relative;
  background-color: white;
  border: 1px solid #ddd;
  margin-top: 5px;
  transition: background-color 0.3s;
}
.kg-modal-popup .modal-content .survey-container survey-question li:hover,
.kg-modal-popup .modal-content .survey-container .survey-options li:hover {
  background-color: #eff4ed;
}
.kg-modal-popup .modal-content .survey-container survey-question li .help-icon,
.kg-modal-popup .modal-content .survey-container .survey-options li .help-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>');
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.kg-modal-popup .modal-content .survey-container survey-question li .help-icon:hover,
.kg-modal-popup .modal-content .survey-container .survey-options li .help-icon:hover {
  opacity: 1;
}
.kg-modal-popup .modal-content .survey-container survey-question li div,
.kg-modal-popup .modal-content .survey-container .survey-options li div {
  height: 24px;
  font-size: 16px;
  display: flex;
  align-items: center;
  position: relative;
}
.kg-modal-popup .modal-content .survey-container survey-question li div.single,
.kg-modal-popup .modal-content .survey-container .survey-options li div.single {
  width: 24px;
  border: solid 1px gray;
  border-radius: 50%;
  margin-right: 20px;
}
.kg-modal-popup .modal-content .survey-container survey-question li div.multiple,
.kg-modal-popup .modal-content .survey-container .survey-options li div.multiple {
  width: 24px;
  border: solid 1px gray;
  margin-right: 20px;
}
.kg-modal-popup .modal-content .survey-container survey-question li.selected,
.kg-modal-popup .modal-content .survey-container .survey-options li.selected {
  font-weight: 600;
}
.kg-modal-popup .modal-content .survey-container survey-question li.selected div.single::after,
.kg-modal-popup .modal-content .survey-container .survey-options li.selected div.single::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/wp-content/uploads/2023/11/KG_Ticker_V_40px.png");
  background-size: cover;
}
.kg-modal-popup .modal-content .survey-container survey-question li.selected div.multiple::after,
.kg-modal-popup .modal-content .survey-container .survey-options li.selected div.multiple::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/wp-content/uploads/2023/12/KG_Ticker_V_25px_Black.png");
  background-size: cover;
}
.kg-modal-popup .modal-content .survey-container .kg-survey-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.kg-modal-popup .modal-content .survey-container .kg-survey-footer #kg-survey-progress {
  color: gray;
  font-weight: 700;
}
.kg-modal-popup .modal-content .survey-container .kg-survey-footer .survey-buttons {
  display: flex;
  gap: 1rem;
}
.kg-modal-popup .modal-content .survey-container .kg-survey-footer .survey-buttons .next-button,
.kg-modal-popup .modal-content .survey-container .kg-survey-footer .survey-buttons .prev-button {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  margin: 0;
  cursor: pointer;
}
.kg-modal-popup .modal-content.image-preview-content {
  width: 65%;
  max-width: 400px;
}
.kg-modal-popup .modal-content.image-preview-content > .close-preview {
  position: absolute;
  right: 25px;
  top: 25px;
  color: #BBB;
  font-size: 78px;
  font-weight: bold;
  cursor: pointer;
}
.kg-modal-popup .modal-content.image-preview-content > .close-preview:hover {
  color: #999;
}
.kg-modal-popup .modal-content.image-preview-content > #previewImage {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.kg-modal-popup .modal-content .progress-container {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.kg-modal-popup .modal-content .progress-container .progress-bar {
  width: 0;
  height: 6px;
  border-radius: 3px;
  background-color: #395b4b;
  transition: width 2s ease-in-out;
}
.kg-modal-popup .modal-content .progress-container #steps-container {
  display: flex;
  justify-content: space-around;
}
.kg-modal-popup .modal-content .progress-container #steps-container .step {
  color: grey;
  margin-top: 5px;
  width: 20%;
  text-align: center;
  word-wrap: break-word;
  font-size: 10px;
  line-height: 1.2;
}
.kg-modal-popup .modal-content .progress-container #steps-container .step.completed {
  color: black;
}
.kg-modal-popup .modal-content .progress-container #steps-container .step.blink-text {
  animation: blinker 1s linear infinite;
}
.kg-modal-popup .modal-content .progress-container .circle-container {
  transform: translateY(-60%);
  display: flex;
  justify-content: space-around;
}
.kg-modal-popup .modal-content .progress-container .circle-container .circle {
  width: 24px;
  /* Diameter af cirklen */
  height: 24px;
  /* Diameter af cirklen */
  background-color: lightgray;
  /* Farve af cirklen */
  border-radius: 50%;
  /* Gør div'en til en cirkel */
  top: 50%;
  position: relative;
}
.kg-modal-popup .modal-content .progress-container .circle-container .circle.completed::after {
  opacity: 1;
}
.kg-modal-popup .modal-content .progress-container .circle-container .circle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/wp-content/uploads/2023/11/KG_Ticker_V_40px.png");
  background-size: cover;
  opacity: 0.05;
  transition: opacity 0.5s ease-in-out;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.charts-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.charts-container .chart-container {
  margin: 0;
  padding: 10px;
  position: relative;
  background-color: white;
  border-radius: 10px;
  text-align: center;
}
.charts-container .chart-container .subtitle {
  font-size: 0.8em;
  margin: -20px 5px 20px;
}
.charts-container .chart-container canvas {
  width: 100%;
}
@media (min-width: 780px) {
  .charts-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.page .woocommerce .woocommerce-MyAccount-navigation ul li a:before {
  display: none;
}
.page .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
  background-color: #eff4ed;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
  width: 100%;
  background-color: #eff4ed;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
  font-weight: 700;
  background-color: unset;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: unset;
  padding-top: unset;
  border-top: unset;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
  padding-bottom: 2px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:before {
  display: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
  width: 100%;
  margin-top: 30px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .fieldsets {
  display: grid;
  margin: 30px 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 30px;
  row-gap: 40px;
}
@media (max-width: 799px) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-content .fieldsets {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 599px) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-content .fieldsets {
    grid-template-columns: repeat(2, 1fr);
  }
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .fieldsets fieldset legend {
  border-bottom: solid 4px #eff4ed;
  width: 100%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .fieldsets fieldset:not(:last-of-type) legend {
  text-transform: capitalize;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .fieldsets li {
  list-style-type: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .fieldsets li img {
  display: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .fieldsets .footnote {
  font-size: 0.8em;
  color: gray;
  font-style: italic;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content legend {
  font-weight: 700;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content input[type="number"] {
  width: 100%;
}
.page-id-523 ul > li {
  font-size: 10px;
  line-height: 1.2;
}
.page-id-523 ul > li.faded {
  opacity: 0.5;
}
.page-id-523 ul > li.highlighted {
  font-weight: bold;
  opacity: 1;
}
.frame-your-lawn {
  padding: 30px 0;
}
.frame-your-lawn .map-container {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.frame-your-lawn .map-container #map {
  width: 100%;
  height: 440px;
  transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 780px) {
  .frame-your-lawn .map-container #map.expanded {
    height: 0;
    padding-bottom: 60%;
  }
}
.frame-your-lawn .map-container .map-height-toggle {
  display: none;
  position: absolute;
  left: 50%;
  bottom: -12px;
  transform: translateX(-50%);
  background: white;
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 4px 8px;
  font-size: 12px;
  cursor: pointer;
  color: #395b4b;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  width: 24px;
  height: 24px;
}
@media (min-width: 780px) {
  .frame-your-lawn .map-container .map-height-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.frame-your-lawn .map-container .map-height-toggle:hover {
  background: #f8f8f8;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.frame-your-lawn .map-container .map-height-toggle svg {
  transition: transform 0.3s ease;
}
.frame-your-lawn .map-container .map-height-toggle.expanded svg {
  transform: rotate(180deg);
}
.frame-your-lawn .below-map {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  align-items: center;
  padding: 20px 0;
}
@media (min-width: 780px) {
  .frame-your-lawn .below-map {
    grid-template-columns: repeat(3, 1fr);
  }
}
.frame-your-lawn .below-map .draw-buttons {
  margin: 0 10px 0 0;
  display: flex;
  list-style: none;
  padding: 0;
}
.frame-your-lawn .below-map .draw-buttons li {
  flex-shrink: 0;
  list-style: none;
  padding: 0 10px 0 0;
  text-align: center;
  line-height: normal;
  color: black;
}
.frame-your-lawn .below-map .draw-buttons li .draw-button {
  /* Nulstil button styling */
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  /* Bevar det oprindelige design */
  font-size: 12px;
  color: #395b4b;
  font-weight: 700;
  display: block;
  text-decoration: none;
  width: 100%;
}
.frame-your-lawn .below-map .draw-buttons li .draw-button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #c9d3cf;
}
.frame-your-lawn .below-map .draw-buttons li .draw-button:disabled img {
  background: #c9d3cf;
}
.frame-your-lawn .below-map .draw-buttons li .draw-button[aria-pressed="true"] img {
  background: #9dc331;
}
.frame-your-lawn .below-map .draw-buttons li .draw-button > img {
  background: #395b4b;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 2px;
  display: block;
  margin: 0 auto 5px;
  transition: background-color 0.3s ease;
}
.frame-your-lawn .below-map .draw-buttons li img {
  background: #395b4b;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 2px;
  display: block;
  margin: 0 auto 5px;
}
.frame-your-lawn .below-map .draw-buttons li .attrdisabled img {
  background: #c9d3cf;
}
.frame-your-lawn .below-map .draw-buttons #delete-button-li {
  display: none;
}
.frame-your-lawn .below-map .show-area {
  text-align: center;
}
.frame-your-lawn .below-map .show-area div {
  font-size: 30px;
  font-weight: 500;
  padding: 12px;
  border-bottom: 1px solid darkgray;
}
.frame-your-lawn .below-map .show-area small {
  color: lightgray;
}
.frame-your-lawn .below-map button {
  margin: 15px 0 0;
  padding: 10px 0;
  font-weight: bold;
  color: white;
  font-size: 20px;
  line-height: normal;
  width: 100%;
}
@media (min-width: 780px) {
  .frame-your-lawn .below-map button {
    width: 170px;
  }
}
.frame-your-lawn .below-map button[disabled] {
  background-color: gray;
}
#Top_bar {
  position: static !important;
}
* {
  box-sizing: border-box;
}
.lowncls-left {
  color: #395b4b;
}
#lownclsfrm {
  margin: 15px 0;
  padding: 20px;
  border-radius: 10px;
  background-color: white;
}
#map {
  border-radius: 10px;
}
#Subheader {
  display: none;
}
#grunddata {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 30px 0;
}
#grunddata #address {
  padding-left: 20px;
  font-size: 1.2em;
  text-decoration: underline;
  line-height: 1.2;
}
@media (min-width: 780px) {
  #grunddata #address {
    font-size: 2em;
  }
}
#lowncls_address {
  margin: 15px 0;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  color: #395b4b;
  width: 100%;
  line-height: normal;
}
.lowncls-areabox ul {
  margin: 0;
  display: flex;
  list-style: none;
  padding: 0;
  width: 24%;
}
.lowncls-areabox ul li {
  list-style: none;
  padding: 0 10px 0 0;
  /* width: 50%; */
  text-align: center;
  line-height: normal;
  color: black;
}
.lowncls-areabox ul li a {
  font-size: 12px;
  color: #395b4b;
  font-weight: 700;
  display: block;
  text-decoration: none !important;
}
.lowncls-areabox ul li a.attrdisabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #c9d3cf;
}
.lowncls-areabox ul li img {
  background: #395b4b;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 2px;
  display: block;
  margin: 0 auto 5px;
}
.lowncls-areabox ul li .attrdisabled img {
  background: #c9d3cf;
}
.lowncls-areabox #delete-button-li {
  display: none;
}
.lowncls-areabox ul li .lowncls-inner .lowncls-left .lowncls-areabox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
h5 {
  margin: 20px 0 0;
  text-transform: uppercase;
}
.johns-input-wrapper {
  display: flex;
  background-color: white;
  margin: 0;
  padding: 0;
  width: 95px;
  font-weight: 600;
  box-shadow: 0 12px 38px 0 rgba(0, 0, 0, 0.1);
}
.johns-prefix,
.johns-suffix {
  position: relative;
  color: #7b7b93;
  margin: 0;
}
.johns-prefix {
  padding: 5px 0 5px 5px;
}
.johns-suffix {
  padding: 5px 5px 5px 0;
  width: 30px;
  text-align: right;
}
#johns_text_input {
  background-color: transparent;
  position: relative;
  padding: 5px;
  color: #2c2c51;
  border: none;
  outline: none;
  margin: 0;
  text-align: center;
  width: 65px;
  font-size: 1.3em;
  font-weight: 500;
}
/*Alle headings skal være versaler*/
h1,
h2 {
  text-transform: uppercase;
}
.button_label {
  text-transform: uppercase;
}
.flueben {
  background: url(/wp-content/uploads/2022/12/home_dietitian2_pic9.png) left 4px no-repeat;
  padding-left: 25px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.inverse_flueben {
  background: url(/wp-content/uploads/2022/12/home_dietitian2_pic10.png) left 4px no-repeat;
  padding-left: 25px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
/*
.pricing-box>.plan-header>.subtitle>big {
	background: url(/wp-content/uploads/2023/01/pen16.png) right 4px no-repeat; 	padding-right: 25px; 
}	
*/
.pricing-box > .plan-header > .subtitle > big {
  border-width: 0 0 1px;
  border-style: solid;
  padding: 0 10px;
}
.pricing-box > .plan-header > .subtitle > big::after {
  content: "\e8f2";
  font-family: mfn-icons;
  font-size: 24px;
  margin-right: -30px;
  padding-left: 7px;
}
.pricing-box .plan-inside ul li {
  padding: 11px 0;
}
.menu {
  text-transform: uppercase;
}
.pricing_item-style-box .label {
  position: absolute;
  top: 40px;
  background-color: #9dc331;
  color: white;
  padding: 6px 12px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
  box-shadow: 5px 10px 6px -2px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1023px) {
  .pricing_item-style-box .label {
    font-size: 16px;
  }
}
.mfn-acc .answer ul li {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .pricing_item-style-box .label {
    font-size: 20px;
    margin-left: -10px;
  }
}
/* WC Checkout */
.woocommerce-checkout #Content {
  background-color: #eff4ed;
}
.woocommerce-checkout footer,
.woocommerce-checkout #menu-main-menu {
  display: none;
}
.woocommerce-checkout ul.bennefits {
  display: flex;
  justify-content: space-around;
  margin: 0;
  background: white;
  padding: 10px;
  border-radius: 8px;
  gap: 20px;
}
.woocommerce-checkout ul.bennefits li {
  display: flex;
  list-style-type: none;
  align-items: center;
  margin: 0;
  flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .woocommerce-checkout ul.bennefits li {
    flex-direction: row;
    text-align: left;
  }
}
.woocommerce .woocommerce-checkout #Content,
.woocommerce .woocommerce-order #Content,
.woocommerce #order_review #Content {
  background-color: white;
}
.woocommerce .woocommerce-checkout #customer_details,
.woocommerce .woocommerce-order #customer_details,
.woocommerce #order_review #customer_details,
.woocommerce .woocommerce-checkout #order_review,
.woocommerce .woocommerce-order #order_review,
.woocommerce #order_review #order_review {
  padding: 15px;
  border-radius: 8px;
  background: white;
}
.woocommerce .woocommerce-checkout #customer_details input,
.woocommerce .woocommerce-order #customer_details input,
.woocommerce #order_review #customer_details input,
.woocommerce .woocommerce-checkout #order_review input,
.woocommerce .woocommerce-order #order_review input,
.woocommerce #order_review #order_review input,
.woocommerce .woocommerce-checkout #customer_details textarea,
.woocommerce .woocommerce-order #customer_details textarea,
.woocommerce #order_review #customer_details textarea,
.woocommerce .woocommerce-checkout #order_review textarea,
.woocommerce .woocommerce-order #order_review textarea,
.woocommerce #order_review #order_review textarea {
  border: solid black 1px;
  border-radius: 4px;
}
.woocommerce .woocommerce-checkout #customer_details label,
.woocommerce .woocommerce-order #customer_details label,
.woocommerce #order_review #customer_details label,
.woocommerce .woocommerce-checkout #order_review label,
.woocommerce .woocommerce-order #order_review label,
.woocommerce #order_review #order_review label {
  line-height: 1;
}
.woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields label,
.woocommerce .woocommerce-order #customer_details .woocommerce-billing-fields label,
.woocommerce #order_review #customer_details .woocommerce-billing-fields label,
.woocommerce .woocommerce-checkout #order_review .woocommerce-billing-fields label,
.woocommerce .woocommerce-order #order_review .woocommerce-billing-fields label,
.woocommerce #order_review #order_review .woocommerce-billing-fields label,
.woocommerce .woocommerce-checkout #customer_details #order_comments_field label,
.woocommerce .woocommerce-order #customer_details #order_comments_field label,
.woocommerce #order_review #customer_details #order_comments_field label,
.woocommerce .woocommerce-checkout #order_review #order_comments_field label,
.woocommerce .woocommerce-order #order_review #order_comments_field label,
.woocommerce #order_review #order_review #order_comments_field label {
  font-weight: 600;
}
.woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-order #customer_details .woocommerce-billing-fields #kl_newsletter_checkbox_field,
.woocommerce #order_review #customer_details .woocommerce-billing-fields #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-checkout #order_review .woocommerce-billing-fields #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-order #order_review .woocommerce-billing-fields #kl_newsletter_checkbox_field,
.woocommerce #order_review #order_review .woocommerce-billing-fields #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-checkout #customer_details #order_comments_field #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-order #customer_details #order_comments_field #kl_newsletter_checkbox_field,
.woocommerce #order_review #customer_details #order_comments_field #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-checkout #order_review #order_comments_field #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-order #order_review #order_comments_field #kl_newsletter_checkbox_field,
.woocommerce #order_review #order_review #order_comments_field #kl_newsletter_checkbox_field {
  clear: both;
  border: 1px solid var(--mfn-woo-border);
  border-radius: var(--mfn-woo-border-radius-box);
}
.woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields #kl_newsletter_checkbox_field label,
.woocommerce .woocommerce-order #customer_details .woocommerce-billing-fields #kl_newsletter_checkbox_field label,
.woocommerce #order_review #customer_details .woocommerce-billing-fields #kl_newsletter_checkbox_field label,
.woocommerce .woocommerce-checkout #order_review .woocommerce-billing-fields #kl_newsletter_checkbox_field label,
.woocommerce .woocommerce-order #order_review .woocommerce-billing-fields #kl_newsletter_checkbox_field label,
.woocommerce #order_review #order_review .woocommerce-billing-fields #kl_newsletter_checkbox_field label,
.woocommerce .woocommerce-checkout #customer_details #order_comments_field #kl_newsletter_checkbox_field label,
.woocommerce .woocommerce-order #customer_details #order_comments_field #kl_newsletter_checkbox_field label,
.woocommerce #order_review #customer_details #order_comments_field #kl_newsletter_checkbox_field label,
.woocommerce .woocommerce-checkout #order_review #order_comments_field #kl_newsletter_checkbox_field label,
.woocommerce .woocommerce-order #order_review #order_comments_field #kl_newsletter_checkbox_field label,
.woocommerce #order_review #order_review #order_comments_field #kl_newsletter_checkbox_field label {
  font-weight: unset;
}
.woocommerce .woocommerce-checkout #customer_details #ship-to-different-address,
.woocommerce .woocommerce-order #customer_details #ship-to-different-address,
.woocommerce #order_review #customer_details #ship-to-different-address,
.woocommerce .woocommerce-checkout #order_review #ship-to-different-address,
.woocommerce .woocommerce-order #order_review #ship-to-different-address,
.woocommerce #order_review #order_review #ship-to-different-address {
  text-transform: unset;
}
.woocommerce .woocommerce-checkout #customer_details #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-order #customer_details #kl_newsletter_checkbox_field,
.woocommerce #order_review #customer_details #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-checkout #order_review #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-order #order_review #kl_newsletter_checkbox_field,
.woocommerce #order_review #order_review #kl_newsletter_checkbox_field,
.woocommerce .woocommerce-checkout #customer_details .create-account,
.woocommerce .woocommerce-order #customer_details .create-account,
.woocommerce #order_review #customer_details .create-account,
.woocommerce .woocommerce-checkout #order_review .create-account,
.woocommerce .woocommerce-order #order_review .create-account,
.woocommerce #order_review #order_review .create-account,
.woocommerce .woocommerce-checkout #customer_details #ship-to-different-address,
.woocommerce .woocommerce-order #customer_details #ship-to-different-address,
.woocommerce #order_review #customer_details #ship-to-different-address,
.woocommerce .woocommerce-checkout #order_review #ship-to-different-address,
.woocommerce .woocommerce-order #order_review #ship-to-different-address,
.woocommerce #order_review #order_review #ship-to-different-address {
  padding: 8px 15px;
}
.woocommerce .woocommerce-checkout #customer_details h3,
.woocommerce .woocommerce-order #customer_details h3,
.woocommerce #order_review #customer_details h3,
.woocommerce .woocommerce-checkout #order_review h3,
.woocommerce .woocommerce-order #order_review h3,
.woocommerce #order_review #order_review h3,
.woocommerce .woocommerce-checkout #customer_details h4,
.woocommerce .woocommerce-order #customer_details h4,
.woocommerce #order_review #customer_details h4,
.woocommerce .woocommerce-checkout #order_review h4,
.woocommerce .woocommerce-order #order_review h4,
.woocommerce #order_review #order_review h4 {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.6;
  color: #395b4b;
  font-weight: 900;
}
@media (min-width: 960px) {
  .woocommerce .woocommerce-checkout #customer_details h3,
  .woocommerce .woocommerce-order #customer_details h3,
  .woocommerce #order_review #customer_details h3,
  .woocommerce .woocommerce-checkout #order_review h3,
  .woocommerce .woocommerce-order #order_review h3,
  .woocommerce #order_review #order_review h3,
  .woocommerce .woocommerce-checkout #customer_details h4,
  .woocommerce .woocommerce-order #customer_details h4,
  .woocommerce #order_review #customer_details h4,
  .woocommerce .woocommerce-checkout #order_review h4,
  .woocommerce .woocommerce-order #order_review h4,
  .woocommerce #order_review #order_review h4 {
    font-size: 26px;
  }
}
.woocommerce .woocommerce-checkout #customer_details > h4#order_review_heading,
.woocommerce .woocommerce-order #customer_details > h4#order_review_heading,
.woocommerce #order_review #customer_details > h4#order_review_heading,
.woocommerce .woocommerce-checkout #order_review > h4#order_review_heading,
.woocommerce .woocommerce-order #order_review > h4#order_review_heading,
.woocommerce #order_review #order_review > h4#order_review_heading {
  text-align: left;
}
.woocommerce .woocommerce-checkout #customer_details .sub-or-not,
.woocommerce .woocommerce-order #customer_details .sub-or-not,
.woocommerce #order_review #customer_details .sub-or-not,
.woocommerce .woocommerce-checkout #order_review .sub-or-not,
.woocommerce .woocommerce-order #order_review .sub-or-not,
.woocommerce #order_review #order_review .sub-or-not {
  border: 2px dashed red;
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 8px;
}
.woocommerce .woocommerce-checkout #customer_details .sub-or-not input,
.woocommerce .woocommerce-order #customer_details .sub-or-not input,
.woocommerce #order_review #customer_details .sub-or-not input,
.woocommerce .woocommerce-checkout #order_review .sub-or-not input,
.woocommerce .woocommerce-order #order_review .sub-or-not input,
.woocommerce #order_review #order_review .sub-or-not input {
  margin-right: 5px;
}
.woocommerce .woocommerce-checkout table.shop_table thead,
.woocommerce .woocommerce-order table.shop_table thead,
.woocommerce #order_review table.shop_table thead,
.woocommerce .woocommerce-checkout table.shop_table tr.cart-subtotal,
.woocommerce .woocommerce-order table.shop_table tr.cart-subtotal,
.woocommerce #order_review table.shop_table tr.cart-subtotal {
  display: none;
}
.woocommerce .woocommerce-checkout table.shop_table tbody tr:last-child td,
.woocommerce .woocommerce-order table.shop_table tbody tr:last-child td,
.woocommerce #order_review table.shop_table tbody tr:last-child td {
  font-weight: 700;
}
.woocommerce .woocommerce-checkout table.shop_table td.product-name .variation,
.woocommerce .woocommerce-order table.shop_table td.product-name .variation,
.woocommerce #order_review table.shop_table td.product-name .variation,
.woocommerce .woocommerce-checkout table.shop_table .kg-lawn-description,
.woocommerce .woocommerce-order table.shop_table .kg-lawn-description,
.woocommerce #order_review table.shop_table .kg-lawn-description {
  font-size: 0.8rem;
  font-weight: 400;
}
.woocommerce .woocommerce-checkout table.shop_table .product-name .product-quantity,
.woocommerce .woocommerce-order table.shop_table .product-name .product-quantity,
.woocommerce #order_review table.shop_table .product-name .product-quantity {
  display: none;
}
.woocommerce .woocommerce-checkout table.shop_table .kg-lawn-description,
.woocommerce .woocommerce-order table.shop_table .kg-lawn-description,
.woocommerce #order_review table.shop_table .kg-lawn-description {
  width: 100%;
  display: flex;
  gap: 20px;
}
.woocommerce .woocommerce-checkout table.shop_table .kg-lawn-description .kg-order-map,
.woocommerce .woocommerce-order table.shop_table .kg-lawn-description .kg-order-map,
.woocommerce #order_review table.shop_table .kg-lawn-description .kg-order-map {
  padding: 0;
  background: #fff;
  width: 50%;
  max-width: 640px;
}
.woocommerce .woocommerce-checkout table.shop_table .kg-lawn-description .kg-order-map .kg-static-map,
.woocommerce .woocommerce-order table.shop_table .kg-lawn-description .kg-order-map .kg-static-map,
.woocommerce #order_review table.shop_table .kg-lawn-description .kg-order-map .kg-static-map {
  border-radius: 4px;
  display: block;
  height: auto;
}
.woocommerce .woocommerce-checkout table.shop_table .kg-lawn-description .kg-order-map .kg-map-address,
.woocommerce .woocommerce-order table.shop_table .kg-lawn-description .kg-order-map .kg-map-address,
.woocommerce #order_review table.shop_table .kg-lawn-description .kg-order-map .kg-map-address {
  text-align: left;
  color: #666;
  margin: 0.5em 0 0;
  font-style: italic;
}
.woocommerce .woocommerce-checkout table.shop_table .kg-lawn-description .kg-survey-data,
.woocommerce .woocommerce-order table.shop_table .kg-lawn-description .kg-survey-data,
.woocommerce #order_review table.shop_table .kg-lawn-description .kg-survey-data {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.woocommerce .woocommerce-checkout table.shop_table .kg-lawn-description .kg-survey-data li,
.woocommerce .woocommerce-order table.shop_table .kg-lawn-description .kg-survey-data li,
.woocommerce #order_review table.shop_table .kg-lawn-description .kg-survey-data li {
  margin: 0;
  font-style: italic;
}
.woocommerce .woocommerce-checkout .after-customer-details,
.woocommerce .woocommerce-order .after-customer-details,
.woocommerce #order_review .after-customer-details {
  background-color: #eff4ed;
  margin: 0 -15px -15px;
}
.woocommerce .woocommerce-checkout .after-customer-details .bottom-of-customer-details,
.woocommerce .woocommerce-order .after-customer-details .bottom-of-customer-details,
.woocommerce #order_review .after-customer-details .bottom-of-customer-details {
  background-color: white;
  border-radius: 0 0 8px 8px;
}
.woocommerce .woocommerce-checkout .after-customer-details .social-proof,
.woocommerce .woocommerce-order .after-customer-details .social-proof,
.woocommerce #order_review .after-customer-details .social-proof {
  margin: 25px 0 0 0;
  border-radius: 8px;
  background-color: white;
  color: #395b4b;
  text-align: center;
  font-style: italic;
  padding: 25px 15px;
}
.woocommerce .woocommerce-checkout .after-customer-details .social-proof .statement,
.woocommerce .woocommerce-order .after-customer-details .social-proof .statement,
.woocommerce #order_review .after-customer-details .social-proof .statement {
  font-size: 24px;
  font-weight: 600;
}
.woocommerce .woocommerce-checkout .after-customer-details .social-proof .quotee,
.woocommerce .woocommerce-order .after-customer-details .social-proof .quotee,
.woocommerce #order_review .after-customer-details .social-proof .quotee {
  margin-top: 10px;
}
.woocommerce .woocommerce-checkout #payment p,
.woocommerce .woocommerce-order #payment p,
.woocommerce #order_review #payment p {
  font-size: 0.8rem;
}
.woocommerce .woocommerce-checkout #payment ul.payment_methods,
.woocommerce .woocommerce-order #payment ul.payment_methods,
.woocommerce #order_review #payment ul.payment_methods {
  margin-bottom: 30px;
}
.woocommerce .woocommerce-checkout #payment ul.payment_methods p,
.woocommerce .woocommerce-order #payment ul.payment_methods p,
.woocommerce #order_review #payment ul.payment_methods p {
  color: gray;
}
.woocommerce .woocommerce-checkout #payment ul.payment_methods li,
.woocommerce .woocommerce-order #payment ul.payment_methods li,
.woocommerce #order_review #payment ul.payment_methods li {
  display: block;
  border-color: white;
  padding: 10px;
  margin: 0;
  border: solid lightgray 1px;
}
.woocommerce .woocommerce-checkout #payment ul.payment_methods li.active-payment,
.woocommerce .woocommerce-order #payment ul.payment_methods li.active-payment,
.woocommerce #order_review #payment ul.payment_methods li.active-payment {
  border-width: 2px;
}
.woocommerce .woocommerce-checkout #payment ul.payment_methods li > label > ul > li,
.woocommerce .woocommerce-order #payment ul.payment_methods li > label > ul > li,
.woocommerce #order_review #payment ul.payment_methods li > label > ul > li {
  border: none;
  padding: 0;
}
.woocommerce .woocommerce-checkout #payment ul.payment_methods li > label > ul > li img,
.woocommerce .woocommerce-order #payment ul.payment_methods li > label > ul > li img,
.woocommerce #order_review #payment ul.payment_methods li > label > ul > li img {
  margin: 0 4px;
}
.woocommerce .woocommerce-checkout #payment ul.payment_methods li > .payment_box > .form-row,
.woocommerce .woocommerce-order #payment ul.payment_methods li > .payment_box > .form-row,
.woocommerce #order_review #payment ul.payment_methods li > .payment_box > .form-row {
  display: flex;
  gap: 10px;
}
.woocommerce .woocommerce-checkout ::placeholder,
.woocommerce .woocommerce-order ::placeholder,
.woocommerce #order_review ::placeholder {
  color: #b2b2b2;
}
.woocommerce .mfn-woo-cart-link {
  display: none;
}
/* Loader */
.splash {
  cursor: pointer;
  position: fixed;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0);
  transition: all ease-in-out 600ms;
  background-image: radial-gradient(circle farthest-corner at center, #3c4b57 0%, #1c262b 100%);
  opacity: 0.8;
  display: none;
}
.loader {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  perspective: 800px;
}
.loader > .inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.loader > .inner.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 3px solid #efeffa;
}
.loader > .inner.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid #efeffa;
}
.loader > .inner.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid #efeffa;
}
@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
.kg-we-love .kg-box {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
}
.kg-we-love .kg-box .kg-citat-blok {
  box-sizing: border-box;
  text-align: center;
  font-style: italic;
  color: white;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.kg-we-love .kg-box .kg-citat-blok > p:nth-child(1) {
  font-size: 20px;
  font-weight: 700;
}
.kg-we-love .kg-box .kg-citat-blok > p:nth-child(2) {
  margin: 0;
}
.kg-we-love .kg-box img,
.kg-we-love .kg-box div {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kg-we-love .kg-box > :nth-child(1) {
  grid-area: 1 / 1 / 3 / 9;
  background-color: #b2cda9;
}
.kg-we-love .kg-box > :nth-child(2) {
  grid-area: 3 / 1 / 4 / 3;
}
.kg-we-love .kg-box > :nth-child(3) {
  grid-area: 3 / 3 / 4 / 9;
  background-color: #395b4b;
}
.kg-we-love .kg-box > :nth-child(4) {
  grid-area: 4 / 1 / 5 / 5;
}
.kg-we-love .kg-box > :nth-child(5) {
  grid-area: 4 / 5 / 5 / 9;
}
.kg-we-love .kg-box > :nth-child(6) {
  grid-area: 5 / 1 / 6 / 9;
  background-color: #e3aba5;
}
.kg-we-love .kg-box > :nth-child(7) {
  grid-area: 6 / 1 / 8 / 5;
}
.kg-we-love .kg-box > :nth-child(8) {
  grid-area: 6 / 5 / 7 / 9;
  background-color: #d5b067;
}
.kg-we-love .kg-box > :nth-child(9) {
  grid-area: 7 / 5 / 8 / 9;
}
.kg-we-love .kg-box > :nth-child(10) {
  grid-area: 8 / 1 / 9 / 9;
  background-color: #9dc331;
}
@media (min-width: 780px) {
  .kg-we-love .kg-box > :nth-child(1) {
    grid-area: 1 / 1 / 3 / 5;
  }
  .kg-we-love .kg-box > :nth-child(2) {
    grid-area: 3 / 1 / 4 / 2;
  }
  .kg-we-love .kg-box > :nth-child(3) {
    grid-area: 3 / 2 / 4 / 5;
  }
  .kg-we-love .kg-box > :nth-child(4) {
    grid-area: 4 / 1 / 5 / 3;
  }
  .kg-we-love .kg-box > :nth-child(5) {
    grid-area: 4 / 3 / 5 / 5;
  }
  .kg-we-love .kg-box > :nth-child(6) {
    grid-area: 1 / 5 / 2 / 9;
  }
  .kg-we-love .kg-box > :nth-child(7) {
    grid-area: 2 / 5 / 4 / 7;
  }
  .kg-we-love .kg-box > :nth-child(8) {
    grid-area: 2 / 7 / 3 / 9;
  }
  .kg-we-love .kg-box > :nth-child(9) {
    grid-area: 3 / 7 / 4 / 9;
  }
  .kg-we-love .kg-box > :nth-child(10) {
    grid-area: 4 / 5 / 5 / 9;
  }
}
.kg-products-container .kg-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 15%;
}
.kg-products-container .kg-products {
  padding-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 7px;
  row-gap: 30px;
  overflow-x: auto;
}
.kg-products-container .kg-products .highlight {
  background-color: #9dc331;
  color: white;
}
.kg-products-container .kg-products h4 {
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}
.kg-products-container .kg-products hr {
  width: 100%;
  border-width: 1px;
}
.kg-products-container .kg-products > div {
  display: flex;
  position: relative;
  flex-direction: column;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 8px;
}
.kg-products-container .kg-products > div hr {
  height: 1px;
  border: none;
  background-color: black;
}
.kg-products-container .kg-products .kg-product-desc {
  grid-column: 1/4;
  padding: 0 15px;
}
.kg-products-container .kg-products .kg-product-desc hr {
  display: none;
}
.kg-products-container .kg-products .kg-product-desc .top-div {
  background-color: #9dc331;
  border-radius: 15px;
  margin: 0 -15px 16px;
  padding: 15px 15px 0;
}
.kg-products-container .kg-products .kg-product-desc .body-div {
  display: flex;
  width: 100%;
  gap: 15px;
}
.kg-products-container .kg-products .kg-product-desc .body-div .kg-lawn-info {
  flex: 1 1 0;
}
.kg-products-container .kg-products .kg-product-desc .body-div .kg-lawn-info .kg-map-container {
  position: relative;
  display: block;
}
.kg-products-container .kg-products .kg-product-desc .body-div .kg-lawn-info .kg-map-container .kg-order-map {
  font-size: 0.8rem;
  margin: 0 0 15px;
}
.kg-products-container .kg-products .kg-product-desc .body-div .kg-lawn-info .kg-map-container .kg-order-map img {
  border-radius: 5px;
}
.kg-products-container .kg-products .kg-product-desc .body-div .kg-lawn-info .kg-map-container .kg-map-pen {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: 42px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.3);
  border: dashed 2px white;
  border-radius: 16px;
}
.kg-products-container .kg-products .kg-product-desc .body-div .kg-lawn-info .kg-map-container .kg-map-pen:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.kg-products-container .kg-products .kg-product-desc .body-div .kg-lawn-info .kg-map-container .kg-map-pen img {
  width: 100%;
}
.kg-products-container .kg-products .kg-product-desc .body-div .kg-ingredients {
  flex: 1 1 0;
}
.kg-products-container .kg-products .kg-product-desc > img {
  margin-top: auto;
  width: 100%;
  display: none;
}
.kg-products-container .kg-products .kg-product-desc h4 {
  color: white;
}
.kg-products-container .kg-products .kg-product-desc h5 {
  margin-bottom: 0;
}
.kg-products-container .kg-products .kg-product-desc .kg-ingredient {
  margin: 10px 0;
  display: flex;
}
.kg-products-container .kg-products .kg-product-desc .kg-ingredient .kg-shortcode {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
}
.kg-products-container .kg-products .kg-product-desc .kg-ingredient .kg-shortcode.blue {
  background-color: #cad8e0;
}
.kg-products-container .kg-products .kg-product-desc .kg-ingredient .kg-shortcode.green {
  background-color: #ccdbc2;
}
.kg-products-container .kg-products .kg-product-desc .kg-ingredient .kg-shortcode.rose {
  background-color: #e3aba5;
}
.kg-products-container .kg-products .kg-product-desc .kg-ingredient .kg-longcode {
  display: flex;
  justify-content: baseline;
  font-size: 12px;
}
.kg-products-container .kg-products .kg-product {
  background-color: white;
}
.kg-products-container .kg-products .kg-product .kg-product-summary {
  font-style: italic;
}
.kg-products-container .kg-products .kg-product.pre-selected {
  background-color: #395b4b;
  color: white;
}
.kg-products-container .kg-products .kg-product.pre-selected h4 {
  color: white;
}
.kg-products-container .kg-products .kg-product.pre-selected hr {
  background-color: white;
}
.kg-products-container .kg-products .kg-product.pre-selected li {
  background-image: url("/wp-content/uploads/2024/01/KG_Ticker_V_25px_White.png");
}
.kg-products-container .kg-products .kg-product.pre-selected .kg-price-box .price-per-delivery {
  color: gray;
}
.kg-products-container .kg-products .kg-product .kg-price-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto 0 15px;
  padding-top: 0;
}
.kg-products-container .kg-products .kg-product .kg-price-box .price-per-season {
  border-bottom: solid gray 1px;
  display: flex;
}
.kg-products-container .kg-products .kg-product .kg-price-box .price-per-season .kr {
  align-self: baseline;
}
.kg-products-container .kg-products .kg-product .kg-price-box .price-per-season .price {
  margin: 0 5px;
  font-size: 20px;
  font-weight: 700;
  align-self: baseline;
}
.kg-products-container .kg-products .kg-product .kg-price-box .price-per-delivery {
  color: lightgray;
}
.kg-products-container .kg-products .kg-product .kg-label {
  position: absolute;
  margin-top: -20px;
  margin-left: -20px;
  padding: 2px 10px;
  font-size: 14px;
  line-height: 16px;
  background-color: #9dc331;
}
.kg-products-container .kg-products .kg-product ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 15px;
}
.kg-products-container .kg-products .kg-product ul li {
  margin: 7px 0;
  padding: 0px 0px 0px 18px;
  background-image: url("/wp-content/uploads/2024/01/KG_Ticker_V_25px_Dark_Green.png");
  background-repeat: no-repeat;
  background-position: left top;
  line-height: 1.3;
  background-size: 16px 16px;
  text-transform: uppercase;
  font-size: 10px;
}
.kg-products-container .kg-products .kg-product button {
  margin: 0;
  font-size: 12px;
  padding: 6px;
}
.kg-products-container .kg-products .kg-product button:hover {
  border: 1px solid #ccdbc2;
}
.kg-products-container .kg-products .text-about-special {
  text-align: center;
  font-style: italic;
  grid-column: 1/4;
}
@media (min-width: 780px) {
  .kg-products-container .kg-products {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 12px;
  }
  .kg-products-container .kg-products > div {
    border-radius: 15px;
    padding: 15px;
  }
  .kg-products-container .kg-products .kg-product .kg-price-box {
    padding-top: 40px;
    margin-bottom: 30px;
  }
  .kg-products-container .kg-products .kg-product .kg-price-box .price-per-season .price {
    font-size: 28px;
  }
  .kg-products-container .kg-products .kg-product ul li {
    margin: 10px 0;
    padding: 0px 0px 0px 26px;
    background-size: 24px 24px;
    font-size: unset;
  }
  .kg-products-container .kg-products .kg-product button {
    padding: 16px 32px;
    font-size: 14px;
  }
  .kg-products-container .kg-products .kg-product-desc {
    grid-column: 1/2;
  }
  .kg-products-container .kg-products .kg-product-desc .body-div {
    flex-direction: column;
    gap: 0;
  }
  .kg-products-container .kg-products .kg-product-desc > img {
    display: block;
  }
  .kg-products-container .kg-products .kg-product-desc hr {
    display: block;
  }
  .kg-products-container .kg-products .text-about-special {
    grid-column: 2/5;
  }
}