/*
Theme Name: zootheme
Theme URI: https://alphaweb,dk/zootheme
Author: Michael Nielsen
Author URI: https://alphaweb.dk
Description: Zootheme a WordPress boilerplate starter theme. I'Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2025.3.4
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: zootheme

Zootheme WordPress Theme 2011-2025
zootheme is distributed under the terms of the GNU GPL
*/

/* General reset and typography */

:root {
    --wp--preset--color--black: #353723 !important;
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-webkit-calendar-picker-indicator,input::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

img:not([alt]) {
    filter: blur(10px)
}

table {
    border-collapse: collapse
}

/* Responsive fixes */
body, .sitebackground {
    overflow-x: hidden;
    width: 100%;
}
/* Fix cover block alignment */
.wp-block-cover__inner-container {
    max-width: 800px;
    margin: 0 auto;
}
body .wp-block-group.is-layout-constrained {
    display: block;
    text-align: center;
}

@media (prefers-reduced-motion:reduce) {
    * {
        animation-duration: .01s!important;
        animation-iteration-count: 1!important;
        transition-duration: .01s!important;
        scroll-behavior: auto!important
    }
}

@font-face {
    font-family: AmsiPro;
    font-weight: 400;
    src: url(/wp-content/uploads/fonts/amsipro-regular-aalborgzoo.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: AmsiPro;
    font-weight: 500;
    src: url(/wp-content/uploads/fonts/amsipro-semibold-aalborgzoo.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: AmsiPro;
    font-weight: 700;
    src: url(/wp-content/uploads/fonts/amsipro-black-aalborgzoo.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: AmsiPro;
    font-weight: 900;
    src: url(/wp-content/uploads/fonts/amsipro-ultra-aalborgzoo.woff2) format("woff2");
    font-display: swap
}
@font-face {
    font-family: AmsiProCond;
    font-weight: 700;
    src: url(/wp-content/uploads/fonts/amsiprocond-black-aalborgzoo.woff2) format("woff2");
    font-display: swap
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
    scroll-behavior: smooth;
}
body {
    line-height: 1;
    font-family: 'AmsiPro', sans-serif;
    font-size: 1rem;
    font-weight:400;
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    overflow-x: hidden;
    background-color: #617352;
    color: #fff;
}
#content{
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
body #content h1 {
    font-family: AmsiPro, sans-serif;
    font-weight: 900;
    line-height: 1.2;
    margin: 0;
font-size: clamp(2rem, 3vw, 3rem) !important;
}
body #content h2 {
    font-family: AmsiPro, sans-serif;
    display: block;
    font-size: clamp(1.70rem, 2.3vw, 1.7rem) !important
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
body #content h3 {
    display: block;
    font-size: clamp(1.125rem,2vw,1.5rem) !important;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
/* Forms */
.wpforms-field-container input {height:60px !important;border-radius:4px !important;}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 10px 0 !important;
}
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li {height:12px !important;}
.wpforms-field-container .wpforms-field-sublabel.after {display:none !important;}
.wpforms-field-container .wpforms-field-label, .wpforms-field-label-inline {color:#fff !important;}
body .wpforms-field-container .wpforms-field-checkbox input {height:auto !important;}
 .wpforms-submit-container button.wpforms-submit { border-color: #fff !important; color: #fff !important; background:transparent !important;border-radius:4px !important;}
body .wpforms-submit-container button.wpforms-submit:hover { background:#fff !important;color:#000 !important;}

.wp-block-cover {
    min-height: inherit; /* Gør det muligt at sætte en højde fra editoren */
    height: auto; /* Sørger for, at billedets højde justeres dynamisk */
    max-height: none; /* Fjern eventuelle begrænsninger */
}

.alignwide {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.alignfull {
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
    max-width: 100vw;
}
.fullwidth {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}


.equal-height-columns {
    display: flex;
}

.equal-height-columns .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Ensure space is distributed between content */
    flex: 1;
}

.equal-height-columns .wp-block-column .cta {
    margin-top: auto; /* Push the CTA to the bottom */
}

/* Optional: Add a minimum height to the columns if they need to be visually balanced */
.equal-height-columns .wp-block-column {
    min-height: 300px; /* Adjust this height as needed */
}

.extrawide {
    width: calc(160%); /* Makes the element 60% wider */
    position: relative;
    left: calc(-30%);
}

/* Mobile fixes */
@media (max-width: 768px) {
    .container-3 {
        padding: 0px;
    }

    .stortbillede {
        min-height: 400px;
        height: auto;
    }

    .wp-block-cover__inner-container {
        padding: 0 20px;
        width: 100%;
    }
}
/* custom højde på forside cover */
.stortbillede {
    min-height: 600px;
    height: 600px;
    max-height: 600px;
}

strong {
    font-weight: bold !important;
}

/* custom margins */
.bottommargin0 {margin-bottom:0px !important;}
.bottommargin15 {margin-bottom:15px !important;}
.bottommargin25 {margin-bottom:25px !important;}
.bottommargin50 {margin-bottom:50px !important;}
.bottommargin100 {margin-bottom:100px !important;}
.topmargin-25{margin-top:-25px !important;}
.topmargin-50{margin-top:-50px !important;}
.topmargin-53{margin-top:-53px !important;}
.topmargin0{margin-top:0px !important;}
.topmargin15 {margin-top:15px !important;}
.topmargin25 {margin-top:25px !important;}
.topmargin50 {margin-top:50px !important;}
.topmargin100 {margin-top:100px !important;}
.leftmargin15 {margin-left:15px !important;}
.leftmargin25 {margin-left:25px !important;}
.leftmargin50 {margin-left:50px !important;}
.leftmargin100 {margin-left:100px !important;}
.rightmargin15 {margin-right:15px !important;}
.rightmargin25 {margin-right:25px !important;}
.rightmargin50 {margin-right:50px !important;}
.rightmargin100 {margin-right:100px !important;}
.roundtop {border-top-left-radius:4px; border-top-right-radius:4px;}

.has-large-font-size {
  font-size:clamp(1rem,2.5vw,1.75rem) !important;
}

a {
    text-decoration-skip-ink: auto;
    color:currentColor;
}
a:hover {
    text-decoration: none;
}
a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.btn-white {
    background-color: #fff;
    border-radius:4px;
    border-color: #fff;
    color: #353723;
}
.btn-white:focus, .btn-white:hover {
    border-color: #f0f0f0;
    background-color: #f0f0f0;
}
.wp-element-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: currentColor;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    position: relative;
    transition: all .3s ease;
    overflow: hidden;
    cursor: pointer;
    height: 2.75em;
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px;
    outline: none;
}
button {
    outline: 0;
}
ul {
    margin: 0;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
q {
    display: inline;
    font-style: italic;
}
q:before {
    content: '"';
    font-style: normal;
}
q:after {
    content: '"';
    font-style: normal;
}
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    padding: 2px;
}
big {
    font-size: 120%;
}
small, sup, sub {
    font-size: 80%;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
dd {
    margin-left: 20px;
}
kbd, tt {
    font-family: courier;
    font-size: 12px;
}
ins {
    text-decoration: underline;
}
del, strike, s {
    text-decoration: line-through;
}
dt {
    font-weight: bold;
}
address, cite, var {
    font-style: italic;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

/* Screen Reader Text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}
.screen-reader-text:focus {
    background-color: #f7f7f7;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #007acc;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

/* Main Styles */
.sitebackground {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--wpr-bg-42916e8b-d3e6-4b67-9500-15f820ce6df1) 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
header {margin-left:auto;margin-right:auto;width:100%;height:auto;min-height:50px;}
.content {max-width:1152px;}
/* Header Styles */
/* Header Styles */
.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 2rem;
    background-color: transparent;
    max-width:1600px;
   justify-content: space-between;
   box-sizing: border-box;
   margin-left:auto;
   margin-right:auto;
}

.logo {
    width: auto;
    flex-shrink: 0;
}
.logo img {
    height: 44px;
    filter: brightness(0) invert(1); /* Makes the logo white */
    transition: filter 0.3s ease;
    width: auto;
}
body .logo img:hover{
 filter: brightness(0.9) invert(0.9);
}

/* Menu Styles */

/* undermenu */
/* Desktop dropdown menu styling */
/* Dropdown menu - afprøvet løsning */
.menu ul {
    margin: 0;
    padding: 0;
}

.menu ul li {
    position: relative;
}

/* Første niveau submenu */
.menu ul li .sub-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #617352;
    min-width: 250px;
    z-index: 99999999;
    padding: 5px 0;
    margin-top: 0;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    transform: translateY(10px);
}

/* Vis submenu ved hover */
.menu ul li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Undermenu punkter */
.menu ul .sub-menu li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.menu ul .sub-menu a {
    display: block;
    width: 100%;
    padding: 8px 15px;
    font-size: 0.9rem;
    color: #fff;
    line-height: 1.3;
    box-sizing: border-box;
}

.menu ul .sub-menu a:hover {
    background-color: rgba(255,255,255,0.1);
}

/* Pilindikator for dropdown */
.menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    position: relative;
    top: -2px;
}


/* mobil */
/* Mobile menu dropdown styling */
.mobile-menu .sub-menu {
    display: none;
    margin: 0 !important; /* Fjerner alle margins */
    padding-left: 15px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mobile-menu .menu-item-has-children.active > .sub-menu {
    display: block; /* Vis kun når parent er aktiv */
}

/* Minimer padding for hvert element */
.mobile-menu .sub-menu li {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.mobile-menu .sub-menu a {
    font-size: 0.9rem; /* 2px mindre skrift */
    padding: 3px 0 !important;
    display: block;
    line-height: 1.3 !important;
}

/* Mobile dropdown arrow */
.mobile-menu .menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}

/* Rotate arrow when submenu is open */
.mobile-menu .menu-item-has-children.active > a::after {
    transform: rotate(-135deg);
}

/* hoved menu */

.menu ul {
    display: flex;
    gap: calc(10px + 1.6vw);
    align-items: center;
    white-space: nowrap;
    padding-inline-start: 0px !important;
    min-width: max-content;
}

.menu li {
min-width: max-content;
    list-style: none;
    color: #fff;
    font-weight: 700;
    font-family: 'AmsiProCond', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 1px;
    line-height: 24px;
}

.menu li:hover {
    color: hsla(0, 0%, 100%, 0.75);
}

.menu a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.1rem;
    position: relative;
}

.menu a svg {
    margin-left: 8px;
    width: 1.5em;
    height: 1.5em;
    fill: #fff;
}

/* Search, Language, and Burger Icon Section */
.search-and-lang {
    display: flex;
    align-items: center;
    gap: 20px; /* Adds space between EN, search, and burger icons */
    color:#fff;
    margin-left:20px;
}
.search-and-lang a{
    color:#fff;
}

.search-and-lang a:hover {
    color: hsla(0, 0%, 100%, 0.75);
}


/* Top search icon styling */
.search-btn img {
    width: 16px; /* Korrekt størrelse */
    height: 16px;
    background-color: transparent; /* Sikrer at baggrunden er transparent */
    filter: brightness(0) invert(1); /* Gør ikonet hvidt */
    transition: filter 0.3s ease;
}

/* Top search icon styling - Transparent background */
.search-btn img {
    width: 20px; /* Korrekt størrelse */
    height: 20px;
    background-color: transparent; /* Sikrer transparent baggrund */
    filter: none; /* Ingen filter for at sikre, at det er transperant */
    transition: none; /* Fjern eventuelle unødvendige effekter */
}

.search-btn {
    background-color: transparent; /* Selve knappen har også transparent baggrund */
    border: none; /* Ingen kant */
}

.search-btn:hover img {
    filter: none; /* Ingen hover-effekt */
}
/* Search bar button styling - Fjern bevel/skygge */
/* Knap 2 - Søgeknappen ved søgebaren - uden kant og skygger */
.form-search .btn-search {
    background-color: #353723;
    border: none; /* Ingen kant */
    color: #fff;
    padding: 8px 16px;
    margin-left: 16px; /* Margin til venstre */
    border-radius: 0; /* Ingen runde hjørner */
    box-shadow: none; /* Fjern enhver skygge */
    transition: background-color 0.3s ease, color 0.3s ease; /* Tilføj en blød hover-effekt */

}

/* Søgeikonet i søgeknappen */
.form-search .btn-search img {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1); /* Holder ikonet hvidt */
}

/* Hover-effekt på søgeknappen */
.form-search .btn-search:hover {
    background-color: #232417; /* Skift baggrundsfarve ved hover */
    color: #fff; /* Holder teksten hvid */
}

/* Ikon ændrer ikke farve ved hover */
.form-search .btn-search:hover img {
    filter: brightness(0) invert(1); /* Holder ikonet hvidt ved hover */
}
.form-search input {border-radius:5px;}

/* Burger Menu Icon */
.burger-icon {
    display: none; /* Skjult som standard */
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px; /* Justerer afstanden til søgeikonet */
    margin-top: 0; /* Justerer ikonets højde */
}

/* Media query til skærme under 1280px */
@media (max-width: 1280px) {
    .burger-icon {
        display: block; /* Viser burger-ikonet på små skærme */
    }

    .menu {
        display: none; /* Skjuler den normale menu på små skærme */
    }
}

/* Skjuler burger-ikonet på større skærme */
@media (min-width: 1281px) {
    .burger-icon {
        display: none;
    }
}

/* Burger-ikonets farve */
.burger-icon img {
    width: 30px;
    height: 30px;
    filter: brightness(0) invert(1); /* Gør burger-ikonet hvidt */
}



/* Search bar */
header #search-form {
   display: none;
   padding-top: 10px;
   max-width:700px;
   margin-left:auto;
   margin-right:auto;   
}

.form-search {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.form-control {
    width: 80%;
    height: 40px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/** BURRGER MENU **/
/* Burger Menu Styles */
#burger-menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 320px; /* Width of the slide-in menu */
    background-color: #617352; /* Background color */
    transform: translateX(-100%); /* Initially hidden */
    transition: transform 0.3s ease; /* Slide effect */
    z-index: 9999999; /* Ensure it's on top */
}

#burger-menu.active {
    transform: translateX(0); /* Show menu */
}

/* Close icon styling */
.burger-close-icon {
    color: hsla(0, 0%, 100%, .75); /* Default color */
    position: absolute; /* Position in the menu */
    top: 30px; /* Distance from top */
    right: 16px; /* Distance from right */
 fill: hsla(0, 0%, 100%, 0.75); /* Standard farve */
    transition: fill 0.3s ease; /* Glidende overgang ved hover */

}
.burger-close-icon:hover {
    color: #fff; /* Color on hover */
    fill: #fff; /* Hvid farve ved hover */
}



/* Menu Items Styles */
#burger-menu ul {
    padding-top: 55px; /* Space before menu items */
    list-style: none; /* Remove list style */
}

