/*
Theme Name: Number Three One - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three-one
Text Domain: number-three-child
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ===== CSS Variables ===== */

:root {
  /* Font sizes */
  --h1: 33px;
  --h2: 23px;
  --h3: 18px;
  --h4: 22px;
  --h5: 16px;
  --h6: 14px;
  --p: 15px;

  /* Gaps */
  --gap-l: 90px;
  --gap-m: 40px;
  --gap-s: 20px;

  /* font families */
  --h-fam: "Roboto Slab", "Roboto", serif;
  --p-fam: "Roboto", sans-serif;
  --btn-fam: var(--p-fam);

  /* colors */
  --color-1: #436251;
  --color-2: #447e5e;
  --color-3: #223339;
  --color-4: #97c527;
  --color-bg: #f5f5f5;
  --color-text: #0f0f0f;
  --color-dark: #222;
  --color-overlay: rgb(0 0 0 / 0%);

  /* transitions */
  --transition: 0.175s ease-out;

  /* Margin on the right and left of the main content sections (change 0 to 1 to match template distances)*/
  --content-margin: calc(0 * var(--gap-m));
  --slider-text-width: 775px;

  /* Theme defined variables from PHP */
  --content-width: initial;
  /* END Theme defined variables from PHP */
}

/* ===== END CSS Variables ===== */

/*======================================================================//
// style.css                                                            //
//======================================================================*/

:root body {
  /* --sidebar-width: 400px; */
  --sidebar-width: calc(19.545% + 30px);
}

/* GLOBAL STYLES */
body {
  background-color: var(--color-bg);
}

h1 {
  font-weight: 400;
}

h2,
h3 {
  font-weight: 400;
}

h1,
h2,
h3,
h4 {
  margin-bottom: var(--gap-s);
}

p {
  font-weight: 300;
}

section.section-wrap.no-margin-top {
  margin-top: 0 !important;
}

section.section-wrap.dark-background-with-tip {
  background-color: var(--color-3);
  margin-inline: 0;
  position: relative;
  padding-block: calc(var(--gap-m) + 15px);
  padding-inline: var(--gap-l);
}

section.section-wrap.dark-background-with-tip::before {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 49%;
  background-color: var(--color-3);
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
}

section.section-wrap.dark-background-with-tip .section h2,
section.section-wrap.dark-background-with-tip .section h3,
section.section-wrap.dark-background-with-tip .section p {
  color: white;
}

section.section-wrap.dark-background-with-tip.box-mit-id-section .section .grid-element.side-column h3 {
  margin-bottom: 0;
}

section.section-wrap.dark-background-with-tip.box-mit-id-section .section a {
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
  scroll-padding: var(--gap-s);
}

/* buttons */
.stom-button a {
  background-color: var(--color-3);
  border: 1px solid var(--color-3);
  border-radius: 5px;
  color: white;
  padding: 10px 15px;
}

.stom-button a:hover,
.stom-button a:active,
.stom-button a:focus {
  background-color: var(--color-4);
  border: 1px solid var(--color-4);
  border-radius: 5px;
  color: white;
}

.button-transparent a {
  background-color: transparent;
  border: 1px solid white;
  border-radius: 5px;
  color: white;
  padding: 10px 15px;
}

.button-transparent a:hover,
.button-transparent a:active,
.button-transparent a:focus {
  background-color: var(--color-4);
  border: 1px solid white;
  border-radius: 5px;
  color: white;
}

.stom-button a span {
  margin-left: 10px;
}

body.home main.site-main {
  margin-top: 0;
}

/* END GLOBAL STYLES */

/* HEADER STYLES */

header .top-bar .top-bar-right a {
  font-size: var(--h3);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  font-weight: 700;
  max-width: 180px;
  text-align: right;
}

header .top-bar .top-bar-right a svg {
  font-size: 50px;
}

header .top-bar .top-bar-right a svg path {
  fill: #97c527;
}

header .top-bar a {
  color: var(--color-dark);
  font-size: var(--p);
  font-weight: 500;
}

header .top-bar a span.stom-custom-svg {}

.stom_theme_logo img {
  max-width: 700px;
}

/* header .top-bar a span.stom-custom-svg svg {
  background-color: #435257;
} */
.site-branding {
  display: none;
}

.style-header-02 .site-branding #logo {
  padding: var(--gap-s) 0;
}

header .main-navigation ul.menu a:hover,
header .main-navigation ul.menu a:active,
header .main-navigation ul.menu a:focus {
  background-color: #435257;
}

header .main-navigation ul li ul.sub-menu a {
  background-color: #223339;
  opacity: 0.9;
  justify-content: flex-start;
}

header .main-navigation ul li ul.sub-menu a:hover {
  background-color: #2d3d43;
  opacity: 1;
}

header .main-navigation ul:not(.sub-menu).menu li:first-of-type {
  border-left: 1px solid #59666b;
}

header .main-navigation ul:not(.sub-menu).menu li {
  border-right: 1px solid #59666b;
  border-bottom: 1px solid #59666b;
}

header .main-navigation ul.menu {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

header .main-navigation ul.menu a {
  color: white;
  justify-content: center;
  font-size: calc(var(--p) - 1px);
  padding-block: 18px;
  text-align: center;
  /* padding-inline: calc(var(--gap-l) + var(--gap-s)); */
  padding-inline: 0;
  font-weight: 300;
  letter-spacing: 0.07em !important;
}

header .main-navigation ul#primary-menu li.current-menu-ancestor>a,
header .main-navigation ul#primary-menu li.current-menu-item>a {
  background-color: #435257;
}

.header-sticky-active header .section-wrap .section {
  max-width: 100%;
}

/* div.scrolled header#masthead .section-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
} */
header#masthead .section-wrap {
  padding-inline: var(--gap-s);
}

div.scrolled header#masthead .top-bar {
  position: fixed;
  top: 0;
}

header.site-header .section-wrap .section {
  padding-block: 0;
}

.site-header .header-wrapper {
  padding-inline: var(--gap-s);

  display: block;
}

header .main-navigation {
  display: block;
}

header .main-navigation ul.menu a .stom-menu-item-arrow {
  display: none;
}

header .menu-container>ul.menu {
  justify-content: center;
}

header .main-navigation ul.menu ul {
  background: unset;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled #masthead {
  box-shadow: none;
}

/* END HEADER STYLES */

/* MAIN SLIDER */
.page-slider-section.image-pos-center-center .image-aligner img {
  max-height: 465px;
  object-position: center bottom;
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 100%;
  gap: 60px;
}

