/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 




@font-face {
 font-family: "DM Sans";
src: url('/font/dm-sans-variable-latin.woff2') format('woff2');
font-weight: 200 800;
font-style: normal;
font-display: swap;
}



/* GENEREL--------------------------------------------- */


html {
font-size: 20px;
background: #f5f5f5;
}



body {
font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
font-weight: 350; /* vælg mellem 200–700 */
font-optical-sizing: auto;
font-style: normal !important;
font-size: 1rem;
line-height: 1.2rem;
letter-spacing:0px;
cccolor:#6c6e71;
color:#000;
background:#fff;
}

.fl-module-content a {
transition: all 0.5s ease !important;
}

.fl-module-content a:hover {
opacity: 0.5;
}




h1, h2, h3, h4, h5, h6 {
font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
font-weight: 550; /* vælg mellem 200–700 */
font-style: normal !important;
font-size: 3rem;
line-height: 110% !important;
margin:0 !important;
letter-spacing: 0px;
cccolor:#6c6e71;
color:#000;
}


.center {
text-align: center !important;
}

.fl-module-rich-text li {
margin: 0;
padding: 0px 0px 20px 0px !important;
line-height:120%;
}





p {
margin-bottom: 20px;
}

a {
outline: 0 !important;
transition: all 0.5s ease !important;
}

a:hover {
text-decoration: none !important;
opacity: 0.5 !important;
}

a img.alignnone {
margin: 0px 0px 0px 0 !important;
}

img.alignnone {
margin: 0px 0px 0px 0 !important;
}

.fl-content img {
border-radius: 10px !important;
}

.fl-wp-video .wp-video .mejs-container, .fl-wp-video .wp-video .mejs-inner, .fl-wp-video .wp-video .mejs-layers, .fl-wp-video .wp-video .mejs-layer, .fl-wp-video .wp-video-shortcode, .fl-wp-video .me-plugin, .fl-wp-video .me-plugin * {
border-radius: 10px !important;
}

strong {
font-weight: 500 !important;
}

.light {
font-weight: 200 !important;
}

.fl-module-photo img {
border-radius:0px;
}

.fl-photo-content, .fl-photo-img {
border-radius:0px;
}

.no-border-radius img {
border-radius:0px;
}


.float-right { 
text-align:right !important;
}

.fl-module-content p:last-child { 
margin-bottom: 0 !important; 
margin-right: 0 !important; 
}

.fl-module-content p { 
margin-bottom:20px; 
}

.zero-margin-bottom .fl-module-content p { 
margin-bottom:0px; 
}


.white a {
color:#fff !important; 
}

.dark-blue a {
color:#0D182B !important;
}

.wwwwhite a {
color:#fff !important; 
--tw-shadow: inset 0 -2px 0 0 #fff !important;
--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow,0 0 #fff),var(--tw-ring-shadow,0 0 #fff),var(--tw-shadow) !important;
}

.ddddark-blue a {
color:#0D182B !important;
--tw-shadow: inset 0 -2px 0 0 #0D182B !important;
--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow,0 0 #0D182B),var(--tw-ring-shadow,0 0 #0D182B),var(--tw-shadow) !important;
}



/* SWIPER

--------------------------------------------- */

:root {
  --swiper-navigation-size: 15px !important; /* skift til ønsket størrelse */
  --swiper-navigation-color: #111; /* valgfrit: farve */
}


.swiper-navigation {
display: flex !important;
justify-content: right !important;
gap: 40px !important;
margin-top: 40px !important;
}

.swiper-button-prev,
.swiper-button-next {
position: relative !important;
top: auto;
transform: none;
color: #1A4175 !important;
width: auto;
height: auto;
}

.swiper-pagination {
display: none;  
position: relative;
margin-top: 20px;
text-align: center;
}

.swiper-slide img {
border-radius:5px !important;
}

.post-date {
display: none !important;
font-size: 0.85em;
color: #666;
display: block;
margin-top: 10px;
}

.post-excerpt {
display: none !important;  
font-size: 0.9em;
color: #444;
margin-top: 8px;
}


/* CONTACT FORM 7

--------------------------------------------- */


 .contact-form {
padding: 30px 20px 30px 20px !important;
background: #395a5f !important;
border-radius: 10px !important;
}

.contact-form input {
font-size: 17px !important;
color:#fff !important;
padding: 5px 0px 5px 0px !important;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 1px solid #fff !important;
box-shadow: none !important;
background: transparent !important;
border-radius: 0 !important;
}

.contact-form textarea {
font-size: 17px !important;
color:#fff !important;
padding: 5px 0px 5px 0px !important;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 1px solid #fff !important;
box-shadow: none !important;
background: transparent !important;
border-radius: 0 !important;
}

.contact-form ::placeholder {
color: #fff !important;
}

.contact-form  input.wpcf7-submit  {
padding: 10px 10px 10px 10px !important;
background: #6bb5b8 !important;
color: #fff !important;
border: 0 !important;
border-radius: 40px !important;
font-size: 13px !important;
font-weight: 400 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: background .3s ease, color .3s ease !important;
}

.contact-form  input.wpcf7-submit:hover  {
background: #F4F1EC !important;
color: #1C1A18 !important;
}

.contact-form .wpcf7-list-item-label {
color: #fff !important;
font-size: 17px !important;
}

.wpcf7-list-item {
margin: 0 0 0 5px !important;
}

.wpcf7-response-output {
border-radius: 10px !important;
border: 0 !important;  
padding: 50px !important;
color: #fff !important;
background: #6bb5b8 !important;
}



/* WIDTH & BOXES

--------------------------------------------- */

.fl-page-content {
max-width:1600px;	
margin-left:auto !important;
margin-right:auto !important;
left:0 !important;
right:0 !important;
padding-top:100px !important;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
background: #fff;
}

.fl-row-full-width {
max-width:1600px;
}

.fl-row-fixed-width {
max-width:1280px;
}

.wrapper {
border-radius: 10px !important;
}

.section,.section-full {
width: 100% !important;    
max-width:1400px;
margin-inline: auto !important; 
margin-bottom: 0px !important;
}

.section-medium {
width: 100% !important;    
max-width:800px;
margin-inline: auto !important; 
margin-bottom: 0px !important;
}

.section-wrap > .fl-row-content-wrap {
width: 100%;
max-width: 1920px;
margin: 0 auto !important;
}


