/*
  Theme Name: Imperial
  Theme URL: https://bootstrapmade.com/imperial-free-onepage-bootstrap-template/
  Author: BootstrapMade
  Author URL: https://bootstrapmade.com
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@font-face {
    font-family: 'ralewayblack';
    src: url('../fonts/raleway-black-webfont.woff2') format('woff2'),
         url('../fonts/raleway-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight_italic';
    src: url('../fonts/raleway-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/raleway-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --red: rgb(194,66,54);
    --green: rgb(171,194,54);
    --blue: rgb(54,135,194);
    --lightbrown: rgb(194,184,150);
}


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*:focus {
    outline: none;
}



body {
  background: #fff;
  color: rgb(75,75,75);
  font-family: "ralewaymedium", sans-serif;
  font-size:14px;
}

a {
  color: var(--red);
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: var(--blue);
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 10px 0;
  line-height:1.5;
    font-size:14px;
}

ul, li {
  margin: 0 0 10px 0;
  list-style-position: inside;
  padding:0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}
h1 {
  font-family: "ralewayblack", sans-serif;
}
h2 {
  font-family: "ralewayblack", sans-serif;
  margin: 0 0 20px 0;
  padding: 0;
}
h3 {
  font-family: "ralewaylight", sans-serif;
  margin: 0 0 20px 0;
  padding: 0;
}

h4 {
font-family: "ralewayblack", sans-serif;
}
h5 {
    font-family: "ralewaylight_italic", sans-serif;
}

td, th, tr{
  vertical-align:top;
}
@media (max-width: 768px) {
p, ul, li, h1, h2, h3, h4, h5, h6 {
padding: 0 8px 0px 8px;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 16px;
margin-bottom:16px;
}
}

.btn-default{
border-radius:0;
background:white;
border:6px solid var(--red);
  font-family: "ralewayblack", sans-serif;
  color: var(--red);
  width:100%;
}
.btn-default:hover{
background:var(--red);
 border:6px solid var(--red);
 color: white;
    transition: 0.4s;

}    
/* Prelaoder */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../img/preloader.svg") no-repeat center center;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: var(--red);
  color: #fff;
}

/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
#hero {
  display: table;
  width: 100%;
  height: 100vh;
  }

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #hero {height: 70vh;}
}

#hero .hero-container {
  display: block;
  position:relative;
  width: 100%;
  height: 80vh;
  overflow:hidden;
  background-image:url(../img/bbs-front3.jpg);
  background-size: cover;
  background-position:center center;
}
.herotekst {
position:absolute;
top:50%;
left:10%;
}
.herotekst h2{
font-family:"ralewaylight_italic";
font-size:2.2em;
color:white;
line-height:1.5em;
}
.bbslogo{
position:relative;
z-index:9;
margin-left:3em;
margin-top:-3.5em;
width:7em;
height:7em;
background-image:url(../img/bbslogo.png);
background-size:cover;
background-position:center center;
  -webkit-animation-name: bbslogo; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: .5s; /* Safari 4.0 - 8.0 */
    animation-delay: 1.5s;
    animation-iteration-count:1;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes bbslogo {
  0%   {  transform: rotate(0deg);}
  50%   {  transform: rotate(20deg);}
  100%   {  transform: rotate(0deg);}
}

/* Standard syntax */
@keyframes bbslogo {
  0%   {  transform: rotate(0deg);}
  50%   {  transform: rotate(20deg);}
  100%   {  transform: rotate(0deg);}
}

@media (max-width: 992px) {
.herotekst h2{
font-size:1.5em;
padding:4px 8px;
}
}


@media (max-width: 767px) {
  #hero .hero-container{
  height: 65vh;
  background-position:70% center;
    }
    .herotekst {
display:block;
position:absolute;
top:65%;
left:5%;
height:100px;
max-width:80%;
}
.herotekst h2{
font-size:1em;
padding:4px 8px;
}
.herotekst h2 span{
padding: 2px 0px;
  display: inline;
  background: rgba(0,0,0,.9);
  box-shadow: 4px 0 0 rgba(0,0,0,.9), -4px 0 0 rgba(0,0,0,.9);
}
.bbslogo{
margin-left:1.5em;
margin-top:-1.5em;
width:3em;
height:3em;
background-image:url(../img/bbslogo.png);
background-size:cover;
background-position:center center;
}
}