body.home .page-slider-section .slider-text {
  padding: 40px 6% 40px 9%;
}

.page-slider-section .slider-text-inner {
  width: 1600px;
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper .white-text {
  margin-top: 10px;
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper .white-text p {
  font-family: var(--h-fam);
  font-weight: 400;
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper .white-text h1 {
  margin-bottom: var(--gap-s);
}

.page-slider-section.main-slider-section .hkp-laaneberegner {
  font-size: var(--p);
}

.page-slider-section.main-slider-section .laaneberegner-wrapper {
  box-shadow: 0 0 0.5em #223339;
}

/* END MAIL SLIDER */

/* MIT ID SECTION */
section.section-wrap.box-mit-id-section .section .grid-elements {
  grid-template-columns: 2.5fr 1fr;
}

section.section-wrap.box-mit-id-section .section .grid-elements .grid-element:first-of-type {
  border-right: 1px solid #5b5b5b;
  padding-right: var(--gap-m);
}

section.section-wrap.box-mit-id-section .section .grid-elements .grid-element:last-of-type {
  margin-left: var(--gap-m);
}

section.section-wrap.box-mit-id-section .section .grid-elements .grid-element:last-of-type .overlay {
  align-items: center;
}

section.section-wrap.box-mit-id-section .section .grid-elements .grid-element:last-of-type .overlay p img {
  object-fit: cover;
  width: 100%;
  max-width: 210px;
}

section.section-wrap.box-mit-id-section .section .grid-elements .grid-element .overlay {
  justify-content: flex-start;
}

section.section-wrap.box-mit-id-section .section .grid-elements .grid-element .overlay .button-transparent {
  margin-top: var(--gap-s);
}

/* END MIT ID SECTION */

/* GREEN ICONS SECTION */
section.section-wrap.box-green-icons-section .section {
  padding-block: 15px;
}

section.section-wrap.box-green-icons-section .grid-elements .grid-element .overlay {
  justify-content: flex-start;
}

section.section-wrap.box-green-icons-section .grid-elements .grid-element .overlay span.stom-custom-svg {
  font-size: calc(var(--h1) + 5px);
}

section.section-wrap.box-green-icons-section .grid-elements .grid-element .overlay span svg path {
  fill: var(--color-4);
}

section.section-wrap.box-green-icons-section .grid-elements .grid-element .overlay h3 {
  text-transform: uppercase;
}

section.section-wrap.box-green-icons-section .grid-elements .grid-element .overlay p:has(span.stom-custom-svg) {
  margin-bottom: 10px;
}

section.section-wrap.box-green-icons-section .grid-elements .grid-element .overlay p {
  line-height: 200%;
  max-width: 330px;
  margin: 0 auto;
}

/* END GREEN ICONS SECTION */

/* BOX NUMBERS SECTION */
section.section-wrap.box-numbers-section .section .grid-elements {
  gap: 0;
}

body section.section-wrap.box-numbers-section .section .grid-elements .grid-element .overlay>p:first-of-type {
  line-height: 0 !important;
  margin: 0;
  padding-bottom: 10px;
}

section.section-wrap.box-numbers-section .section .grid-elements .grid-element.fullwidth:first-of-type {
  margin-bottom: var(--gap-m);
}

section.section-wrap.box-numbers-section .section .grid-elements .grid-element.fullwidth:last-of-type {
  margin-top: var(--gap-m);
}

section.section-wrap.box-numbers-section .section .grid-elements .grid-element .overlay {
  justify-content: flex-start;
  align-items: center;
  margin-inline: calc(var(--gap-s) + 1px);
}

section.section-wrap.box-numbers-section .section .grid-elements .grid-element .overlay p {
  line-height: 200%;
}

section.section-wrap.box-numbers-section .section .grid-elements .grid-element:not(:first-of-type, :nth-last-of-type(2), :last-of-type) {
  border-right: 1px solid #5b5b5b;
}

/* END BOX NUMBERS SECTION */

/* BASIS KONTAKT OS SECTION */
section.section-wrap.basis-kontakt-os-section {
  margin-top: calc(var(--gap-m) + 10px);
}

section.section-wrap.basis-kontakt-os-section .section h3 {
  margin-bottom: calc(var(--gap-m) - 10px);
}

/* END BASIS KONTAKT OS SECTION */
main#main-content section.section-wrap.box-ansoeg-om-laan-section {
  margin-top: calc(var(--gap-m) - 5px);
  margin-left: var(--sidebar-width);
}

main#main-content section.section-wrap.box-ansoeg-om-laan-section .grid-element {
  min-height: 338px;
}

main#main-content section.section-wrap.box-ansoeg-om-laan-section .grid-elements {
  gap: 19px;
}

section.section-wrap.box-ansoeg-om-laan-section .section .grid-elements .grid-element .overlay {
  position: relative;
}

section.section-wrap.box-ansoeg-om-laan-section .section .grid-elements .grid-element .overlay h3 {
  position: absolute;
  font-size: calc(var(--h3) + 2px);
  top: 0;
  width: 100%;
  z-index: 10;
  left: 0;
  text-align: center;
  font-family: var(--p-fam);
  padding-block: 10px;
  background-color: rgba(34, 51, 57, 0.8);
  color: white;
  transition: all 0.2s;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.section-wrap.box-ansoeg-om-laan-section .section .grid-elements .grid-element:hover .overlay h3 {
  letter-spacing: -0.6px;
  background-color: rgba(34, 51, 57, 0.99);
}

body .gform_wrapper.gravity-theme form {
  border: 1px solid rgba(78, 92, 97, 0.2);
  padding: 0 25px 25px;
  margin-top: 50px;
}

body aside .gform_wrapper.gravity-theme form {
  border: none;
  padding: 0 25px 25px;
  margin-top: -10px;
}

body aside#secondary section.sidebar-formular .textwidget form .gform_footer input[type="submit"] {
  padding: 18px 0;
}

body.form-side .gform_wrapper.gravity-theme .gfield_label {
  margin-bottom: 0;
}

aside#secondary .ansoeg-om-laan-sidebar {
  padding: 0;
}

body aside#secondary .border-around {
  border: 1px solid #e5e4e5;
  padding: 15px 15px;
  margin-top: 20px;
}

section.section-wrap.box-ansoeg-om-laan-section .section .grid-elements .grid-element .overlay h3 span {
  margin-left: 10px;
}