#burger-menu li {
    padding: 12px 16px; /* Padding for menu items */
}

/* Menu Item Links */
#burger-menu a {
    color: #fff; /* Default color for menu items */
    text-decoration: none; /* Remove underline */
    font-size:1.2rem;
    font-weight:700;
}

/* Menu Item Hover Effect */
#burger-menu a:hover {
    color: hsla(0, 0%, 100%, .75); /* Light color on hover */
}




/* Top Buttons Styles (under header) */
/* Top Buttons Styles */
.buttons {
    margin-top: 0;
    text-align: center;
    border-top: 4px solid #a0a56e;
    width: 100%;
    z-index:999999;
}

/* Container for Buttons */
.container-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0.5rem; /* Minimal padding */
    gap: 1px; /* Narrow gap between buttons */
}

/* Button Styles */
.buttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center; /* Centers content inside buttons */
    font-weight: 700;
    padding: 0.23rem 2.0rem;
    font-size: 1rem; /* Font size */
    line-height: 24px;
    color: #353723;
    background-color: #a0a56e;
    border-color: #a0a56e;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    height: 3.40em;
    flex: 1 1 auto;
    gap: 0.3rem; /* Reduces space between icon and text */
}

/* Icon Styles */
.buttons .btn svg {
    width: 1.4em;
    height: 1.4em;
    margin-left:4px;
    fill: #353723 !important; /* Ensure icons are filled */
    stroke: #353723;
    stroke-width: 2px; /* Keeps stroke visible */
}