.ctaboks{
margin-top:-7em;
position:relative;
top:-4px;
}

.ctaboks .btn{
background:transparant;
border: none;
height:4em;
border-radius:0;
text-align:left;
}
.ctaboks .btn.btn-support{
border-top: 6px solid white;
border-left: 6px solid white;
border-bottom: 3px solid white;
background-color:var(--red);
}
.ctaboks .btn.btn-update{
border-top: 6px solid white;
border-right: 6px solid white;
border-left: 6px solid white;
border-bottom: 3px solid white;
background-color:var(--green);
}
.ctaboks .btn.btn-news{
border-top: 3px solid white;

border-left: 6px solid white;
border-bottom: 6px solid white;
background-color:var(--lightbrown);
}
.ctaboks .btn.btn-projects{
border-top: 3px solid white;
border-left: 6px solid white;
border-right: 6px solid white;
border-bottom: 6px solid white;
background-color:var(--blue);
}
.ctaboks .btn:hover{
  __transition: background-color 0.9s ease 0.1s ;
  __background-color: rgba(0,0,0,.5);
  filter: brightness(120%);
  transition: filter 0.9s ease 0s ;
  }
  
.ctaboks .btn a{
display:block;
  font-family: "ralewayblack", sans-serif;
    font-weight: 700;
    color:white;
    font-size:1.4em;
	line-height:1.8em;
	width:100%;
	height:100%;
}

@media (max-width: 767px) {
.ctaboks{
margin-top:-1em;
position:relative;
top:-8px;
}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  padding: 20px 0;
  height: 95px;
  border-top:1px solid rgb(100,100,100);
  border-bottom:1px solid rgb(100,100,100);
margin-top:-1px;
}


#header #logo {
  float: left;
display:block;
width:16em;
height:4em;
background-image:url(../img/bbslogo.png);
background-size:contain;
background-repeat:no-repeat;
}
#header #logo a{
display:block;
width:100%;
height:100%;
}

@media (max-width: 768px) {
  #header {
      background: rgba(255,255,255,.9);
      position:fixed;
      border:none;
  }
    #header #logo {
position:relative;
left:-10em;
  }
    .is-sticky #logo {
left:0 !important;
  transition: 0.5s !important;
  transition-delay: 0.5s !important;
  }
}

.is-sticky #header {
  background: rgba(255, 255, 255, 0.9);
  border-bottom:1px solid rgb(100,100,100);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
    border-BOTTOM: 1px solid rgb(100,100,100);
    __border-LEFT: 1px solid rgb(100,100,100);
    __border-RIGHT: 1px solid rgb(100,100,100);
      background-color: white;
  background-image: linear-gradient(white, white, rgb(230,230,230));
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
  }

.nav-menu ul li {
  min-width: 180px;

}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {
  float: right;
  margin: 5px 0;
}

@media (max-width: 768px) {
  #nav-menu-container {
    display: none;
  }
}

/* Nav Meu Styling */
.nav-menu a {
font-family:'ralewayblack';
  padding: 10px 15px;
  text-decoration: none;
  display: inline-block;
  color: rgb(100,100,100);
  font-weight: 300;
  font-size: 14px;
  outline: none;
}

.nav-menu a:hover, .nav-menu li:hover > a, .nav-menu .menu-active > a {
  color: var(--red);
}

.nav-menu ul li {
}

.nav-menu ul li:first-child {
  border-top: 0;
}

.nav-menu ul li:hover {
}

