#wpadminbar {
display: none!important;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
line-height: 1;
width: 100%;
min-height: 100vh;
overflow-x: hidden;
-moz-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
img,
object,
picture,
video {
display: block;
width: 100%;
height: auto;
}
a {
text-decoration: none;
color: inherit;
}
blockquote,
q {
quotes: none;
}
blockquote::after,
blockquote::before,
q::after,
q::before {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul,
ol {
list-style: none;
}
input,
select,
textarea,
button {
border: 0;
margin: 0;
padding: 0;
background: none;
border-radius: 0;
color: inherit;
font: inherit;
font-size: 100%;
box-sizing: border-box;
}
input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=date],
input[type=url],
input[type=search],
input[type=password],
input[type=submit],
input[type=button],
select,
textarea,
button {
-webkit-appearance: none;
appearance: none;
}
input[type=submit],
input[type=button],
button {
cursor: hand;
cursor: pointer;
}
.accordion {
text-align: left;
border-radius: 0;
border-top: 1px solid #e5efe9;
border-bottom: 1px solid #e5efe9;
margin: 0 calc(-1 * var(--margin));
}
.accordion + .accordion {
margin-top: -1px;
}
.accordion__toggle {
cursor: hand;
cursor: pointer;
padding: 1.25em var(--margin);
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--space-sm);
}
.accordion__toggle::-webkit-details-marker,
.accordion__toggle::marker {
display: none!important;
}
.accordion__title {
flex-grow: 1;
font-weight: 500;
}
.accordion__icon {
position: relative;
fill: currentColor;
display: block;
width: 1em;
height: 1em;
flex-shrink: 0;
transition: transform 0.2s ease;
}
.accordion.open .accordion__icon {
transform: rotate(180deg);
}
.accordion__text {
padding: 0 var(--margin) 2em;
}
@media screen and (min-width: 1000px) {
.accordion {
background-color: #e5efe9;
border: 0;
margin: 0;
border-radius: var(--border-radius);
}
.accordion + .accordion {
margin-top: 0.8em;
}
.accordion__toggle {
padding: 1.75em 2em;
}
.accordion__icon {
width: 1.25em;
height: 1.25em;
}
.accordion__title {
font-size: 1.25em;
}
.accordion__text {
padding: 0 5em 4em 2em;
}
}
.text-wrap > h1,
.text-wrap > h2,
.text-wrap > h3,
.text-wrap > h4,
.text-wrap > h5,
.text-wrap > h6 {
font-weight: 500;
}
.text-wrap > h1 {
font-size: 3em;
line-height: 1;
}
.text-wrap > h2 {
font-size: 2.25em;
line-height: 1.1;
}
.text-wrap > h3 {
font-size: 1.75em;
line-height: 1.2;
}
.text-wrap > h4 {
font-size: 1.33em;
line-height: 1.3;
}
.text-wrap > h5 {
font-size: 1.1em;
line-height: 1.3;
}
.text-wrap > h6 {
font-size: 0.9em;
line-height: 1.3;
}
.text-wrap > h1:not(:first-child),
.text-wrap > h2:not(:first-child),
.text-wrap > h3:not(:first-child),
.text-wrap > h4:not(:first-child), 
.text-wrap > h5:not(:first-child),
.text-wrap > h6:not(:first-child) {
margin-top: 1em;
}
.text-wrap > p:not(:first-child) {
margin-top: 0.8em;
}
.text-wrap > ul,
.text-wrap > ol {
margin-left: 0.8em;
padding-left: 0.9em;
margin-top: 0.8em;
}
.text-wrap ul {
list-style-type: disc;
}
.text-wrap ol {
list-style-type: none;
counter-reset: ordered-list;
}
.text-wrap li {
padding-left: 0.2rem;
margin-top: 0.4em;
position: relative;
}
.text-wrap ol > li::before {
content: counter(ordered-list) '.';
counter-increment: ordered-list;
font-size: 80%;
font-weight: 500;
transform: translate(calc(-100% - 0.3rem), 15%);
position: absolute;
top: 0;
left: 0;
}
.text-wrap strong,
.text-wrap .strong {
font-weight: 500;
}
.text-wrap em,
.text-wrap .italic {
font-style: italic;
}
.text-wrap s,
.text-wrap .linetrough {
text-decoration: line-through;
}
.text-wrap sup,
.text-wrap sub,
.text-wrap .sup,
.text-wrap .sub {
font-size: 75%;
}
.text-wrap sup,
.text-wrap .sup {
vertical-align: top;
}
.text-wrap sub,
.text-wrap .sub {
vertical-align: bottom;
}
.text-wrap img {
display: inline;
vertical-align: middle;
}
.text-wrap a {
text-decoration: underline;
background-color: transparent;
}
.text-wrap a:focus-visible,
.text-wrap a:hover {
text-decoration: none;
}
.text-wrap a:focus-visible {
outline: 1px dashed currentColor;
outline-offset: 1px;
}
html {
--margin: 10px;
--gap: 5px;
--border-radius: 5px;
--font-size: 14px;
}
@media screen and (min-width: 500px) {
html {
--font-size: 16px;
}
}
@media screen and (min-width: 1000px) {
html {
--gap: 1vmax;
--margin: 2vmax;
--border-radius: 0.5vmax;
--font-size: 0.9vmax;
}
}
body {
font-size: var(--font-size);
font-family: "Rubik", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
display: flex;
line-height: 1.5;
}
body.has-tab-open {
height: 100%;
width: 100%;
overflow: hidden;
}
.cis-home {
padding: var(--margin);
width: 100%;
transform: translateX(0);
visibility: visible;
opacity: 1;
pointer-events: all;
transition: all 0.5s cubic-bezier(.075,.82,.165,1) 0.1s;
}
body.has-tab-open .cis-home {
transform: translateX(-25%);
visibility: hidden;
opacity: 0;
pointer-events: none;
transition-delay: 0s;
}
.cis-text-message {
border-radius: var(--border-radius);
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
padding: 1.5rem;
background-color: #006226;
grid-column: span 2;
color: #FFF;
font-size: 1.3em;
line-height: 1.4;
text-align: center;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
user-select: none;
}
.cis-text-message::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//laugesenshave.dk/wp-content/uploads/faun.svg);
background-repeat: no-repeat;
background-position: bottom left;
background-size: 30%;
margin-left: -50px;
margin-bottom: -50px;
opacity: .1;
}
.cis-text-message p {
display: block;
}
.cis-text-message p:last-child {
font-size: 1.4em;
}
.cis-categories {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: var(--gap);
}
.cis-categories__toggle {
position: relative;
border-radius: var(--border-radius);
background-color: #006226;
overflow: hidden;
aspect-ratio: 6 / 4;
}
.cis-categories__toggle img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
.cis-categories__overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.1);
}
.cis-categories__content {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
padding: 1.25em;
justify-content: center;
}
.cis-categories__toggle.no-blur .cis-categories__content {
backdrop-filter: none;
}
.cis-categories__text {
font-weight: 500;
}
.cis-categories__icon {
fill: currentColor;
padding: 1em;
border-radius: 50%;
background-color: rgba(255,255,255,0.3);
width: 1.25em;
height: 1.25em;
display: none;
}
.cis-categories__description {
margin-bottom: 1em;
}
@media screen and (min-width: 1000px) {
.cis-categories {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
height: 100%;
}
.cis-categories__icon {
display: block;
}
.cis-categories__toggle {
aspect-ratio: unset;
}
.cis-categories__content {
position: absolute;
justify-content: space-between;
bottom: 0;
left: 0;
backdrop-filter: blur(5px);
}
.cis-categories__text {
font-size: 1.25em;
text-shadow: unset;
}
.cis-text-message {
font-size: 1.5em;
}
}
.cis-info-tab {
padding: var(--margin);
position: fixed;
top: 0;
height: 100%;
left: 0;
width: 100%;
background: white;
transform: translateX(25%);
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: all 0.5s cubic-bezier(.075,.82,.165,1);
overflow-y: scroll;
}
.cis-info-tab--active {
transform: translateX(0);
visibility: visible;
opacity: 1;
pointer-events: all;
transition-delay: 0.1s;
}
.cis-info-tab__exit {
margin-bottom: 3em;
}
.cis-info-tab__deco {
position: absolute;
bottom: var(--margin);
left: var(--margin);
width: 25%;
height: auto;
pointer-events: none;
fill: #e5efe9;
display: none;
}
.cis-info-tab__content {
margin: var(--margin) auto 0;
}
@media screen and (min-width: 1000px) {
.cis-info-tab {
display: grid;
grid-template-columns: repeat(2,1fr);
overflow-y: scroll;
}
.cis-info-tab__exit {
position: sticky;
top: 0;
left: 0;
align-self: start;
}
.cis-info-tab__content {
max-width: 100%;
width: 100%;
margin: 0;
}
.cis-info-tab__deco {
display: block;
}
}
.exit {
display: flex;
align-items: center;
gap: 1em;
}
.exit__icon {
fill: currentColor;
padding: 1em;
border-radius: 50%;
background-color: #e5efe9;
width: 1.25em;
height: 1.25em;
}
.exit__text {
font-weight: 500;
} #cis-search {
display: flex !important;
position: relative;
overflow: visible;
}
.cis-search--wrap {
background-color:#178441;
margin-bottom: 1px;
border-radius: 7px;
display: flex;
width: 100%;
align-items: center;
overflow: visible;
}
.cis-search--wrap.has-results {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#cis-search--field,
#cis-search--field::placeholder,
#cis-search--field:focus {
color: #FFF;
outline: none;
}
#cis-search--field {
height: 3.3rem;
padding: .9rem 2rem;
width: 100%;
}
#cis-search--field::placeholder {
opacity: 9;
}
.cis-magnifier {
width: 24px;
height: 24px;
height: 100%;
position: relative;
top: -1px;
vertical-align: middle;
margin-right: .95rem;
margin-left: auto;
fill: #FFF;
}
#cis-search--results {
position: absolute;
z-index: 999;
top: 42px;
left: 0;
margin-top: .5rem;
padding: .6rem 0;
background-color: #FFF;
border: 2px solid #178441;
max-height: 500px;
width: 100%;
overflow: auto;
}
#cis-search--results .result {
padding: .4rem 1.7rem;
line-height: 1.5;
vertical-align: middle;
cursor: pointer;
}
#cis-search--results .result:hover {
background-color: rgb(181,206,181);
}
@media only screen and (min-width: 1000px) {
#cis-search {
display: unset !important;
position: fixed;
top: 1rem;
right: .8rem;
z-index: 99;
width: 394px;
max-width: 100%;
}
.cis-search--wrap {
border-radius: 50px;
box-shadow: 1px 1px 10px rgba(0,0,0,.3);
}
.cis-search--wrap.has-results {
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
#cis-search--results {
position: unset;
max-height: 500px;
}
} .cis-lang-switch {
display: flex;
justify-content: flex-end;
margin-bottom: 1px;
}
.cis-lang-switch__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 3.4em;
height: 3.3rem;
box-sizing: border-box;
padding: .9rem 1.1rem;
border-radius: 7px;
background-color: #7a1f2b;
color: #FFF;
font-size: 1em;
font-weight: 500;
letter-spacing: .08em;
line-height: 1;
text-decoration: none;
user-select: none;
transition: background-color .2s ease;
}
.cis-lang-switch__link:hover,
.cis-lang-switch__link:focus {
background-color: #581620;
color: #FFF;
text-decoration: none;
}
.cis-lang-switch__link:focus-visible {
outline: 3px solid #FFF;
outline-offset: 3px;
}
@media only screen and (min-width: 1000px) {
.cis-lang-switch {
position: fixed;
top: 1rem;
right: calc(.8rem + 394px + .5rem);
z-index: 99;
margin-bottom: 0;
}
.cis-lang-switch__link {
border-radius: 50px;
box-shadow: 1px 1px 10px rgba(0,0,0,.3);
}
}