/* Hover Styles */
.buttons .btn:hover {
    background-color: #92975e;
    color: #fff;
}

.buttons .btn:hover svg {
    fill: #fff !important; /* Icon color changes to white on hover */
    stroke: #fff !important;
}

/* Responsive Adjustments for Buttons */
@media (min-width: 48rem) {
    .container-3 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.container-3 {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}



/** Button Buttons **/
/* Responsive Style for Buttons - Only active under 1024px */
@media (max-width: 1024px) {
    /* Bottom Buttons Styles */
    .buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        display: flex;
        justify-content: space-between;
        gap: 1px; /* 1px mellemrum mellem knapper */
        background-color: transparent; /* Transparent baggrund */
    }
body {margin-bottom:50px;}
    /* Container for Bottom Buttons */
    .container-3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 1152px;
        margin: 0 auto;
        background-color: transparent; /* Ingen baggrundsfarve */
        padding: 0; /* Ingen padding */
    }

    /* Bottom Button Styles */
    .buttons .btn {
        width: 20%; /* Knapper fylder 20% af bredden */
        display: flex;
        flex-direction: column; /* Ikonerne placeres over teksten */
        align-items: center;
        justify-content: center;
        font-weight: 700;
        padding: 1rem;
        font-size: 11px;
        color: #353723;
        background-color: #a0a56e; /* Baggrundsfarve for knapper */
        border-color: #a0a56e;
        text-decoration: none;
        height: auto;
        gap: 0.3rem; /* Afstand mellem ikon og tekst */
        border-radius: 0; /* Ingen runde hjørner */
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    /* Icon Styles for Bottom Buttons */
    .buttons .btn svg {
        fill: #353723 !important; /* Ikonfarve */
        margin-bottom: 0.3rem; /* Sikrer, at ikon er over teksten */
        width: 1.5em;
        height: 1.5em;
        order: -1; /* Sætter ikon over teksten */
    }

    /* Hover Styles for Bottom Buttons */
    .buttons .btn:hover {
        background-color: #92975e; /* Baggrundsfarve ved hover */
        color: #fff; /* Tekstfarve ved hover */
    }

    .buttons .btn:hover svg {
        fill: #fff !important; /* Ikonfarve ændres til hvid ved hover */
    }
}

