/*!
Theme Name: DES 2026
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Responsiv udgave af DES-temaet til desktop, tablet og smartphone.
Version: 2.0.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: des
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

des is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
 font-family: sans-serif;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}

body {
 margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
 display: block;
}

audio,
canvas,
progress,
video {
 display: inline-block;
 vertical-align: baseline;
}

audio:not([controls]) {
 display: none;
 height: 0;
}

[hidden],
template {
 display: none;
}

a {
 background-color: transparent;
}

a:active,
a:hover {
 outline: 0;
}

abbr[title] {
 border-bottom: 1px dotted;
}

b,
strong {
 font-weight: bold;
}

dfn {
 font-style: italic;
}

h1 {
 font-size: 2em;
 margin: 0.67em 0;
}

mark {
 background: #ff0;
 color: #000;
}

small {
 font-size: 80%;
}

sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sup {
 top: -0.5em;
}

sub {
 bottom: -0.25em;
}

img {
 border: 0;
}

svg:not(:root) {
 overflow: hidden;
}

figure {
 margin: 1em 40px;
}

hr {
 box-sizing: content-box;
 height: 0;
}

pre {
 overflow: auto;
}

code,
kbd,
pre,
samp {
 font-family: monospace, monospace;
 font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
 color: inherit;
 font: inherit;
 margin: 0;
}

button {
 overflow: visible;
}

button,
select {
 text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
 -webkit-appearance: button;
 cursor: pointer;
}

button[disabled],
html input[disabled] {
 cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0;
}

input {
 line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
 box-sizing: border-box;
 padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

fieldset {
 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;
}

legend {
 border: 0;
 padding: 0;
}

textarea {
 overflow: auto;
}

optgroup {
 font-weight: bold;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

td,
th {
 padding: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
 color: #404040;
 font-family: sans-serif;
 font-size: 16px;
 font-size: 1rem;
 line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 clear: both;
}

p {
 margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
 font-style: italic;
}

blockquote {
 margin: 0 1.5em;
}

address {
 margin: 0 0 1.5em;
}

pre {
 background: #eee;
 font-family: "Courier 10 Pitch", Courier, monospace;
 font-size: 15px;
 font-size: 0.9375rem;
 line-height: 1.6;
 margin-bottom: 1.6em;
 max-width: 100%;
 overflow: auto;
 padding: 1.6em;
}

code,
kbd,
tt,
var {
 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 font-size: 15px;
 font-size: 0.9375rem;
}

abbr,
acronym {
 border-bottom: 1px dotted #666;
 cursor: help;
}

mark,
ins {
 background: #fff9c0;
 text-decoration: none;
}

big {
 font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
 box-sizing: border-box;
}

*,
*:before,
*:after {
 /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
 box-sizing: inherit;
}

body {
 background: #fff;
 /* Fallback for when there is no custom background color defined. */
}

hr {
 background-color: #ccc;
 border: 0;
 height: 1px;
 margin-bottom: 1.5em;
}

ul,
ol {
 margin: 0 0 1.5em 3em;
}

ul {
 list-style: disc;
}

ol {
 list-style: decimal;
}

li>ul,
li>ol {
 margin-bottom: 0;
 margin-left: 1.5em;
}

dt {
 font-weight: bold;
}

dd {
 margin: 0 1.5em 1.5em;
}

img {
 height: auto;
 /* Make sure images are scaled correctly. */
 max-width: 100%;
 /* Adhere to container width. */
}

figure {
 margin: 1em 0;
 /* Extra wide images within figure tags don't overflow the content area. */
}

table {
 margin: 0 0 1.5em;
 width: 100%;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
 border: 1px solid;
 border-color: #ccc #ccc #bbb;
 border-radius: 3px;
 background: #e6e6e6;
 color: rgba(0, 0, 0, 0.8);
 font-size: 12px;
 font-size: 0.75rem;
 line-height: 1;
 padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
 border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
 border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
 color: #666;
 border: 1px solid #ccc;
 border-radius: 3px;
 padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
 color: #111;
}

select {
 border: 1px solid #ccc;
}

textarea {
 width: 100%;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
 color: royalblue;
}

a:visited {
 color: purple;
}

a:hover,
a:focus,
a:active {
 color: midnightblue;
}

a:focus {
 outline: thin dotted;
}