.full-section {
width: 100% !important;    
max-width:100%;
margin-inline: auto !important; 
margin-bottom: 0px !important;
}

.text-section,.post-section {
width: 100% !important;    
max-width:900px;
margin-inline: auto !important;
}

.custom-1-box-grid {
padding-right: 400px !important;   
column-gap: 0px !important;
}

.custom-2-box-grid,.custom-2-box-grid-no-gap {
column-gap: 100px !important;
}

.custom-2-btn-grid {
column-gap: 10px !important;
}

.custom-2-box-grid-no-gap {
column-gap: 0px !important;
}

.custom-3-box-grid,.custom-3-process-box-grid {
row-gap: 50px !important;
column-gap: 50px !important;
}

.custom-4-box-grid {
row-gap: 30px !important;
column-gap: 30px !important;
}


.flex-section {
display: flex !important;
flex-wrap: wrap !important;
gap: 50px !important;
}

.flex-col-1-2 {
flex: 0 0 calc((100% - 50px) / 2);  /* 2 kolonner pr række */
min-width: 0;
box-sizing: border-box;
}


.flex-col-1-3 {
flex: 0 0 calc((100% - 2 * 50px) / 3);  /* maks 3 pr række inkl gap */
min-width: 0;         /* tillader krymp */
box-sizing: border-box;
flex-direction: column !important;
justify-content: flex-start !important;
}

.flex-col-1-4 {
flex: 0 0 calc((100% - 3 * 50px) / 4);
min-width: 0;
box-sizing: border-box;
}

/* ELEMENTS

--------------------------------------------- */

.testimonial-text {
font-size:0.85rem;
line-height: 1rem;
}

.testimonial-text strong {
font-weight:600 !important;
}

.testimonial-text h2 {
font-size: 1.2rem;
padding-top: 10px !important; 
padding-bottom:30px !important;   
}

.testimonial-text h3 {
position: relative;
padding-bottom: 12px;    
font-size: 1.1rem; 
padding-top: 10px !important;
padding-bottom: 10px !important;
margin-bottom: 15px !important;
}

.testimonial-text h3::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 2px;
background: currentColor; /* eller fx #c00 */
}

.testimonial-image img {
margin: 30px 0px 30px 0px !important;
}

.testimonial-image-circle img {
margin: 30px 0px 30px 0px !important;
width: 300px !important;
max-width: 100% !important;
aspect-ratio: 1 / 1 !important;
height: auto !important;
border-radius: 50% !important;
object-fit: cover !important;
}


.team-member h3 {
font-size: 18px;
color: #395a5f !important;
margin-top: 15px !important;
margin-bottom: 15px !important;
}

.team-member a,.team-member p {
font-size: 13px !important;
line-height: 140% !important;
color: #395a5f !important;
}

.team-member p {
padding: 0 !important;
margin: 0 !important;
}


.process-box,.quote-box { 
position: relative;
color:#fff;
background-color: #42273b !important;
border-top-left-radius: 10px !important;
border-top-right-radius: 100px !important;
border-bottom-right-radius: 10px !important;  
border-bottom-right-radius: 10px !important;
padding: 50px 30px 50px 30px !important;
}

.quote-box { 
color:#395a5f;
background-color: #ddd1c7 !important;
}

.quote-box-icon img {
width: 100% !important;
max-width: 70px !important;
}

.quote-box-quote {
font-size: 1rem;
line-height: 1rem;
font-weight: 600;
}

.quote-box-author {
font-size:13px;
}

.quote-icon-l img {
width: 100% !important;
max-width: 150px !important;
}

.section-element {
position: relative;
overflow: hidden;
}