body.ansoeg-om-laan article h1 {
  margin-bottom: calc(var(--gap-m) - 10px);
}

section.section-wrap.box-ansoeg-om-laan-section .section .grid-elements .grid-element .overlay h3 svg {
  width: 14px;
  height: 14px;
}

section.section-wrap.box-ansoeg-om-laan-section .section a.full-element-link {
  z-index: 20;
}

/* UNDERSIDER STYLING */

/* END UNDERSIDER STYLING */

/* KUNDEUDTALELSER STYLING */

div.kundeudtalelser-wrapper {
  display: grid;
  grid-template-columns: repeat(var(--grid-1-cols), minmax(0, 1fr));
  gap: var(--gap-m);
}

div.kundeudtalelser-wrapper .kundeudtalelser-content-container {
  border-left: 2px solid black;
  padding-left: var(--gap-s);
  padding-top: var(--gap-s);
}

div.kundeudtalelser-wrapper .kundeudtalelser-content-container .kundeudtalelser-content p {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.03em;
}

div.kundeudtalelser-wrapper .kundeudtalelser-content-container .kundeudtalelser-content span.stom-custom-svg {
  color: var(--color-4);
  font-size: calc(var(--h3) + 10px);
  margin-right: 10px;
}

/* END KUNDEUDTALELSER STYLING */

/* HVEM ER VI STYLIN */

div.stom_medarbejdere_filtrering_wrapper {
  display: none;
}

.omraadedivider {
  display: none;
}

/* END HVEM ER VI STYLIN */

/* KONTAKT SIDEN STYLING */
section.section-wrap.box-kontakt-section .section .grid-elements .grid-element .overlay div.left-setup {
  margin-top: calc(var(--gap-s) / 2);
  font-weight: 300;
}

section.section-wrap.box-kontakt-section .section .grid-elements .grid-element .overlay div.right-setup {
  display: grid;
  grid-template-columns: 1fr;
}

section.section-wrap.box-kontakt-section .section .grid-elements .grid-element .overlay div.right-setup span {
  display: grid;
  grid-template-columns: 0.2fr 1fr;
  font-weight: 300;
}

section.section-wrap.box-kontakt-section .section .grid-elements .grid-element .overlay div.right-setup span p {
  margin-bottom: 3px;
}

section.section-wrap.box-kontakt-section .section .grid-elements .grid-element .overlay div.right-setup span p a {
  text-decoration: none;
}

/* END KONTAKT SIDEN STYLING */

/* SIDEBAR STYLING */
/* sticky-sidebar */
/* aside#secondary {
  position: sticky;
  top: 100px;
}
body:not(.home),
body:not(.home) #page {
  overflow: visible;
} */

aside#secondary section.sidebar-formular .textwidget p {
  font-size: var(--p);
}

aside#secondary section.sidebar-formular .textwidget p span.stom-custom-svg {
  color: var(--color-4);
  font-size: calc(var(--h1) + var(--p));
}

aside#secondary section.sidebar-formular .textwidget form .gform_footer input[type="submit"] {
  width: 100%;
  background-color: var(--color-3);
  border: 1px solid var(--color-3);
  border-radius: 5px;
  color: white;
  padding: 10px 15px;
}
aside#secondary section.sidebar-formular .textwidget form input,
aside#secondary section.sidebar-formular .textwidget form select,
aside#secondary section.sidebar-formular .textwidget form textarea{
  border: none;
}
body .stomGFAS-container-field .stomGFAS-label {
  font-size: 14px;
}
body .stomGFAS-container-field .stomGFAS-icon {
  font-size: 30px;
}
aside#secondary section.sidebar-formular .textwidget form .gform_footer input[type="submit"]:hover,
aside#secondary section.sidebar-formular .textwidget form .gform_footer input[type="submit"]:active,
aside#secondary section.sidebar-formular .textwidget form .gform_footer input[type="submit"]:focus {
  background-color: var(--color-4);
  border: 1px solid var(--color-4);
  border-radius: 5px;
  color: white;
}

/* END SIDEBAR STYLING */

/* FOOTER STYLING */
#colophon.footer-setting-03 {
  margin-top: calc(var(--gap-l) - var(--gap-s));
  background-color: var(--color-3);
  position: relative;
  z-index: 2;
}
body.page-id-24 #colophon.footer-setting-03 {
  margin-top: 0;
}
body.page-id-24 .widget-area .widget:not(.widget_search):not(.widget_instagram-feed-widget):not(.widget-no-border) {
  padding-bottom: 0;
}

body.page-id-138 aside#secondary .ansoeg-om-laan-sidebar ul li.menu-item-1145.current-menu-item {
  background: transparent;
}
body.page-id-138 aside#secondary .ansoeg-om-laan-sidebar ul li.menu-item-1145.current-menu-item a{
  color: black;
}

body.page-id-805 #page:after, body.page-id-807 #page:after{
  display: none;
}

.footer-setting-03 .section-wrap {
  border: 0;
}

#colophon .section-wrap.footer-widget-area .section {
  padding: var(--gap-s) 0;
  padding-bottom: var(--gap-m);
}

#colophon .section-wrap.footer-widget-area .section .grid-elements .grid-element .overlay {
  justify-content: center;
  align-items: center;
}


#colophon .section-wrap.footer-widget-area .section .grid-elements .grid-element .overlay .textwidget {
  color: white;
  font-size: var(--p);
}

#colophon .section-wrap.footer-widget-area .section .grid-elements .grid-element .overlay .textwidget .footer-links-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  width: 100%;
  justify-content: center;
}

#colophon .section-wrap.footer-widget-area .section .grid-elements .grid-element .overlay .textwidget .footer-links-wrapper span.stom-custom-svg {
  font-size: calc(var(--h1) + 5px);
}

#colophon .section-wrap.footer-widget-area .section .grid-elements .grid-element .overlay .textwidget .footer-links-wrapper span.stom-custom-svg svg {
  background-color: white;
  padding: 3px;
  border-radius: 5px;
}

#colophon .section-wrap.footer-widget-area .section .grid-elements .grid-element .overlay .textwidget .footer-links-wrapper span.stom-fa-facebook-square svg {
  color: #3b5998;
}

#colophon .section-wrap.footer-widget-area .section .grid-elements .grid-element .overlay .textwidget .footer-links-wrapper span.stom-fa-linkedin svg {
  color: #0077b5;
}

#colophon .section-wrap.footer-widget-area .section .grid-elements .grid-element .overlay .textwidget .footer-links-wrapper span.stom-fa-envelope svg {
  color: var(--color-4);
}