a:hover,
a:active {
 outline: 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
 clear: both;
 display: block;
 float: left;
 width: 100%;
}

.main-navigation ul {
 display: none;
 list-style: none;
 margin: 0;
 padding-left: 0;
}

.main-navigation ul ul {
 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
 float: left;
 position: absolute;
 top: 100%;
 left: -999em;
 z-index: 99999;
}

.main-navigation ul ul ul {
 left: -999em;
 top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
 left: 100%;
}

.main-navigation ul ul a {
 width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
 left: auto;
}

.main-navigation li {
 float: left;
 position: relative;
}

.main-navigation a {
 display: block;
 text-decoration: none;
}


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
 display: block;
}

@media screen and (min-width: 37.5em) {
 .menu-toggle {
  display: none;
 }
 .main-navigation ul {
  display: block;
 }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
 margin: 0 0 1.5em;
 overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
 float: left;
 width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
 float: right;
 text-align: right;
 width: 50%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
 border: 0;
 clip: rect(1px, 1px, 1px, 1px);
 clip-path: inset(50%);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute !important;
 width: 1px;
 word-wrap: normal !important;
 /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
 background-color: #f1f1f1;
 border-radius: 3px;
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important;
 clip-path: none;
 color: #21759b;
 display: block;
 font-size: 14px;
 font-size: 0.875rem;
 ;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
 /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
 outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
 display: inline;
 float: left;
 margin-right: 1.5em;
}

.alignright {
 display: inline;
 float: right;
 margin-left: 1.5em;
}

.aligncenter {
 clear: both;
 display: block;
 margin-left: auto;
 margin-right: auto;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
 content: "";
 display: table;
 table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
 clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
 margin: 0 0 1.5em;
 /* Make sure select elements fit in widgets. */
}

.widget select {
 max-width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
 display: block;
}

.hentry {
 margin: 0 0 1.5em;
}

.updated:not(.published) {
 display: none;
}

.page-content,
.entry-content,
.entry-summary {
 margin: 1.5em 0 0;
}

.page-links {
 clear: both;
 margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
 word-wrap: break-word;
}

.bypostauthor {
 display: block;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
 /* Theme Footer (when set to scrolling) */
 display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
 display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
 border: none;
 margin-bottom: 0;
 margin-top: 0;
 padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
 max-width: 100%;
}


/* Make sure logo link wraps around logo image. */

.custom-logo-link {
 display: inline-block;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
 margin-bottom: 1.5em;
 max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.wp-caption .wp-caption-text {
 margin: 0.8075em 0;
}

.wp-caption-text {
 text-align: center;
}


/*--------------------------------------------------------------
## Custom
--------------------------------------------------------------*/

@font-face {
 font-family: 'open_sansregular';
 src: url('fonts/opensans-regular-webfont.eot');
 src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'open_sansbold';
 src: url('fonts/opensans-bold.eot');
 src: url('fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold.woff') format('woff'), url('fonts/opensans-bold.ttf') format('truetype'), url('fonts/opensans-bold.svg#open_sansbold') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'univers_67_condensedbold';
 src: url('fonts/univers-condensedbold.eot');
 src: url('fonts/univers-condensedbold.eot?#iefix') format('embedded-opentype'), url('fonts/univers-condensedbold.woff') format('woff'), url('fonts/univers-condensedbold.ttf') format('truetype'), url('fonts/univers-condensedbold.svg#univers_67_condensedbold') format('svg');
 font-weight: normal;
 font-style: normal;
}

body {
 font: 13px/18px 'open_sansregular', Arial, Helvetica, sans-serif;
 background-color: #dbd5c8;
}

img {
 border-style: none;
 vertical-align: top;
}

a,
a:visited {
 text-decoration: none;
 outline: none;
}

a:hover {
 text-decoration: underline;
}

input,
textarea,
select {
 font: 100% arial, sans-serif;
 vertical-align: middle;
 outline: none;
}

form,
fieldset {
 margin: 0;
 padding: 0;
 border-style: none;
 overflow: hidden;
}

#wrapper {
 width: 980px;
 margin: 0 auto;
 background-color: #fff;
}

#masthead {
 z-index: 10;
 height: 174px;
 background: #e4002d;
 overflow: hidden
}