.nav-menu ul li a {
font-family:'ralewaylight';
width:100%;
height:100%;
}
.nav-menu ul li a:hover {
font-family:'ralewaylight';
color:var(--red);
}
.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  __margin: 24px 24px 0 0;
  margin: 24px 0px 0 0;
  border: 0;
  background: none;
  font-size: 32px;
  display: none;
  transition: all 0.2s;
  outline: none;
}

#mobile-nav-toggle i {
  color: rgb(100,100,100);
}
.mobile-nav-active #mobile-nav-toggle i {
  font-size: 36px;
}
@media (max-width: 768px) {
  #mobile-nav-toggle {
    display: inline;
  }
}

/* Mobile Nav Styling */
#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 100px;
  bottom: 0;
  z-index: 998;
  background: rgba(255, 255, 255, 0.9);
  left: -100vw;
  width: 100vw;
  overflow-y: auto;
  transition: 0s;
}

#mobile-nav ul {
  padding: 0 50px;
  margin: 0;
  list-style: none;
}
#mobile-nav ul ul {
  padding: 0px;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
font-family:'ralewayblack';
  color: rgb(100,100,100);
  font-size: 16px;
  overflow: hidden;
  padding: 10px 22px 10px 15px;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  outline: none;
}
#mobile-nav ul li li a {
font-family:'ralewaymedium';
}
#mobile-nav ul li a:hover {
  color:var(--red);
}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-down {
  color: rgb(100,100,100);
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: var(--red);
}

#mobile-nav ul .menu-item-active {
  color: var(--red);
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/* Sections Common
--------------------------------*/
.section-title {
  font-size: 32px;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
}

.section-description {
  text-align: center;
  margin-bottom: 40px;
}

.section-title-divider {
  width: 50px;
  height: 3px;
  background: var(--red);
  margin: 0 auto;
  margin-bottom: 20px;
}

/* Topbillede
--------------------------------*/

#topbillede{
background-image:url(../img/casaioana1.jpg);
background-size:cover;
background-position:center center;
height:60vh;
  margin-bottom:4em;
}
#topbillede .overlay{
position:absolute;
width:100%;
height:60vh;
z-index:2;
background-color:rgba(0,0,0,.4);
}
#topbillede h5{
position:relative;
top:40vh;
z-index:3;
font-size:5em;
color:white;
__text-shadow: 0px 0px 4px rgba(0,0,0,.5);
}
@media (max-width: 768px) {
#topbillede h5{
font-size:3em;
}
}

/* Artikel
--------------------------------*/
#artikel{padding:7em 0;}

@media (max-width: 768px) {
#artikel{padding:2em 0;}
}
#artikel h1 {
font-size:3em;
padding:0;
}
#artikel p.bodytext{
margin:0;
}
#artikel h5 {
font-size:1.3em;
line-height:1.5;
__color: var(--red);
margin: 1em 0 2em 0;
padding: 1em 0;
border-top:6px solid var(--red);
border-bottom:6px solid var(--red);
}
#artikel img {
margin-bottom:2em;
}

#artikel .marginboks{
margin-left:-25%;
width:65%;
padding: 2em 1em;
}
#artikel .pull-right.marginboks{
margin-left:0;
margin-right:-25%;
width:65%;
padding: 2em 1em;
}
#artikel .marginboks img {
margin-bottom:0;
}
#artikel ul{
text-indent: -1.35em;
  margin-left:1.35em;
  margin-top:1em;
}
.projektboks{
background-color:var(--green);
padding:1em;
width:100%;
margin: 2em 0 1em 0;
}
.projektboks a{color:rgb(75,75,75);}
.projektboks a:hover{color:var(--red);}

.pull-right.projektboks{
width:65%;
margin: 2em -25% 1em 1em;
}

.pull-left.projektboks{
background-color:var(--blue);
width:65%;
margin: 2em 1em 1em -25%;
color:white;
}
.pull-left.projektboks a{color:white;}
.pull-left.projektboks a:hover{color:var(--red);}

