.elementor-38839 .elementor-element.elementor-element-f07db9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38839 .elementor-element.elementor-element-0d48368 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-38839 .elementor-element.elementor-element-b53e0bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38839 .elementor-element.elementor-element-601d029{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-38839 .elementor-element.elementor-element-8d1728a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-menu-toggle{margin-left:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1020px){.elementor-38839 .elementor-element.elementor-element-3c4ff83{text-align:start;}.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;}}@media(max-width:480px){.elementor-38839 .elementor-element.elementor-element-b53e0bb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38839 .elementor-element.elementor-element-601d029{--width:50%;}.elementor-38839 .elementor-element.elementor-element-8d1728a{--width:50%;}}@media(min-width:481px){.elementor-38839 .elementor-element.elementor-element-601d029{--width:50%;}.elementor-38839 .elementor-element.elementor-element-8d1728a{--width:50%;}}/* Start custom CSS for nav-menu, class: .elementor-element-8d56314 */.elementor-menu-toggle .e-font-icon-svg {
    fill: #fff;
}

/* 1. Den mørke baggrund på selve dropdown menuen */
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown {
    background-color: #1a1b1d !important; /* Den mørke baggrundsfarve fra dit billede */
    padding: 30px 40px !important; /* Giver luft ude i venstre side */
    border: none !important;
    box-shadow: none !important;
}

/* 2. Styling af selve tekst-linksene */
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown a {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 14px 0 !important;
    border-bottom: none !important; /* Fjerner Elementors grimme standard-streger */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 3. Den grønne farve ved Hover og Aktivt menupunkt (Kaffe m.m.) */
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown a:hover,
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown a.elementor-item-active {
    color: #7b8c38 !important; /* Den specifikke grønne fra dit billede */
}

/* 4. Dropdown-pilene: Gør dem diagonale (↘) */
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown .sub-arrow {
    transform: rotate(-45deg); /* Drejer pilen, så den peger skråt ned */
    font-size: 14px;
    transition: transform 0.3s ease;
}

/* Gør pilen grøn, når punktet er aktivt */
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown a:hover .sub-arrow,
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown a.elementor-item-active .sub-arrow {
    color: #7b8c38 !important;
}

/* Når undermenuen åbnes, drejes pilen til at pege lige ned */
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown .elementor-item-active .sub-arrow {
    transform: rotate(0deg); 
}

/* 5. DEN GULE KNAP (Tag vores kaffetest) */
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown .mobil-gul-knap > a {
    background-color: #648134 !important; /* Din gule brand-farve */
    color: #fff !important; /* Mørk tekst indeni knappen */
    padding: 15px 30px !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    border-radius: 5px;
    display: inline-block !important; /* Gør at den kun fylder tekstens bredde, ikke hele skærmen */
    width: auto !important;
}

/* Fjerner hover-effekt på den gule knap, så den forbliver gul */
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown .mobil-gul-knap > a:hover {
    background-color: #fff !important; /* Din gule brand-farve */
    color: #648134 !important; /* Mørk tekst indeni knappen */
}

/* 6. "Kontakt os" linket i bunden (lidt mindre font) */
.elementor-38839 .elementor-element.elementor-element-8d56314 .elementor-nav-menu--dropdown .mobil-kontakt-link > a {
    font-size: 14px !important;
    margin-top: 10px !important;
}/* End custom CSS */