h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; line-height: 20px; font-weight: 600; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 20px; font-weight: 400; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 18px; font-weight: 600; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400;  }body { background: #ffffff url('/files/body-bg.jpg') no-repeat fixed center center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 18px; font-weight: 400; }
a:link { text-decoration: underline; color: #2b367f; font-weight: 400; }
a:visited { text-decoration: underline; color: #2b367f; font-weight: 400; }
a:active { text-decoration: underline; color: #2b367f; font-weight: 400; }
a:hover { text-decoration: none; color: #2b367f; font-weight: 400; }
a:focus { text-decoration: none; color: #2b367f; font-weight: 400; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:none; }
.navbar-default .navbar-toggle .glyphicon {color: #004eb5;}
.navbar-default .navbar-toggle .icon-bar {background-color: #004eb5;}.navbar-default .navbar-nav>li a { color:#004eb5; text-decoration:undereline; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
#page .container { max-width:1170px; }
/* GDPR */
body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;}
body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;}
body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;}
body .CookieDeclarationTableCell {padding: 9px 5px;}
body #CybotCookiebotDialogPoweredbyLink {display: none;}
body #CybotCookiebotDialogBodyContent {float: left; padding: 5px 0 18px 5px;}
body .CookieDeclarationTypeDescription {font-size: 13px !important;}
body #CybotCookiebotDialogBodyButtons {float: right; padding-left: 20px; padding-top: 6px;}
body #CybotCookiebotDialogBodyButtonAccept {background-color: #006633; border: 1px solid #006633; font-weight: bold; border-radius: 20px; line-height: 1 !important; padding: 4px 10px 6px !important; float: right; font-size: 14px;}
body form.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {width: auto !important; margin: 5px 10px 10px 0 !important;}
#page {overflow-x: hidden;}

#content ul {
   list-style: outside;
   margin-left: 2em;
   margin-bottom: 15px;
}


form.wpcf7-form input[type="checkbox"] {width: 12px; float: left;}

::-webkit-input-placeholder {
color: #000; font-weight:bold;
}
:-moz-placeholder { /* Firefox 18- */ 
color: #000; font-weight:bold;
}
::-moz-placeholder { /* Firefox 19+ */
color: #000; font-weight:bold;
}
:-ms-input-placeholder {
color: #000; font-weight:bold;
}





.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
img.alignleft {
    padding: 0px;
    margin: 0 10px 2px 0;
    display: inline;
}

.alignleft {
    float: left;
}

img.alignright {
    padding: 0px;
    margin: 0 0 2px 15px;
    display: inline;
}

.alignright {
    float: right;
}

body img {max-width:100%;height:auto;}
body p, body li, body td, body dd, body label {font-size:14px; line-height:22px;font-family: Lato, sans-serif;color:#000;font-weight:400;}
body h1 { font-size:48px ; line-height:56px ;font-family: Lato, sans-serif;font-weight:300;color:#2b367f;margin:0 0 15px 0;}
body h2 { font-size:24px ; line-height:32px ;font-family: Lato, sans-serif;font-weight:400;color:#000;clear:both}
body h3 { font-size:16px ; line-height:22px ;font-family: Lato, sans-serif;font-weight:400;color:#000;margin-bottom:10px;}
body h4 { font-size:18px ; line-height:22px ;font-family: Lato, sans-serif;font-weight:700;color:#000;margin-bottom:10px;}


/* WHITE BG */
body .container {background:#fff; padding: 0 15px;}
body {background-size:cover; background-position: top center; margin: 20px 0;}

/* HEADER */
#header .container {border-top-left-radius: 10px; border-top-right-radius: 10px; position:relative; z-index:100; overflow:hidden;}
#header .container::after  {content:"";position:absolute;height:14px;background:blue;background: #2b367f; display:block; width:98%; top:38px;z-index:-10;}
#header .logoholder {margin-top:10px; position:relative;}




/* TOP */
#top .container{position:relative;}
#top .container::after {content:"";position:absolute;background:#2b367f;height:1px;width:98%; top:42px;}

#top .menu ul li a {font-family:Lato,sans-serif;font-size:13px;margin-right:5px;line-height:26px;color:#2b367f;text-decoration:none; text-transform:uppercase; position:relative;transition:0.4s;}


#top .menu ul li a::after {content:"";position:absolute;width:80%;left:0;right:0;margin:0 auto;background:#2b367f;height:3px; bottom:14px; opacity:0; transition:0.4s; display:inline-block;}
#top .menu ul li a:hover::after {opacity:1;}

#top .menu ul li.active > a::after {opacity:1;}


#top .navbar-nav>li>.dropdown-menu {background-color: #2b367f;}
#top .navbar-nav>li>.dropdown-menu  a {color:#fff;text-transform:uppercase;}
#top .navbar-nav>li>.dropdown-menu  a:hover::after {opacity:0;}
#top .navbar-nav>li>.dropdown-menu  a:hover {background:#979aaa;}
#top .navbar-nav>.current-page-parent>a::after{opacity:1;}
#top .navbar-nav>li>.dropdown-menu .current_page_item > a::after {opacity:0;}
#top .navbar-nav>li>.dropdown-menu .current_page_item > a {font-weight:bold;}
.dropdown-menu {padding:0;}
.dropdown-menu>li>a {padding:5px; display:block;width:100%;}

#top .navbar-nav>li>.dropdown-menu  a:hover {background:#505894;}
.dropdown-menu>.active>a {background:#505894 !important;}




/* Content */
#main .margin-top {margin: 135px 0 50px;}
#main ul.web-sub-links {list-style:none;}
#main ul.web-sub-links li a {text-transform:uppercase; text-decoration:none;color:#fff;background:#2b367f; padding: 10px 12px; display: inline-block; border-radius: 5px; transition:0.4s;-webkit-transition:0.4s; margin-top:10px;width:60%;}






/* SIDEBAR WIDGETS */
#inside-slider div.wpb_widgetised_column {width:100%;}
div.wpb_widgetised_column {width:96%;}
div#text-2 {background:url("/files/left-widget-bg.png") top right no-repeat #2b367f; padding: 30px 15px;}
div#text-2 p a {color:#fff; font-size:18px; text-decoration:none;}

div#text-2 h4 {color:#fff;}

div#text-3 {border: 1px solid black; padding: 30px 15px; margin-top: 15px;}
div#text-3 ul {list-style:none;}
div#text-3 ul li i {color:#2b367f; font-size:16px;}
div#text-3 ul li {font-size:16px;}
div#text-3 p {text-align:center;}
div#text-3 a {text-transform:uppercase; text-decoration:none;color:#fff;background:#2b367f; padding: 10px 40px; display: inline-block; border-radius: 5px; transition:0.4s;-webkit-transition:0.4s;}
div#text-3 a:hover {background:#4a5289;}

div#text-4 {padding: 30px 15px; background:#2b367f; margin-top: 15px;}
div#text-4 h4, div#text-4 p, div#text-4 p a {color:#fff;}

div#text-5 {background:url("/files/webshop-bg.png") top right no-repeat #2b367f; margin-bottom: 15px; height:114px;}
div#text-5 p a {color:#fff; font-size:18px; text-decoration:none; display: block; line-height: 84px; padding: 15px;}


/* Footer */
#footer .container {background:#000; text-align:center; padding:10px 0;}
#footer div.cms-FB {display:block;margin:0;}
#footer div.cms-FB a {color:#fff;text-decoration:none;}
#footer div.cms-SP {color:#fff; float:none;}


#footer div.cms-IG {display:block;margin:0;}
#footer div.cms-IG a {color:#fff;text-decoration:none;}



.cms-icons div {

font-size: 14px;
}

a.produkt-title, a.shop {color:#000;text-decoration:none;}
a.produkt-title {font-weight:bold;}
a.produkt-title:hover, a.shop:hover {text-decoration:underline;}
a.shop {display:inline-block;margin-top:10px; font-size:18px;}


/* FORM */
form.wpcf7-form input[type="submit"] {background:#2b367f;border:1px solid transparent;transition:0.4s;}
form.wpcf7-form input[type="submit"]:hover {background:#fff;color:#2b367f;border:1px solid #2b367f;}

/* Media queries */


@media only screen and (max-width: 1200px) {
#top .menu ul li a {margin-right:1px;padding-right:5px; font-size:12px;}
}


@media only screen and (max-width: 992px) {
#top .menu ul li a {margin-right: 0px; padding-right: 2px; font-size: 12px; text-transform: initial;}
#top .menu ul li a::after {position:relative;bottom:16px;width:100%;}
div.wpb_widgetised_column {width:100%;}
body h4 {font-size:13px;}
#text-6 {overflow:hidden;}
div#text-3 a {padding:10px 13px; font-weight:bold;font-size:10px;}
 img.alignright {width:40%;}
body h1 {font-size:38px; line-height:44px;}
#main ul.web-sub-links li a {width:100%;font-size:13px;}
body.page-id-155 img.alignright {margin-top:35px;}
div#text-3 ul li {font-size:14px;}
ul#menu-main {margin-bottom:-20px;}
}


@media only screen and (max-width: 790px) {
body .vc_row {margin-left:0;margin-right:0;}
}

@media only screen and (max-width: 767px) {

body #CybotCookiebotDialogBodyButtons {max-width: 35%;}
body #CybotCookiebotDialogBodyContent {max-width: 60%;}

/* MENU */
button.navbar-toggle {height:41px;width:36px; padding: 9px 6px;}
 /* div.navbar-header {overflow:hidden;} */
#navbar-collapse-2 {padding:0; overflow-x:hidden;}
#top .navbar-default .navbar-collapse, .navbar-default .navbar-form  { border-color: transparent!important;}
#top .navbar-nav { float:left;margin-bottom:15px;box-shadow:none;}
#top .navbar-nav li { float:left;width:100%;}
#top .menu ul  { width:100%;float:left;text-align:left;margin:0;}

#top .menu ul  li a { border-radius:0;margin:0 ;font-size:16px;line-height:10px;padding-left:15px;display:block; padding-right:15px;}

#top .menu ul ul  li a { border-radius:0;margin: 0;font-size:13px;line-height:20px;padding-left:20px}
#top .menu ul li a::after {bottom:5px;}

#header .navbar-collapse { padding-left:0;padding-right:0;}
.navbar-toggle { margin-top:15px;margin-bottom:10px}
.navbar-toggle.modalsearch {margin-left:15px;}
.navbar-default .navbar-toggle .glyphicon { color:#2b367f;}
.navbar-default .navbar-toggle .icon-bar { color:#2b367f;}

.navbar-collapse.in { overflow-y: unset;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:transparent!important;padding-top:0;bordeR:none;box-shadow:none;}
#top .icon-bar { background-color:#2b367f;}
#top  .navbar-toggle:hover .icon-bar{  background-color:#fff; }
#top  .navbar-toggle:hover { background:#2b367f;}
#top  .navbar-toggle:focus .icon-bar{  background-color:#fff; }
#top  .navbar-toggle:focus { background:#2b367f;}
#top  .navbar-toggle:hover .glyphicon {  color:#fff; }
#top  .navbar-toggle:focus .glyphicon {  color:#fff; }
#top .navbar-toggle:last-child {padding: 13px 10px;;}

.navbar-default .navbar-toggle { border-color:#2b367f;background:#fff;}
h4.modal-title { color:#2b367f;}

.modal-content { position:relative;z-index:999;}
.navbar-collapse {z-index:99;}




#header .logoholder {width:100%;text-align:center;}




body .container { padding: 0 0px;}
#header .container {border-top-left-radius: 0px; border-top-right-radius: 0px;}
#top .container::after {display:none;}
body h1 {font-size:42px;}
body h4 {font-size:24px;}
body.page-id-71 h4 {font-size:20px;}
div#text-3 p {text-align:left;}
div#text-3 a {padding:10px 40px; font-size:14px;}
div#text-6 {overflow:visible; text-align:center;}
img.alignright {width:15%;}
.vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item{width:50%;float:left;}
#content ul {margin-left:0;}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {font-size:18px;}
ul#menu-main {margin-bottom:0px;}
body {margin:0;}
#header .container::after {display:none;}

} /* end of 767px media */

@media only screen and (max-width: 640px) {
	

}

@media only screen and (max-width: 480px) {
img.alignright {width:45%;margin:10px;}
body.page-id-77 h1 {font-size:32px;}
body h1 {font-size:29px;line-height:30px;}
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {

}


.button {
    background-color: #959BBF; 
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
border-radius: 10px;
}

/* webbshop */
:root { --shop-accent: #2b367f; }
.frm_forms .frm_form_field:has(> .shop-produkt) { margin: 28px 0 0; padding: 22px 22px 8px; background: #f6f6f6; border: 1px solid #e2e2e2; border-bottom: 0; border-radius: 12px 12px 0 0; }
.frm_forms .frm_form_field:has(> .shop-produkt):first-of-type { margin-top: 10px; }
.shop-produkt { display: flex; gap: 22px; align-items: flex-start; }
.shop-produkt > img, .shop-produkt > p > img { flex: none; box-sizing: border-box; width: 140px; height: 140px; padding: 8px; object-fit: contain; background: #fff; border-radius: 8px; }
.shop-produkt > p:empty { display: none; }
.shop-text { flex: 1; min-width: 0; }
.shop-text h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; }
.shop-text p { margin: 0 0 8px; }
.shop-text .shop-pris-text { margin: 12px 0 0; font-size: 20px; font-weight: bold; color: var(--shop-accent); }
.frm_forms .frm_form_field.shop-pris { display: none; }
.frm_forms .frm_form_field.shop-variant, .frm_forms .frm_form_field.shop-antal { margin: 0; padding: 4px 22px 14px; background: #f6f6f6; border: 1px solid #e2e2e2; border-top: 0; border-bottom: 0; }
.frm_forms .frm_form_field.shop-antal { padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; border-radius: 0 0 12px 12px; display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.frm_forms .frm_form_field.shop-variant { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.frm_forms .shop-antal .frm_primary_label, .frm_forms .shop-variant .frm_primary_label { margin: 0; padding: 0; }
.frm_forms .shop-antal > div, .frm_forms .shop-variant > div { background: none; }
.frm_forms .shop-antal input { width: 90px !important; text-align: center; }
.frm_forms .shop-variant select { width: auto !important; min-width: 140px; }
.frm_forms .frm_form_field.shop-totalt { margin: 28px 0; padding: 18px 22px; border-radius: 12px; background: var(--shop-accent); color: #fff; display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: bold; }
.frm_forms .shop-totalt .frm_primary_label, .frm_forms .shop-totalt * { margin: 0; padding: 0; color: inherit !important; font-size: inherit; background: none; border: 0; }
.frm_forms.with_frm_style .frm_submit button, .frm_forms.with_frm_style .frm_submit input[type="submit"] { padding: 14px 36px; font-size: 16px; font-weight: bold; background: var(--shop-accent) !important; color: #fff !important; border: 0 !important; border-radius: 8px; }
.frm_forms.with_frm_style .frm_submit button:hover, .frm_forms.with_frm_style .frm_submit input[type="submit"]:hover { filter: brightness(1.15); }
.frm_forms .shop-totalt > * { display: flex; align-items: center; line-height: 1.2; }
@media (max-width: 600px) {
  .frm_forms .frm_form_field:has(> .shop-produkt) { padding: 16px 16px 6px; }
  .shop-produkt { flex-direction: column; gap: 12px; }
  .shop-produkt > img, .shop-produkt > p > img { width: 110px; height: 110px; }
  .frm_forms .frm_form_field.shop-variant, .frm_forms .frm_form_field.shop-antal { padding-left: 16px; padding-right: 16px; }
}
/* /webbshop */
