@charset "UTF-8";


.sidefod {
    width: 100vw;
    height: auto;
    position: fixed;
    left: 0px;
    bottom: 0px;
    max-height: 40vh;
}

.broedtekst {
    width: 85vw;
    margin: auto;
    padding-bottom: 1vh;
}

.logo {
    position: relative;
    width: 50vw;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

.galleri {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.galleri > li {
  flex-basis: clamp(300px,30vw,350px);

}

.galleri li img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border-radius: 5px;
}

body {
    font-family: Jost, sans-serif;
    font-size: clamp(1rem, 1rem + 2vw, 1.8rem);
    font-weight: normal;
    color: #FFE;
    background-color: #005c87;
}



p {
    text-align: left;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-limit-zone: 1em;
	-moz-hyphenate-limit-zone: 1em;
	-ms-hyphenate-limit-zone: 1em;
	hyphenate-limit-zone: 1em;
    text-wrap: pretty;
}

strong {
    font-weight: 600;
}
h1, h2, h3 {
    margin: 0;
    font-family: Jost, sans-serif;
    text-align: center;
    text-wrap: balance;
}

h1 {

    color: #FFE;
    font-weight: 600;
	/* font-size: 2em;*/
    font-feature-settings: "smcp"0, "ss01"1;
}

h2 {
    color: #CB520F;
    font-weight: 500;
	font-size: 1.7em;
}

h3 {
    color: #CB520F;
    font-style: italic;
    font-weight: 500;
	font-size: 1.3em;
   /* font-size: clamp(4vmax, 5vw, 6vmin);*/
}

a {
    color: #CB520F;
    font-weight: 400;
}
ol, ul {
    margin-inline: 1em;
}

details, table {
    background-color: #FFE;
    border-radius: 15px;
    border: 1vw solid #CB520F;
    padding: 1vh 0;
    margin: 10px 0;
    color: #005c87;
}

details p {
  margin: 0.8em 1em;
}

details[open] summary {
    border-bottom: 1vw solid #CB520F;
    padding-bottom: 2vh;

}

summary {
    text-align: center;
    user-select: none;
    display: block;
    font-weight: 600;
    cursor: context-menu;
    font-feature-settings: "ss01"1;
}

nav a {
    font-weight: 600;
    text-decoration: none;

}

nav a:hover {

    text-decoration: underline;
}

nav {
    display: block;
    text-align-last: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3rem;
  font-size: 2rem;
    border-top: 1vw solid #CB520F;
    background-color: #005c87;
    font-weight: 600;
    z-index: 10;
}
table {
    font-size: 1rem;
    border-collapse: collapse;
    tr {
        border-bottom: 2px solid #CB520F;
    };
    th, td {
        text-align: left;
        vertical-align: top;
        padding: 1em;
        p {
            margin-block-start: 0;
        }
    }
}