.site-branding {
 float: left;
 padding-top: 10px;
 margin-left: 20px;
 height: 150px;
 width: 250px;
}

#frontpix {
 z-index: 50;
 position: relative;
 height: 350px;
 overflow: hidden;
}

#des-outline {
 width: 785px;
 margin-left: 195px;
 top: -140px;
 position: absolute;
 z-index: 4;
}

#secondary ul {
 list-style: none;
 margin-left: -65px;
 font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
 text-transform: uppercase;
}

#secondary li {
 float: left;
 display: block;
 list-style: none;
}

#sogefelt {
 float: right;
 margin-right: 30px;
}

#secondary-menu {
 float: right;
 height: 150px;
 display: block;
}

#secondary-menu ul {
 list-style: none;
 font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
 text-transform: uppercase;
}

#secondary-menu ul li {
 float: left;
 height: 28px;
 padding: 5px 0;
 border-right: 2px solid white;
}

#secondary-menu li a {
 margin-top: 10px;
 padding: 20px;
 color: #fff;
}

#secondary-menu li a:hover {
 text-decoration: none;
 color: #9f8975;
}

#secondary-menu li.current_page_item>a,
#secondary-menu li.current-menu-item>a,
#secondary-menu li.current_page_ancestor>a,
#secondary-menu li.current-menu-ancestor>a {
 color: #000;
 background-color: #fff;
}

#primary-menu {
 position: relative;
 display: block;
 z-index: 25;
 float: left;
 margin-left: 25px;
 display: block;
}

#primary-menu ul {
 list-style: none;
 margin-left: -65px;
 font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
 font-size: 15px;
 text-transform: uppercase;
}

#primary-menu li {
 float: left;
 display: block;
 list-style: none;
}

#primary-menu li a {
 padding: 5px 10px;
 margin-right: 5px;
 background-color: #c40018;
 color: #fff;
}

#primary-menu li a:hover {
 background-color: #9f8975;
 text-decoration: none;
 color: #fff;
}

#primary-menu li.current_page_item>a,
#primary-menu li.current-menu-item>a,
#primary-menu li.current_page_ancestor>a,
#primary-menu li.current-menu-ancestor>a {
 padding: 5px 10px 6px 10px;
 color: #000;
 background-color: #fff;
}

#secondary {
 margin-top: 35px;
 float: left;
 width: 295px;
 padding: 10px 15px 20px 10px;
 overflow: hidden;
}

#primary {
 float: right;
 width: 690px;
 border-left: 1px solid #cdcdcd;
 padding: 0px 30px 30px 30px;
 overflow: hidden;
 margin: 35px 0 0 -5px;
}

#primary a:link,
#primary a:visited {
 color: #dc0000;
}

#content td {
 padding: 12px 0;
 border-collapse: separate;
 vertical-align: top;
}

#content tr {
 border-bottom: 1px solid #ccc;
}

#primary ul {
 margin-left: -20px;
}

#primary ul li {
 margin-bottom: 5px;
 line-height: 18px;
}

#holder {
 width: 650px;
}

.children {
 float: left;
 width: 285px;
 margin-right: 40px;
}

.children:nth-child(even) {
 margin-right: 0px;
}

#colophon {
 margin: 0 25px;
 border-top: 5px solid #cdcdcd;
 padding: 0 0 30px 0;
}

#footer-left {
 float: left;
 width: 285px;
}

#footer-right {
 float: right;
 width: 635px;
}

#colophon a:link,
#colophon a:visited {
 color: #dc0000;
}

.more-link {
 display: inline-block;
 padding: 3px 0;
 font: 12px /18px 'open_sansbold', Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 color: #fff;
 background-color: #dc0000;
}

.more-link:hover {
 background-color: #9f8975;
 text-decoration: none;
}

.event ul li {
 margin-left: -20px;
}

.event ul li {
 list-style: none;
}


/*--------------------------------------------------------------
## Submenu
--------------------------------------------------------------*/

#secondary ul {
 margin-left: -35px;
 list-style: none;
 font: 12px /18px 'open_sansbold', Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 line-height: 1.3em;
}


/* indryk*/

#secondary li {
 margin-left: 10px;
 width: 240px;
}


/* Første punkt - større typografi + afstand*/

#secondary>ul>li {
 font-size: 15px;
 margin-bottom: 10px;
}