#colophon .section-wrap.footer-widget-area-extra {
  display: none;
}

/* END FOOTER STYLING */

/* LOAN CALCULATOR STYLING */
.loan-calculator-wrapper {
  background-color: white;
  padding: var(--gap-s);
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-loan-wrapper div,
.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-years-wrapper div {
  display: flex;
  justify-content: space-between;
  font-size: var(--p);
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-loan-wrapper span#loan-amount-display,
.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-years-wrapper span#loan-years-display {
  font-weight: 600;
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-loan-wrapper input,
.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-years-wrapper input {
  width: 100%;
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-loan-wrapper input[type="range"],
.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-years-wrapper input[type="range"] {
  width: 100%;
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-loan-results {
  display: flex;
  justify-content: space-between;
  font-size: calc(var(--p) + 2px);
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-loan-results div p:first-of-type {
  font-weight: 600;
  margin-bottom: 15px;
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-loan-results div p:not(:first-of-type) {
  margin-bottom: 0;
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper .loan-calculator-loan-results button {
  height: fit-content;
  margin-block: auto;
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper button {
  background-color: var(--color-3);
  border: 1px solid var(--color-3);
  border-radius: 5px;
  color: white;
  padding: 10px 15px;
}

.loan-calculator-wrapper .loan-calculator-inner-wrapper button.selected {
  background-color: var(--color-4);
  border: 1px solid var(--color-4);
  border-radius: 5px;
  color: white;
}

/* END LOAN CALCULATOR STYLING */

/* NEW STYLING DONT DELETE */
.beregner .hkp-laaneberegner {
  background-color: #fff;
  border: 1px solid rgba(15, 15, 15, 0.6);
  width: 640px;
  height: 300px;
  padding: 20px 20px;
  position: absolute;
  top: 320px;
  left: 51%;
  z-index: 200;
  box-shadow: 0 0 0.2em rgba(15, 15, 15, 0.3);
  text-align: left;
}

.beregner button {
  cursor: pointer;
}

.beregner .hkp-laaneberegner .table-main {
  width: 100%;
  height: 98%;
}

.beregner .hkp-laaneberegner .table-main td {
  text-align: left;
  font-size: 14px;
}

.beregner .hkp-laaneberegner .table-main .interest-selectors {
  width: 100%;
}

.beregner .hkp-laaneberegner .table-main td.question {
  font-size: 14px;
}

.beregner .hkp-laaneberegner .table-main td.answer {
  font-weight: 700;
  text-align: right;
  font-size: 14px;
}

.beregner .hkp-laaneberegner .table-main .left {
  text-align: left;
  width: 40%;
  font-size: 12px;
}

.beregner .hkp-laaneberegner .table-main .right {
  text-align: right;
  width: 60%;
  font-size: 12px;
}

.beregner .hkp-laaneberegner .table-main .results {
  width: 80%;
  font-size: 12px;
  vertical-align: top;
}

.beregner .hkp-laaneberegner .table-main .applyCell .results {
  width: 100%;
}

.beregner .hkp-laaneberegner .table-main .applyCell {
  vertical-align: bottom;
  text-align: right;
}

.beregner .hkp-laaneberegner .table-main .resultCell {
  padding-left: 15px;
}

.beregner .hkp-laaneberegner .table-main .leftResult,
.beregner .hkp-laaneberegner .table-main .rightResult {
  font-weight: 700;
  font-size: 14px;
}

.beregner .hkp-laaneberegner .table-main .rightResult {
  text-align: right;
}

.beregner .hkp-laaneberegner .interest-button {
  color: #fff;
  width: 130px;
  height: 30px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #223339;
  background-color: #223339;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 12px;
  font-weight: 400;
}

.beregner .hkp-laaneberegner .interest-button:hover {
  background-color: #97c527;
  color: #fff;
}

.beregner .hkp-laaneberegner .apply {
  color: #fff;
  xwidth: 220px;
  xheight: 40px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #97c527;
  background-color: #97c527;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 20px;
}

.beregner .hkp-laaneberegner .apply:hover {
  background-color: #223339;
  color: #fff;
  border: 1px solid #fff;
}

.beregner .slider {
  color: #97c527;
  display: block;
  xfont-size: 16px;
  height: 12.7969px;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
  text-align: left;
  width: 100%;
  cursor: pointer;
}

.beregner .hkp-laaneberegner .table-main .interest-selectors .ui-selectmenu-button.ui-button {
  xfont-size: 14px;
  background-color: #97c527;
  color: #fff;
}

.beregner .hkp-laaneberegner .table-main .interest-selectors li .ui-menu-item {
  xfont-size: 14px;
}

.beregner .ui-menu-item .ui-menu-item-wrapper {
  xfont-size: 14px;
}

.beregner .ui-state-active {
  background-color: #97c527 !important;
  color: #fff !important;
  border: 1px solid #b1e531 !important;
}

.beregner .ui-slider-horizontal .ui-slider-handle {
  background-color: #97c527 !important;
  border: 1px solid #b1e531 !important;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 1.6em;
  height: 1.6em;
  top: -0.4em;
  cursor: pointer;
}

.beregner #a-toggle {
  display: none;
}

@media only screen and (max-width: 105em) {
  .beregner .hkp-laaneberegner {
    width: 580px;
    height: 380px;
    padding: 15px 15px;
    top: 230px;
    left: 48%;
  }
}

@media only screen and (max-width: 80em) {
  .beregner .hkp-laaneberegner {
    width: 530px;
    height: 380px;
    padding: 15px 15px;
    top: 220px;
    left: 48%;
    text-align: center;
  }
}

@media only screen and (max-width: 70em) {
  .beregner .hkp-laaneberegner {
    width: 450px;
    height: 390px;
    padding: 15px 15px;
    top: 220px;
    left: 44%;
    text-align: center;
  }
}

@media only screen and (max-width: 60em) {
  .beregner .hkp-laaneberegner {
    display: none;
  }
}

.hkp-laaneberegner {
  width: 100%;
  height: 100%;
  padding: var(--gap-s);
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
}

.hkp-laaneberegner .table-main {
  width: 100%;
  height: 100%;
}

.hkp-laaneberegner .table-main td {
  text-align: left;
  vertical-align: top;
  font-weight: 300;
}

.hkp-laaneberegner .table-main .interest-selectors {
  width: 100%;
}

.hkp-laaneberegner .table-main .interest-selectors td {
  vertical-align: top;
}

.hkp-laaneberegner .table-main td.question {
  font-weight: 300;
}

.hkp-laaneberegner .table-main td.answer {
  font-weight: 700;
  text-align: right;
}

.hkp-laaneberegner .table-main .results {
  width: 90%;
  vertical-align: bottom;
  margin-bottom: none;
}

.hkp-laaneberegner .table-main .left {
  text-align: left;
  width: 50%;
}

.hkp-laaneberegner .table-main .right {
  text-align: right;
  width: 50%;
}

.hkp-laaneberegner .table-main .large-result {
  font-weight: 700;
  font-size: var(--p);
  margin-top: 5px;
  margin-bottom: 10px;
}

body:not(.home) .hkp-laaneberegner .table-main .large-result {
  font-size: 18px;
}

.hkp-laaneberegner .table-main .results .small-result {
  /*font-size: 14px;*/
}

.hkp-laaneberegner .interest-button {
  background-color: rgb(34, 51, 57) !important;
  color: rgb(255, 255, 255) !important;
  width: 180px;
  /*height: 35px;*/
  border: 1px solid rgb(34, 51, 57);
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 15px;
}

@media only screen and (max-width: 30em) {
  .hkp-laaneberegner .interest-button {
    width: 110px;
    font-size: 14px;
    font-weight: 300;
    padding: 6px 10px;
  }
}

.hkp-laaneberegner .interest-button.chosen {
  background-color: rgb(151, 197, 39) !important;
  border-color: rgb(151, 197, 39) !important;
}

.hkp-laaneberegner .interest-button:hover {
  background-color: rgb(151, 197, 39);
  color: rgb(255, 255, 255);
}

.hkp-laaneberegner .apply {
  color: rgb(255, 255, 255);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
  /*background-color: rgb(151,197,39);*/
  background-color: rgb(34, 51, 57);
  box-sizing: border-box;
  text-decoration: none;
  padding: 10px 20px;
  margin-top: 7px;
  float: left;
  cursor: pointer;
}

.hkp-laaneberegner .apply:hover {
  /*background-color: rgb(34,51,57);*/
  background-color: rgb(151, 197, 39);
  color: rgb(255, 255, 255);
  border: none;
}

.slider {
  color: #333333;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  height: 12.7969px;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
  text-align: left;
  width: 100%;
}

.hkp-laaneberegner .table-main .interest-selectors .ui-selectmenu-button.ui-button {
  background-color: #97c525;
  color: #f2f2f2;
}

.hkp-laaneberegner .table-main .interest-selectors li .ui-menu-item {}

.beregnerframe {
  background-color: #fff;
  box-shadow: 0 0 0.5em #223339;
  width: 620px;
  height: 360px;
  position: absolute;
  top: 340px;
  left: 51%;
  z-index: 2;
}

.beregnerframe #iFrameEmbed {
  width: 620px;
  height: 360px;
}

@media only screen and (max-width: 105em) {
  .beregnerframe {
    width: 560px;
    height: 350px;
    position: absolute;
    top: 330px;
    left: 51%;
  }

  .beregnerframe #iFrameEmbed {
    width: 560px;
    height: 350px;
  }
}

@media only screen and (max-width: 85em) {
  .beregnerframe {
    top: 220px;
    left: 45%;
    width: 620px;
    height: 360px;
  }

  .beregnerframe #iFrameEmbed {
    width: 620px;
    height: 360px;
  }
}

@media only screen and (max-width: 78em) {
  .beregnerframe {
    top: 220px;
    left: 45%;
    width: 590px;
    height: 370px;
  }

  .beregnerframe #iFrameEmbed {
    width: 590px;
    height: 370px;
  }
}

@media only screen and (max-width: 72em) {
  .beregnerframe {
    top: 220px;
    left: 45%;
    width: 550px;
    height: 370px;
  }

  .beregnerframe #iFrameEmbed {
    width: 550px;
    height: 370px;
  }
}

@media only screen and (max-width: 68em) {
  .beregnerframe {
    top: 220px;
    left: 45%;
    width: 520px;
    height: 380px;
  }

  .beregnerframe #iFrameEmbed {
    width: 520px;
    height: 380px;
  }
}

@media only screen and (max-width: 65em) {
  .beregnerframe {
    top: 220px;
    left: 44%;
    width: 510px;
    height: 360px;
  }

  .beregnerframe #iFrameEmbed {
    width: 510px;
    height: 360px;
  }
}

