@import url('https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&display=swap');



/* Base */
body {  font-family: "Cascadia Code", sans-serif;color:#222;background:#f8f9fa;scroll-behavior:smooth;font-weight: 300;}

/* Skub hele body ned når toolbar er synlig */
body.toolbar-fixed .navbar.fixed-top {
  top: 80px; /* eller 39px afhængig af toolbar-højde */
}

/* Hvis du også har et hero-banner lige under navbar */
body.toolbar-fixed .hero {
  margin-top: 80px;
}
h1,h2{text-transform:uppercase;letter-spacing:.05em;}

/* Colors */
.bg-bluegray{background-color:#39595F!important;color:#fff;}
.bg-green{background-color:#60754A!important;color:#fff;}
.bg-olive{background-color:#B7AF53!important;color:#000;}
.bg-lightblue{background-color:#6D9A9F!important;color:#fff;}






/* Navbar */
.navbar{transition:background-color .3s ease,box-shadow .3s ease;}
.navbar-brand span{text-transform:uppercase;letter-spacing:.05em;}
.nav-link{text-transform:uppercase;font-size:.95rem;letter-spacing:.05em;}
#mainNav.scrolled{background-color:#6D9A9F!important;box-shadow:0 2px 8px rgba(0,0,0,.25);}
#mainNav.scrolled .nav-link,#mainNav.scrolled .navbar-brand span{color:#fff!important;}

/* Hero */
.hero{height:60vh;background-size:cover;background-position:center center;position:relative;}
.hero-small{height:25vh;background-size:cover;background-position:center center;position:relative;}
.hero .overlay{position:absolute;inset:0;background:rgba(70,98,106,.65);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;}

/* Icons */
.icon-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.icon-circle img{width:120px;height:auto;}
.bg-fjernvarme{background-color:#60754A;}
.bg-el{background-color:#6D9A9F;}
.bg-vind{background-color:#39595F;}
.bg-sol{background-color:#B7AF53;}



.icon-circle img.small{width:80px;height:auto;}

/* Footer */
footer{background-color:#f8f9fa;font-size:1rem;}
footer .footer-logo{height:120px;}


/* Fjerner standardliste-styling og laver vandret menu */
#block-elkaer-primaernavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 2rem; /* afstand mellem links */
  align-items: center;
}

/* Gør links til store bogstaver og uden understregning */
#block-elkaer-primaernavigation a {
  text-transform: uppercase;
  text-decoration: none;
  color: #000; /* kan ændres efter tema */
  font-weight: 600;
  transition: color 0.2s ease;
}

/* Aktivt link og hover-effekt */
#block-elkaer-primaernavigation a:hover,
#block-elkaer-primaernavigation a.is-active {
  color: #C7BB51; /* eller din primærfarve */
  text-decoration: underline;
}

/* Justér evt. padding så det passer med navbarens højde */
#block-elkaer-primaernavigation li {
  margin: 0;
  padding: 0;
}


.genveje {
  font-weight: 400;
}
.genveje a {
  color: #000;
  text-decoration: none;
}

.genveje a:hover {
  text-decoration: underline;
}


.nyhedsbrev .btn-primary {
  background-color: #C7BB51;
  border-color: #C7BB51;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.nyhedsbrev .btn-primary:hover {
  background-color: #A89940;
  border-color: #A89940;
  color: #000;
}

.nyhedsbrev a {
  color: #fff;
  text-decoration: none;
}
.nyhedsbrev a:hover {
  color: #fff;
  text-decoration: underline;
}


#block-elkaer-faner {
  margin-bottom: 20px;
}

#block-elkaer-faner ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0;
  border-bottom: 2px solid #e3e3e3;
}

#block-elkaer-faner li {
  margin: 0;
}

#block-elkaer-faner a {
  display: inline-block;
  padding: 10px 18px;
  text-decoration: none;
  font-weight: 600;
  color: #444;
  border: 1px solid #e3e3e3;
  border-bottom: none;
  background: #f8f8f8;
  border-radius: 8px 8px 0 0;
  transition: background 0.2s, color 0.2s;
}

/* Hover */
#block-elkaer-faner a:hover {
  background: #fff;
  color: #000;
}

/* Aktiv fane */
#block-elkaer-faner a.is-active,
#block-elkaer-faner a[aria-current="page"] {
  background: #fff;
  color: #000;
  border-bottom: 2px solid #fff; /* glider ned i bundkanten */
  position: relative;
  top: 2px; /* giver optisk løft */
}


#main-content {
  background-color: #FFF;
}

footer h2 {
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 20px;
}