/* ==========  Kerteminde-Dalby Valgmenighed  ========== */
/* ==========  https://www.kdvalgmenighed.dk/  ========== */
/* ==========  AutoWeb64 (Delphi Build 14.07.2025 v25.084) copyright by cwang.dk  ========== */
/* ==========  Filename: kdvalgmh-styles.css (created: 18-07-2025 13:21:40)  ========== */

body {
  margin: 0px;
}

/* ==========  DEFAULT text selection colors:  ========== */
::selection { background-color: #558cc3; color: white; }
/* ==========  FIREFOX text selection colors:  ========== */
::-moz-selection { background-color: #558cc3; color: white; }

img {
max-width: 100%;
height: auto;
width: auto\9;
filter: grayscale(0%);
}

* {box-sizing: border-box; }

a:link {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.00rem, 1.50vw, 2.00rem) /* AutoFontScale = 1.00 */;
  color: #9e2e6a;
  background-color: FANDT IKKE KEY #####;
  text-align: left;
  text-decoration: none;
  margin: 0px;
  font-weight: 600;
}

a:visited {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.00rem, 1.50vw, 2.00rem) /* AutoFontScale = 1.00 */;
  color: #9e2e6a;
  background-color: FANDT IKKE KEY #####;
  text-align: left;
  text-decoration: none;
  margin: 0px;
  font-weight: 600;
}

a:hover {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.00rem, 1.50vw, 2.00rem) /* AutoFontScale = 1.00 */;
  text-decoration: none;
  color: white;
  background-color: #9e2e6a;
  text-align: left;
  margin: 0px;
  font-weight: 600;
}

a:active {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.00rem, 1.50vw, 2.00rem) /* AutoFontScale = 1.00 */;
  text-decoration: none;
  color: white;
  background-color: #9e2e6a;
  text-align: left;
  margin: 0px;
  font-weight: 600;
}

.a-small:link {
  font-family: "Noto Serif", Serif;
  font-size: clamp(0.80rem, 1.20vw, 1.60rem) /* AutoFontScale = 0.80 */;
  color: #9e2e6a;
  background-color: FANDT IKKE KEY #####;
  text-align: left;
  text-decoration: none;
  margin: 0px;
  font-weight: 600;
}

.a-small:visited {
  font-family: "Noto Serif", Serif;
  font-size: clamp(0.80rem, 1.20vw, 1.60rem) /* AutoFontScale = 0.80 */;
  color: #9e2e6a;
  background-color: FANDT IKKE KEY #####;
  text-align: left;
  text-decoration: none;
  margin: 0px;
  font-weight: 600;
}

.a-small:hover {
  font-family: "Noto Serif", Serif;
  font-size: clamp(0.80rem, 1.20vw, 1.60rem) /* AutoFontScale = 0.80 */;
  text-decoration: none;
  color: white;
  background-color: #9e2e6a;
  text-align: left;
  margin: 0px;
  font-weight: 600;
}

.a-small:active {
  font-family: "Noto Serif", Serif;
  font-size: clamp(0.80rem, 1.20vw, 1.60rem) /* AutoFontScale = 0.80 */;
  text-decoration: none;
  color: white;
  background-color: #9e2e6a;
  text-align: left;
  margin: 0px;
  font-weight: 600;
}

.m:link {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.93rem, 1.40vw, 1.87rem) /* AutoFontScale = 1.00 */;
  color: #9e2e6a;
  text-align: left;
  text-decoration: none;
  margin: 0px;
  font-weight: 600;
}

.m:visited {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.93rem, 1.40vw, 1.87rem) /* AutoFontScale = 1.00 */;
  color: #9e2e6a;
  text-align: left;
  text-decoration: none;
  margin: 0px;
  font-weight: 600;
}

.m:hover {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.93rem, 1.40vw, 1.87rem) /* AutoFontScale = 1.00 */;
  text-decoration: none;
  color: white;
  background-color: #9e2e6a;
  text-align: left;
  margin: 0px;
  font-weight: 600;
}

.m:active {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.93rem, 1.40vw, 1.87rem) /* AutoFontScale = 1.00 */;
  text-decoration: none;
  color: white;
  background-color: #9e2e6a;
  text-align: left;
  margin: 0px;
  font-weight: 600;
}