.section-element::before {
  content: '';
   position: absolute;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin-left: -200px !important; /* venstre */
  margin-top: 100px !important;  /* ned */
  width: 500px;
  height: 500px;
  background: url(https://dinboligoekonomi.dk/wp-content/uploads/2026/09/bomark-isometrisk-2.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 500px;
  z-index: 0;
  opacity: 0.2 !important;
}

/* Make sure inner content stays above the bg image */
.section-element > * {
  position: relative;
  z-index: 1;
}



.section-cta {
position: relative;
overflow: hidden;
}

.section-cta::before {
  content: '';
  position: absolute;
  bottom: -300px !important;
  left:100px !important;
  width: 400px;
  height: 400px;
  background: url(https://dinboligoekonomi.dk/wp-content/uploads/2026/09/bomark-dark-green.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 650px;
  z-index: 0;
  opacity: 1 !important;
}

/* Make sure inner content stays above the bg image */
.section-cta > * {
  position: relative;
  z-index: 1;
}


.check-icon li {
position:relative;
font-size: 19px;  
margin: 0;
padding: 0px 20px 15px 20px !important;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
list-style-type: none;
line-height:140%;
}

.check-icon li:before {
content: "";
display: inline-block;
background: url("https://dinboligoekonomi.dk/wp-content/uploads/2026/09/check-icon-purple.svg") no-repeat;
width:25px;
height:25px;
background-size: cover;
float: left;
top: 15px;
transform: translateY(-50%);
left: 0;
position: absolute;
margin-left:-15px !important;
}

.process-number-box {
font-size: 25px;  
min-width:50px !important;
}

.process-headline-box h2,.text h3 {
font-size: 25px;  
}

.text h3 {
margin-top: 15px !important;  
margin-bottom: 15px !important;
}

.process-headline-box {
min-width:450px !important;
}

.process-row { 
border-top: 1px solid #a8bcc0 !important;
padding-top: 20px !important;
}


/* IMAGES

--------------------------------------------- */

.col-image {
min-height: 600px !important;
}



/* PADDING
--------------------------------------------- */


.top-bottom-margin {
margin-top: 150px !important;
margin-bottom: 150px !important;
}

.content-margin-top-l {
margin-top: 50px !important;
}

.content-margin-bottom-l {
margin-bottom: 50px !important;
}

.content-margin-top-s {
margin-top: 30px !important;
}

.content-margin-bottom-s {
margin-bottom: 30px !important;
}

.content-margin-bottom-xs {
margin-bottom: 15px !important;
}

.top-padding {
padding-top:150px !important;
}

.bottom-padding {
padding-bottom:150px !important;
}

.top-margin {
margin-top:150px !important;
}

.bottom-margin {
margin-bottom:150px !important;
}

.right-padding,.right-padding-image {
padding-right: 150px !important;
}

.right-padding-image {
padding-right: 0px !important;
}

.left-padding {
padding-left: 150px !important;
}

.all-padding-box {
box-sizing: border-box !important;  
padding:5% !important;
border-radius: 10px;
}

.left-padding-box {
box-sizing: border-box !important;  
padding-left:50px !important;
}

.bottom-padding-box {
box-sizing: border-box !important;  
padding-bottom:50px !important;
}


/* CUSTOM-HEADER
--------------------------------------------- */

.custom-header-outer {
width: 100% !important;    
max-width:1600px !important;
background-color: rgba(107, 181, 184, 0.1) !important;
margin-inline: auto !important;
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
padding: 0px 20px 0px 20px !important;
}

.custom-header-inner {
position: relative !important;
width: 100% !important;    
max-width:1600px;
height: 80px !important;
margin-inline: auto !important; 
border-top: 0px solid #6BB5B8 !important;
padding-top: 0px;
margin-top:0px !important;
}

.header-book-btn a {
font-size: 16px;
font-weight: 600;
color: #fff !important;
background:#6bb5b8;
padding: 5px 15px 5px 15px !important;
border-radius: 40px;
}

.header-contact-line-new {
width: 100% !important;    
max-width:1600px !important;
margin-inline: auto !important;
padding: 10px 20px 10px 20px !important;
}

.header-contact-line {
position: absolute !important;
top:0 !important;
right:0 !important;
}

    .contact-bar,.contact-bar-mobile  {
      background: #fff;
      border-top: 0px solid #e0e0e0;
      border-bottom: 0px solid #e0e0e0;
      padding: 2px 2px 2px 2px;
      display: flex;
      align-items: center;
      gap: 15px;
      font-size: 13px;
      color: #333;
      width: 100%;
      max-width: 700px;
    }

    .contact-item,.contact-item-mobile {
      display: flex;
      align-items: center;
      white-space: nowrap;
    }

    .contact-item::before,.contact-item-mobile::before {
      content: '';
      display: inline-block;
      width: 14px;
      height: 14px;
      margin-right: 7px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      flex-shrink: 0;
    }


    .contact-item--phone::before,.contact-item--phone-mobile::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236bb5b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.57 3.34 2 2 0 0 1 3.54 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.5a16 16 0 0 0 6.09 6.09l.88-.88a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
    }

    .contact-item--email::before,.contact-item--email-mobile::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236bb5b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
    }

    .contact-item--hours::before,.contact-item--hours-mobile::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236bb5b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
    }



    .contact-item,.contact-item-mobile, .contact-item a,.contact-item-mobile a  {
      color: #395a5f;
      font-weight: 600;
      text-decoration: none;
    }

    .contact-item a:hover,.contact-item-mobile a:hover {
      color:#6bb5b8;
      text-decoration: underline;
    }

    .divider,.divider-mobile {
      color: #395a5f;
    }



/* SCROLL HEADER */ 

header.fl-theme-builder-header-scrolled.fl-theme-builder-header-sticky .custom-header-outer {
background-color: #f0f7f8 !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}







/* CUSTOM-HEADER HEADER-HIDE-SCROLL
--------------------------------------------- */

hhhheader {
position:sticky;
top:0;
height:100px !important;
transition: all 0.5s ease !important;
z-index: 99;
}

.nav-up {
top: -100px;
}

#mmmmenu-item-34 {
background:#B0774A;
border-top-right-radius: 10px;	
border-bottom-right-radius: 10px;
transition: all 0.5s ease !important;
}

#mmmenu-item-34 a {
color:#fff !important;
}

#mmmenu-item-34:hover {
background:#283722;
opacity: 1;
}

#mmmenu-item-34:hover a {
color:#fff;
border-top-right-radius: 10px;border-bottom-right-radius: 10px;	
opacity: 1;
}




/* CUSTOM-LOGO
--------------------------------------------- */

.custom-logo {
ppposition: absolute;
tttop: 30px;
llleft:0px;	
max-width:200px;
}

.custom-logo .fl-module-content a:hover {
opacity: 1;
}

.custom-logo a img.alignnone {
margin:0px 0px 0px 0px !important;
}

.custom-logo .fl-photo-content img {
max-width:200px;	
transition: all 0.5s ease !important;
border-radius: 0px !important;    
}

.custom-logo .fl-photo {
text-align: left !important;
}


/* NAV
--------------------------------------------- */

.custom-nav .menu a {
font-size: 20px !important;
color: #000;
font-weight: 600 !important;
padding-top: 20px !important;
padding-right: 20px !important;
padding-bottom: 20px !important;
padding-left: 20px !important;
letter-spacing: 1px;
}




/* HERO 
--------------------------------------------- */

.hero-section,.hero-section-page {
width: 100% !important;    
max-width:1600px !important;
padding: 50px 0px 0px 0px !important;
margin-inline: auto !important; 
background: url(https://dinboligoekonomi.dk/wp-content/uploads/2026/09/bomark-trans-2.svg) !important;
background-repeat: no-repeat !important;
background-position: center top -50px !important;
background-size:1100px 1100px !important;
}

.hero-section-page {
margin-bottom: 50px !important;
padding: 50px 0px 30px 0px !important;
}

.hero-text-fp h1,.hero-text-page h1,.hero-text-page h2 {
font-size: 3rem;
padding-bottom: 50px !important;
}

.hero-text-page h1,.hero-text-page h2 {
padding-bottom: 0px !important;
}

.hero-text-fp {
font-size: 1rem;
}

.hero-image img {
border-top-left-radius: 10px !important;
border-top-right-radius: 100px !important;
border-bottom-right-radius: 10px !important;  
border-bottom-right-radius: 10px !important;
}

.hero-text-approve,.hero-text-approve a {
  margin: 0 auto !important;
    align-self: flex-start; /* eller center, afhængig af ønsket placering */
display: inline-block;
  position: relative;  
font-size: 0.8rem;
line-height: 1rem;
--tw-shadow: inset 0 -2px 0 0 transparent !important;
--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important;
}

.hero-text-approve strong {
font-weight: 700 !important;
}

.hero-text-approve::after {
 content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100' height='8' viewBox='0 0 100 8'%3E%3Cpath d='M0 6 Q50 1 100 6' fill='none' stroke='%236bb5b8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left center;

}

.hero-image-approve img {
max-width: 190px !important;
}



.hero-container-fp,.hero-container-fp-video,.hero-container-page {
position: relative;
}

.hero-container-fp.fl-row-custom-height > .fl-row-content-wrap,.hero-container-page.fl-row-custom-height > .fl-row-content-wrap {
min-height: 100vh !important;
}

.hero-container-post.fl-row-custom-height > .fl-row-content-wrap {
min-height: 70vh !important;
}


.hero-container-textbox-fp,.hero-container-textbox-page {
position: absolute;
left:0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 200px;
max-width: 1280px;
color: #fff !important;
}

.hero-container-textbox-fp h1,.hero-container-textbox-page h1 {
max-width: 700px;  
font-size: 60px; 
line-height: 100% !important;
color: #fff !important;
margin-bottom: 15px;
word-wrap: normal;      /* undgår at bryde ord */
overflow-wrap: normal;  /* samme som ovenfor */
white-space: normal;
}


.hero-container-textbox-page h1 {
max-width: 800px;     
font-size: 60px;  
}

.hero-container-textbox-fp p,.hero-container-textbox-page p {
max-width: 700px;   
font-size: 25px; 
font-weight: 200;
line-height: 130%; 
color: #fff !important;
}

.hhhero-container-fp .fl-row-content-wrap:after,.hero-container-page .fl-row-content-wrap:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
border-radius: 0px;
}