@media (max-width: 768px) {
#artikel .marginboks{
margin-left:0;
width:100%;
padding: 1em 2em;
}
#artikel .pull-right.marginboks{
margin-right:0;
width:100%;
padding: 1em 2em;
}
.pull-right.projektboks, .pull-left.projektboks{
margin:1em 0;
width:100%;
padding:.5em;
}
}

#artikel .marginboks h5{
border:none;
padding:0;
margin:0;
color: var(--red);
}

/* Projekter
--------------------------------*/
#projekter{padding:7em 0;}
#projekter h4{margin-bottom: 0;margin-top:1em;}

@media (max-width: 768px) {
#projekter{padding:2em 0;}
}


/* Støt
--------------------------------*/
#stoet{padding:7em 0;}
@media (max-width: 768px) {
#stoet{padding:2em 0;}
}

/* Nyheder
--------------------------------*/
#nyheder{padding:7em 0;text-align:center;}
@media (max-width: 768px) {
#nyheder{padding:2em 0;}
}

#nyheder img {margin:0 auto;border:6px white solid;  transition: 0.4s;}
#nyheder .col-sm-3 {padding-bottom:3em;}
 
#nyheder h4 {
font-size:1em;
padding-top:.5em;
}
#nyheder h4 a{color:rgb(100,100,100);}
#nyheder h4 a:hover{color:var(--red);}

#nyheder a img:hover{border: 6px var(--red) solid;}

__#nyheder .nyhed {
  text-align: center;
  margin-bottom: 20px;
}

__#nyheder .nyhed .pic {
  margin-bottom: 15px;
  overflow: hidden;
  height: 260px;
}

__#nyheder .nyhed .pic img {
  max-width: 100%;
}

/* Opdateret
--------------------------------*/
#opdateret{
background-color: var(--lightbrown);
padding: 3em 0;
text-align:center;
color:white;
}

#opdateret .c-forms-form-body{margin-bottom:2em !important}
#opdateret .c-choice-radiobuttons{display:none !important;}
#opdateret .c-choice-radiobuttons.c-required{display:block !important;}

#opdateret .c-number-integer {display:none !important;}
#opdateret .c-phone {display:none !important;}
#opdateret .c-text-singleline{display:none !important;}  
#opdateret .c-label{display:none !important;}  
#opdateret .c-editor, #opdateret .c-field{padding:0 !important;}
#opdateret .c-validation {margin:0;}
#opdateret p, #opdateret span {text-align:center; margin-bottom:2em;}
#opdateret .c-html p{text-align:left;padding:1em 0 0 0;font-size:.8em;margin:0 !important;}

#opdateret .c-choice-option span, #opdateret .c-choice-checkboxes span{
display:none !important;
}
#opdateret .c-choice-checkboxes{
display:block;
  float:left;
  width:1.5em;
  max-width:1.5em;
  __overflow:hidden;
  position:relative;
  top:4px;
}

#opdateret .c-choice-checkboxes .c-validation{
position:relative;
  z-index:99;
  width:100% !important;
  background:transparant !important;
    background-color:transparant !important;
  border-left:6px solid red;
}
#opdateret .c-span-20{
display:block;float:left;clear:none !important;width:80% !important;max-width:80% !important;
}

#opdateret .form input, #opdateret .form textarea {
  border-radius: 0;
  box-shadow: none;
  height:4em !important;
}

#opdateret .c-text-singleline.c-required{
width:50%;
display:block !important;
float:left !important;
clear:none !important;
border-top:6px solid white;
border-left:6px solid white;
border-bottom:6px solid white;
}
#opdateret .c-text-singleline.c-required:nth-child(2) {
border-right:6px solid white;
background:red;
}

#opdateret .c-email{
background:white;
width:100%;
display:block !important;
float:left !important;
clear:none !important;
border-right:6px solid white;
border-left:6px solid white;
border-bottom:6px solid white;
}