.m-small:link {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.74rem, 1.12vw, 1.50rem) /* AutoFontScale = 0.80 */;
  color: #9e2e6a;
  text-align: left;
  text-decoration: none;
  margin: 0px;
  font-weight: 600;
}

.m-small:visited {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.74rem, 1.12vw, 1.50rem) /* AutoFontScale = 0.80 */;
  color: #9e2e6a;
  text-align: left;
  text-decoration: none;
  margin: 0px;
  font-weight: 600;
}

.m-small:hover {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.74rem, 1.12vw, 1.50rem) /* AutoFontScale = 0.80 */;
  text-decoration: none;
  color: white;
  background-color: #9e2e6a;
  text-align: left;
  margin: 0px;
  font-weight: 600;
}

.m-small:active {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.74rem, 1.12vw, 1.50rem) /* AutoFontScale = 0.80 */;
  text-decoration: none;
  color: white;
  background-color: #9e2e6a;
  text-align: left;
  margin: 0px;
  font-weight: 600;
}

.hamburger-container {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 5.35vw;
  height: 5.35vw;
  border-radius: 0.0vw;
  cursor: pointer;
  background: transparent;
  z-index: 9
}

.hamburger-container:hover rect.fgcol {
    fill: white; /* hover-fgcol */
}

.hamburger-container:hover rect.bgcol {
    fill: #9e2e6a; /* hover-bgcol */
}

.hamburger-container:hover circle.fgcol {
    fill: white; /* hover-fgcol */
}

.hamburger-container:hover circle.bgcol {
    fill: #9e2e6a; /* hover-bgcol */
}

.svgiconovs1-container {
  width: clamp(3.00rem, 4.50vw, 6.00rem) /* AutoFontScale = 1.00 */;
  height: clamp(3.00rem, 4.50vw, 6.00rem) /* AutoFontScale = 1.00 */;
}
.svgiconovs1-container svg {
  width: 100%;
  height: 100%;
}
.svgiconovs2-container {
  width: clamp(2.00rem, 3.00vw, 4.00rem) /* AutoFontScale = 1.00 */;
  height: clamp(2.00rem, 3.00vw, 4.00rem) /* AutoFontScale = 1.00 */;
}
.svgiconovs2-container svg {
  width: 100%;
  height: 100%;
}
.fontovsbanner {
  font-family: "Noto Serif", Serif;
  font-size: 3.2vw;
  color: white;
  text-decoration: none;
  background-color: #558cc3;
  text-align: center;
  font-weight: 500;
  font-stretch: FANDT IKKE KEY #####;
  letter-spacing: 2px;
  padding-top:0.3vw;
  padding-bottom:0.6vw;
  line-height: 140%;
}

.fontovs1 {
  font-family: "Noto Serif", Serif;
  font-size: clamp(2.00rem, 3.00vw, 4.00rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.40rem, 0.60vw, 0.80rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.30rem, 0.45vw, 0.60rem) /* AutoFontScale = 0.15 */;
  color: #2c3d4f;
  text-align: left;
  font-weight: 500;
  line-height: 125%;
}

.fontovs1news {
  font-family: "Noto Serif", Serif;
  font-size: clamp(2.00rem, 3.00vw, 4.00rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.40rem, 0.60vw, 0.80rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.30rem, 0.45vw, 0.60rem) /* AutoFontScale = 0.15 */;
  color: black;
  background-color: #ffdb66;
  padding: clamp(0.40rem, 0.60vw, 0.80rem) /* AutoFontScale = 0.20 */;
  padding-left: clamp(0.60rem, 0.90vw, 1.20rem) /* AutoFontScale = 0.30 */;
  text-align: left;
  font-weight: 600;
  line-height: 125%;
}

.fontovs2 {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.33rem, 2.00vw, 2.67rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.27rem, 0.40vw, 0.53rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.20rem, 0.30vw, 0.40rem) /* AutoFontScale = 0.15 */;
  color: #2c3d4f;
  text-align: left;
  font-weight: 500;
  line-height: 125%;
}