@media only screen and (max-width: 60em) {
  .beregnerframe {
    top: 200px;
    left: 44%;
    width: 480px;
    height: 360px;
  }

  .beregnerframe #iFrameEmbed {
    width: 480px;
    height: 360px;
  }
}

@media only screen and (max-width: 58em) {
  .beregnerframe {
    top: 360px;
    left: 10%;
    width: 640px;
    height: 360px;
  }

  .beregnerframe #iFrameEmbed {
    width: 640px;
    height: 360px;
  }
}

@media only screen and (max-width: 50em) {
  .beregnerframe {
    top: 360px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 330px;
  }

  .beregnerframe #iFrameEmbed {
    width: 100%;
    height: 330px;
  }
}

@media only screen and (max-width: 44em) {
  .beregnerframe {
    top: 200px;
    height: 400px;
    width: 85%;
  }

  .beregnerframe #iFrameEmbed {
    height: 400px;
    width: 100%;
  }
}

@media only screen and (max-width: 30em) {
  .beregnerframe {
    top: 200px;
    height: 460px;
    width: 85%;
  }

  .beregnerframe #iFrameEmbed {
    height: 460px;
    width: 100%;
  }
}

.beregnerframe2 {
  background-color: #f5f5f5;
  height: 450px;
  width: 100%;
  overflow: hidden;
}

.beregnerframe2 #iFrameEmbed2 {
  height: 450px;
  width: 100%;
}

@media only screen and (max-width: 105em) {
  .beregnerframe2 {
    top: 240px;
    left: 49%;
    width: 640px;
  }

  .beregnerframe2 #iFrameEmbed2 {
    width: 640px;
  }
}

@media only screen and (max-width: 85em) {
  .beregnerframe2 {
    top: 240px;
    left: 45%;
    width: 640px;
  }

  .beregnerframe2 #iFrameEmbed2 {
    width: 640px;
  }
}

@media only screen and (max-width: 78em) {
  .beregnerframe2 {
    top: 240px;
    left: 45%;
    width: 600px;
  }

  .beregnerframe2 #iFrameEmbed2 {
    width: 600px;
  }
}