/* footer styles */

.text-secondary img{
    color: #a0a56e !important;
 fill: #a0a56e;
    color: #a0a56e;
/* filter: invert(43%) sepia(37%) saturate(356%) hue-rotate(29deg) brightness(98%) contrast(95%); */
 filter: invert(43%) sepia(37%) saturate(356%) hue-rotate(31deg) brightness(109%) contrast(89%);



}
.footer-wrapper {background:#353723;background-color:#353723;padding:0;margin:0;}
/* Generelle footer-stylinger */
.site-footer {
    background-color: #353723; /* Baggrundsfarve */
    color: #fff; /* Tekstfarve */
    padding-left: 2rem; /* Fast left padding */
    padding-right: 2rem; /* Fast right padding */
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 1280px; /* Max bredde for hele footeren */
    width: 100%; /* Sørger for, at footeren bruger hele bredden indenfor max-width */
    box-sizing: border-box; /* Inkluderer padding i beregning af bredde */
    margin: 0 auto; /* Centrerer footeren */
}

/* Container til footer widgets */
.footer-widgets-container {
    max-width: 1280px; /* Maks bredde */
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    box-sizing: border-box;
}

/* Footer kolonner (desktop og tablet) */
.footer-widgets {
    display: flex;
    justify-content: space-between; /* Holder kolonnerne side om side */
    gap: 2rem; /* Afstand mellem kolonnerne */
    flex-wrap: nowrap; /* Forhindrer kolonnerne i at bryde linjen før mobilvisning */
}

.footer-widget-column {
    flex: 1 1 23%; /* Sørger for, at fire kolonner altid er lige store */
    box-sizing: border-box;
}

/* Footer top-bar */
.footer-widget-full-top {
    width: 100%;
    display: flex;
    justify-content: flex-start; /* Venstrestil indholdet i top-baren */
    align-items: center;
    padding: 20px 0; /* Ensartet padding, uanset skærmstørrelse */
    gap: 2rem; /* Afstand mellem elementerne */
}

/* Footer bund-bar */
.footer-widget-full-bottom {
    display: flex;
    justify-content: space-between; /* Venstre og højre justering af widgets */
    align-items: center;
    padding: 20px 0; /* Ensartet padding til bundbaren */
    background-color: #353723;
    gap: 1rem;
   flex-wrap: nowrap;
}

.footer-bottom-left {
flex: 1 1 auto;
    text-align: left;
 min-width: 0;
}

.footer-bottom-right {
    flex: 0 1 auto;
display:flex;
flex-grow: 1;
    text-align: right;
}

.footer-bottom-right {
    display: flex; /* Flex container for at placere widgets side om side */
    justify-content: flex-end; /* Højrejusterer elementerne */
    align-items: center; /* Vertikal centrering */
    gap: 0.5rem; /* Tilføjer mellemrum mellem widgets */
}

.footer-bottom-right .widget-full {
    display: flex;
    align-items: center; /* Sikrer, at indholdet i hver widget er vertikalt centreret */
}

/* Responsivt layout (mobilvisning under 48rem) */
@media (max-width: 48rem) {
    .footer-widgets {
        flex-direction: column; /* Skifter til lodret layout */
align-items: flex-start !important;
    }
    .footer-widget-full-top{
       text-align: left !important; /* Venstrejustering i mobilvisning */
        margin-top: 10px;
        width:100%;
        padding-left:1rem;
        padding-right:1rem;
    }
    .footer-widget-column {
        flex: 1 1 100%; /* 1 kolonne layout */
        padding-left: 1rem; /* Justeret padding for små skærme */
        padding-right: 1rem;
        margin-bottom: 20px;
    }

    .footer-widget-full-top,
    .footer-widget-full-bottom {
        flex-direction: column; /* Top- og bundbaren bliver lodrette */
        justify-content: flex-start;
    }

    .footer-bottom-right {
        text-align: left !important; /* Venstrejustering i mobilvisning */
        margin-top: 10px;
        width:100%;
        padding-left:1rem;
        padding-right:1rem;
    }
   .footer-bottom-left {
        text-align: left !important; /* Venstrejustering i mobilvisning */
        margin-top: 10px;
        width:100%;
        padding-left:1rem;
        padding-right:1rem;
    }

}

/* social icons */
.socialicon{
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    font-family: AmsiPro,sans-serif;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    border-radius: 50%;
    z-index: 10;
    width: 48px;
    height: 48px;
    font-size: 1rem;
    margin: .25rem;
    color: #353723;
    background-color: #a0a56e;
}
.sociallinks{
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    font-family: AmsiPro,sans-serif;
    color: #fff;
    font-size: .875rem;
    box-sizing: border-box;
    padding-left: .5rem;
}
.b-icon.bi {
    display: inline-block;
    overflow: visible;
    vertical-align: -.15em;
}

.b-icon.bi:hover {
    filter: brightness(0) invert(0.8);
}
@media (max-width: 596px) {
    .footer-widget-full-bottom {
        flex-direction: column; /* Stabler venstre og højre elementer vertikalt */
        align-items: flex-start; /* Venstrejusterer dem */
    }

    .footer-bottom-right {
        flex-direction: column; /* Stabler de to widget-full elementer */
        align-items: flex-start; /* Venstrejusterer dem */
        width: 100%; /* Sørger for, at de fylder hele bredden */
    }

    .widget-full {
        width: 100%; /* Gør hver widget-full bredde 100%, så de står på hver sin linje */
        margin-bottom: 0.5rem; /* Tilføjer mellemrum mellem dem */
    }

    .sociallinks {
        text-align: left; /* Venstrejusterer sociallinks */
    }
}

/* responsive fiks på colonner med 4 knapper */
/* Over 900px */
@media (min-width: 901px) {
    .wp-container-core-group-is-layout-1 {
        display: flex !important; /* Skift til flex i stedet for grid */
        justify-content: space-between; /* Fordel afstanden ligeligt */
        gap: 0; /* Fjern gap da vi bruger space-between */
    }

    /* Reset eventuelle margin/padding der kan påvirke afstanden */
    .wp-block-buttons.is-layout-flex {
        margin: 0;
        padding: 0;
    }
}

/* Under 900px - behold din eksisterende kode */
@media (max-width: 900px) {
    .wp-container-core-group-is-layout-1 {
        grid-template-columns: 1fr !important;
        gap: 1rem;
    }

    .wp-block-buttons.is-layout-flex {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .wp-block-button {
        margin: 0;
    }
}

body #content .entry-content .zoogroup {display:none;}
.zoogroup {display:none;}
.search-form .search-field {height:30px;}
.search-form .search-submit {height:30px !important;
    background-color: #fff;
    border-radius:4px;
    border-color: #fff;
    color: #353723;
}

.posts-navigation {margin-bottom:20px;}

/* language bar */
.search-and-lang .language-dropdown {
display: flex;
    align-items: center;
    gap: 2px;        
position: relative;
}
        
        .search-and-lang .dropdown-trigger {
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 5px 0px;
            border: none;
            background: transparent;
            cursor: pointer;
        }
        
        .search-and-lang .dropdown-arrow {
            margin-left: 5px;
            transition: transform 0.3s ease;
        }
        
        .search-and-lang .language-dropdown:hover .dropdown-arrow {
            transform: rotate(180deg);
        }
        
        .search-and-lang .dropdown-content {
            display: none;
            position: absolute;
            top: 100%;
            right: 0;
            background: white;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            border-radius: 4px;
            padding: 5px 0;
            z-index: 9999999;
        }
        
        .search-and-lang .language-dropdown:hover .dropdown-content {
            display: block;
        }
        
        .search-and-lang .lang-item {
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 8px 15px;
            text-decoration: none;
            color: #212121;
            white-space: nowrap;
        }
        
        .search-and-lang .lang-item:hover {
            background: #D5D5D5;
        }
        
        .search-and-lang .lang-item img {
            border: 1px solid #ddd;
        }

/* kolonne fiks */
/* WordPress standard CSS */
body .is-layout-flex {
    display: flex;
}

.wp-container-core-columns-is-layout-2 {
    flex-wrap: nowrap;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

@media (min-width: 782px) {
    .wp-block-columns {
        flex-wrap: nowrap !important;
    }
}

.wp-block-columns {
    align-items: normal !important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap !important;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.wp-block-columns) {
    margin-bottom: 1.75em;
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Mere specifik styling for zoo-box containere */
.wp-block-columns.is-layout-flex:has(.zoo-box) {
    display: flex !important;
    flex-wrap: wrap !important;
/*    justify-content: center !important; */
    gap: 0 !important;
}

.wp-block-column.is-layout-flow:has(.zoo-box) {
    flex: 0 1 auto !important;
    min-width: fit-content !important;
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
}

/* center zoobox på mobil */
@media (max-width: 768px) {
 body .zoo-box {margin-left:-9px !important;}
 body .zoo-box p {max-width:92% !important;text-align:center;}
}

#datepicker-container {z-index:99999}