.fontovs2news {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.33rem, 2.00vw, 2.67rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.27rem, 0.40vw, 0.53rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.20rem, 0.30vw, 0.40rem) /* AutoFontScale = 0.15 */;
  color: black;
  background-color: #ffdb66;
  padding: clamp(0.27rem, 0.40vw, 0.53rem) /* AutoFontScale = 0.20 */;
  padding-left: clamp(0.40rem, 0.60vw, 0.80rem) /* AutoFontScale = 0.30 */;
  text-align: left;
  font-weight: 600;
  line-height: 125%;
}

.fontnormal {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.00rem, 1.50vw, 2.00rem) /* AutoFontScale = 1.00 */;
  color: black;
  text-align: left;
  font-weight: 300;
  line-height: 150%;
}

.fontnormal b { /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> bold tag */
  font-family: "Noto Serif";
  font-weight: 600;
}

.fontnormalnews {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.00rem, 1.50vw, 2.00rem) /* AutoFontScale = 1.00 */;
  color: black;
  background-color: #ffdb66;
  text-align: left;
  font-weight: 600;
  line-height: 150%;
}

.fontnormalsmall {
  font-family: "Noto Serif", Serif;
  font-size: clamp(0.80rem, 1.20vw, 1.60rem) /* AutoFontScale = 0.80 */;
  color: black;
  text-align: left;
  font-weight: 300;
  line-height: 150%;
}

.fontnormalsmall b { /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> bold tag */
  font-family: "Noto Serif";
  font-weight: 600;
}

.fontkode {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.93rem, 1.40vw, 1.87rem) /* AutoFontScale = 1.00 */;
  padding-top:clamp(0.19rem, 0.28vw, 0.37rem) /* AutoFontScale = 0.20 */;
  padding-bottom:clamp(0.19rem, 0.28vw, 0.37rem) /* AutoFontScale = 0.20 */;
  margin-top: clamp(0.37rem, 0.56vw, 0.75rem) /* AutoFontScale = 0.40 */;
  margin-bottom: clamp(0.47rem, 0.70vw, 0.94rem) /* AutoFontScale = 0.50 */;
  color: #ffffff;
  background-color: #555555;
  text-align: left;
  font-weight: 400;
  line-height: 140%;
}

.fontmono {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.93rem, 1.40vw, 1.87rem) /* AutoFontScale = 1.00 */;
  color: black;
  text-align: left;
  font-weight: 400;
  line-height: 140%;
  vertical-align: middle;
}

.fontmono b { /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> bold tag */
  font-family: "Noto Sans";
  font-weight: 600;
  font-family: "Noto Sans Mono";
  font-weight: 600;
}

.fontmonosmall {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.74rem, 1.12vw, 1.50rem) /* AutoFontScale = 0.80 */;
  color: black;
  text-align: left;
  font-weight: 400;
  line-height: 140%;
  vertical-align: middle;
}

.fontmonosmall b { /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> bold tag */
  font-family: "Noto Sans";
  font-weight: 600;
  font-family: "Noto Sans Mono";
  font-weight: 600;
}

.material-symbols-normal {
  font-family: Material Symbols Outlined;
  font-size: clamp(1.00rem, 1.50vw, 2.00rem) /* AutoFontScale = 1.00 */;
  color: black;
  text-align: left;
  font-weight: 300;
  line-height: 150%;
  vertical-align: middle;
}

.material-symbols-small {
  font-family: Material Symbols Outlined;
  font-size: clamp(0.80rem, 1.20vw, 1.60rem) /* AutoFontScale = 0.80 */;
  color: black;
  text-align: left;
  font-weight: 300;
  line-height: 150%;
  vertical-align: middle;
}

.material-symbols-mono {
  font-family: Material Symbols Outlined;
  font-size: clamp(0.93rem, 1.40vw, 1.87rem) /* AutoFontScale = 1.00 */;
  color: black;
  text-align: left;
  font-weight: 400;
  line-height: 140%;
  vertical-align: middle;
}

.material-symbols-monosmall {
  font-family: Material Symbols Outlined;
  font-size: clamp(0.74rem, 1.12vw, 1.50rem) /* AutoFontScale = 0.80 */;
  color: black;
  text-align: left;
  font-weight: 400;
  line-height: 140%;
  vertical-align: middle;
}