@media only screen and (max-width: 72em) {
  .beregnerframe2 {
    top: 240px;
    left: 45%;
    width: 580px;
  }

  .beregnerframe2 #iFrameEmbed2 {
    width: 580px;
  }
}

@media only screen and (max-width: 68em) {
  .beregnerframe2 {
    top: 220px;
    left: 45%;
    width: 550px;
  }

  .beregnerframe2 #iFrameEmbed2 {
    width: 550px;
  }
}

@media only screen and (max-width: 65em) {
  .beregnerframe2 {
    top: 220px;
    left: 44%;
    width: 510px;
  }

  .beregnerframe2 #iFrameEmbed2 {
    width: 510px;
  }
}

@media only screen and (max-width: 60em) {
  .beregnerframe2 {
    top: 220px;
    left: 44%;
    width: 480px;
  }

  .beregnerframe2 #iFrameEmbed {
    width: 480px;
  }
}

@media only screen and (max-width: 55em) {
  .beregnerframe2 {
    top: 220px;
    left: 44%;
    width: 480px;
    height: 500px;
  }

  .beregnerframe2 #iFrameEmbed {
    width: 480px;
    height: 500px;
  }
}

@media only screen and (max-width: 44em) {
  .beregnerframe2 {
    top: 220px;
    left: 44%;
    width: 480px;
  }

  .beregnerframe2 #iFrameEmbed {
    width: 480px;
  }
}

.beregnerframe3 {
  background-color: #f5f5f5;
  height: 7500px;
  width: 100%;
  overflow: hidden;
}

.beregnerframe3 #iFrameEmbed2 {
  height: 7500px;
  width: 100%;
}

@media only screen and (max-width: 44em) {
  .beregnerframe3 {
    display: none;
  }
}

.top_td.res>div>table>tbody>tr>td {
  color: #97c527;
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
}

.top_td {
  color: #97c527;
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
  font-family: Tahoma, Arial, sans-serif;
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-position: center;
  border-bottom-color: #4e5c61;
  border-bottom-style: solid;
  text-align: center;
}

.topimagenoimage {
  color: #97c527;
  background-color: #ffffff;
}

.contactzone3 .fieldbuttonsdiv .button {
  background-color: #fff;
  color: #97c527;
  text-transform: none;
  font-size: 16px;
  border-radius: 2px;
  height: 50px;
}

.FrmSimpleIcnTxt .button:hover {
  background-color: #97c527;
  color: #f5f5f5;
}

.FrmSimpleIcn td,
.FrmSimpleIcn div {
  font-family: FontAwesome;
  text-align: center;
  padding-right: 2%;
  font-size: 4em;
  color: #97c527 !important;
}

.fpbigbtn4 a:hover {
  background-color: #97c527;
}

.fpbigbtn3 a:hover {
  background-color: #97c527;
}

.fpbigbtn5 a:hover {
  background-color: #97c527;
}

.btntxticon02>tbody>tr>td>div>a {
  position: relative;
  color: #fff;
  box-sizing: border-box;
  text-decoration: none;
  background-color: #97c527;
  padding: 5px 20px 5px 8px;
  font-size: 1em;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.2s ease-in;
}

.fp3zniconsub h3:before {
  color: #97c527;
  font-family: FontAwesome;
  position: absolute;
  top: -40px;
  left: 43%;
}

.topztelcallus:before {
  content: "\f098";
  font-size: 50px;
  top: 16px;
  left: 0px;
  position: absolute;
  font-family: FontAwesome;
  color: #97c527;
}

.fpbigbtn6 a {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  box-sizing: border-box;
  text-decoration: none;
  padding: 20px 50px 20px 20px;
  font-size: 26px;
  font-weight: 300;
  display: inline-block;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #fff;
  background-color: #97c527;
  transition: all 0.3s ease, background-position 1ms;
  line-height: 100%;
  margin-top: 30px;
  box-shadow: 0 0.1em 0.1em rgba(91, 91, 91, 0.5);
}

.beregner .slider {
  color: #97c527;
  display: block;
  xfont-size: 16px;
  height: 12.7969px;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
  text-align: left;
  width: 100%;
  cursor: pointer;
}

.beregner .hkp-laaneberegner .table-main .interest-selectors .ui-selectmenu-button.ui-button {
  xfont-size: 14px;
  background-color: #97c527;
  color: #fff;
}

.beregner .ui-state-active {
  background-color: #97c527 !important;
  color: #fff !important;
  border: 1px solid #b1e531 !important;
}

.beregner .ui-slider-horizontal .ui-slider-handle {
  background-color: #97c527 !important;
  border: 1px solid #b1e531 !important;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 1.6em;
  height: 1.6em;
  top: -0.4em;
  cursor: pointer;
}

.publish .formular1 .fieldbuttonstd .button:hover {
  background-color: #97c527;
}

.rangeslider,
.rangeslider__fill {
  display: block;

  border-radius: 3px;
  border: 1px solid #cccccc !important;
}

.rangeslider {
  background: #fff;
  /*#e6e6e6;*/
  position: relative;
}

.rangeslider--horizontal {
  height: 10px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #dddddd;
  /*#00ff00;*/
  position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: rgb(166, 217, 43);
  /*white;*/
  xborder: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  xbackground-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
  background-size: 100%;
  /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));*/
  /* -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);*/
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;*/
}

.rangeslider__handle:active,
.rangeslider--active .rangeslider__handle {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear,
    50% 0%,
    50% 100%,
    color-stop(0%, rgba(0, 0, 0, 0.1)),
    color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus+.rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.interest-dropdown {
  display: block;
  padding: 10px 70px 10px 13px !important;
  width: 200px;
  height: auto !important;
  border: none;
  border-radius: 3px;
  background: url("./images/ee4e690e-846d-46d7-89f8-73690f570e7eselectbox_arrow_white.png") right center no-repeat;
  background-color: rgb(34, 51, 57);
  color: #ffffff;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  line-height: 16px !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.chosen {
  background-color: rgb(151, 197, 39);
}

#number-three-sticky-mobile-cta .cta-container .stom-button a {
  background-color: var(--color-3);
  color: var(--color-4);
  border-radius: 0;
}

#number-three-sticky-mobile-cta .cta-container .stom-button a span svg {
  color: var(--color-4);
}

#resultLeftDiv {
  border-right: 1px solid #cccccc;
  margin-right: 10px;
  padding-right: 10px;
  width: 49%;
  float: left;
  box-sizing: border-box;
}