.hhhhero-container-fp .fl-row-content,.hero-container-page .fl-row-content {
z-index: 1;
}

.hhhhero-container-fp .fl-row-content-wrap:after,.hero-container-page .fl-row-content-wrap:after {
background-color: rgba(0,0,0);
background-color: rgba(0,0,0, 0.2);
}

.fl-row-bg-video .fl-bg-video, .fl-row-bg-embed .fl-bg-embed-code {
border-radius: 0px;
}


/* POST GRID
--------------------------------------------- */

.fl-post-grid-post {
padding-top: 30px !important;  
border-top: 1px solid #554560 !important; 
border-bottom: 0px solid #000 !important;
border-left: 0px solid #000 !important;
border-right: 0px solid #000 !important; 
background:transparent !important;
border-radius: 0px !important;
box-shadow: 0px 0px 22px -5px rgba(0,0,0,0);
-webkit-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0);
}

.fl-post-grid-image img {
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
margin-bottom: 30px !important;
}

.fl-post-grid-post .fl-module-content a {
color: #e96c23 !important;
}

body .fl-post-grid-title {
margin: 0px 0px 5px 0px !important;
}

body .fl-post-grid-title a {
color: #554560 !important;  
font-size: 1rem;
margin: 0px 0px 0px 0px !important;
padding:0px 0px 0px 0px !important;
}

body .fl-post-grid-meta {
display: inline-block !important;  
color: #554560 !important;   
font-size: 0.5rem !important;
line-height: 1rem !important;
margin: 5px 0px 15px 0px !important;
padding: 0rem 0.4rem 0rem 0.4rem !important;
background:#eeff74 !important;
}

 body .fl-post-grid-content p {
font-size: 1rem;
line-height: 1.2rem !important;
color:#554560;
}

.fl-post-grid-meta-terms {
margin-bottom: 15px !important;
}


.fl-post-grid-meta-terms a {
font-size: 0.6rem !important;
line-height: 0.6rem !important;
color:#554560 !important;
border: 1px solid #554560 !important;
padding: 2px 5px 2px 5px !important;
border-radius: 5px !important;
}

.fl-post-grid-content {
  position: relative !important;
}

.fl-post-grid-text {
font-size: 1rem !important;  
padding: 0px !important;
}

.fl-post-grid-more,.overview .fl-post-grid-more {
color: #fff !important;
font-size: 1rem !important;
background: #ED1C24 !important;
border-radius: 40px !important;
padding: 6px 12px 6px 12px !important;
}

.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
border: 1px solid #e4e4e0 !important;
display: inline-block;
padding: 5px 10px;
margin: 0 0 5px;
color: #000 !important;
}


/* SEPARATOR
--------------------------------------------- */

.custom-separator  {
margin-bottom: 30px !important;
background: #1A4175 !important;
height: 1px;
}


/* ACCORDIAN

--------------------------------------------- */

.content-accordian-white  .fl-accordion-small .fl-accordion-button,.faq-accordian .fl-accordion-small .fl-accordion-button,.team-accordian .fl-accordion-small .fl-accordion-button  {
padding: 0px 0px 10px 0px !important;
}

.content-accordian-white .fl-accordion-item,.faq-accordian .fl-accordion-item,.team-accordian .fl-accordion-item {
max-width: 100% !important;
margin-bottom: 10px !important;
border-style: solid !important;
border-width: 0 !important;
border-color: #395a5f !important;
background-clip: border-box !important;
border-top-width: 1px !important;
border-right-width: 0px !important;
border-bottom-width: 0px !important;
border-left-width: 0px !important;
padding-top: 15px !important;
}

.content-accordian-purple .fl-accordion-item {
border-color: #554560 !important;
}

.content-accordian-white .fl-accordion-item a {
color: #fff !important;
}

.faq-accordian .fl-accordion-item a {
color: #395a5f !important;
}

.team-accordian .fl-accordion-item a {
color: #554560 !important;
}


.content-accordian-white .fl-accordion-button-label,.faq-accordian .fl-accordion-button-label,.team-accordian .fl-accordion-button-label {
font-size: 1rem !important;
font-weight: 600 !important;
color: #fff !important;    
outline: 0px !important;
}

.faq-accordian .fl-accordion-button-label {
color: #395a5f !important;    
}

.team-accordian .fl-accordion-button-label {
color: #554560 !important;    
}

.content-accordian-white .fl-accordion-button-icon,.faq-accordian .fl-accordion-button-icon,.team-accordian .fl-accordion-button-icon {
line-height:0px !important;
padding-left: 0px;
outline: 0px !important;
opacity: 1 !important;
padding: 8px 6px 8px 6px !important;
border-radius: 50% !important;
}

.content-accordian-white .fl-accordion-button-icon {
background: transparent !important;
color: #fff !important;
}