.textbox {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.00rem, 1.50vw, 2.00rem) /* AutoFontScale = 1.00 */;
  color: white;
  background-color: #558cc3;
  font-weight: 400;
  line-height: 140%;
  width: 100%;
  border-radius: 1.5vw;
  margin: 0;
  border: 0;
  padding-top: 0.8vw;
  padding-left: 1.6vw;
  padding-bottom: 1.0vw;
  padding-right: 1.2vw;
}

.textbox b { /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> bold tag */
  font-family: "Noto Serif";
  font-weight: 600;
}

.fontbox {
  font-family: "Noto Sans Mono", Monospace;
  font-size: clamp(0.93rem, 1.40vw, 1.87rem) /* AutoFontScale = 1.00 */;
  color: black;
  background-color: transparent;
  text-align: left;
  font-weight: 400;
  line-height: 140%;
}

.tabelfont-grey {
  font-family: "Noto Serif", Serif;
  font-size: clamp(0.90rem, 1.35vw, 1.80rem) /* AutoFontScale = 1.00 */;
  padding: clamp(0.27rem, 0.41vw, 0.54rem) /* AutoFontScale = 0.30 */;
  padding-left: clamp(0.45rem, 0.68vw, 0.90rem) /* AutoFontScale = 0.50 */;
  color: black;
  background-color: #d1d6e0;
  text-align: left;
  font-weight: 300;
  line-height: 160%;
}

.tabelfont-grey b { /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> bold tag */
  font-family: "Noto Serif";
  font-weight: 600;
}

.tabelfont-white {
  font-family: "Noto Serif", Serif;
  font-size: clamp(0.90rem, 1.35vw, 1.80rem) /* AutoFontScale = 1.00 */;
  padding: clamp(0.27rem, 0.41vw, 0.54rem) /* AutoFontScale = 0.30 */;
  padding-left: clamp(0.45rem, 0.68vw, 0.90rem) /* AutoFontScale = 0.50 */;
  color: black;
  text-align: left;
  font-weight: 300;
  line-height: 160%;
}

.tabelfont-white b { /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> bold tag */
  font-family: "Noto Serif";
  font-weight: 600;
}

.fontsidetitel {
  font-family: "Noto Serif", Serif;
  font-size: clamp(0.87rem, 1.30vw, 1.73rem) /* AutoFontScale = 1.00 */;
  color: #7887a5;
  background-color: transparent;
  text-align: left;
  font-weight: 300;
  line-height: 150%;
}

.fontcwangdk {
  cursor: pointer;
  font-family: "Noto Serif", Serif;
  font-size: clamp(0.80rem, 1.20vw, 1.60rem) /* AutoFontScale = 0.80 */;
  color: #7887a5;
  background-color: transparent;
  font-weight: 300;
  line-height: 150%;
}

.fontcwangdk:hover {
  font-weight: bold;
}

.spaceline {
  font-family: "Noto Serif", Serif;
  font-size: clamp(0.45rem, 0.68vw, 0.90rem) /* AutoFontScale = 0.45 */;
  line-height: 100%;
}

.sidenav {
  height: auto;
  width: auto;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #284d71;
  overflow: hidden;
  padding-top: 0px;
}

.sidenav a {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.07rem, 1.60vw, 2.13rem) /* AutoFontScale = 1.00 */;
  padding-left: clamp(0.86rem, 1.28vw, 1.70rem) /* AutoFontScale = 0.80 */;
  padding-bottom: clamp(0.21rem, 0.32vw, 0.43rem) /* AutoFontScale = 0.20 */;
  padding-top: clamp(0.13rem, 0.19vw, 0.26rem) /* AutoFontScale = 0.12 */;
  font-weight: 300;
  margin: 0px;
  text-decoration: none;
  color: white;
  background-color: #284d71;
  display: block;
  line-height: 110%;
}

.sidenav a:hover {
  text-decoration: none;
  color: white;
  background-color: #9e2e6a;
}