#opdateret .c-button-section{
}

#opdateret input[type="text"] {
height:3em;
border:none;
background-color: var(--green);
color:white;
padding-left:8px;
border-radius:0;
}
#opdateret input[type="text"]::-webkit-input-placeholder, 
#opdateret input[type="text"]::placeholder {
  color: white;
  font-size: 1em;
}
#opdateret button[type="submit"] {
  background-color: var(--red);
border-radius:0;
border: 6px solid white;
margin:0;
 color: white;

}

#opdateret button[type="submit"]:hover {
background-color: var(--blue);
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background-color: var(--red);
  padding: 30px 0;
  color: white;
  background-image:url(../img/logobund.png);
  background-repeat:no-repeat;
  background-position: right 3em bottom 2em;
  background-size: 40px;
}
@media (max-width: 768px) {
#footer{background-image:none;}
}


#footer p, #footer li{
font-size:.9em;
color:white;
}
#footer a{
color:white;
}
#footer ul {
  list-style: none;
}
#footer ul li{
  list-style: none;

padding-left:2em;
}
#footer ul.first li:before {
  position:absolute;
  margin-left:-2em;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}
#footer ul.first li:nth-child(1):before {
  content: "\F041";
}
#footer ul.first li:nth-child(2):before {
  content: "\F07B";
}
#footer ul.first li:nth-child(3):before {
  content: "\F095";
}
#footer ul.first li:nth-child(4):before {
  content: "\F023";
}

#footer ul.second li:before {
  position:absolute;
  margin-left:-2em;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}
#footer ul.second li:nth-child(1):before {
  content: "\F0E0";
}
#footer ul.second li:nth-child(2):before {
  content: "\F082";
}
#footer ul.second li:nth-child(3):before {
  content: "\F16E";
}
#footer ul.second li:nth-child(4):before {
  content: "\F16A";
}
#footer ul.third li:before {
  position:absolute;
  margin-left:-2em;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}
#footer ul.third li:nth-child(1):before {
  content: "\F10A";
}
#footer ul.third li:nth-child(2):before {
  content: "\F109";
}

.kvartpic h4{
  margin-top:.5em;
  margin-bottom:2em;
}
.kvartpic .billede{
background-position:center center;
background-size:cover;
  background-color:var(--red);
  transition: 0.5s;
}
.kvartpic .billede:hover{
  filter: brightness(50%);
    transition: 0.5s;
}
.text-indent, .well, blockquote{
display:block;
float:right;
background-color:var(--green);
padding:1em;
width:65%;
margin: 2em -25% 1em 1em;
}
.text-indent a{color:rgb(75,75,75);}
.text-indent a:hover{color:var(--red);}

.well{
float:left;
background-color:var(--blue);
margin: 2em 1em 1em -25%;
color:white;
  border-radius:0;
}
.well a{
  background-color:var(--blue);
  color:white;
  padding:.5em;
  border: 6px solid white;
font-family: 'ralewayblack';
  transition: 0.5s;
}
.well a:hover{
  background-color:white;
    color:var(--blue);
}

blockquote{
margin:1em 0;
width:100%;
padding:.5em;
  border-left:0;
}
@media (max-width: 768px) {
.text-indent, .well{
margin:1em 0;
width:100%;
padding:.5em;
}
}

/* Oversigt
--------------------------------*/
#oversigt h4{margin: 1em 0 .5em 0; padding:0;}
#oversigt span time {margin: 0 0 2em 0;color:rgb(100,100,100);display:block;clear:both;}

.nyhedsthumb{

}
@media (max-width: 768px) {
.hideonsmall{display:none}
}




/* Artikel-form
--------------------------------*/
#artikel form{
background-color: var(--lightbrown);
padding: 1em;
__text-align:center;
color:white;
margin-bottom:2em;
}

#artikel .c-forms-form-body{margin-bottom:2em !important}
__#artikel .c-choice-radiobuttons{display:none !important;}
__#artikel .c-choice-radiobuttons.c-required{display:block !important;}