/* Afstand mellem første punkt og dettes underpunkter*/

#secondary>ul>li>ul {
 margin-top: 4px;
}


/* Afstand mellem punkter*/

#secondary ul>li li {
 margin-top: 5px;
}

#secondary a,
a:visited {
 color: #333;
}

#secondary a:hover {
 color: #dc0000;
 text-decoration: none;
}

#secondary .sel {
 color: #dc0000;
}


/*--------------------------------------------------------------
## Submenu - uden children
--------------------------------------------------------------*/

#secondary-alt {
 margin-top: 35px;
 float: left;
 width: 295px;
 padding: 10px 15px 20px 10px;
 overflow: hidden;
}

#secondary-alt ul {
 margin-left: -35px;
 list-style: none;
 font: 12px /18px 'open_sansbold', Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 line-height: 1.3em;
}


/* indryk*/

#secondary-alt li {
 margin-left: 10px;
 width: 100%;
}


/* Første punkt - større typografi + afstand*/

#secondary-alt>ul>li {
 font-size: 15px;
 margin-bottom: 10px;
}


/* Afstand mellem første punkt og dettes underpunkter*/

#secondary-alt>ul>li>ul {
 margin-top: 9px;
}


/* Afstand mellem punkter*/

#secondary-alt ul>li li {
 margin-top: 5px;
}

#secondary-alt ul li ul li ul li {
 display: none;
}

#secondary-alt ul li ul li ul li ul li {
 display: none;
}

#secondary-alt a,
a:visited {
 color: #333;
}

#secondary-alt a:hover {
 color: #dc0000;
 text-decoration: none;
}

#secondary-alt .sel {
 color: #dc0000;
}


/*--------------------------------------------------------------
## Typografi
--------------------------------------------------------------*/

h1 {
 font-weight: 700;
 margin-top: 5px;
 font: 35px/37px 'univers_67_condensedbold', Arial, Helvetica, sans-serif;
 text-transform: uppercase;
}

h2 {
 font-weight: 700;
 margin: 0;
 padding: 10px 0 10px 0;
 font: 28px/32px 'univers_67_condensedbold', Arial, Helvetica, sans-serif;
 text-transform: uppercase;
}

h3 {
 margin: 0 0 8px;
 font: 22px/24px 'univers_67_condensedbold', Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 padding: 10px 0 0px 0;
 color: #9f8975;
}

h4 {
 font: 18px/22px 'univers_67_condensedbold', Arial, Helvetica, sans-serif;
 margin-bottom: 3px;
 text-transform: uppercase;
}

h5 {
 margin: 0;
 font-size: 14px;
 line-height: 19px;
}

p {
 margin: 0;
 padding: 0 0 11px 0;
 line-height: 20px;
}

#primary blockquote {
 margin: 20px 0;
}

#primary blockquote a:link,
#primary blockquote a:visited {
 font: 20px/20px 'univers_67_condensedbold', Arial, Helvetica, sans-serif;
 padding: 10px;
 text-decoration: none;
 background-color: #dc0000;
 color: #fff;
 text-transform: uppercase;
}

#primary blockquote a:hover {
 background-color: #9f8975;
}

.childpages {
 padding-left: 20px;
 list-style-type: none;
}

.third {
 float: left;
 padding: 20px 30px;
 width: 33%;
 text-align: center;
}

.third h3 {
 font-size: 16px;
 line-height: 17px;
}


/*--------------------------------------------------------------
## Formularer
--------------------------------------------------------------*/

.wpforms-form button[type=submit] {
 font-family: 'univers_67_condensedbold', Arial, Helvetica, sans-serif;
 font-size: 20px !important;
 padding: 10px;
 text-transform: uppercase;
 background-color: #dc0000 !important;
 color: #fff !important
}

.wpforms-form button[type=submit]:hover {
 background-color: #9f8975 !important;
 color: #fff !important
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea textarea {
 width: 400px;
}

.mailchimp input[type=submit] {
 font-family: 'univers_67_condensedbold', Arial, Helvetica, sans-serif;
 font-size: 20px !important;
 padding: 10px;
 text-transform: uppercase;
 background-color: #dc0000 !important;
 color: #fff !important
}

.mailchimp input[type=submit]:hover {
 background-color: #9f8975 !important;
 color: #fff !important
}

.mailchimp input[type=email],
.mailchimp input[type=text] {
 padding: 10px;
 height: 40px;
 font-size: 16px;
}


/*--------------------------------------------------------------
## Formularer
--------------------------------------------------------------*/

#searchform {
 height: 28px;
 padding: 0;
 background: #fff;
}