.sidenavhead {
  font-family: "Noto Serif", Serif;
  font-size: 0pt;
  padding-left: clamp(0.86rem, 1.28vw, 1.70rem) /* AutoFontScale = 0.80 */;
  padding-bottom: clamp(0.11rem, 0.16vw, 0.21rem) /* AutoFontScale = 0.10 */;
  padding-top: clamp(0.11rem, 0.16vw, 0.21rem) /* AutoFontScale = 0.10 */;
  font-weight: 600;
  margin: 0px;
  text-decoration: none;
  color: #d491b5;
  display: none;
}

.sidenavovs {
  font-family: "Noto Serif", Serif;
  font-size: clamp(1.07rem, 1.60vw, 2.13rem) /* AutoFontScale = 1.00 */;
  padding-left: clamp(0.86rem, 1.28vw, 1.70rem) /* AutoFontScale = 0.80 */;
  padding-bottom: clamp(0.11rem, 0.16vw, 0.21rem) /* AutoFontScale = 0.10 */;
  padding-top: clamp(0.11rem, 0.16vw, 0.21rem) /* AutoFontScale = 0.10 */;
  font-weight: 600;
  margin: 0px;
  text-decoration: none;
  color: #d491b5;
  display: block;
  line-height: 110%;
}

.boxmenu {
  float: left;
  width: clamp(210px, 21vw, 420px);
  padding: 0vw;
  margin-top:-6px;
  overflow-y: hidden;
}

.boxmain {
  float: left;
  width: calc(100% - clamp(210px, 21vw, 420px));
  padding-left: 0vw;
  padding-right: 0vw;
  z-index: 1;
}

.boxartikel {
  float: left;
  width: 100%;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  z-index: 1;
}