__#artikel .c-number-integer {display:none !important;}
__#artikel .c-phone {display:none !important;}
__#artikel .c-text-singleline{display:none !important;}  
#artikel .c-label{display:none !important;}  
#artikel .c-editor, #artikel .c-field{padding:0 !important;}
#artikel .c-validation {margin:0;}
#artikel form p, #artikel form span {text-align:center; margin-bottom:2em;}

#artikel .c-html p,
#artikel .c-choice-radiobuttons span{text-indent: 0 !important;text-align:left;padding:1em 0 0 0;font-size:.8em;margin:0 !important;}
#artikel .c-choice-radiobuttons{margin: 1em 0;}
#artikel .c-choice-radiobuttons span{
display:block;
float:left;
width:80%;  
}
#artikel .c-choice-radiobuttons label{padding:0 !important;}
#artikel .c-choice-radiobuttons input {
display:block;
  float:left;
  width:1.5em;
  max-width:1.5em;
  position:relative;
  top:8px;
padding-left:0 !important;
margin-left:0 !important;
}

__#artikel .c-choice-option span, #artikel .c-choice-checkboxes span{
display:none !important;
}
#artikel .c-choice-checkboxes {
display:block;
  float:left;
  width:1.5em;
  max-width:1.5em;
  __overflow:hidden;
  position:relative;
  top:4px;
}

#artikel .c-choice-checkboxes .c-validation{
position:relative;
  z-index:99;
  width:100% !important;
  background:transparant !important;
    background-color:transparant !important;
  border-left:6px solid red;
}
#artikel .c-span-20{
display:block;float:left;clear:none !important;width:80% !important;max-width:80% !important;
}

#artikel .form input, #artikel .form textarea {
  border-radius: 0;
  box-shadow: none;
  height:4em !important;
}

#artikel .c-text-singleline,
#artikel .c-number-integer{
width:50%;
display:block !important;
float:left !important;
clear:none !important;
border-top:6px solid white;
border-left:6px solid white;
border-bottom:6px solid white;
}
#artikel .c-text-singleline:nth-child(2),
#artikel .c-text-singleline:nth-child(7){
border-right:6px solid white;
}

#artikel .c-number-integer, 
#artikel .c-text-singleline:nth-child(7){
border-top:0;
}

#artikel .c-email, #artikel .c-phone, #artikel .c-text-singleline:nth-child(5){
background:white;
width:100%;
display:block !important;
float:left !important;
clear:none !important;
border-right:6px solid white;
border-left:6px solid white;
border-bottom:6px solid white;
  border-top:0;
}

#artikel .c-button-section{
}

#artikel input[type="text"], .el-input__inner {
height:3em;
border:none;
background-color: var(--green);
color:white;
padding-left:8px;
border-radius:0;
}
#artikel input[type="text"]::-webkit-input-placeholder, 
#artikel input[type="text"]::placeholder {
  color: white;
  font-size: 1em;
}
#artikel button[type="submit"] {
  background-color: var(--red);
border-radius:0;
border: 6px solid white;
margin:0;
 color: white;

}

#artikel button[type="submit"]:hover {
background-color: var(--blue);
}

.frame-type-menu_subpages ul{
margin-bottom:3em;
}



section#artikel.projektnyhed{
padding: 0 0 !important; 
position:relative;
top:0em;
margin-bottom:2em;
}
div.projektnyhed{
padding:1em 1em;
background:var(--lightbrown);
}
section.projektnyhed h4{
Margin:0;
Padding:0;
}
@media (max-width: 768px) {
section.projektnyhed h4, section.projektnyhed time {
padding: 0 8px 0px 8px;
}
  }
@media (min-width: 768px) {
section#artikel.projektnyhed{
margin-top:-4em;
}
  }
.cog-label{
  display:none !important;
  background-color:green;
}
.cog-content p {
text-align:left !important;
}