.faq-accordian .fl-accordion-button-icon {
background: transparent !important;
color: #395a5f !important;
}

.team-accordian .fl-accordion-button-icon {
background: transparent !important;
color: #554560 !important;
}

.cccccccontent-accordian .fl-accordion-button-icon:hover {
opacity: 1 !important;
}

.rrrrrrp-accordian  .fl-accordion-button-icon:active,.rp-accordian .fl-accordion-button-icon:focus,.rp-accordian .fl-accordion-button-icon:active,.rp-accordian .fl-accordion-button-icon:focus {
background: transparent !important;
}

.cccccccontent-accordian-purple .dashicons, .content-accordian-purple .dashicons-before:before {
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 30px !important;
height: 30px !important;
vertical-align: top;
text-align: center;
transition: color .1s ease-in;
font-size: 30px !important;
margin-top: -15px !important;
}

.fffffa-plus:before {
content: "\f067";
font-size: 2rem !important;
margin: 0px !important;
}

.ffffffa-minus:before {
display: block !important;
content: "\f067";
font-size: 2rem !important;
margin: 0px !important;
transform: rotate(45deg) !important;
transition: all 0.1s ease !important;
}

.content-accordian-white .fl-accordion-small .fl-accordion-content,.faq-accordian .fl-accordion-small .fl-accordion-content,.team-accordian .fl-accordion-small .fl-accordion-content {
padding: 0px 0px 0px 0px !important;
}


.content-accordian-white .fl-accordion-content p,.content-accordian-white .fl-accordion-content a,.content-accordian-white .fl-accordion-content li,.faq-accordian .fl-accordion-content p,.faq-accordian .fl-accordion-content a,.faq-accordian .fl-accordion-content li,.team-accordian .fl-accordion-content p,.team-accordian .fl-accordion-content a,.team-accordian .fl-accordion-content li {
font-size:1rem !important;
line-height: 130% !important;
padding: 0px 0px 0px 0px !important;
margin-bottom: 15px !important;
color: #fff !important;
}

.faq-accordian .fl-accordion-content p,.team-accordian .fl-accordion-content a,.content-accordian-orange .fl-accordion-content li {
color: #395a5f !important;
}




.content-accordian-white .fl-accordion-content h2,.faq-accordian .fl-accordion-content h2,.team-accordian .fl-accordion-content h2 {
font-size:1rem !important;
font-weight: 600 !important;
margin-bottom: 15px !important;
color: #fff !important;
}

.faq-accordian .fl-accordion-content h2 {
color: #395a5f !important;
}

.team-accordian .fl-accordion-content h2 {
color: #554560 !important;
}


/* BUTTONS
--------------------------------------------- */

.fl-button-lightbox  {
font-size: 13px !important; 
font-weight: 400 !important;
text-decoration: none;
color: #395a5f !important;
background:transparent;
padding: 0px 0px 0px 0px !important;
border-radius: 0px !important;
--tw-shadow: inset 0 0px 0 0 transparent !important;
--tw-shadow-colored: inset 0 0px 0 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) !important;
border: 0px solid transparent;
margin-top:-10px !important;
transition: all 0.5s ease !important;
}

.fl-button-lightbox:hover  {
color: #395a5f !important;
background:transparent !important;
opacity: 0.5 !important;
}

button:focus  {
color: #395a5f !important;
background:transparent !important;
opacity: 0.5 !important;
}

.ffl-button-lightbox  {
font-size: 14px !important;
font-weight: 500 !important;
position: relative;
display: inline-flex;
align-items: center;
gap:0rem;            /* hvis du også bruger tekst+ikon fleksibelt */
color: #fff !important;
text-decoration: none;
background:#395a5f;
padding: 5px 10px 5px 10px !important;
border-radius: 40px !important;
--tw-shadow: inset 0 0px 0 0 transparent !important;
--tw-shadow-colored: inset 0 0px 0 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) !important;
border: 1px solid transparent;
margin-top:0px !important;
}

.ffl-button-lightbox:hover  {
color: #fff !important;
background:#395a5f;
opacity: 0.5 !important;
}


.dark-green-btn a,.dark-green-stroke-btn a,.cyan-btn a,.sand-btn a {
font-size: 16px !important;
line-height: 100% !important;
font-weight: 600 !important;
position: relative;
display: inline-flex;
align-items: center;
gap: .5rem;            /* hvis du også bruger tekst+ikon fleksibelt */
color: #fff !important;
text-decoration: none;
background:#395a5f;
padding: 10px 15px 10px 15px !important;
border-radius: 40px !important;
--tw-shadow: inset 0 0px 0 0 transparent !important;
--tw-shadow-colored: inset 0 0px 0 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) !important;
border: 1px solid transparent;
margin-top:30px !important;
}

.dark-green-stroke-btn a {
color: #395a5f !important;
border: 1px solid #395a5f;
background:transparent;
margin-top:0px !important;
}

.cyan-btn a {
color: #fff !important;
background:#6bb5b8;
}

.sand-btn a {
color: #42273b !important;
background:#ddd1c7;
}


.dark-green-btn a::after,.dark-green-stroke-btn a::after,.cyan-btn a::after,.sand-btn a::after {
content: "";
display: inline-block;
width: 20px;           /* pil-størrelse */
height: 20px;
margin-left:10px;
background: url("https://dinboligoekonomi.dk/wp-content/uploads/2026/09/white-arrow.svg") no-repeat;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
vertical-align: middle;
transition: transform .18s ease, opacity .18s ease;
transform-origin: 50% 50%;
}

.dark-green-stroke-btn a::after {
background: url("https://dinboligoekonomi.dk/wp-content/uploads/2026/09/dark-green-arrow.svg") no-repeat;
margin-top:3px;
}

.sand-btn a::after {
background: url("https://dinboligoekonomi.dk/wp-content/uploads/2026/09/purple-arrow.svg") no-repeat;
margin-top:3px;
}


/* Hover / fokus-tilstand */
.red-btn a:hover::after,
.red-btn a:focus::after,
.white-stroke-btn a:hover::after,
.white-stroke-btn a:focus::after {
  transform: translateX(.18rem);
  opacity: 0.95;
}

.btn-margin-top {
margin-top: 30px;
}

.push-btn-down {
height: 100% !important;
}

.push-btn-down .dark-green-btn,.push-btn-down .sand-btn {
margin-top: auto !important;
}