.containervideo16x9 {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

.containervideo16x9 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.containervideo3x1 {
  position: relative;
  padding-bottom: 33.33%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

.containervideo3x1 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ==========  Grid JPGserie - Mouse over - hover - zoom effect BEGIN  ========== */
.jpg-grid {
  display: grid;
  grid-gap: 0.5vw;
  grid-template-columns: auto;
  padding: 0px;
}
.jpg-grid-item {
  font-size: 20px;
  text-align: left;
}
.img-hover-zoom {
  width: auto;
  height: auto;
  overflow: hidden;
}

.img-hover-zoom img {
  transition: transform .2s; /* Animation */
}

.img-hover-zoom:hover img {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05)
}

/* ==========  Grid JPGserie - Mouse over - hover - zoom effect END  ========== */
.show-only-on-pc {
  display: inline;
}

@media only screen and (max-width: 640px) {
img, video, #slideshow-container {
width: 100% !important;
}

.show-only-on-pc {
  display: none;
}

.boxmenu {
  width:100%;
}

.boxmain {
  width:100%;
}

a:link {
  font-size: clamp(1.00rem, 4.00vw, 1.25rem) /* AutoFontScale = 1.00 */;
}

a:visited {
  font-size: clamp(1.00rem, 4.00vw, 1.25rem) /* AutoFontScale = 1.00 */;
}

a:hover {
  font-size: clamp(1.00rem, 4.00vw, 1.25rem) /* AutoFontScale = 1.00 */;
}

a:active {
  font-size: clamp(1.00rem, 4.00vw, 1.25rem) /* AutoFontScale = 1.00 */;
}

.a-small:link {
  font-size: clamp(0.80rem, 3.20vw, 1.00rem) /* AutoFontScale = 0.80 */;
}

.a-small:visited {
  font-size: clamp(0.80rem, 3.20vw, 1.00rem) /* AutoFontScale = 0.80 */;
}

.a-small:hover {
  font-size: clamp(0.80rem, 3.20vw, 1.00rem) /* AutoFontScale = 0.80 */;
}

.a-small:active {
  font-size: clamp(0.80rem, 3.20vw, 1.00rem) /* AutoFontScale = 0.80 */;
}

m:link {
  font-size: clamp(0.93rem, 3.73vw, 1.17rem) /* AutoFontScale = 1.00 */;
}

m:visited {
  font-size: clamp(0.93rem, 3.73vw, 1.17rem) /* AutoFontScale = 1.00 */;
}

m:hover {
  font-size: clamp(0.93rem, 3.73vw, 1.17rem) /* AutoFontScale = 1.00 */;
}

m:active {
  font-size: clamp(0.93rem, 3.73vw, 1.17rem) /* AutoFontScale = 1.00 */;
}

.m-small:link {
  font-size: clamp(0.74rem, 2.98vw, 0.94rem) /* AutoFontScale = 0.80 */;
}

.m-small:visited {
  font-size: clamp(0.74rem, 2.98vw, 0.94rem) /* AutoFontScale = 0.80 */;
}

.m-small:hover {
  font-size: clamp(0.74rem, 2.98vw, 0.94rem) /* AutoFontScale = 0.80 */;
}

.m-small:active {
  font-size: clamp(0.74rem, 2.98vw, 0.94rem) /* AutoFontScale = 0.80 */;
}

.hamburger-container {
  top: 0px;
  right: 0px;
  width: 15vw;
  height: 15vw;
  border-radius: 0.0vw;
}

.hamburger-container:hover rect.fgcol {
    fill: white; /* NO hover-fgcol */
}

.hamburger-container:hover rect.bgcol {
    fill: #284d71; /* NO hover-bgcol */
}

.hamburger-container:hover circle.fgcol {
    fill: white; /* NO hover-fgcol */
}

.hamburger-container:hover circle.bgcol {
    fill: #284d71; /* NO hover-bgcol */
}

.svgiconovs2-container {
  width: clamp(2.00rem, 8.00vw, 2.50rem) /* AutoFontScale = 1.00 */;
  height: clamp(2.00rem, 8.00vw, 2.50rem) /* AutoFontScale = 1.00 */;
}
.sidenavhead {
  font-size: clamp(1.07rem, 4.27vw, 1.33rem) /* AutoFontScale = 1.00 */;
  display: block;
}

.sidenav {
  font-size: clamp(1.07rem, 4.27vw, 1.33rem) /* AutoFontScale = 1.00 */;
}

.sidenav a {
  font-size: clamp(1.07rem, 4.27vw, 1.33rem) /* AutoFontScale = 1.00 */;
  padding-bottom: clamp(0.32rem, 1.28vw, 0.40rem) /* AutoFontScale = 0.30 */;
  padding-top: clamp(0.19rem, 0.77vw, 0.24rem) /* AutoFontScale = 0.18 */;
}

.sidenava:hover {
  font-size: clamp(1.07rem, 4.27vw, 1.33rem) /* AutoFontScale = 1.00 */;
}

.sidenavovs {
  font-size: clamp(1.07rem, 4.27vw, 1.33rem) /* AutoFontScale = 1.00 */;
}

.fontovsbanner {
  font-size: 3.8vw;
}

.fontovs1 {
  font-size: clamp(2.00rem, 8.00vw, 2.50rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.40rem, 1.60vw, 0.50rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.30rem, 1.20vw, 0.38rem) /* AutoFontScale = 0.15 */;
}

.fontovs1news {
  font-size: clamp(2.00rem, 8.00vw, 2.50rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.40rem, 1.60vw, 0.50rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.30rem, 1.20vw, 0.38rem) /* AutoFontScale = 0.15 */;
}

.fontovs2 {
  font-size: clamp(1.33rem, 5.33vw, 1.67rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.27rem, 1.07vw, 0.33rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.20rem, 0.80vw, 0.25rem) /* AutoFontScale = 0.15 */;
}

.fontovs2news {
  font-size: clamp(1.33rem, 5.33vw, 1.67rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.27rem, 1.07vw, 0.33rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.20rem, 0.80vw, 0.25rem) /* AutoFontScale = 0.15 */;
}

.fontnormal {
  font-size: clamp(1.00rem, 4.00vw, 1.25rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.20rem, 0.80vw, 0.25rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.15rem, 0.60vw, 0.19rem) /* AutoFontScale = 0.15 */;
}

.fontnormalsmall {
  font-size: clamp(0.80rem, 3.20vw, 1.00rem) /* AutoFontScale = 0.80 */;
}

.fontcwangdk {
  font-size: clamp(0.80rem, 3.20vw, 1.00rem) /* AutoFontScale = 0.80 */;
}

.material-symbols-normal {
  font-size: clamp(1.00rem, 4.00vw, 1.25rem) /* AutoFontScale = 1.00 */;
}

.material-symbols-small {
  font-size: clamp(0.80rem, 3.20vw, 1.00rem) /* AutoFontScale = 0.80 */;
}

.material-symbols-mono {
  font-size: clamp(0.93rem, 3.73vw, 1.17rem) /* AutoFontScale = 1.00 */;
}

.material-symbols-monosmall {
  font-size: clamp(0.74rem, 2.98vw, 0.94rem) /* AutoFontScale = 0.80 */;
}

.fontkode {
  font-size: clamp(0.93rem, 3.73vw, 1.17rem) /* AutoFontScale = 1.00 */;
  padding-top:clamp(0.19rem, 0.75vw, 0.23rem) /* AutoFontScale = 0.20 */;
  padding-bottom:clamp(0.19rem, 0.75vw, 0.23rem) /* AutoFontScale = 0.20 */;
  margin-top: clamp(0.19rem, 0.75vw, 0.23rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.28rem, 1.12vw, 0.35rem) /* AutoFontScale = 0.30 */;
}

.fontmono {
  font-size: clamp(0.93rem, 3.73vw, 1.17rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.19rem, 0.75vw, 0.23rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.14rem, 0.56vw, 0.18rem) /* AutoFontScale = 0.15 */;
}

.fontmonosmall {
  font-size: clamp(0.74rem, 2.98vw, 0.94rem) /* AutoFontScale = 0.80 */;
}

.textbox {
  font-size: clamp(1.00rem, 4.00vw, 1.25rem) /* AutoFontScale = 1.00 */;
}
.tabelfont-grey {
  font-size: clamp(0.90rem, 3.60vw, 1.13rem) /* AutoFontScale = 1.00 */;
  padding: clamp(0.27rem, 1.08vw, 0.34rem) /* AutoFontScale = 0.30 */;
  padding-left: clamp(0.45rem, 1.80vw, 0.56rem) /* AutoFontScale = 0.50 */;
}

.tabelfont-white {
  font-size: clamp(0.90rem, 3.60vw, 1.13rem) /* AutoFontScale = 1.00 */;
  padding: clamp(0.27rem, 1.08vw, 0.34rem) /* AutoFontScale = 0.30 */;
  padding-left: clamp(0.45rem, 1.80vw, 0.56rem) /* AutoFontScale = 0.50 */;
}

.fontsidetitel {
  font-size: clamp(0.87rem, 3.47vw, 1.08rem) /* AutoFontScale = 1.00 */;
  margin-top: clamp(0.17rem, 0.69vw, 0.22rem) /* AutoFontScale = 0.20 */;
  margin-bottom: clamp(0.13rem, 0.52vw, 0.16rem) /* AutoFontScale = 0.15 */;
}

.spaceline {
  font-size: clamp(0.50rem, 2.00vw, 0.63rem) /* AutoFontScale = 0.50 */;
  line-height: 100%;
}

.jpg-grid {
  grid-template-columns: 1fr;
}

.img-hover-zoom img {
  transition: transform 0s; /* Animation */
}

.img-hover-zoom:hover img {
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari 3-8 */
  transform: scale(1)
}

.jpg-grid-item a {
  pointer-events: none;
}

}
/* ==========  Responsive styles slut  ========== */
/* ==========  Responsive styles begynd  ========== */
@media only screen and (min-width: 1000px) {
.jpg-grid {
  grid-template-columns: 1fr 1fr;
}
}
/* ==========  Responsive styles slut  ========== */
/* ==========  Responsive styles begynd  ========== */
@media only screen and (min-width: 1360px) {
.jpg-grid {
  grid-template-columns: 1fr 1fr 1fr;
}
}
/* ==========  Responsive styles slut  ========== */
/* ==========  Responsive styles begynd  ========== */
@media only screen and (min-width: 1720px) {
.jpg-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
/* ==========  Responsive styles slut  ========== */
/* ==========  Responsive styles begynd  ========== */
@media only screen and (min-width: 2080px) {
.jpg-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
}
/* ==========  Responsive styles slut  ========== */