.rightit {
  text-align: right;
  float: right;
  margin-left: 8px;
}

#resultRightDiv {
  width: 49%;
  float: left;
  box-sizing: border-box;
}

.mellemregtr {
  display: none;
}

.style-header-02 .header-wrapper {
  background-color: var(--color-3);
  max-width: 100%;
  justify-content: center;
}

span.cta-side-btns {
  position: fixed;
  right: 0;
  top: 44%;
  transform: translate(0, -50%);
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

span.cta-side-btns p {
  margin-bottom: 3px;
  background-color: white;
  padding: 3px;
}

span.cta-side-btns span svg {
  width: 30px;
  height: 30px;
}

span.cta-side-btns span {
  font-size: calc(var(--gap-m) - 10px);
  height: fit-content;
  display: flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
  width: 30px;
  transition: width 0.4s ease, background-color 0.3s ease-in-out;
}

span.cta-side-btns span.stom-fa-facebook-square:hover,
span.cta-side-btns span.stom-fa-linkedin:hover,
span.cta-side-btns span.stom-fa-envelope:hover {
  width: 220px;
}

span.cta-side-btns span.stom-fa-facebook-square:hover::after,
span.cta-side-btns span.stom-fa-linkedin:hover::after,
span.cta-side-btns span.stom-fa-envelope:hover::after {
  transition: opacity 0.4s ease, transform 0.4s ease;
  transform: translateX(0);
  opacity: 1;
  padding: 0 14px;
  margin-bottom: -4px;
}

span.cta-side-btns span.stom-fa-facebook-square::after,
span.cta-side-btns span.stom-fa-linkedin::after,
span.cta-side-btns span.stom-fa-envelope::after {
  opacity: 0;
  transform: translateX(-10px);
  position: absolute;
  left: 40px;
  color: var(--color-dark);
  font-size: 14px;
  white-space: nowrap;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

span.cta-side-btns span.stom-fa-facebook-square::after {
  content: "Følg os på Facebook";
}

span.cta-side-btns span.stom-fa-linkedin::after {
  content: "Følg os på LinkedIn";
}

span.cta-side-btns span.stom-fa-envelope::after {
  content: "Skriv til os";
}

span.cta-side-btns span.stom-fa-facebook-square svg path {
  fill: #3b5998;
}

span.cta-side-btns span.stom-fa-linkedin svg path {
  fill: #0077b5;
}

span.cta-side-btns span.stom-fa-envelope svg path {
  fill: #97c527;
}

/*======================================================================//
// END style.css                                                        //
//======================================================================*/

/*======================================================================//
// woocommerce.css                                                      //
//======================================================================*/

/* woocommerce style goes here */

/*======================================================================//
// END woocommerce.css                                                  //
//======================================================================*/

aside#secondary:has(.ansoeg-om-laan-sidebar) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 30px 0 10px;
}

aside#secondary .ansoeg-om-laan-sidebar {
  padding-block: 0;
  padding-left: 0;
}

aside#secondary .ansoeg-om-laan-sidebar ul {
  list-style: none;
  padding-left: 0;
}

aside#secondary .ansoeg-om-laan-sidebar ul li {
  padding: 12px 0;
  transition: all 0.3s ease-in-out;
}

aside#secondary .ansoeg-om-laan-sidebar ul li:not(:first-of-type) {
  border-top: 1px solid rgba(34, 51, 57, 0.1);
}

aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item {
  background-color: #223339;
}

aside#secondary .ansoeg-om-laan-sidebar ul li:not(.current-menu-item):hover {
  background-color: rgba(34, 51, 57, 0.1);
}

aside#secondary .ansoeg-om-laan-sidebar ul li:not(.current-menu-item):hover a {
  font-weight: 400;
}

body.ansoeg-om-laan-sidebar.page-id-803 {}

body.ansoeg-om-laan-sidebar.page-id-803 main section.section-wrap {
  max-width: calc(100% - (var(--sidebar-width) * 2));
}

body.ansoeg-om-laan-sidebar.page-id-803 main section.section-wrap.no-margin-top {
  padding-top: 20px;
}

body.ansoeg-om-laan-sidebar.page-id-803 main#main-content.site-main:after {
  content: '';
  position: absolute;
  right: 20.7%;
  height: 100%;
  width: 1px;
  background-color: #e3e3e3;
  top: 0;
}

#page:after {
  content: '';
  width: 100%;
  background-color: #223339;
  height: var(--after-height, 0px);
  position: absolute;
  bottom: 0;
}

aside#secondary .ansoeg-om-laan-sidebar ul li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding-inline: 10px;
  font-size: 14px;
  font-weight: 300;
}

aside#secondary .ansoeg-om-laan-sidebar ul li a svg {
  width: 12px;
  height: 12px;
}

aside#secondary .ansoeg-om-laan-sidebar ul li a:has(span) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item a {
  color: white;
}

body.ansoeg-om-laan-sidebar #primary {
  margin-left: calc(var(--gap-l) + 5px);
}

/* body.ansoeg-om-laan-sidebar main section.section-wrap {
  margin-left: 230px;
} */
aside#secondary.laaneberegner-custom-sidebar,
body.kundeudtalelser aside#secondary:not(.kundeudtalelser-custom-sidebar),
body.hvem-er-vi aside#secondary:not(.hvem-er-vi-custom-sidebar) {
  position: absolute;
  right: 0;
}

body.page-id-809 aside#secondary.widget-area.sidebar-setup-after-content section:not(:first-of-type) {
  margin-bottom: 0;
}

body.page-id-809 aside#secondary.widget-area.sidebar-setup-after-content .widget-title {
  font-weight: 400;
  font-family: var(--h-fam);
}

body.ansoeg-om-laan-sidebar main section.section-wrap,
body.laaneberegner main section.section-wrap {
  max-width: calc(100% - (25% * 2));
  margin-inline: auto;
  padding-inline: var(--gap-m);
}

h2.gform_title {
  font-size: 33px;
}

body.form-side h2 {
  margin-bottom: var(--gap-s);
}

body.form-side .gform_wrapper.gravity-theme .gfield_label {
  font-weight: 300;
}

body main#main-content.site-main {
  position: relative;
}

body.page-id-811 aside#secondary.widget-area.sidebar-setup-after-content {
  top: 0;
}