/* H-TAGS
--------------------------------------------- */

.overline-heading {
display: flex;
align-items: center;
gap: 10px;  
font-size: 1rem; 
font-weight: 400;
padding-bottom: 50px !important;   
}

.overline-heading::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #395a5f; /* skift til din farve */
flex-shrink: 0;
}

.headline,.content-text h2,.text-section h2 {
font-size: 1.7rem; 
padding-bottom: 50px !important;   
}

.topic-headline {
font-size: 1.2rem; 
padding-bottom: 30px !important;  
min-height: 80px; 
}


/* PARAGRAPH
--------------------------------------------- */

.medium-text {
font-size: 1.3rem; 
line-height:1.5rem; 
font-weight:310;   
}

.large-text {
font-size: 1.2rem;
line-height:1.2rem;  
}


/* POSTS
--------------------------------------------- */

.wp-block-heading {
font-size: 1.3rem !important;
font-weight: 400 !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}


/* CUSTOM-FOOTER
--------------------------------------------- */

.footer-outer {
width: 100% !important;    
max-width:1600px !important;
margin-inline: auto !important;
padding: 100px 0px 100px 0px !important;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top: 0px !important;
}

.footer-grid {
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 20px !important;
}

.footer-logo  {
margin-bottom: 40px;
}

.footer-logo img {
border-radius: 0;    
max-width:300px !important
}

.footer-copyright,.ms-company {
font-size: 11px;
color:#fffee2;
line-height: 120% !important;
margin-top: 30px !important;
margin-bottom: 0 !important;
--tw-shadow: inset 0 0px 0 0 transparent !important;
--tw-shadow-colored: inset 0 0px 0 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important;
}

.footer-copyright a {
color:#fffee2 !important;  
--tw-shadow: inset 0 0px 0 0 transparent !important;
--tw-shadow-colored: inset 0 0px 0 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important;
}

.footer-text p,.footer-text a {
font-size: 0.8rem;
line-height:1rem;
margin-bottom: 5px;
color: #fff !important;
}


.footer-text p a {
color:#fff; 
}

.footer-text h3 {
color:#6bb5b8 !important;
font-size: 0.8rem;
line-height:1rem; 
padding-bottom: 30px !important;
}

.footer-text a:hover,.footer-copyright a:hover {
color: #fff !important;
}


/* COLUMNS
--------------------------------------------- */

.col-1-1 {
width:100% !important;
margin-bottom:0%;
}

.col-1-2 {
width:48.25% !important;
margin-right: 3.5%;
margin-bottom:0%;
}

.col-1-2:nth-child(2n) {
margin-right:0 !important;
}

.col-1-3 {
width:31% !important;
margin-right: 3.5%;
margin-bottom: 0%;
}

.col-2-3 {
width:65.5% !important;
margin-right: 0%;
margin-bottom: 0%;
}

.col-1-3:nth-child(3n) {
margin-right:0 !important;
}

.col-1-4 {
box-sizing: border-box !important;
width: 23.125% !important;
margin-right:2.5% !important;
margin-bottom:30px !important;
}

.col-1-4:nth-child(4n) {
margin-right: 0% !important;
}



/* COLORS

--------------------------------------------- */

.white,.white p,.white h1,.white h2,.white h3 {
color:#fff !important;
}

.black,.black p,.black h1,.black h2,.black h3 {
color:#0d0d0d !important;
}

.dark-green,.dark-green p,.dark-green h1,.dark-green h2,.dark-green h3 {
color:#395a5f !important;
}

.dark-green,.dark-green p,.dark-green h1,.dark-green h2,.dark-green h3 {
color:#395a5f !important;
}

.cyan,.cyan p,.cyan h1,.cyan h2,.cyan h3 {
color:#6bb5b8 !important;
}

.purple,.purple p,.purple h1,.purple h2,.purple h3 {
color:#42273b !important;
}

.sand,.sand p,.sand h1,.sand h2,.sand h3 {
color:#ddd1c7 !important;
}

.dark-green a {
transition: all 0.5s ease;  
color:#395a5f !important; 
--tw-shadow: inset 0 -2px 0 0 #395a5f;
--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow,0 0 #395a5f),var(--tw-ring-shadow,0 0 #395a5f),var(--tw-shadow);
}

.sand a {
transition: all 0.5s ease !important;  
color:#ddd1c7 !important; 
--tw-shadow: inset 0 -2px 0 0 #ddd1c7 !important;
--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow,0 0 #ddd1c7),var(--tw-ring-shadow,0 0 #ddd1c7),var(--tw-shadow) !important;
}

.purple a,.purple-yellow-bg a {
color:#42273b !important;
transition: all 0.5s ease !important; 
--tw-shadow: inset 0 -2px 0 0 #42273b;
--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow,0 0 #42273b),var(--tw-ring-shadow,0 0 #42273b),var(--tw-shadow);
}



.sand a:hover,.purple a:hover {
color:#eeff74 !important; 
--tw-shadow: inset 0 -2px 0 0 #eeff74 !important;
--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow,0 0 #eeff74),var(--tw-ring-shadow,0 0 #eeff74),var(--tw-shadow) !important;
}



.cyan-bg {
background:#6bb5b8 !important;
}

.cyan-bg-opacity {
background-color: rgba(107, 181, 184, 0.3) !important;
}

.dark-green-bg {
background:#395a5f !important;
}

.dark-green-bg-opacity {
background-color: rgba(57, 90, 95, 0.3) !important;
}

.purple-bg {
background:#42273b !important;
}

.purple-bg-opacity {
background-color: rgba(66, 39, 59, 0.3) !important;
}

.sand-bg {
background:#ddd1c7 !important;
}

.sand-bg-opacity {
background-color: rgba(221, 209, 199, 0.3) !important;
}

.white-bg {
background:#fff !important;
}




/*MEDIA QUERIES
--------------------------------------------- */




@media only screen and (max-width: 1800px) {


/* HERO 
--------------------------------------------- */

.hero-section {
max-width:100% !important;
}

/* WIDTH & BOXES

--------------------------------------------- */

.fl-page-content {
max-width:90%; 
}

.fl-row-full-width {
max-width:90%;
}

.fl-row-fixed-width {
max-width:90%;
}

.section {
max-width:90%;
}

.section-full {
max-width:100%;
}


/* CUSTOM-HEADER
--------------------------------------------- */

.custom-header-outer {
max-width:90% !important;
}

.header-contact-line-new {
max-width:90% !important;
}

/* CUSTOM-FOOTER
--------------------------------------------- */

.footer-outer {
max-width:90% !important;
}
}