.searchform input {
 background: none;
 border-style: none;
 padding: 0;
 float: left;
 position: relative;
 z-index: 3;
}

.searchform label {
 display: none;
 border: 0;
}

#searchform #s {
 border: none !important;
}

.searchform .text {
 height: 15px;
 padding: 10px 0px;
 border: 0px;
 width: 208px;
 overflow: hidden;
 font: 13px/15px 'open_sansregular', Arial, Helvetica, sans-serif;
 color: #222;
}

.searchform .form-actions {
 float: right;
}

#searchsubmit {
 width: 30px;
 height: 30px;
 border: none !important;
 margin-top: -5px;
 background: url(img/search-btn.png) no-repeat 5px 8px;
 background-color: #fff;
 cursor: pointer;
}

/*--------------------------------------------------------------
## Responsive layout (DES 2026)
--------------------------------------------------------------*/

html,
body {
 overflow-x: hidden;
}

#wrapper {
 width: 100%;
 max-width: 980px;
}

#masthead {
 position: relative;
 height: 174px;
 overflow: visible;
}

.site-branding img {
 width: 100%;
 height: auto;
}

#sogefelt {
 position: absolute;
 top: 10px;
 right: 30px;
 float: none;
 margin: 0;
}

#secondary-menu {
 position: absolute;
 top: 42px;
 right: 10px;
 float: none;
 height: auto;
}

#secondary-menu ul,
#primary-menu ul {
 margin: 0;
 padding: 0;
}

#site-navigation {
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 float: none;
 width: 100%;
}

#primary-menu {
 float: none;
 margin: 0 25px;
}

#primary-menu ul {
 display: flex;
 flex-wrap: wrap;
 gap: 5px;
}

#primary-menu li a {
 display: block;
 margin-right: 0;
}

#frontpix > .wp-post-image {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

#des-outline {
 right: 0;
 left: auto;
 width: 80.1%;
 margin-left: 0;
}

#primary,
#secondary,
#secondary-alt,
#footer-left,
#footer-right {
 box-sizing: border-box;
}

#primary {
 width: 70.4%;
}

#secondary,
#secondary-alt {
 width: 29.6%;
}

#holder {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 30px 40px;
 width: 100%;
}

.children,
.children:nth-child(even) {
 float: none;
 width: auto;
 margin-right: 0;
}

.section-divider {
 height: 5px;
 margin: 2.5rem 0;
}

#footer-left {
 width: 31%;
}

#footer-right {
 width: 69%;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea textarea,
.wpforms-form input,
.wpforms-form select,
.mailchimp input[type=email],
.mailchimp input[type=text] {
 max-width: 100%;
}

#searchform {
 width: 238px;
 max-width: 100%;
}

.searchform-inner {
 display: flex;
 width: 100%;
}

#searchform #s {
 flex: 1 1 auto;
 min-width: 0;
 padding: 5px 8px;
}

#searchsubmit {
 flex: 0 0 30px;
 margin-top: 0;
 padding: 0;
}

#content table {
 display: block;
 max-width: 100%;
 overflow-x: auto;
}

.entry-content,
.entry-summary,
.widget,
.widget * {
 overflow-wrap: anywhere;
}

@media screen and (max-width: 900px) {
 body,
 button,
 input,
 select,
 optgroup,
 textarea {
  font-size: 12px;
  line-height: 17px;
 }

 h1 {
  font-size: 28px;
  line-height: 31px;
 }

 h2 {
  font-size: 23px;
  line-height: 26px;
 }

 h3 {
  font-size: 19px;
  line-height: 22px;
 }

 h4 {
  font-size: 16px;
  line-height: 20px;
 }

 p,
 #primary ul li {
  line-height: 18px;
 }

 #primary-menu {
  margin: 0 15px;
 }

 #primary-menu ul {
  font-size: 13px;
 }

 #secondary-menu ul {
  font-size: 12px;
 }

 #secondary ul,
 #secondary-alt ul {
  font-size: 11px;
 }

 #primary-menu li a {
  padding-right: 7px;
  padding-left: 7px;
 }

 #primary {
  width: 68%;
  padding-right: 24px;
  padding-left: 24px;
 }

 #secondary,
 #secondary-alt {
  width: 32%;
 }

 #frontpix {
  height: clamp(240px, 35.7vw, 350px);
 }

 #footer-left {
  width: 30%;
 }

 #footer-right {
  width: 70%;
 }

 .third {
  padding-right: 15px;
  padding-left: 15px;
 }
}