body.page-id-813 aside#secondary.widget-area:not(.hvem-er-vi-custom-sidebar),
body.page-id-815 aside#secondary.widget-area:not(.hvem-er-vi-custom-sidebar),
body.page-id-817 aside#secondary.widget-area:not(.hvem-er-vi-custom-sidebar),
body.page-id-819 aside#secondary.widget-area:not(.hvem-er-vi-custom-sidebar),
body.page-id-1279 aside#secondary.widget-area:not(.hvem-er-vi-custom-sidebar),
body.page-id-809 aside#secondary.widget-area.laaneberegner-custom-sidebar,
body.page-id-1225 aside#secondary.widget-area.sidebar-setup-after-content,
body.page-id-811 aside#secondary.widget-area.sidebar-setup-after-content:not(.kundeudtalelser-custom-sidebar),
body.page-id-138 aside#secondary.widget-area.sidebar-setup-after-content:not(.kundeudtalelser-custom-sidebar)
body.page-id-1279 aside#secondary.widget-area.sidebar-setup-after-content:not(.kundeudtalelser-custom-sidebar){
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  height: 100%;

}




body.form-side .gform_wrapper.gravity-theme .gfield_required {
  display: none;
}

body.form-side .gform_wrapper.gravity-theme .gfield.gfield_contains_required input,
body.form-side .gform_wrapper.gravity-theme .gfield.gfield_contains_required select {
  background-color: #e0eebe !important;
}

main .content-area form {
  border: 1px solid rgba(78, 92, 97, 0.2);
  padding-inline: calc(var(--gap-s) + 5px);
  margin-top: calc(var(--gap-m) + 10px);
}

.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description,
.gform_wrapper.gravity-theme .gfield_consent_description {}

aside#secondary.laaneberegner-custom-sidebar section,
aside#secondary section {
  padding-top: 0;
}

body.laaneberegner #content {
  margin-right: 0 !important;
  max-width: 1900px;
}

body.laaneberegner div#primary {
  max-width: 1000px;
  margin-left: 450px;
}

body.no-margin-left div#primary {
  margin-left: var(--gap-s);
  max-width: 1400px;
}

aside#secondary.kundeudtalelser-custom-sidebar,
aside#secondary.hvem-er-vi-custom-sidebar {
  position: absolute;
  left: 0;
  top: 0;
}

body.no-margin-left .stom-cols-6 {
  margin-bottom: var(--gap-s);
}

div.right-setup {
  display: grid;
  grid-template-columns: 1fr;
}

div.right-setup span {
  display: grid;
  grid-template-columns: 0.2fr 1fr;
  font-weight: 300;
}

div.right-setup span p {
  margin-bottom: 3px;
}

div.right-setup span p a {
  text-decoration: none;
}

section.stom-grid-section.box-medarbejdere-section .grid-element .overlay {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--gap-s);
  justify-content: flex-start;
}

section.stom-grid-section.box-medarbejdere-section .grid-element .overlay p:has(img) {
  margin-bottom: 0;
}
section.stom-grid-section.box-medarbejdere-section .grid-element .overlay img {
  width: 155px;
  height: auto;
  object-position: center;
  object-fit: cover;
}
section.stom-grid-section.box-medarbejdere-section .grid-element .overlay .medarbejder-info p {
  margin-bottom: 10px;
}

section.stom-grid-section.box-medarbejdere-section .grid-element .overlay .medarbejder-info p a {
  text-decoration: none;
  color: blue;
}

section.stom-grid-section.box-medarbejdere-section .section .grid-elements {
  gap: var(--gap-s);
}

section.stom-grid-section.box-medarbejdere-section .section .grid-elements h2 {
  margin-bottom: var(--gap-m);
}

section.stom-grid-section.box-medarbejdere-section .grid-element .overlay .medarbejder-info p a:hover {
  text-decoration: underline;
}

section.section-wrap.medium-margin-top {
  margin-top: var(--gap-m);
}

body.main-margin-bottom main {
  margin-bottom: var(--gap-l);
}

.the-parent-one {
  background-color: #4c5a5f;
  color: white;
}

td,
div,
a {
  letter-spacing: 0.03em !important;
}

body.page-id-813 main#main-content.site-main {
  min-height: 650px;
}


/* ny kode */
div.kundeudtalelser-wrapper .kundeudtalelser-content-container .kundeudtalelser-content p {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.03em;
}

/* responssivt ved 1240 - har lagt i bunden af 1240. */
/* laaneberegner */

body.laaneberegner.page-id-809 main section.section-wrap {
  padding-inline: calc(var(--gap-m) + var(--gap-s));
}

/* body.laaneberegner aside#secondary:has(.ansoeg-om-laan-sidebar) {
  max-width: 500px;
} */
body.laaneberegner main section.section-wrap {
  max-width: 1500px;
  width: 60%;
}

/* ansøg om lån her */


body.ansoeg-om-laan main#main-content section.section-wrap.box-ansoeg-om-laan-section .section {
  margin: unset;
  max-width: unset;
}

/* form-side */
body.form-side .gform_wrapper.gravity-theme .gfield_label {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.03em;
}

/* Whistleblower side */

body #gform_7 .gform_footer {
  justify-content: center;
}

body #gform_7 .gform_footer .gform_button {
  padding: .6em 3em;
  background-color: var(--color-3);
}

body #gform_7 .gform_footer .gform_button:hover {
  padding: .6em 3em;
  background-color: var(--color-1);
}

body.page-id-805 #menu-item-1000,
body.page-id-807 #menu-item-1000, body.page-id-1221 #menu-item-1000, body.page-id-1225 #menu-item-1000{
  background-color: #4c5a5f;
  color: white;
}
body.page-id-805 #menu-item-1000:hover,
body.page-id-807 #menu-item-1000:hover, body.page-id-1221 #menu-item-1000:hover, body.page-id-1225 #menu-item-1000:hover {
  background-color: #223339 !important;
}
body.page-id-138 aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item,
body.page-id-811 aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item,
body.page-id-803 aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item,
body.page-id-1279 aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item,
body.page-id-809 aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item {
  background-color: #223339;
}
body.page-id-138 aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item a,
body.page-id-811 aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item a,
body.page-id-803 aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item a,
body.page-id-1279 aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item a,
body.page-id-809 aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item a {
  color: white;
}

aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item {
  background-color: #dfe1e2;
}

aside#secondary .ansoeg-om-laan-sidebar ul li.current-menu-item a {
  color: black;
}

body.page-id-24 aside#secondary{
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
body.page-id-24 .stom_maps_free{
  min-height: 250px;
}
body.page-id-1221 .no-margin-top a {
  text-decoration: none;
}