@media only screen and (max-width: 1440px) {

/* GENEREL--------------------------------------------- */


html {
font-size: 18px;
}


/* PADDING
--------------------------------------------- */

.top-padding {
padding-top:100px !important;
}

.bottom-padding {
padding-bottom:100px !important;
}

.top-margin {
margin-top:100px !important;
}

.bottom-margin {
margin-bottom:100px !important;
}


.right-padding,.right-padding-image {
padding-right: 100px !important;
}

.left-padding {
padding-left: 100px !important;
}

.all-padding-box {
box-sizing: border-box !important;  
padding:100px 70px 100px 70px !important;
}

.all-padding-box-small {
box-sizing: border-box !important;  
padding:70px 40px 70px 40px !important;
}

/* SECTION
--------------------------------------------- */

.custom-2-box-grid {
column-gap: 80px !important;
}
}



@media only screen and (max-width: 1200px) {

/* NAV
--------------------------------------------- */

.custom-nav .menu a {
font-size: 17px !important;
padding-right: 15px !important;
padding-left: 15px !important;
}




@media only screen and (max-width: 1024px) {

/* GENEREL--------------------------------------------- */


html {
font-size: 16px;
}  


/* CUSTOM-HEADER

--------------------------------------------- */

.header-book-btn a {
margin-right: 80px !important;
}

.contact-bar-mobile {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}

.divider-mobile {
display: none;
}
  

/* HERO 
--------------------------------------------- */

.hero-section,.hero-section-page {
background-position: center top -50px !important;
background-size:900px 900px !important;
}

.hero-section {
padding: 50px 0px 50px 0px !important;
}

.hero-text-fp h1,.hero-text-page h1,.hero-text-page h2 {
font-size: 2rem;
}


/* H-TAGS
--------------------------------------------- */

.overline-heading {
font-size: 0.8rem; 
  }

.headline,.content-text h2,.text-section h2 {
font-size: 1.5rem; 
}



/* SECTION & BOXES
--------------------------------------------- */

.text-section,.post-section {
width: 90% !important;    
}

.custom-1-box-grid {
padding-right: 0px !important;   
}

.custom-2-box-grid,.custom-2-box-grid-no-gap {
column-gap: 50px !important;
}


/* PADDING
--------------------------------------------- */

.all-padding-box {
box-sizing: border-box !important;  
padding:50px 50px 50px 50px !important;
}


/* RM4
--------------------------------------------- */

.fl-menu {
display: none !important;
}

#rmp-menu-title-219 .rmp-menu-title-image {
max-width: 250px !important;
width: 250px !important;
margin-bottom: 15px;
display: block;
margin-left: 0 !important;
left: 0 !important;
margin-bottom: 15px;
}

#rmp-menu-title-219 {
padding-top: 50px !important;
padding-left:30px !important;
padding-bottom: 50px !important;
padding-right: 0% !important;
}

#rmp-menu-additional-content-219 {
padding-top: 30px !important;
padding-left: 5%;
padding-bottom: 10%;
padding-right: 30px !important;
}

#rmp_menu_trigger-219 {
top: 63px !important;
right: 70px !important;
width: 60px !important;
height:40px !important;
border-radius: 0px !important;
z-index:9999999999 !important;
background: transparent !important;
}

#rmp-container-219 {
width: 100%;
max-width: 100% !important;
min-width: 100% !important;
background:#f0f7f8 !important;
text-align: left;
padding-top:10% !important;
z-index:99999999 !important;
background-repeat: no-repeat !important;
background-position: left -130px bottom 150px !important;
background-size:700px 700px !important;
}

#rmp-menu-wrap-219 {
background:rgba(255, 255, 255, 0) !important;
}

#rmp-menu-wrap-219 .rmp-menu-item-link {
font-size: 1.5rem !important;
line-height: 2rem !important;
height:3rem !important;
font-weight:500 !important;
color: #000 !important;
letter-spacing:2px !important;
background: transparent !important;
margin-bottom:0px !important;
outline: 0 !important;
text-transform:uppercase !important;
transition: all 0.5s ease !important;
border-bottom: 0px solid #212121 !important;
text-decoration: none !important;
text-decoration-color:#dac994 !important;
opacity:1 !important;
padding-left:30px !important;
text-align: left !important;
}

#rmp-menu-wrap-219 .rmp-menu-item-link:hover {
color: #6bb5b8 !important;
}

#rmp-menu-wrap-219 .rmp-submenu .rmp-menu-item-link {
font-size: 35px !important; 
height:40px !important;
line-height: 145% !important;
margin-bottom: 25px !important;
font-weight:500 !important;
opacity: 1 !important;
}

#rmp-menu-wrap-219 .rmp-menu-subarrow {
position: absolute;
top: 0;
bottom: 0;
text-align: center;
overflow: hidden;
background-size: cover;
overflow: hidden;
right: 50px !important;
border-left-style: solid;
border-left-color: #1d4354;
border-left-width: 0px;
height: 100px !important;
width: 100px !important;
color: #fff !important;
background-color: transparent !important;
}

#rmp-menu-wrap-219 .rmp-menu-item-link .rmp-font-icon {
height: 50px !important;
line-height: 40px;
margin-right: 10px;
font-size: 60px !important;
}

#rmp_menu_trigger-219 .rmp-trigger-label {
color: #fff !important;
font-size: 15px !important;
font-weight: 600 !important;
margin-right: 10px !important;
}

#rmp_menu_trigger-219.is-active .rmp-trigger-label {
color: #fffee2 !important;
}

#rmp_menu_trigger-219:hover, #rmp_menu_trigger-219:focus, #rmp_menu_trigger-219.is-active:hover {
background:transparent !important;
}

#rmp_menu_trigger-219 .responsive-menu-pro-inner, #rmp_menu_trigger-219 .responsive-menu-pro-inner::before, #rmp_menu_trigger-219 .responsive-menu-pro-inner::after {
background:#000 !important;
border-radius: 0px !important;
}