@media screen and (max-width: 700px) {
 html {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
 }

 body {
  background-color: #fff;
  font-size: 6px;
  line-height: 9px;
 }

 button,
 input,
 select,
 optgroup,
 textarea,
 #secondary ul,
 #secondary-alt ul {
  font-size: 6px;
 }

 h1 {
  font-size: 10px;
  line-height: 12px;
 }

 h2 {
  font-size: 9px;
  line-height: 11px;
 }

 h3 {
  font-size: 8px;
  line-height: 10px;
 }

 h4 {
  font-size: 7px;
  line-height: 9px;
 }

 p,
 #primary ul li {
  line-height: 9px;
 }

 .more-link {
  font-size: 6px;
  line-height: 9px;
 }

 #primary blockquote a:link,
 #primary blockquote a:visited {
  font-size: 9px;
  line-height: 11px;
 }

 .third h3,
 #colophon h3 {
  font-size: 9px;
  line-height: 11px;
 }

 #secondary > ul > li,
 #secondary-alt > ul > li {
  font-size: 7px;
 }

 #masthead {
  height: auto;
  min-height: 0;
 }

 .site-branding {
  float: none;
  width: min(250px, 70%);
  height: auto;
  margin-left: 0;
  padding: 12px 16px;
 }

 #sogefelt {
  position: static;
  width: auto;
  margin: 0 16px 12px;
 }

 #searchform {
  width: 100%;
 }

 #secondary-menu {
  position: static;
  border-top: 1px solid rgba(255, 255, 255, .35);
 }

 #secondary-menu ul {
  display: flex;
  flex-wrap: wrap;
 }

 #secondary-menu ul li {
  float: none;
  height: auto;
  padding: 0;
 }

 #secondary-menu li a {
  display: block;
  margin-top: 0;
  padding: 6px 12px;
  font-size: 7px;
 }

 #site-navigation {
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
 }

 .menu-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 8px 12px;
  background: #c40018;
  color: #fff;
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
  font-size: 7px;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
 }

 .menu-toggle:hover,
 .menu-toggle:focus {
  background: #9f8975;
 }

 .menu-toggle-icon,
 .menu-toggle-icon::before,
 .menu-toggle-icon::after {
  display: block;
  width: 20px;
  height: 2px;
  background: currentColor;
 }

 .menu-toggle-icon {
  position: relative;
 }

 .menu-toggle-icon::before,
 .menu-toggle-icon::after {
  position: absolute;
  left: 0;
  content: '';
 }

 .menu-toggle-icon::before {
  top: -6px;
 }

 .menu-toggle-icon::after {
  top: 6px;
 }

 #primary-menu {
  float: none;
  margin: 0;
 }

 #primary-menu ul {
  display: none;
  gap: 0;
 }

 #site-navigation.toggled #primary-menu ul {
  display: block;
 }

 #primary-menu li {
  float: none;
  width: 100%;
 }

 #primary-menu li a,
 #primary-menu li.current_page_item > a,
 #primary-menu li.current-menu-item > a,
 #primary-menu li.current_page_ancestor > a,
 #primary-menu li.current-menu-ancestor > a {
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, .3);
  padding: 8px 12px;
  font-size: 7px;
 }

 #frontpix {
  height: auto;
  min-height: 180px;
 }

 #frontpix > .wp-post-image {
  min-height: 180px;
  object-fit: cover;
 }

 #des-outline {
  top: auto;
  bottom: 0;
 }

 #primary,
 #secondary,
 #secondary-alt {
  float: none;
  width: 100%;
  margin: 0;
  border-left: 0;
  padding: 18px 10px;
 }

 #content,
 #content p,
 #content li,
 #content a,
 #colophon,
 #colophon p,
 #colophon li,
 #colophon a {
  font-size: 6px !important;
  line-height: 9px !important;
 }

 #content h1,
 #content h1 a {
  font-size: 10px !important;
  line-height: 12px !important;
 }

 #content h2,
 #content h2 a,
 #colophon h2,
 #colophon h2 a {
  font-size: 9px !important;
  line-height: 11px !important;
 }

 #content h3,
 #content h3 a,
 #colophon h3,
 #colophon h3 a {
  font-size: 8px !important;
  line-height: 10px !important;
 }

 #secondary,
 #secondary-alt {
  border-top: 1px solid #cdcdcd;
 }

 #secondary ul,
 #secondary-alt ul,
 #primary ul {
  margin-left: 0;
  padding-left: 20px;
 }

 #secondary li,
 #secondary-alt li {
  float: none;
  width: auto;
  margin-left: 0;
 }

 #holder {
  grid-template-columns: 1fr;
  gap: 24px;
 }

 #colophon {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 20px;
 }

 #footer-left,
 #footer-right {
  float: none;
  width: 100%;
 }

 #footer-right {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
 }

 .third {
  float: none;
  width: auto;
 }

 .alignleft,
 .alignright {
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
 }
}