#rmp_menu_trigger-219.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-219.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-219.is-active .responsive-menu-pro-inner::after {
background:#000 !important;
}

#rmp_menu_trigger-219.is-active {
background: transparent !important;
}

.rmp-search-box {
display:none !important;
}




/* ACCORDIAN
--------------------------------------------- */

.content-accordian-white .fl-accordion-button-label,.content-accordian-purple .fl-accordion-button-label {
font-size: 1.3rem !important;
}

.content-accordian-purple .dashicons, .content-accordian-purple .dashicons-before:before {
width: 30px !important;
height: 30px !important;
font-size: 25px !important;
margin-top: -5px !important;
}
}



@media only screen and (max-width: 1020px) {

.custom-3-process-box-grid {
display: flex !important;
flex-direction: column !important;
gap: 30px !important;
}

.topic-headline {
padding-bottom: 0px !important;  
min-height:0px !important; 
}
}



@media only screen and (max-width: 768px) {


/* HERO 
--------------------------------------------- */

.hero-section,.hero-section-page {
background-position: center top 700px !important;
background-position-x: calc(50% - 100px) !important;
background-size:600px 600px !important;
}


/* PADDING
--------------------------------------------- */

.top-padding {
padding-top:50px !important;
}

.bottom-padding {
padding-bottom:50px !important;
}

.top-margin {
margin-top:50px !important;
}

.bottom-margin {
margin-bottom:50px !important;
}

.right-padding {
padding-right: 5% !important;
}

.right-padding-image {
padding-right: 5% !important;
}

.left-padding {
padding-left: 5% !important;
}

.text-padding-section {
padding-left:5% !important;
padding-right:5% !important;
}

.content-margin-bottom-l {
margin-bottom: 30px !important;
}

.all-padding-box {
box-sizing: border-box !important;  
padding:50px 50px 50px 50px !important;
}

/* ELEMENTS
--------------------------------------------- */

.quote-icon-l img {
max-width: 100px !important;
}

/* WIDTH & BOXES

--------------------------------------------- */

.fl-page-content {
padding-top:30px !important;

}  


/* SECTION & BOXES
--------------------------------------------- */

.custom-1-box-grid {
display: flex !important;
flex-direction: column !important;
gap: 30px !important;
} 

.custom-2-box-grid,.custom-2-box-grid-no-gap {
display: flex !important;
flex-direction: column !important;
gap: 30px !important;
} 

.custom-2-btn-grid {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
} 

.custom-3-box-grid {
display: flex !important;
flex-direction: column !important;
gap: 30px !important;
}

.custom-4-box-grid {
display: flex !important;
flex-direction: column !important;
gap: 30px !important;
}

.col-reverse {
flex-direction: column-reverse !important;
}

.flex-col-1-2,.flex-col-1-3 {
flex: 0 0 100%;   /* 1 kolonne pr. række */
min-width: 0;
box-sizing: border-box;
}

.stack-image-top > *:nth-child(1) { 
order: 2 !important; 
}
  
.stack-image-top > *:nth-child(2) { 
order: 1 !important;
}
}




@media only screen and (max-width: 760px) {

/* GENEREL--------------------------------------------- */


html {
font-size: 18px;
} 

/* CONTACT-BAR
--------------------------------------------- */

.header-contact-line-new {
display: none !important;      
}

/* CUSTOM-LOGO
--------------------------------------------- */

.custom-logo .fl-photo-content img {
max-width: 130px;
}

/* CUSTOM-HEADER
--------------------------------------------- */

.custom-header-outer {
margin-top: 0px !important; 
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important; 
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}

.custom-header-inner {
 height: 50px !important;
}

.header-book-btn a {
font-size: 10px;
margin-right: 40px !important;
padding: 5px 10px 5px 10px !important;
}

/* HERO 
--------------------------------------------- */

.hero-section {
background-position: center top 500px !important;
}

.hero-section-page {
background-position: center top 400px !important;
}

.hhhhero-section-page {
background: none !important;
}

.hero-image-approve img {
max-width: 100px !important;
}

/* ELEMENTS
--------------------------------------------- */



.process-number-box {
font-size: 20px;  
min-width:100% !important;
}

.process-headline-box h2,.text h3 {
font-size: 20px;  
}

.process-headline-box {
min-width:100% !important;
}


/* PARAGRAPH
--------------------------------------------- */

.medium-text {
font-size: 1.3rem; 
line-height:1.8rem;    
}



/* H-TAGS
--------------------------------------------- */

.overline-heading {
padding-bottom: 15px !important;
}

.headline {
padding-bottom:15px !important;
}

.content-headline,.content-text h2,.text-section h2 {
font-size: 1.5rem; 
line-height:1.7rem;
padding-bottom:30px;
}


/* RM4
--------------------------------------------- */

#rmp_menu_trigger-219 {
top: 5px !important;
right: 30px !important;
width: 60px !important;
height:40px !important;
border-radius: 0px !important;
z-index:9999999999 !important;
background: transparent !important;
}




/* CUSTOM-HEADER HEADER-HIDE-SCROLL
--------------------------------------------- */

hhhheader {
height:55px !important;
}

.nnnnav-up {
top: -55px;
}


/* POST & GRID
--------------------------------------------- */

.fl-post-grid {
width:100% !important;
margin-left:0px !important;
margin-right:0px !important;
}

.fl-post-column {
padding-left: 0px !important;
padding-right: 0px !important;
}

body .fl-post-grid-meta {
margin: 5px 0px 15px 0px !important;
padding: 0px 5px 0px 5px !important;
}


 /* BUTTONS
--------------------------------------------- */

.dark-green-btn a,.dark-green-stroke-btn a,.cyan-btn a,.sand-btn a {
font-size: 14px !important;
padding: 8px 12px 8px 12px !important;
}
}  

@media only screen and (max-width: 500px) {

/* RM4
--------------------------------------------- */

#rmp_menu_trigger-219 {
right: 20px !important;
}  
}


@media only screen and (max-height:500px) {


/* HERO-CONTAINER
--------------------------------------------- */

.hero-container-fp .fl-row-content-wrap,.hero-container-page .fl-row-content-wrap {
display: flex;
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: scroll;
background-size: cover;
min-height:150vh !important;
}

.hero-header-fp, .hero-header-page {
max-width: 450px !important;
}

.hero-container-textbox-fp h1 {
font-size:40px; 
}
}