@media screen and (max-width: 480px) {
 #secondary-menu ul li {
  flex: 1 1 50%;
  border-right: 0;
 }

 #secondary-menu li a {
  padding-right: 12px;
  padding-left: 12px;
  text-align: center;
 }

 #primary,
 #secondary,
 #secondary-alt {
  padding-right: 10px;
  padding-left: 10px;
 }

 #footer-right {
  grid-template-columns: 1fr;
 }

 .third {
  padding: 12px 0;
 }

 div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea textarea {
  width: 100%;
 }
}

/*--------------------------------------------------------------
## WordPress menu hierarchy (DES 2026 2.0.5)
--------------------------------------------------------------*/

/* Only the root list is a horizontal flex row. WordPress child lists retain
   their hierarchy and open as dropdowns on desktop/tablet. */
#primary-menu > ul {
 display: flex;
 flex-wrap: wrap;
 gap: 5px;
}

#primary-menu ul ul {
 display: block;
 position: absolute;
 top: 100%;
 left: -999em;
 min-width: 210px;
 margin: 0;
 padding: 0;
 background: #c40018;
 box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
}

#primary-menu ul ul ul {
 top: 0;
 left: -999em;
}

#primary-menu li:hover > ul,
#primary-menu li.focus > ul {
 left: 0;
}

#primary-menu ul ul li:hover > ul,
#primary-menu ul ul li.focus > ul {
 left: 100%;
}

#primary-menu ul ul li {
 float: none;
 width: 100%;
}

#primary-menu ul ul li a,
#primary-menu ul ul li.current_page_item > a,
#primary-menu ul ul li.current-menu-item > a,
#primary-menu ul ul li.current_page_ancestor > a,
#primary-menu ul ul li.current-menu-ancestor > a {
 display: block;
 width: auto;
 margin: 0;
 border-top: 1px solid rgba(255, 255, 255, .3);
 padding: 8px 12px;
 white-space: normal;
}

@media screen and (max-width: 700px) {
 #primary-menu > ul,
 #site-navigation.toggled #primary-menu > ul {
  display: none;
 }

 #site-navigation.toggled #primary-menu > ul {
  display: block;
 }

 #primary-menu ul ul,
 #primary-menu ul ul ul,
 #primary-menu li:hover > ul,
 #primary-menu li.focus > ul,
 #primary-menu ul ul li:hover > ul,
 #primary-menu ul ul li.focus > ul {
  position: static;
  display: block;
  width: auto;
  min-width: 0;
  margin: 0;
  box-shadow: none;
 }

 #primary-menu ul ul a,
 #primary-menu ul ul li.current_page_item > a,
 #primary-menu ul ul li.current-menu-item > a,
 #primary-menu ul ul li.current_page_ancestor > a,
 #primary-menu ul ul li.current-menu-ancestor > a {
  padding-left: 24px;
  background: #ab0015;
 }

 #primary-menu ul ul ul a,
 #primary-menu ul ul ul li.current_page_item > a,
 #primary-menu ul ul ul li.current-menu-item > a {
  padding-left: 36px;
  background: #920012;
 }
}